.process-expanded{background:#f0f2f2}
.process-intro{display:grid;grid-template-columns:1.35fr .65fr;gap:5vw;align-items:end}
.process-intro>p,.process-steps p{color:#4c555f}
.process-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.75fr);gap:6vw;margin-top:4rem;align-items:start}
.process-steps{list-style:none;padding:0;margin:0}
.process-steps li{display:grid;grid-template-columns:70px 1fr;gap:1.3rem;padding:0 0 2.2rem;position:relative}
.process-steps li:before{content:"";position:absolute;left:28px;top:42px;bottom:0;width:1px;background:#b88e43}
.process-steps li:last-child:before{display:none}
.process-steps span{width:58px;height:58px;border:1px solid #b88e43;border-radius:50%;display:grid;place-items:center;color:#8e692b;background:#f0f2f2;font-weight:700}
.process-steps h3{margin:.2rem 0 .4rem;font-size:1.25rem}
.process-steps p{margin:0}
.process-photo{position:sticky;top:110px;margin:0;background:#152b3e;color:white}
.process-photo img{height:min(72vh,780px);min-height:520px;object-fit:cover;filter:saturate(.75) contrast(1.04)}
.process-photo figcaption{padding:1rem 1.2rem;font-size:.9rem}
.certificate-suite{background:#e7e1d5}
.credential-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.credential-grid article{background:white;padding:2rem}
.credential-grid h2{font-size:1.55rem}
.credential-grid dl div{display:flex;gap:1rem;justify-content:space-between;border-top:1px solid var(--line);padding:.6rem 0}
.credential-grid dd{margin:0}
.certificate-status{border-left:3px solid #a46f22;padding-left:1rem;color:#6c4c18}
.bluesign-card{background:#153449!important;color:white}
.advantages{display:grid;grid-template-columns:1.2fr .8fr;gap:7vw;background:#102a3f;color:white}
.advantage-list{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2.5rem}
.advantage-list article{border-top:1px solid #6d7d89;padding:1rem 0}
.advantage-list span{color:#d4ad68}
.advantages aside{background:#f2ece0;color:#172b3b;padding:2.2rem}
.brand-pills{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.5rem}
.brand-pills span{border:1px solid #a99e8c;padding:.55rem .8rem;font-weight:700}
.thirty-d-feature{display:grid;grid-template-columns:1.25fr .75fr;gap:5vw;align-items:stretch;background:#e8e3d7;color:#102a3f}
.thirty-d-feature h2{max-width:750px;margin:.25rem 0 1rem}
.thirty-d-feature>div>p:not(.eyebrow){max-width:760px;font-size:1.08rem;line-height:1.75}
.thirty-d-feature aside{background:#102a3f;color:#fff;display:flex;min-height:260px;padding:2rem;flex-direction:column;justify-content:space-between}
.thirty-d-feature .thirty-d-photo{padding:0;position:relative;overflow:hidden;isolation:isolate}
.thirty-d-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,#102a3fe8 86%);z-index:-1}
.thirty-d-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.94;z-index:-2}
.thirty-d-photo span,.thirty-d-photo p{padding-inline:2rem}
.thirty-d-feature aside span{font-size:clamp(4rem,9vw,8rem);font-weight:700;letter-spacing:-.09em;line-height:.8;color:#d4ad68}
.thirty-d-feature aside p{margin:0;font-weight:700;font-size:1.1rem;line-height:1.55}
.patch-hero{margin:2rem 0;display:grid;grid-template-columns:minmax(300px,650px) minmax(240px,1fr);gap:2rem;align-items:end}
.patch-hero .service-hero{max-height:540px;max-width:none;margin:0;object-fit:contain;background:#e9e6df}
.patch-hero figcaption{font-size:1rem;max-width:520px}
.accessory-hero{margin:2rem 0;display:grid;grid-template-columns:minmax(320px,.85fr) minmax(240px,.5fr);gap:2rem;align-items:end;background:#f1eee7}
.accessory-hero img{width:100%;height:100%;min-height:240px;object-fit:cover}
.accessory-hero figcaption{padding:2rem;font-size:1rem;line-height:1.6}
.patch-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:2rem 0 3rem}
.patch-gallery img{width:100%;aspect-ratio:1/1;object-fit:cover;background:#f6f3ed}
.blog>h1,.blog-post>h1{max-width:1000px}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem;margin:3rem 0}
.blog-grid article{background:#e9edef;padding:2rem}
.blog-grid h2{font-size:1.45rem}
.blog-grid time,.blog-post time{font-size:.875rem;color:#65717b}
.editorial-note{background:#efe4d1;padding:2rem;max-width:950px}
.blog-post>section{margin-top:3rem}
.comparison-figure{margin:2.5rem 0 3rem;background:#f5f2ec}
.comparison-figure img{display:block;width:100%}
.comparison-figure figcaption{padding:1rem 1.25rem;color:#4c555f;font-size:.95rem;line-height:1.6}
.thirty-d-gallery{display:grid;grid-template-columns:1.05fr 1fr .7fr;gap:1rem;margin:2rem 0 3rem}
.thirty-d-gallery img{width:100%;height:100%;min-height:260px;object-fit:cover;background:#f5f2ec}
.article-cta{display:flex;gap:1rem;flex-wrap:wrap;margin-top:4rem}
.colour-card-live{display:block}
.colour-card-live>article{background:white;padding:1.4rem;margin:1.2rem 0}
.colour-card-live h3{margin-top:0}
.card-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-bottom:1rem}
.colour-card-live details{border-top:1px solid var(--line);padding-top:1rem}
.colour-card-live summary{cursor:pointer;font-weight:700}
.colour-card-live object{width:100%;height:min(75vh,850px);margin-top:1rem;background:#ddd}
.pending-card{align-items:center}
.download-center{margin:3rem 0 5rem;padding:2rem;background:#102a3f;color:white}
.download-center-head{display:grid;grid-template-columns:1fr 1fr;gap:4vw;align-items:end;border-bottom:1px solid #5c7081;padding-bottom:1.5rem}
.download-center-head h2{margin:.2rem 0;font-size:clamp(1.7rem,2.7vw,2.7rem)}
.download-center-head>p{margin:0;color:#ced6dc}
.download-center-copy{display:flex;align-items:flex-end;justify-content:space-between;gap:1.25rem}
.download-center-copy p{margin:0;color:#ced6dc;max-width:48rem}
.colour-sample-open{flex:0 0 auto;background:#d4ad68;color:#102a3f;border-color:#d4ad68}
.download-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#526677;margin-top:1px}
.download-card-grid article{background:#102a3f;padding:1.25rem;min-height:175px;display:flex;flex-direction:column}
.download-card-grid article>span{font-size:1.7rem;color:#d4ad68}
.download-card-grid h3{font-size:1rem;margin:.6rem 0 1.2rem}
.download-card-grid article>div{display:flex;gap:1rem;flex-wrap:wrap;margin-top:auto}
.download-card-grid a{text-decoration:underline;font-size:.9rem}
.sample-dialog{width:min(760px,calc(100% - 2rem));max-height:90vh;overflow:auto;border:0;padding:clamp(1.4rem,4vw,3rem);color:#172b3b;box-shadow:0 24px 80px #07152288}
.sample-dialog::backdrop{background:#071522c9;backdrop-filter:blur(3px)}
.sample-dialog h2{font-size:clamp(1.8rem,4vw,3rem);margin:.3rem 0 1rem}
.sample-dialog fieldset{border:1px solid #ccd3d8;margin:1.5rem 0;padding:1.2rem}
.sample-dialog legend{font-weight:700;padding:0 .5rem}
.sample-dialog-close{position:absolute;right:1rem;top:1rem;width:42px;height:42px;border:1px solid #aeb8bf;background:white;font-size:1.7rem;line-height:1;cursor:pointer}
.card-multiselect{border:1px solid #aeb8bf;background:white}
.card-multiselect summary{cursor:pointer;padding:1rem;font-weight:700;display:flex;justify-content:space-between;gap:1rem}
.card-multiselect summary span{background:#102a3f;color:white;min-width:2rem;text-align:center;padding:.1rem .45rem}
.card-option-list{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid #d9dfe3;max-height:330px;overflow:auto}
.card-option-list label{display:flex;align-items:flex-start;gap:.55rem;padding:.75rem;border-bottom:1px solid #e2e6e9;cursor:pointer}
.card-option-list input{margin-top:.25rem}
.field-error{color:#9c2d2d;font-weight:700;min-height:1.5rem;margin:.4rem 0 0}
.sample-service-note{font-size:.85rem;color:#5f6a72;margin-top:1rem}
@media(max-width:900px){.process-intro,.process-layout,.advantages,.patch-hero,.thirty-d-feature,.accessory-hero{grid-template-columns:1fr}.process-photo{position:static}.credential-grid,.blog-grid{grid-template-columns:1fr}.patch-gallery{grid-template-columns:repeat(2,1fr)}.thirty-d-gallery{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.download-center-head{grid-template-columns:1fr}.download-center-copy{align-items:flex-start;flex-direction:column}.download-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.advantage-list{grid-template-columns:1fr}.process-steps li{grid-template-columns:54px 1fr}.process-steps span{width:44px;height:44px}.process-steps li:before{left:21px;top:44px}.colour-card-live object{height:60vh}.download-center{padding:1.2rem;margin-inline:-2vw}.download-card-grid,.card-option-list,.thirty-d-gallery{grid-template-columns:1fr}.download-card-grid article{min-height:0}.sample-dialog{padding:1.35rem}.sample-dialog fieldset{padding:.8rem}}