visual.css

/* Visual system for the compact home, product and manufacturing journeys. */
:root{--soft-blue:#edf2ff;--deep:#111827;--warm:#f2eee7;--green:#dfeae3;--radius:18px;--shadow:0 18px 45px rgba(27,35,58,.10)}
.extension-page{overflow-x:hidden}.extension-page .site-header{height:82px}.extension-page .button,.home-polish .button{border-radius:10px}.breadcrumbs{display:flex;gap:9px;align-items:center;padding-top:18px;font-size:13px;color:var(--muted)}.breadcrumbs a{text-decoration:none}.compact-heading{max-width:720px}.compact-heading .eyebrow{margin-bottom:14px}.compact-heading h2{margin-bottom:16px}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px}.hero-actions .text-button{text-decoration:none}.capability-badges{display:flex;flex-wrap:wrap;gap:8px}.capability-badges span,.feasibility-chips span{padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:12px;color:var(--ink)}.context-note{font-size:12px;line-height:1.55;color:var(--muted)}

/* Products */
.product-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);gap:68px;align-items:center;padding-top:58px;padding-bottom:82px}.product-hero h1,.factory-hero h1{font-size:clamp(50px,5.2vw,78px);letter-spacing:-3px}.product-hero-copy .hero-lead{max-width:590px}.product-hero-copy .capability-badges{margin-top:28px}.product-hero-mosaic{display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:1fr 1fr;gap:12px;height:570px}.product-hero-mosaic figure{margin:0;overflow:hidden;border-radius:var(--radius);background:#e8e9ec}.product-hero-mosaic .mosaic-large{grid-row:1/3}.product-hero-mosaic img{width:100%;height:100%;display:block;object-fit:cover}.product-hero-mosaic figure:nth-child(2) img{object-position:center 46%}.product-hero-mosaic figure:nth-child(3) img{object-position:center}
.product-collections{background:#eef1f5}.material-filter{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:26px 0}.material-filter button{min-height:44px;padding:9px 15px;border:1px solid #cfd4de;border-radius:999px;background:#fff;color:var(--ink);cursor:pointer}.material-filter button[aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}.material-filter output{margin-left:auto;font-size:13px;color:var(--muted)}.product-bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:285px;gap:16px}.product-capability{position:relative;grid-column:span 4;overflow:hidden;border-radius:var(--radius);background:#111;color:#fff;cursor:pointer}.product-capability:nth-child(1),.product-capability:nth-child(2){grid-column:span 6;grid-row:span 2}.product-capability img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .45s ease}.product-capability::after{content:'';position:absolute;inset:36% 0 0;background:linear-gradient(transparent,rgba(3,8,20,.92))}.product-capability:hover img{transform:scale(1.025)}.product-capability>a{position:absolute;z-index:1;inset:0;color:#fff;text-decoration:none}.product-capability .capability-copy{position:absolute;z-index:2;left:22px;right:22px;bottom:20px;pointer-events:none}.product-capability h3{font-size:26px;line-height:1.08;margin:8px 0}.product-capability p{margin:0;color:#e7ebf2;font-size:14px;line-height:1.45}.product-capability .card-arrow{position:absolute;z-index:3;top:16px;right:16px;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.92);color:var(--ink)}.product-capability[hidden]{display:none}.capability-note{margin-top:20px;color:var(--muted);font-size:13px}
.direction-builder{background:var(--deep);color:#fff}.direction-builder .section-heading>p:last-child{color:#c4cad4}.direction-workspace{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);gap:28px;margin-top:38px}.direction-workspace>figure{position:relative;margin:0;min-height:570px;border-radius:var(--radius);overflow:hidden;background:#263044}.direction-workspace>figure img{width:100%;height:100%;display:block;object-fit:cover}.direction-workspace>figure figcaption{position:absolute;left:18px;bottom:18px;padding:8px 11px;background:rgba(13,18,30,.78);border-radius:8px;font-size:12px}.direction-controls{border:1px solid #344056;border-radius:var(--radius);padding:28px;background:#182130}.direction-controls label{color:#b8c2d2}.direction-controls select{background:#111927;color:#fff;border-color:#4d5b71;border-radius:9px}.direction-controls h3{font-size:30px;margin:26px 0 14px}.direction-controls .capability-badges span{background:#253249;color:#fff;border-color:#45516a}.customization-dimensions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:24px 0}.customization-dimensions div{min-height:86px;padding:13px;border:1px solid #344056;border-radius:10px}.customization-dimensions strong{display:block;font-size:13px}.customization-dimensions span{display:block;color:#9eabba;font-size:11px;line-height:1.35;margin-top:7px}.enquiry-checklist{display:flex;flex-wrap:wrap;gap:7px;margin:22px 0}.enquiry-checklist strong{width:100%;font-size:13px}.enquiry-checklist span,.send-checklist span{padding:7px 9px;border-radius:7px;background:#273247;font-size:11px;color:#dce3ee}.direction-controls .context-note{color:#9eabba}
.material-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.material-cards article{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;padding-bottom:18px}.material-cards img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}.material-cards h3{font-size:22px;margin:18px 16px 12px}.material-cards article>div{display:flex;gap:5px;flex-wrap:wrap;padding:0 16px}.material-cards article span{font-size:10px;border-radius:999px;background:var(--soft-blue);padding:6px 8px}.material-cards p{font-size:13px;line-height:1.45;color:var(--muted);margin:13px 16px 0}.customization-section{display:grid;grid-template-columns:1.15fr .85fr;gap:68px;align-items:center}.customization-visual{position:relative;border-radius:var(--radius);overflow:hidden}.customization-visual img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.callout{position:absolute;padding:7px 9px;border-radius:7px;background:rgba(255,255,255,.94);box-shadow:0 4px 14px rgba(0,0,0,.12);font-size:11px}.callout.shape{left:8%;top:14%}.callout.material{right:9%;top:12%}.callout.colour{left:18%;bottom:15%}.callout.finish{right:17%;bottom:23%}.callout.packaging{right:4%;top:48%}.mini-route{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:30px 0}.mini-route span{padding:9px 10px;border:1px solid var(--line);border-radius:8px;font-size:12px}.mini-route i{font-style:normal;color:var(--blue)}

/* Manufacturing */
.factory-hero{display:grid;grid-template-columns:minmax(0,.83fr) minmax(560px,1.17fr);gap:58px;align-items:center;padding-top:54px;padding-bottom:74px}.factory-hero-copy .hero-lead{max-width:540px}.factory-hero-media{position:relative;margin:0;border-radius:var(--radius);overflow:hidden;background:#e5e7eb;box-shadow:var(--shadow)}.factory-hero-media>img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}.factory-hero-media figcaption{position:absolute;top:15px;left:15px;background:rgba(255,255,255,.9);border-radius:7px;padding:7px 10px;font-size:11px}.factory-proof{display:grid;grid-template-columns:repeat(4,1fr);background:#fff}.factory-proof span{padding:16px;border-right:1px solid var(--line);font-size:11px;color:var(--muted)}.factory-proof span:last-child{border:0}.factory-proof strong{display:block;color:var(--ink);font-size:13px;margin-bottom:5px}.factory-route{grid-template-columns:repeat(5,1fr)}.history-visual{display:grid;grid-template-columns:.72fr 1.28fr;gap:72px}.history-timeline{display:grid;grid-template-columns:1fr 86px 1fr;align-items:center}.history-timeline article{min-height:230px;padding:30px;border-radius:var(--radius);background:#fff;border:1px solid var(--line)}.history-timeline article span{font-size:42px;color:var(--blue);font-weight:600}.history-timeline article h3{font-size:23px}.history-timeline article p{font-size:14px;color:var(--muted);line-height:1.55}.history-timeline>i{height:2px;background:var(--blue);position:relative}.history-timeline>i::before,.history-timeline>i::after{content:'';position:absolute;top:-4px;width:10px;height:10px;border-radius:50%;background:var(--blue)}.history-timeline>i::before{left:0}.history-timeline>i::after{right:0}.history-visual .factory-relationship{grid-column:2;margin:0}.manufacturing-routing{background:#eef1f5}.routing-map{display:grid;grid-template-columns:.55fr .75fr 2fr;align-items:stretch;gap:26px}.routing-start,.routing-review{align-self:center;padding:24px;border-radius:12px;background:#fff;border:1px solid var(--line);position:relative}.routing-start::after,.routing-review::after{content:'→';position:absolute;right:-20px;top:50%;transform:translateY(-50%);color:var(--blue);font-size:22px}.routing-map small{display:block;color:var(--blue);margin-bottom:8px}.routing-map strong{font-size:18px}.routing-review span{display:block;color:var(--muted);font-size:12px;margin-top:8px}.routing-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.routing-options article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px}.routing-options img{width:58px;height:44px;object-fit:contain}.routing-options h3{font-size:20px;margin:14px 0 10px}.routing-options p{font-size:13px;line-height:1.45;color:var(--muted);min-height:58px}.routing-options strong{font-size:12px;color:var(--blue)}.feasibility-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.production-story{background:var(--deep);color:#fff}.production-story .section-heading>p:last-child,.production-story .rail-heading p,.production-story .evidence-note{color:#aeb8c8}.rail-heading{display:flex;justify-content:space-between;align-items:center}.rail-controls{display:flex;gap:8px}.rail-controls button{width:46px;height:46px;border:1px solid #495469;border-radius:50%;background:#202b3d;color:#fff;cursor:pointer}.production-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,25%);gap:14px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;list-style:none;padding:8px 0 20px;margin:14px 0;scrollbar-color:#596579 #202a3a}.production-rail li{scroll-snap-align:start;overflow:hidden;border:1px solid #344056;border-radius:14px;background:#192334;padding-bottom:20px}.production-rail img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}.production-rail li>span{display:block;color:#86a0ff;font-size:12px;margin:18px 18px 0}.production-rail h3{font-size:21px;margin:8px 18px}.production-rail p{font-size:13px;color:#b7c1d0;line-height:1.45;margin:0 18px}.production-output{display:flex;align-items:center;justify-content:center;gap:18px;padding:17px;border:1px solid #344056;border-radius:10px;color:#c7d0dd}.production-output strong{color:#fff}.production-output i{font-style:normal;color:#86a0ff}.quality-board{background:var(--warm)}.quality-board>.shell{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}.quality-intro>p:last-child{color:var(--muted);line-height:1.55}.evidence-board{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.evidence-board article{min-height:230px;border-radius:12px;background:#fff;padding:18px;display:flex;flex-direction:column}.evidence-board article>span{color:var(--blue);font-size:12px}.evidence-board h3{font-size:18px;line-height:1.2;margin:18px 0}.evidence-board article>div{margin-top:auto}.evidence-board small{display:block;font-size:11px;padding:8px 0;border-top:1px solid var(--line)}.evidence-board small::before{content:'✓';color:var(--blue);margin-right:6px}.quality-risks{grid-column:1/-1;border-top:1px solid #d4ccbf;padding-top:22px}.quality-risks summary{cursor:pointer;font-size:17px}.quality-risks div{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.quality-risks span{background:#fff;border-radius:999px;padding:8px 11px;font-size:12px}.manufacturing-experience{display:grid;grid-template-columns:.65fr 1.35fr;gap:70px}.brand-proof-copy p{color:var(--muted);line-height:1.55}.compact-logo-wall{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.compact-logo-wall .logo-item{height:80px;border:1px solid var(--line);background:#fff;display:grid;place-items:center;padding:10px}.compact-logo-wall img{width:100%;height:100%;object-fit:contain}.commerce-crosslink{background:var(--soft-blue)}.commerce-crosslink>.shell{min-height:112px;display:flex;align-items:center;justify-content:space-between;gap:30px}.commerce-crosslink p{font-size:17px}.commerce-crosslink .text-button{text-decoration:none;white-space:nowrap}.manufacturing-cta{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.manufacturing-cta figure{margin:0}.manufacturing-cta figure img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:var(--radius)}.manufacturing-cta figcaption{font-size:11px;color:var(--muted);margin-top:9px}.send-checklist{display:flex;flex-wrap:wrap;gap:7px;margin:26px 0}.send-checklist span{background:var(--soft-blue);color:var(--ink)}

@media(max-width:1100px){.product-hero,.factory-hero{grid-template-columns:1fr 1fr;gap:34px}.product-hero-mosaic{height:470px}.product-bento{grid-auto-rows:240px}.material-cards{grid-template-columns:repeat(3,1fr)}.routing-map{grid-template-columns:1fr 1fr}.routing-options{grid-column:1/-1}.routing-review::after{display:none}.quality-board>.shell{grid-template-columns:1fr}.manufacturing-experience{grid-template-columns:1fr}.compact-logo-wall{grid-template-columns:repeat(5,1fr)}}
@media(max-width:767px){.extension-page .site-header{height:auto}.product-hero,.factory-hero{grid-template-columns:1fr;padding-top:36px;padding-bottom:52px}.product-hero-mosaic{height:430px;grid-template-columns:1.2fr .8fr}.factory-hero-media>img{aspect-ratio:4/3}.factory-proof{grid-template-columns:1fr 1fr}.factory-proof span:nth-child(2){border-right:0}.product-bento{grid-template-columns:1fr;grid-auto-rows:330px}.product-capability,.product-capability:nth-child(1),.product-capability:nth-child(2){grid-column:auto;grid-row:auto}.material-filter output{width:100%;margin:5px 0 0}.direction-workspace,.customization-section,.history-visual,.manufacturing-cta{grid-template-columns:1fr}.direction-workspace>figure{min-height:430px}.customization-dimensions{grid-template-columns:1fr}.material-cards{display:grid;grid-auto-flow:column;grid-auto-columns:76%;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px}.material-cards article{scroll-snap-align:start}.factory-route{grid-template-columns:1fr 1fr}.history-timeline{grid-template-columns:1fr;gap:12px}.history-timeline>i{width:2px;height:36px;margin-left:30px}.history-timeline>i::before,.history-timeline>i::after{left:-4px}.history-timeline>i::after{top:auto;bottom:-4px}.history-visual .factory-relationship{grid-column:1}.routing-map{grid-template-columns:1fr}.routing-start::after,.routing-review::after{content:'↓';top:auto;bottom:-25px;left:24px;right:auto;transform:none}.routing-review::after{display:block}.routing-options{grid-template-columns:1fr}.production-rail{grid-auto-columns:82%}.quality-board>.shell{gap:34px}.evidence-board{grid-template-columns:repeat(2,1fr)}.evidence-board article:last-child{grid-column:1/-1}.compact-logo-wall{grid-template-columns:repeat(3,1fr)}.commerce-crosslink>.shell{align-items:flex-start;flex-direction:column;padding-block:25px}.manufacturing-cta{gap:36px}}
@media(max-width:390px){.product-hero-mosaic{height:370px}.product-bento{grid-auto-rows:300px}.direction-workspace>figure{min-height:360px}.compact-logo-wall{grid-template-columns:repeat(2,1fr)}.evidence-board{grid-template-columns:1fr}.evidence-board article:last-child{grid-column:auto}.factory-route{grid-template-columns:1fr}.factory-proof{grid-template-columns:1fr}.factory-proof span{border-right:0;border-bottom:1px solid var(--line)}}
@media(prefers-reduced-motion:reduce){.product-capability img{transition:none}}

/* Homepage visual compression */
.home-polish .hero{min-height:610px}.home-polish .hero-copy .hero-actions{margin-top:28px}.home-polish .hero-copy .text-button{text-decoration:none}.hero-path{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:26px;color:var(--muted);font-size:12px}.hero-path span{padding:7px 9px;border:1px solid var(--line);border-radius:7px;background:#fff}.hero-path i{font-style:normal;color:var(--blue)}.home-polish .page-route{padding-block:18px}.visual-services article{position:relative;border:1px solid var(--line);border-top:3px solid var(--blue);border-radius:14px;padding:22px;background:#fff}.visual-services article img{width:62px;height:48px;object-fit:contain}.visual-services article>span{font-size:11px;letter-spacing:.08em;text-transform:uppercase;margin-top:15px}.visual-services h3{margin:10px 0 8px}.visual-services p{margin:0 0 18px}.visual-services strong{font-size:13px;font-weight:500;color:var(--blue)}.audience-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.audience-chips span{font-size:12px;padding:8px 11px;border-radius:999px;background:#eef1f5}.home-polish .brand-experience{padding-block:58px}.home-polish .brand-experience .section-heading{margin-bottom:20px}.home-polish .brand-experience h2{font-size:clamp(30px,3vw,42px)}.home-polish .logo-item{height:76px}.home-polish .experience-actions{margin-top:14px}.home-categories{background:#eef1f5}.home-bento{grid-template-columns:repeat(12,1fr);gap:14px}.home-bento article{grid-column:span 3;position:relative;overflow:hidden;min-height:270px;border-radius:14px;background:#161a23;color:#fff}.home-bento article.featured{grid-column:span 6;min-height:430px}.home-bento img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;aspect-ratio:auto}.home-bento article::after{content:'';position:absolute;inset:32% 0 0;background:linear-gradient(transparent,rgba(4,8,15,.9))}.home-bento article>div{position:absolute;z-index:1;left:20px;right:20px;bottom:18px}.home-bento h3{margin:8px 0;font-size:23px}.home-bento .featured h3{font-size:30px}.home-bento p{min-height:0;margin:0 0 9px;color:#e6e9ef}.home-bento span,.home-bento small{font-size:11px;color:#d8dfea}.visual-approach article{overflow:hidden;border:1px solid var(--line);border-radius:14px;padding:0;background:#fff}.visual-approach img{width:100%;aspect-ratio:4/3;object-fit:cover;margin:0}.visual-approach article>div{padding:19px}.visual-approach article span{font-size:11px;color:var(--blue);text-transform:uppercase;letter-spacing:.08em}.visual-approach h3{margin:9px 0}.visual-approach p{margin:0 0 15px}.visual-approach strong{font-size:12px;font-weight:500;border-left:2px solid var(--blue);padding-left:9px}.home-development{background:#eef1f5}.development-story{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.development-story article{background:#fff;border-radius:14px;overflow:hidden;padding-bottom:18px}.development-story img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.development-story span{display:block;margin:16px 18px 0;color:var(--blue);font-size:11px}.development-story h3{font-size:22px;margin:8px 18px 0}.story-footer{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.story-footer p{font-size:12px;color:var(--muted)}.story-footer .text-button{text-decoration:none}.home-polish .manufacturing-link{display:inline-block;text-decoration:none;margin-top:8px}.home-polish .working-process{padding-top:76px}.home-polish .process-journey{margin-top:38px}.home-commerce>.shell{display:grid;grid-template-columns:1fr 1fr auto;gap:36px;align-items:center;padding-block:42px}.home-commerce .eyebrow{margin-bottom:10px}.home-commerce h2{font-size:clamp(28px,3vw,40px);letter-spacing:-1.2px;margin-bottom:10px}.home-commerce p{margin:0;color:var(--muted)}.commerce-mini{display:grid;grid-template-columns:1fr 1fr;gap:10px}.commerce-mini article{padding:16px;border-radius:10px;background:#fff}.commerce-mini strong,.commerce-mini span{display:block}.commerce-mini strong{font-size:14px}.commerce-mini span{font-size:11px;color:var(--muted);margin-top:7px}.home-commerce .button{white-space:nowrap}
@media(max-width:1000px){.home-bento article{grid-column:span 6}.home-commerce>.shell{grid-template-columns:1fr 1fr}.home-commerce .button{justify-self:start}.home-polish .process-journey{margin-top:30px}}
@media(max-width:767px){.home-polish .hero{min-height:0}.home-bento{grid-template-columns:1fr 1fr}.home-bento article,.home-bento article.featured{grid-column:auto;min-height:310px}.home-bento article.featured{grid-column:1/-1;min-height:390px}.visual-approach{display:grid;grid-auto-flow:column;grid-auto-columns:82%;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px}.visual-approach article{scroll-snap-align:start}.development-story{display:grid;grid-auto-flow:column;grid-auto-columns:82%;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px}.development-story article{scroll-snap-align:start}.home-commerce>.shell{grid-template-columns:1fr;gap:22px}.commerce-mini{grid-template-columns:1fr}.story-footer{align-items:flex-start;flex-direction:column;gap:8px}}
@media(max-width:390px){.home-bento{grid-template-columns:1fr}.home-bento article,.home-bento article.featured{grid-column:auto;min-height:310px}}
.product-hero-mosaic figcaption{position:absolute;left:12px;bottom:12px;padding:7px 9px;border-radius:7px;background:rgba(10,15,25,.76);color:#fff;font-size:11px}.product-hero-mosaic figure{position:relative}.product-capability>a>.category-art{position:absolute;inset:0}.product-capability>a>div:last-child{position:absolute;z-index:2;left:22px;right:22px;bottom:20px}.product-capability>a>div:last-child h3{color:#fff}.product-capability>a>div:last-child p{color:#e7ebf2}.product-capability>a>div:last-child .card-arrow{top:auto;right:0;bottom:1px}.material-filter #category-count{margin-left:auto;font-size:13px;color:var(--muted)}.material-tags{display:flex;gap:7px;flex-wrap:wrap;margin:20px 0}.material-tags span{padding:8px 10px;border:1px solid #45516a;border-radius:999px;background:#253249;color:#fff;font-size:11px}.customization-dimensions article{min-height:104px;padding:13px;border:1px solid #344056;border-radius:10px}.customization-dimensions article>span{color:#8da5ff;font-size:11px}.customization-dimensions article h3{font-size:14px;margin:8px 0}.customization-dimensions article p{font-size:11px;line-height:1.4;color:#9eabba;margin:0}
@media(max-width:767px){.material-filter #category-count{width:100%;margin:5px 0 0}}

/* September responsive refinements */
.home-category-actions{margin-top:34px}.home-category-actions .button{margin-top:12px}.home-selection{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);gap:70px;align-items:center}.home-selection figure{margin:0}.home-selection figure img{display:block;width:100%;aspect-ratio:16/11;object-fit:cover;border-radius:16px}.home-selection figcaption{font-size:11px;color:var(--muted);margin-top:10px}.home-selection h2{font-size:clamp(38px,4vw,58px)}.selection-intro{font-size:17px;line-height:1.55;color:var(--muted)}.selection-points{list-style:none;padding:0;margin:26px 0 0}.selection-points li{display:grid;grid-template-columns:110px 1fr;column-gap:18px;border-top:1px solid var(--line);padding:16px 0}.selection-points li span{grid-row:1/3;color:var(--blue);font-size:11px;text-transform:uppercase;letter-spacing:.06em;padding-top:5px}.selection-points h3{font-size:21px;margin:0 0 5px}.selection-points p{font-size:14px;line-height:1.45;color:var(--muted);margin:0}.buyer-paths-section{padding-bottom:54px}.buyer-paths-section .buyer-paths{margin-top:0}.home-commerce-restored{background:#e9edf7}.home-commerce-restored .extension-grid{gap:90px}.home-commerce-restored .extension-list article:first-child{padding-top:0}.home-commerce-restored .button{margin-top:18px}.home-polish .process-journey{gap:20px}.home-polish .process-journey::before,.home-polish .process-journey>li::after{display:none}.home-polish .process-journey>li{position:relative;border:0}.home-polish .process-anchor{position:absolute;z-index:2;top:0;left:0;width:28px;height:28px;border:3px solid var(--paper);background:var(--blue);color:#fff;font-size:10px;box-shadow:0 3px 9px rgba(40,69,232,.25)}.home-polish .process-journey img{width:68px;height:52px;margin:10px 0 10px 12px}.home-polish .process-copy h3{font-size:22px}.home-polish .process-output{min-height:62px;padding:10px 12px}.home-polish .process-output small{margin-bottom:4px}.home-polish .process-output strong{font-size:13px}.home-polish .working-process{padding-bottom:74px}

/* Equal product category cards */
.equal-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-rows:310px!important;gap:14px}.equal-category-grid .product-capability,.equal-category-grid .product-capability:nth-child(1),.equal-category-grid .product-capability:nth-child(2){grid-column:span 1!important;grid-row:span 1!important}.equal-category-grid .product-capability>a>.category-art img{object-fit:cover}.equal-category-grid .product-capability::after{inset:44% 0 0}.equal-category-grid .product-capability h3{font-size:22px}.equal-category-grid .product-capability p{font-size:12px}.direction-builder .direction-workspace>figure{min-height:560px;max-height:690px}.direction-builder .direction-workspace>figure img{object-position:center 58%}.material-gallery .material-cards{grid-template-columns:repeat(5,minmax(210px,1fr));overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:15px}.material-gallery .material-cards article{scroll-snap-align:start}.material-gallery .material-cards img{aspect-ratio:9/14;object-fit:cover}.product-final{background:#eef1f5}.product-final-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:70px;align-items:center}.product-final-grid>div>p:not(.eyebrow){font-size:17px;line-height:1.55;color:var(--muted);max-width:540px}.product-final-grid figure{margin:0;border-radius:18px;overflow:hidden;background:#fff}.product-final-grid figure img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.product-final-grid figcaption{display:flex;flex-wrap:wrap;gap:8px;padding:16px}.product-final-grid figcaption span{font-size:11px;padding:7px 9px;border-radius:999px;background:var(--soft-blue)}

/* Compact manufacturing route and controlled media */
.five-route-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.five-route-cards .routing-card{min-height:230px;padding:17px;border:1px solid var(--line);border-radius:13px;background:#fff;display:flex;flex-direction:column}.five-route-cards .routing-card img{width:48px;height:38px;object-fit:contain;margin-bottom:10px}.five-route-cards .routing-card small{font-size:10px;color:var(--blue);text-transform:uppercase;letter-spacing:.08em}.five-route-cards .routing-card h3{font-size:18px;line-height:1.17;margin:9px 0}.five-route-cards .routing-card p{font-size:12px;line-height:1.4;color:var(--muted);margin:0 0 12px}.five-route-cards .routing-card strong{font-size:11px;line-height:1.35;color:var(--blue);margin-top:auto}.manufacturing-page .production-rail img{aspect-ratio:16/9}.manufacturing-page .production-rail li{padding-bottom:16px}.manufacturing-page .production-rail h3{margin-top:6px}.manufacturing-page .compact-logo-wall{align-items:stretch}.manufacturing-page .compact-logo-wall .logo-item{width:100%!important;height:92px!important;overflow:hidden;padding:12px!important;border:1px solid var(--line)!important;background:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important}.manufacturing-page .compact-logo-wall .logo-item img{display:block!important;width:auto!important;height:auto!important;max-width:88%!important;max-height:58px!important;object-fit:contain!important;transform:none!important}.manufacturing-page .manufacturing-cta figure img{aspect-ratio:1/1;height:auto!important}.manufacturing-page .manufacturing-cta{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}

@media(max-width:1100px){.home-selection{gap:36px}.equal-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.five-route-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.material-gallery .material-cards{grid-template-columns:repeat(3,minmax(230px,1fr))}.product-final-grid{gap:38px}}
@media(max-width:767px){.home-selection{grid-template-columns:1fr;gap:30px}.home-selection figure{order:0}.selection-points li{grid-template-columns:82px 1fr}.buyer-paths-section{padding-inline:22px;padding-bottom:38px}.home-commerce-restored .extension-grid{gap:34px}.home-polish .process-journey{display:grid;grid-template-columns:1fr;gap:26px}.home-polish .process-journey::before{display:none}.home-polish .process-journey>li{display:grid;grid-template-columns:74px 1fr;gap:0 14px;padding:0}.home-polish .process-anchor{left:0;top:0}.home-polish .process-journey img{grid-column:1;grid-row:1;width:64px;height:48px;margin:10px 0 0 10px}.home-polish .process-copy{grid-column:2}.home-polish .process-output{margin-top:10px}.equal-category-grid{grid-template-columns:1fr!important;grid-auto-rows:330px!important}.direction-builder .direction-workspace>figure{min-height:440px}.material-gallery .material-cards{display:grid;grid-auto-flow:column;grid-auto-columns:76%;grid-template-columns:none;overflow-x:auto}.material-gallery .material-cards img{aspect-ratio:9/13}.product-final-grid{grid-template-columns:1fr}.product-final-grid figure{order:-1}.five-route-cards{grid-template-columns:1fr 1fr}.five-route-cards .routing-card{min-height:210px}.manufacturing-page .production-rail{grid-auto-columns:82%}.manufacturing-page .compact-logo-wall{grid-template-columns:repeat(3,1fr)}.manufacturing-page .manufacturing-cta{grid-template-columns:1fr}.manufacturing-page .manufacturing-cta figure{max-width:540px}}
@media(max-width:480px){.five-route-cards{grid-template-columns:1fr}.five-route-cards .routing-card{min-height:0}.manufacturing-page .compact-logo-wall{grid-template-columns:repeat(2,1fr)}.material-gallery .material-cards{grid-auto-columns:84%}}

/* September image-ratio and collection refinements */
.home-polish .hero-art figure,
.home-polish .home-bento article,
.home-polish .home-selection figure img,
.home-polish .development figure img,
.home-polish .manufacturing-evidence figure,
.home-polish .manufacturing-evidence figure img{border-radius:16px;overflow:hidden}
.home-polish .home-bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.home-polish .home-bento article,
.home-polish .home-bento article.featured{grid-column:auto!important;grid-row:auto!important;min-height:340px!important}
.home-polish .home-bento article::after{inset:38% 0 0}
.home-polish .home-bento .featured h3{font-size:23px}
.home-selection{grid-template-columns:minmax(390px,.92fr) minmax(0,1.08fr)}
.home-selection figure img,
.home-polish .development figure img{width:100%;height:auto!important;aspect-ratio:4/3;object-fit:cover;border-radius:16px}
.product-collections .equal-category-grid{margin-top:34px}
.equal-category-grid .product-capability>a>.category-art img{width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:cover!important}
.material-gallery .material-cards img{width:100%;height:auto!important;aspect-ratio:9/16;object-fit:cover}
.product-final-grid figure img{width:100%;height:auto!important;aspect-ratio:4/3;object-fit:cover}
.manufacturing-page .production-rail{grid-auto-columns:minmax(210px,19%)}
.manufacturing-page .production-rail img{width:100%;height:auto!important;aspect-ratio:9/16;object-fit:cover}
@media(max-width:1100px){
 .home-polish .home-bento{grid-template-columns:repeat(2,minmax(0,1fr))}
 .manufacturing-page .production-rail{grid-auto-columns:minmax(220px,30%)}
}
@media(max-width:767px){
 .home-polish .home-bento{grid-template-columns:1fr}
 .home-polish .home-bento article,.home-polish .home-bento article.featured{min-height:330px!important}
 .home-selection{grid-template-columns:1fr}
 .home-selection figure{order:1}
 .manufacturing-page .production-rail{grid-auto-columns:72%}
}
.equal-category-grid .product-capability>a>.category-art{width:100%!important;height:100%!important;min-height:100%!important;aspect-ratio:auto!important}

/* Keep category imagery consistently landscape at 5:3 on every viewport. */
.home-polish .home-bento article,
.home-polish .home-bento article.featured{
  width:100%;
  min-height:0!important;
  aspect-ratio:5/3;
}
.equal-category-grid{
  grid-auto-rows:auto!important;
}
.equal-category-grid .product-capability,
.equal-category-grid .product-capability:nth-child(1),
.equal-category-grid .product-capability:nth-child(2){
  width:100%;
  min-height:0!important;
  aspect-ratio:5/3;
}

/* Homepage category layout: two long cards per row. */
.home-polish .home-bento{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
@media(max-width:767px){
  .home-polish .home-bento{grid-template-columns:1fr}
}

/* Category cards retain one descriptive line below each title. */
.home-polish .home-bento article>div>span,
.home-polish .home-bento article>div>small{
  display:none;
}

/* Products and production galleries: paired categories and 2:3 process imagery. */
.products-page .equal-category-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.products-page .equal-category-grid .card-arrow{
  display:none!important;
}
.products-page .product-hero-mosaic{
  height:auto!important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-template-rows:none;
  gap:10px;
  align-items:center;
}
.products-page .product-hero-mosaic .mosaic-large{
  grid-row:auto;
}
.products-page .product-hero-mosaic figure{
  width:100%;
  aspect-ratio:2/3;
}
.products-page .product-hero-mosaic img,
.products-page .material-gallery .material-cards img,
.manufacturing-page .production-rail img{
  width:100%;
  height:auto!important;
  aspect-ratio:2/3!important;
  object-fit:cover;
}
@media(max-width:767px){
  .products-page .equal-category-grid{grid-template-columns:1fr!important}
  .products-page .product-hero-mosaic{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* Product hero mosaic: one leading playful collection, two supporting images. */
.products-page .product-hero-mosaic{
  height:570px!important;
  grid-template-columns:1.25fr .75fr;
  grid-template-rows:repeat(2,minmax(0,1fr));
  gap:12px;
}
.products-page .product-hero-mosaic .mosaic-large{
  grid-row:1/3;
}
.products-page .product-hero-mosaic figure{
  aspect-ratio:auto;
  min-width:0;
  min-height:0;
  height:100%;
}
.products-page .product-hero-mosaic img{
  height:100%!important;
  aspect-ratio:auto!important;
  object-fit:cover;
}
@media(max-width:1100px){
  .products-page .product-hero-mosaic{height:470px!important}
}
@media(max-width:767px){
  .products-page .product-hero-mosaic{
    height:430px!important;
    grid-template-columns:1.2fr .8fr;
  }
}
@media(max-width:390px){
  .products-page .product-hero-mosaic{height:370px!important}
}

/* Final pre-launch content polish; preserves the approved visual system. */
.specialist-category-links{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:12px}.specialist-category-links a{display:inline-flex;align-items:center;min-height:42px;padding:9px 14px;border:1px solid #c9cfdd;border-radius:999px;background:#fff;color:var(--ink);font-size:13px;text-decoration:none}.specialist-category-links a::after{content:'↗';margin-left:8px;color:var(--blue)}.specialist-category-links a:hover{border-color:var(--blue)}
.selection-output{display:flex;align-items:center;gap:10px;margin:20px 0 0;padding:13px 15px;border-left:3px solid var(--blue);background:#edf1ff;font-size:14px;font-weight:500}.selection-output span{color:var(--blue);font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.home-commerce{background:#e9edf7}.home-commerce>.shell{min-height:220px}.home-commerce h2{margin:0}.home-commerce>.shell>p{max-width:430px;font-size:17px;line-height:1.55}.home-commerce .button{justify-self:end}
@media(max-width:900px){.home-commerce>.shell{grid-template-columns:1fr 1fr}.home-commerce .button{justify-self:start}.home-commerce>.shell>p{max-width:none}}
@media(max-width:767px){.specialist-category-links{width:100%}.home-commerce>.shell{grid-template-columns:1fr;min-height:0;padding-block:44px}.home-commerce .button{justify-self:start}.selection-output{align-items:flex-start;flex-direction:column;gap:5px}}

/* Anonymous programme experience replaces third-party logo walls. */
.anonymous-experience{background:var(--deep);color:#fff}.anonymous-experience .section-heading>p:last-child{color:#b8c1cf}.anonymous-program-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:28px}.anonymous-program-grid article{min-height:180px;padding:22px;border:1px solid #3b4659;border-radius:14px;background:#192334}.anonymous-program-grid span{font-size:11px;line-height:1.4;letter-spacing:.07em;text-transform:uppercase;color:#86a0ff}.anonymous-program-grid h3{font-size:21px;margin:16px 0 10px}.anonymous-program-grid p{margin:0;font-size:14px;line-height:1.5;color:#b8c1cf}.experience-disclaimer{max-width:850px;margin:22px 0 0;font-size:12px;line-height:1.55;color:#9faabd}.anonymous-experience .experience-actions{margin-top:20px}.anonymous-experience .text-button{color:#fff}.manufacturing-program-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0}.manufacturing-program-grid article{background:#f5f7fb;border-color:var(--line);color:var(--ink)}.manufacturing-program-grid p{color:var(--muted)}.manufacturing-experience .experience-disclaimer{color:var(--muted)}
.privacy-hero{padding-block:78px 52px;border-bottom:1px solid var(--line)}.privacy-hero h1{font-size:clamp(48px,6vw,82px);letter-spacing:-3px;margin:16px 0}.privacy-date{font-size:13px;color:var(--muted)}.privacy-layout{display:grid;grid-template-columns:260px minmax(0,760px);gap:80px;padding-block:60px 90px}.privacy-layout>nav{position:sticky;top:30px;align-self:start;display:grid;gap:12px}.privacy-layout>nav a{font-size:14px;color:var(--muted);text-decoration:none}.privacy-layout>nav a:hover{color:var(--blue)}.privacy-content section{scroll-margin-top:30px;padding:0 0 34px;margin:0 0 34px;border-bottom:1px solid var(--line)}.privacy-content section:last-child{border:0}.privacy-content h2{font-size:28px;margin:0 0 16px}.privacy-content p{font-size:16px;line-height:1.7;color:var(--muted)}.privacy-content a{color:var(--blue)}
@media(max-width:900px){.anonymous-program-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.privacy-layout{grid-template-columns:1fr;gap:36px}.privacy-layout>nav{position:static;grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.anonymous-program-grid,.manufacturing-program-grid{grid-template-columns:1fr}.anonymous-program-grid article{min-height:0}.privacy-hero{padding-block:48px 34px}.privacy-layout{padding-block:38px 60px}.privacy-layout>nav{grid-template-columns:1fr}.privacy-content h2{font-size:24px}}