/* Shared showroom tokens and component styles. */
:root{--surface:#f5f6f3;--ink:#182e3b;--accent:#006ab5;--rule:#dce2e4;--motion-quick:180ms;--motion-scene:480ms;--motion-ease:cubic-bezier(.22,1,.36,1);--section-space:clamp(56px,7vw,105px)}
body{color:var(--ink)}.section{padding-block:var(--section-space)}.section-heading{gap:var(--s-32)}.section-heading h2{font-size:clamp(var(--text-32),3.3vw,var(--text-48));line-height:1.12;letter-spacing:-.035em;max-width:740px}.section-heading>p{font-size:var(--text-14);max-width:350px}.button{transition:background var(--motion-quick),color var(--motion-quick),transform var(--motion-quick)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #2192d4;outline-offset:6px}a:active .bento-action{opacity:.7}
.discovery-bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:300px 290px;gap:var(--s-16)}.bento-tile{position:relative;overflow:hidden;background:#dfe7e8;color:white}.bento-tile>img{height:100%;width:100%;object-fit:cover;transition:transform .8s var(--motion-ease)}.bento-tile:hover>img{transform:scale(1.035)}.bento-tile:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#10222dcc,transparent 72%);pointer-events:none}.bento-main{grid-column:span 6;grid-row:span 2}.bento-main>img{object-position:55% center}.bento-shower,.bento-cistern{grid-column:span 3}.bento-copy{position:absolute;inset:auto 28px 27px;z-index:1}.bento-copy h3{font-weight:400;font-size:var(--text-24);line-height:1.1;letter-spacing:-.025em;color:white;margin:0 0 var(--s-16)}.bento-copy p{font-size:var(--text-14);color:#e3ecf0;margin:0 0 var(--s-24)}.bento-main .bento-copy{inset:auto 36px 35px}.bento-main h3{font-size:clamp(var(--text-32),4vw,var(--text-64));margin:var(--s-12) 0 var(--s-20)}.bento-kicker{font-size:var(--text-12);letter-spacing:.12em;color:#d9e8f0}.bento-action{display:inline-block;font-size:var(--text-12);border-bottom:1px solid currentColor;padding-bottom:var(--s-8)}.bento-essentials{grid-column:span 3;background:#eff2f0;padding:var(--s-28);display:flex;flex-direction:column}.bento-essentials .eyebrow,.bento-finder .eyebrow{font-size:var(--text-12);margin-bottom:var(--s-16);letter-spacing:.1em}.bento-essentials h3,.bento-finder h3{font-size:var(--text-24);font-weight:400;letter-spacing:-.025em;line-height:1.15;margin:0 0 var(--s-20)}.bento-essentials>div{display:grid;grid-template-columns:1fr;gap:0;margin-top:auto}.bento-essentials a{font-size:var(--text-12);border-top:1px solid #d3ddda;padding:var(--s-4) 0;transition:color .2s}.bento-essentials a:hover{color:#006ab5}.bento-finder{grid-column:span 3;background:#163b51;color:white;padding:var(--s-28);position:relative;overflow:hidden}.bento-finder .eyebrow{color:#bdd6e5}.bento-finder>p:not(.eyebrow){color:#c2d3dd;font-size:var(--text-12);line-height:1.6;margin-bottom:var(--s-24)}.bento-finder h3{position:relative}.finder-orbit{position:absolute;right:-15px;top:-15px;width:120px;height:120px;opacity:.32;transition:transform .7s}.finder-orbit i{position:absolute;border:1px solid #9ccee5;border-radius:100%;inset:0}.finder-orbit i:nth-child(2){inset:20px}.finder-orbit i:nth-child(3){inset:40px;background:#a6d4eb}.bento-finder:hover .finder-orbit{transform:scale(1.15)}
.colour-story{background:#f1f3ef}.colour-grid{grid-template-columns:1fr 1fr;padding-block:var(--s-72);gap:8%}.colour-copy h2{font-size:clamp(var(--text-32),3.6vw,var(--text-48))}.colour-copy>p:not(.eyebrow){font-size:var(--text-14);max-width:410px}.colour-display{background:#fff}.colour-image-wrap{height:420px}.colour-image-wrap img{height:420px}.colour-caption{border:0;padding:var(--s-24) var(--s-28)}.colour-controls button{min-height:70px}.colour-controls .colour-dot{height:30px;width:30px}.colour-controls button[aria-pressed=true]{border-color:#24658b}
.range-edit{padding-top:var(--section-space)}.range-triptych{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-24)}.range-portrait{position:relative;overflow:hidden;height:510px;color:white}.range-portrait:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0c233138,transparent 40%,#10222db0)}.range-portrait img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--motion-ease)}.range-portrait:hover img{transform:scale(1.025)}.range-portrait>div{position:absolute;inset:30px;z-index:1;display:flex;flex-direction:column;align-items:flex-start}.range-portrait>div>span:first-child{font-size:var(--text-12);letter-spacing:.08em;color:#e1e7eb}.range-portrait h3{font-size:var(--text-40);font-weight:400;letter-spacing:-.03em;margin:var(--s-12) 0}.range-portrait p{color:white;font-size:var(--text-14);margin-top:auto;margin-bottom:var(--s-16)}.range-portrait.zenith{margin-top:var(--s-32)}.range-portrait.jespar{margin-top:var(--s-64)}.range-edit .category-art-note{margin-top:var(--s-16)}
.detail-story{display:grid;grid-template-columns:1.05fr 1fr;gap:10%;padding-block:var(--section-space);border-top:1px solid var(--rule);align-items:start}.story-visual{position:sticky;top:125px;height:min(65vh,650px);background:#e7f0f5;overflow:hidden}.story-visual img{height:100%;width:100%;object-fit:cover;object-position:65% center}.story-visual>span{position:absolute;bottom:12px;left:16px;font-size:var(--text-12);padding:var(--s-4) var(--s-8);background:#ffffffb8;color:#5b6e79}.story-copy>h2{font-size:clamp(var(--text-32),3.5vw,var(--text-48));font-weight:400;line-height:1.14;letter-spacing:-.03em;margin:0 0 var(--s-44)}.story-step{min-height:310px;padding:var(--s-36) 0;border-top:1px solid var(--rule);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.story-step .eyebrow{font-size:var(--text-12);margin-bottom:var(--s-16)}.story-step h3{font-size:var(--text-32);font-weight:400;letter-spacing:-.025em;margin:0 0 var(--s-16)}.story-step p:not(.eyebrow){font-size:var(--text-14);line-height:1.8;max-width:390px;margin-bottom:var(--s-24)}.story-step .button{font-size:var(--text-12)}.guided-section{background:#eef3f5;max-width:none}.resource-grid{border:0}.product-meta{line-height:1.6;letter-spacing:0}.product-card h3{line-height:1.4}.product-media{overflow:hidden}.product-media img{transition:transform .6s var(--motion-ease)}.product-card:hover .product-media img{transform:scale(1.025)}
.range-editorials{padding-bottom:var(--s-64)}.range-editorial{display:grid;grid-template-columns:.8fr 1.2fr;background:#e8f0f5;margin-bottom:var(--s-32);overflow:hidden;min-height:400px}.range-editorial>div{padding:var(--s-60) var(--s-44);align-self:center}.range-editorial h2{font-size:var(--text-40);font-weight:400;line-height:1.13;letter-spacing:-.03em;margin:0 0 var(--s-24)}.range-editorial p:not(.eyebrow){font-size:var(--text-14);line-height:1.8;margin-bottom:var(--s-28)}.range-editorial>img{width:100%;height:100%;object-fit:cover;object-position:70% center}.range-editorial.zenith{background:#243137;color:white}.range-editorial.zenith p{color:#d1dfe4}.range-editorial.zenith .eyebrow{color:#a6cadb}.range-editorial.jespar{background:#eee8dd}.essentials-band{display:flex;justify-content:space-between;align-items:center;gap:var(--s-40);padding:var(--s-40) 0}.essentials-band h2{font-size:var(--text-32);font-weight:400}.variant-links{display:flex;align-items:center;gap:var(--s-16);padding:var(--s-16) 0;border-bottom:1px solid var(--rule);font-size:var(--text-12)}.variant-links a{display:inline-flex;align-items:center;gap:var(--s-8);padding:var(--s-8) var(--s-12);border:1px solid var(--rule)}.variant-links a:hover{border-color:#006ab5}.product-dock{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);width:min(860px,calc(100% - 48px));display:flex;align-items:center;justify-content:space-between;gap:var(--s-24);padding:var(--s-16) var(--s-20);background:#fff;box-shadow:0 5px 40px #0a253129;border:1px solid #e2e8ec;z-index:35}.product-dock[hidden]{display:none}.product-dock strong{font-size:var(--text-14);font-weight:500;display:block}.product-dock span{display:block;font-size:var(--text-12);color:#607582;margin-top:var(--s-4)}.product-dock .button{min-height:44px;font-size:var(--text-12);padding:var(--s-12) var(--s-20)}body:has(.product-dock:not([hidden])) footer{padding-bottom:var(--s-120)}body:has(.product-dock:not([hidden])) .compare-bar{bottom:110px}
@media(max-width:1100px){.discovery-bento{grid-template-rows:270px 280px;gap:var(--s-16)}.bento-copy{inset:auto 20px 22px}.bento-copy h3{font-size:var(--text-24)}.bento-essentials,.bento-finder{padding:var(--s-24) var(--s-20)}.bento-essentials h3,.bento-finder h3{font-size:var(--text-24)}.range-portrait{height:440px}.range-portrait>div{inset:25px}.range-portrait h3{font-size:var(--text-40)}.detail-story{gap:7%}.story-step{min-height:280px}.range-editorial>div{padding:var(--s-40) var(--s-32)}}
@media(max-width:800px){.discovery-bento{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto}.bento-main{grid-column:1/-1;grid-row:auto;height:440px}.bento-main img{object-position:50% 40%}.bento-shower,.bento-cistern,.bento-essentials,.bento-finder{grid-column:auto;min-height:300px}.bento-essentials,.bento-finder{min-height:280px}.range-triptych{gap:var(--s-16)}.range-portrait{height:400px}.range-portrait>div{inset:20px}.range-portrait h3{font-size:var(--text-32)}.range-portrait p{font-size:var(--text-12)}.detail-story{grid-template-columns:1fr}.story-visual{position:relative;top:auto;height:440px}.story-copy{margin-top:var(--s-32)}.story-step{min-height:0;padding:var(--s-32) 0}.story-copy>h2{margin-bottom:var(--s-32)}.range-editorial{grid-template-columns:1fr 1fr}.range-editorial h2{font-size:var(--text-32)}.range-editorial>div{padding:var(--s-32) var(--s-24)}}
@media(max-width:580px){.section-heading h2{font-size:var(--text-32)}.discovery-bento{gap:var(--s-12)}.bento-main{height:460px}.bento-main .bento-copy{inset:auto 24px 28px}.bento-main h3{font-size:var(--text-40)}.bento-main .bento-copy p{font-size:var(--text-12)}.bento-shower,.bento-cistern{height:290px;min-height:0}.bento-copy{inset:auto 16px 20px}.bento-copy h3{font-size:var(--text-20)}.bento-action{font-size:var(--text-12)}.bento-essentials,.bento-finder{grid-column:1/-1;min-height:0;padding:var(--s-28)}.bento-essentials h3 br{display:none}.bento-essentials h3{font-size:var(--text-24)}.bento-essentials>div{grid-template-columns:1fr 1fr;column-gap:var(--s-20)}.bento-essentials a{padding:var(--s-8) 0;font-size:var(--text-12)}.bento-finder{padding-right:var(--s-96)}.finder-orbit{width:150px;height:150px;right:-25px;top:30px}.colour-grid{padding-block:var(--s-44)}.colour-image-wrap,.colour-image-wrap img{height:340px;min-height:0}.range-triptych{grid-template-columns:1fr;gap:var(--s-16)}.range-portrait,.range-portrait.zenith,.range-portrait.jespar{margin:0;height:490px}.range-portrait img{object-position:center 60%}.range-portrait>div{inset:27px}.range-portrait h3{font-size:var(--text-40)}.range-portrait p{font-size:var(--text-14)}.detail-story{padding-block:var(--s-56)}.story-visual{height:370px}.story-copy>h2{font-size:var(--text-32)}.story-step h3{font-size:var(--text-24)}.story-step p:not(.eyebrow){font-size:var(--text-14)}.range-editorial{display:flex;flex-direction:column}.range-editorial>div{padding:var(--s-32) var(--s-24)}.range-editorial>img{height:290px}.essentials-band{display:block}.essentials-band .button{margin-top:var(--s-16)}.product-dock{width:calc(100% - 24px);bottom:12px;gap:var(--s-16);padding:var(--s-12)}.product-dock>div{min-width:0}.product-dock strong{font-size:var(--text-12);max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-dock span{font-size:var(--text-12)}.product-dock .button{font-size:var(--text-12);padding:var(--s-8) var(--s-12);max-width:140px;flex-shrink:0}.variant-links{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.story-visual{position:static}.bento-tile img,.range-portrait img,.finder-orbit{transition:none;transform:none!important}}.motion-reduced .story-visual{position:static}
.colour-story{transition:background-color var(--motion-scene)}.colour-story[data-range=zenith]{background:#e2e6e7}.colour-story[data-range=jespar]{background:#f0eadf}
.story-inline-image{display:none}.motion-reduced .story-visual{display:none}.motion-reduced .detail-story{grid-template-columns:1fr}.motion-reduced .story-inline-image{display:block;width:100%;max-width:600px;height:360px;object-fit:cover;object-position:65% center;margin-bottom:var(--s-24)}.motion-reduced .story-copy{max-width:900px;margin:auto}
@media(max-width:800px){.story-visual{display:none}.story-inline-image{display:block;width:100%;height:340px;object-fit:cover;object-position:65% center;margin-bottom:var(--s-24)}.story-copy{margin-top:0}.story-step{border:0;padding-top:0;padding-bottom:var(--s-36)}}
@media(prefers-reduced-motion:reduce){.story-visual{display:none}.detail-story{grid-template-columns:1fr}.story-inline-image{display:block;width:100%;max-width:600px;height:360px;object-fit:cover;object-position:65% center;margin-bottom:var(--s-24)}}
@media(max-width:580px){.bento-main .bento-copy h3{font-size:var(--text-40)}.bento-shower>img{object-position:30% center}}

/* Shared reading hierarchy: display, section, component, body, utility. */
:root{--navy:#182e3b;--blue:#006ab5;--muted:#526572;--line:#dce2e4;--paper:#fff;--space:32px;--section-space:96px;--title:var(--text-48);--display:var(--text-64);--component:var(--text-32)}
.wrap,.cinematic-content,.technical-section{max-width:1440px}
body{font-size:var(--text-16);line-height:1.6}
h1,h2,h3{font-weight:500;line-height:1.15;letter-spacing:-.035em;text-wrap:balance}
p{line-height:1.65}
.section,.colour-grid,.detail-story,.guided-section,.resource-grid{padding-block:var(--section-space)}
.range-edit{padding-block:var(--section-space) 0}
.section-heading{gap:var(--s-32);margin-bottom:var(--s-48);align-items:end}
.section-heading h2,.colour-copy h2,.story-copy>h2,.guided-section h2{font-size:var(--title);line-height:1.15;font-weight:500;letter-spacing:-.035em}
.section-heading>p,.colour-copy>p:not(.eyebrow),.story-step p:not(.eyebrow){font-size:var(--text-16);line-height:1.65;max-width:40ch}
.eyebrow,.bento-kicker,.story-step .eyebrow,.bento-essentials .eyebrow,.bento-finder .eyebrow{font-size:var(--text-12);font-weight:600;line-height:1.4;letter-spacing:.1em;margin-bottom:var(--s-16)}
.cinematic-copy h1,.page-heading h1{font-size:var(--display);font-weight:500;line-height:1.08;letter-spacing:-.045em}
.page-heading{padding-block:var(--s-64)}
.page-heading .lead{font-size:var(--text-18);max-width:56ch;line-height:1.6}
.page-heading h1{margin-bottom:var(--s-24)}
.button,.text-link,.card-actions,.card-actions button{font-size:var(--text-14);font-weight:500;line-height:1.4}
.button{padding:var(--s-16) var(--s-24);min-height:52px;gap:var(--s-24)}
.text-link{padding-block:var(--s-12)}
.product-grid,.range-triptych{gap:var(--s-40) var(--s-24)}
.product-card h3{font-size:var(--text-18);font-weight:500;line-height:1.4;letter-spacing:-.015em;min-height:52px}
.product-meta{font-size:var(--text-12);margin:var(--s-16) 0 var(--s-8)}
.card-actions{min-height:48px;align-items:center;padding-top:var(--s-8)}
.discovery-bento{gap:var(--s-24);grid-template-rows:320px 320px}
.bento-copy{inset:auto 24px 24px}.bento-main .bento-copy{inset:auto 40px 40px}
.bento-copy h3,.bento-essentials h3,.bento-finder h3{font-size:var(--text-24);line-height:1.2;letter-spacing:-.025em}
.bento-main .bento-copy h3{font-size:var(--title)}
.bento-essentials,.bento-finder{padding:var(--s-24)}
.bento-action,.bento-essentials a{font-size:var(--text-14);line-height:1.4}
.bento-essentials a{padding-block:var(--s-8)}
.bento-finder>p:not(.eyebrow){font-size:var(--text-16)}
.colour-grid,.detail-story{gap:var(--s-64)}
.colour-copy h2{margin-bottom:var(--s-24)}
.range-portrait h3{font-size:var(--text-40)}
.range-portrait p{font-size:var(--text-16)}
.story-step{padding-block:var(--s-40)}
.story-step h3,.resource-grid h2,.technical-intro h2,.contact-layout h2,.editorial h2,.download-section h2{font-size:var(--component);line-height:1.2;letter-spacing:-.025em;font-weight:500}
.story-step p:not(.eyebrow){margin-bottom:var(--s-24)}
.resource-grid{gap:var(--s-64)}.resource-grid>a+a{padding-left:var(--s-64)}
.resource-grid p{font-size:var(--text-16)}
.range-editorial{margin-bottom:var(--s-32)}.range-editorial>div{padding:var(--s-48)}
.range-editorial h2{font-size:var(--text-40)}
.technical-section{padding-block:var(--section-space);gap:var(--s-64)}
.editorial,.contact-layout,.download-section{gap:var(--s-64);padding-bottom:var(--section-space)}
.contact-layout form{background:var(--surface);padding:var(--s-40)}
.contact-layout label{font-size:var(--text-14)}
.contact-layout aside>p,.contact-layout form>p,.range-editorial p:not(.eyebrow){font-size:var(--text-16);line-height:1.65}
.detail-copy h1{font-size:var(--text-48);font-weight:500;line-height:1.12}
.detail-copy .product-description{font-size:var(--text-16);line-height:1.65}
.category-art-note,.image-disclosure,.card-art-label,.gallery #gallery-caption{font-size:var(--text-12);line-height:1.5}
.image-disclosure{color:#fff;background:#182e3bcc;padding:var(--s-4) var(--s-8)}
body.is-home #header:not(.scrolled){backdrop-filter:none}
.footer-top h3{font-size:var(--text-12)}.footer-top a:not(.brand),.footer-top p{font-size:var(--text-14)}
@media(min-width:1500px){:root{--space:48px}}
@media(max-width:1000px){:root{--section-space:80px;--title:var(--text-40);--display:var(--text-48)}.discovery-bento{gap:var(--s-16);grid-template-rows:320px 320px}.colour-grid,.detail-story,.editorial,.contact-layout,.download-section{gap:var(--s-40)}}
@media(max-width:800px){.discovery-bento{grid-template-rows:auto}.technical-section{gap:var(--s-32)}.bento-main .bento-copy{inset:auto 32px 32px}.resource-grid{gap:var(--s-32)}.resource-grid>a+a{padding-left:var(--s-32)}}
@media(max-width:580px){:root{--space:24px;--section-space:64px;--title:var(--text-32);--display:var(--text-40);--component:var(--text-24)}.section-heading{gap:var(--s-24);margin-bottom:var(--s-32)}.cinematic-copy h1{font-size:var(--display)}.page-heading{padding-block:var(--s-32) var(--s-40)}.page-heading .lead{font-size:var(--text-16)}.bento-main .bento-copy h3{font-size:var(--text-40)}.bento-shower,.bento-cistern{height:320px}.bento-copy{inset:auto 16px 24px}.bento-copy h3{font-size:var(--text-24)}.bento-main .bento-copy{inset:auto 24px 32px}.bento-essentials,.bento-finder{padding:var(--s-24)}.resource-grid>a+a{padding:var(--s-32) 0 0}.range-editorial>div,.contact-layout form{padding:var(--s-24)}.detail-copy h1{font-size:var(--text-32)}.range-editorial h2{font-size:var(--text-32)}.range-triptych{gap:var(--s-24)}.intro-strip>span{text-align:left}.product-grid{gap:var(--s-32) var(--s-16)}}
@media(min-width:1001px){:root{--space:64px}#header:not(.scrolled) .header-inner{padding-inline:var(--space);max-width:1440px}.cinematic-bottom{left:var(--space);right:var(--space)}}
@media(max-width:400px){.discovery-bento{grid-template-columns:1fr}.bento-shower,.bento-cistern{height:360px}.bento-copy{inset:auto 24px 24px}.bento-essentials>div{grid-template-columns:1fr}.cinematic-tabs{gap:var(--s-12)}}
/* Final component alignment and document fidelity. */
.range-portrait.zenith,.range-portrait.jespar{margin-top:0}
.save{background:#fff;color:var(--ink);width:40px;height:40px;box-shadow:0 2px 8px #182e3b14}
.save:hover{background:var(--ice)}
.leaflet-cover{display:block;padding:var(--s-24);background:var(--surface);aspect-ratio:auto;max-width:480px;width:100%;justify-self:center}
.leaflet-cover img{width:100%;height:auto;mix-blend-mode:normal;box-shadow:0 8px 24px #182e3b1a}
.leaflet-cover>span{display:block;font-size:var(--text-14);line-height:1.5;letter-spacing:0;margin-top:var(--s-24);text-align:center}
.footer-top .brand{background:transparent;padding:0;width:148px}.footer-top .brand img{filter:brightness(0) invert(1);mix-blend-mode:normal;width:148px;height:80px}
footer{background:var(--ink)}
.button+.note{margin-top:var(--s-12)}
.results-bar>div,.comparison-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--s-24);flex-wrap:wrap}
.comparison-toolbar{margin-bottom:var(--s-32)}.comparison-toolbar p{margin:0;font-size:var(--text-14)}
.finder>h2,.empty h2{font-size:var(--component);line-height:1.2;letter-spacing:-.025em}
@media(max-width:580px){.results-bar>div{width:100%;gap:var(--s-16)}.results-bar>div .button{width:100%;justify-content:center}}
@media(max-width:800px){.footer-top{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-40) var(--s-32)}.footer-top>div:first-child,.footer-top>div:last-child{grid-column:1/-1}.footer-top>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:var(--s-24)}.footer-top>div:first-child p{max-width:24ch}.footer-top a:not(.brand){line-height:1.6}.footer-bottom{flex-wrap:wrap;gap:var(--s-16)}}
@media(max-width:360px){.footer-top>div:first-child{display:block}.footer-top>div:first-child p{margin-top:var(--s-24)}.footer-top{column-gap:var(--s-24)}}
.policy-copy>*{max-width:72ch}.policy-copy h2{font-size:var(--component);line-height:1.2}.policy-copy h3{font-size:var(--text-24);line-height:1.25;margin-top:var(--s-40)}
#email-fallback h3{font-size:var(--text-24);line-height:1.25}
.compare-scroll-hint{display:none;font-size:var(--text-14);margin-bottom:var(--s-16)}
.compare-table .remove{min-height:44px}
@media(max-width:700px){.compare-scroll-hint{display:block}.compare-table{overscroll-behavior-x:contain}.compare-table th,.compare-table td{min-width:144px}.compare-table tbody th{position:sticky;left:0;background:#fff;z-index:1;box-shadow:1px 0 var(--rule)}}
/* Image-led finder and support destinations. */
.finder-showcase{background:#edf2f3}.finder-showcase-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:var(--s-64);padding-block:var(--section-space)}
.finder-showcase-copy h2{font-size:var(--title);line-height:1.15;margin-bottom:var(--s-24)}.finder-showcase-copy>p:not(.eyebrow){max-width:38ch;font-size:var(--text-18);margin-bottom:var(--s-32)}
.finder-showcase-copy .guided-ranges{justify-content:flex-start;margin-top:var(--s-32);gap:var(--s-24);font-size:var(--text-14)}
.finder-showcase-image{aspect-ratio:1;overflow:hidden}.finder-showcase-image img{width:100%;height:100%;object-fit:cover}
.support-showcase{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-32);padding-block:var(--section-space)}.support-card{display:flex;flex-direction:column;background:var(--surface)}
.support-card-image{height:320px;overflow:hidden;background:#e4e9e8}.support-card-image img{width:100%;height:100%;object-fit:cover;object-position:70% center;transition:transform var(--motion-scene)}.support-card:hover .support-card-image img{transform:scale(1.025)}
.support-card-image.catalogue-preview{padding:var(--s-32)}.catalogue-preview img{object-fit:contain;filter:drop-shadow(0 8px 12px #182e3b26)}
.support-card-copy{padding:var(--s-40);display:flex;flex-direction:column;align-items:flex-start;flex:1}.support-card-copy h2{font-size:var(--component);line-height:1.2;margin-bottom:var(--s-24)}.support-card-copy>p:not(.eyebrow){max-width:44ch;margin-bottom:var(--s-24)}.support-card-copy .text-link{margin-top:auto}
@media(max-width:800px){.finder-showcase-grid{gap:var(--s-32)}.support-card-copy{padding:var(--s-24)}.support-card-image{height:260px}}
@media(max-width:580px){.finder-showcase-grid,.support-showcase{grid-template-columns:1fr}.finder-showcase-copy>p:not(.eyebrow){font-size:var(--text-16)}.finder-showcase-image{aspect-ratio:1.1}.support-card-image{height:280px}}
/* Compact product spotlight replacing the extended sticky detail story. */
.design-spotlight{padding-block:0 var(--section-space)}
.spotlight-panel{display:grid;grid-template-columns:1fr 1.1fr;background:#f2eee6;overflow:hidden}
.spotlight-copy{padding:var(--s-48);align-self:center}
.spotlight-copy .eyebrow{color:#74613c}
.spotlight-copy h2{font-size:var(--title);line-height:1.12;letter-spacing:-.035em;margin-bottom:var(--s-24)}
.spotlight-intro{font-size:var(--text-18);line-height:1.6;max-width:32ch;margin-bottom:var(--s-32)}
.spotlight-details{margin:0 0 var(--s-32)}.spotlight-details>div{display:grid;grid-template-columns:96px 1fr;gap:var(--s-16);padding-block:var(--s-16);border-top:1px solid #d8d1c4}.spotlight-details dt{font-size:var(--text-14);font-weight:600}.spotlight-details dd{margin:0;font-size:var(--text-14);line-height:1.6;color:var(--muted)}
.spotlight-copy .button{background:var(--ink);border-color:var(--ink)}.spotlight-copy .button:hover{background:var(--blue);border-color:var(--blue)}
.spotlight-image{min-width:0;min-height:560px}.spotlight-image img{width:100%;height:100%;object-fit:cover;object-position:65% center}
@media(max-width:1000px){.spotlight-copy{padding:var(--s-32)}.spotlight-panel{grid-template-columns:1fr 1fr}.spotlight-details>div{grid-template-columns:1fr;gap:var(--s-8)}}
@media(max-width:700px){.spotlight-panel{display:flex;flex-direction:column}.spotlight-image{order:-1;min-height:0;height:auto;aspect-ratio:1.15}.spotlight-copy{padding:var(--s-32) var(--s-24);width:100%}.spotlight-intro{font-size:var(--text-16)}.spotlight-details>div{grid-template-columns:88px 1fr;gap:var(--s-16)}}

/* Catalogue controls share one baseline across native browser implementations. */
.filters{grid-template-columns:minmax(220px,1.6fr) repeat(3,minmax(140px,1fr)) auto;align-items:end;gap:var(--s-20);padding:var(--s-24);background:#f3f5f4;border:1px solid #e1e7e7}
.filters label{display:flex;flex-direction:column;gap:var(--s-8);min-width:0;font-size:var(--text-14);font-weight:500;line-height:1.4}
.filters input,.filters select{display:block;box-sizing:border-box;width:100%;min-width:0;height:52px;min-height:52px;margin:0;padding:0 var(--s-16);border:1px solid #cbd5d9;border-radius:0;background-color:#fff;color:var(--ink);font-family:inherit;font-size:var(--text-16);font-weight:400;line-height:normal;box-shadow:none}
.filters select{-webkit-appearance:none;appearance:none;padding-right:var(--s-40);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23556b76' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;cursor:pointer}
.filters input::placeholder{color:#74838a;font-weight:400;opacity:1}
.filters input:hover,.filters select:hover{border-color:#8196a1}
.filters input:focus-visible,.filters select:focus-visible{border-color:var(--blue);outline:2px solid var(--blue);outline-offset:2px}
.filters .button{grid-column:auto;height:52px;min-height:52px;margin:0;padding:0 var(--s-24);font-size:var(--text-14);font-weight:500;justify-content:center;align-self:end}
@media(max-width:1100px){.filters{grid-template-columns:repeat(3,minmax(0,1fr))}.filters .filter-search{grid-column:1/3}.filters .button{grid-column:3;grid-row:1}}
@media(max-width:580px){.filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-20) var(--s-16);padding:var(--s-20)}.filters .filter-search{grid-column:1/-1}.filters .button{grid-column:auto;grid-row:auto;padding:0 var(--s-12)}.filters input,.filters select{padding-left:var(--s-12)}.filters select{padding-right:var(--s-32);background-position:right 12px center}}
@media(max-width:360px){.filters{grid-template-columns:minmax(0,1fr)}.filters .button{grid-column:1/-1}}
@media(max-width:580px){.filters>label:nth-child(2),.filters .button{grid-column:1/-1}}

/* Collection showroom: an opening scene, colour feature and paired range studies. */
.range-opening{display:grid;grid-template-columns: .85fr 1.35fr;gap:var(--s-48);padding-block:var(--s-40) var(--s-80);align-items:center}
.range-opening-copy{padding-block:var(--s-32)}.range-opening h1{font-size:clamp(48px,6.5vw,88px);font-weight:500;line-height:1.02;letter-spacing:-.055em;margin:0 0 var(--s-32)}.range-opening h1 span{color:#356575}.range-opening-copy>p:not(.eyebrow){font-size:var(--text-18);line-height:1.65;margin-bottom:var(--s-24)}
.range-opening-image{position:relative;margin:0;height:560px;overflow:hidden;background:#e5d8c5}.range-opening-image>img{width:100%;height:100%;object-fit:cover;object-position:68% center}.range-opening-image figcaption{position:absolute;bottom:0;left:0;right:0;padding:var(--s-24) var(--s-32);display:flex;align-items:center;justify-content:space-between;color:white;background:linear-gradient(transparent,#372d20b3)}.range-opening-image figcaption span{font-size:var(--text-12);letter-spacing:.12em}.range-opening-image figcaption a{font-size:var(--text-20)}
.range-selection{padding-bottom:var(--s-96)}.range-selection-heading{border-top:1px solid var(--rule);padding-top:var(--s-48);display:grid;grid-template-columns:1.5fr 1fr;gap:var(--s-16) var(--s-48);margin-bottom:var(--s-48)}.range-selection-heading .eyebrow{grid-column:1/-1;margin:0}.range-selection-heading h2{font-size:var(--title);line-height:1.12;font-weight:500;letter-spacing:-.04em;margin:0}.range-selection-heading>p:last-child{align-self:end;margin:0;font-size:var(--text-16);line-height:1.65}
.range-milano{display:grid;grid-template-columns:1.2fr 1fr;background:#edf3f5;margin-bottom:var(--s-48)}.range-milano-image{display:block;overflow:hidden;aspect-ratio:1.1}.range-milano-image img{width:100%;height:100%;object-fit:cover}.range-milano-copy{padding:var(--s-48);align-self:center}.range-milano h3,.range-duet h3{font-size:var(--text-64);letter-spacing:-.045em;font-weight:500;line-height:1.05;margin:0 0 var(--s-24)}.range-milano-copy>p:not(.eyebrow){font-size:var(--text-18);line-height:1.6;max-width:31ch}.range-finish-links{display:flex;gap:var(--s-24);margin:var(--s-32) 0}.range-finish-links a,.range-finish{display:flex;align-items:center;gap:var(--s-8);font-size:var(--text-14)}.range-finish-links a{padding-block:var(--s-8);border-bottom:1px solid #9bafb6}.range-finish-links i,.range-finish i{width:16px;height:16px;border-radius:50%;background:var(--finish);border:1px solid #18333c26;flex-shrink:0}
.range-duet{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-32)}.range-duet-card{background:#f0f2f0}.range-duet-card.jespar{background:#f5f0e8}.range-duet-image{display:block;height:380px;overflow:hidden}.range-duet-image img{width:100%;height:100%;object-fit:cover;object-position:72% center}.range-duet-copy{padding:var(--s-32)}.range-name-row{display:flex;justify-content:space-between;gap:var(--s-16);align-items:center;margin-bottom:var(--s-24)}.range-name-row h3{font-size:var(--text-48);margin:0}.range-duet-copy>p:not(.eyebrow){max-width:42ch;font-size:var(--text-16);line-height:1.65;margin-bottom:var(--s-16)}
.range-complete{background:#19323e;color:#fff;padding-block:var(--s-64)}.range-complete-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-80)}.range-complete .eyebrow{color:#a9c5d0}.range-complete h2,.range-help h2{font-size:var(--title);letter-spacing:-.04em;line-height:1.12;font-weight:500}.range-complete p:not(.eyebrow){color:#c7d5da;max-width:35ch;font-size:var(--text-18)}.range-complete nav a{display:flex;justify-content:space-between;gap:var(--s-24);padding:var(--s-20) 0;border-bottom:1px solid #ffffff30;font-size:var(--text-20)}.range-complete nav a span{font-size:var(--text-14);color:#c7d5da;align-self:center}.range-complete nav a:hover{color:#a9dff3}
.range-help{display:flex;align-items:center;justify-content:space-between;gap:var(--s-32);padding-block:var(--s-80)}.range-help h2{max-width:10ch;margin:0}.range-help p{margin:0;font-size:var(--text-16)}.ranges-showroom a:focus-visible{outline:2px solid #0879bc;outline-offset:5px}.range-milano-image img,.range-duet-image img{transition:transform .6s ease}@media(hover:hover) and (prefers-reduced-motion:no-preference){.range-milano-image:hover img,.range-duet-image:hover img{transform:scale(1.035)}}
@media(max-width:1000px){.range-opening{gap:var(--s-32)}.range-opening-image{height:480px}.range-milano-copy{padding:var(--s-32)}.range-duet-image{height:300px}.range-name-row{display:block}.range-name-row h3{margin-bottom:var(--s-16)}.range-complete-grid{gap:var(--s-40)}}
@media(max-width:700px){.range-opening{grid-template-columns:1fr;padding-block:var(--s-24) var(--s-48);gap:var(--s-24)}.range-opening-copy{padding:0}.range-opening h1{font-size:var(--text-48);margin-bottom:var(--s-24)}.range-opening h1 br{display:none}.range-opening h1 br:after{content:' '}.range-opening-image{height:400px}.range-selection-heading{grid-template-columns:1fr;padding-top:var(--s-32);gap:var(--s-24)}.range-selection-heading h2{font-size:var(--text-32)}.range-milano,.range-duet,.range-complete-grid{grid-template-columns:1fr}.range-milano-image{aspect-ratio:1.1}.range-milano-copy{padding:var(--s-32) var(--s-24)}.range-milano h3{font-size:var(--text-48)}.range-duet-copy{padding:var(--s-24)}.range-duet-image{height:340px}.range-name-row{display:flex}.range-name-row h3{font-size:var(--text-40);margin:0}.range-selection{padding-bottom:var(--s-64)}.range-complete{padding-block:var(--s-48)}.range-help{flex-direction:column;align-items:flex-start;padding-block:var(--s-48);gap:var(--s-24)}.range-help h2{max-width:none}.range-help .button{width:100%;justify-content:center}.range-opening-image figcaption{padding:var(--s-24)}.range-complete h2{font-size:var(--text-40)}}

/* Full-screen navigation, with distinct primary and utility levels. */
#menu{position:fixed;inset:0;width:100%;max-width:none;height:100%;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:#142f3b;color:#fff;box-shadow:none;overflow:auto}
#menu::backdrop{background:#142f3b;backdrop-filter:none}.menu-shell{min-height:100%;display:flex;flex-direction:column;padding:var(--s-24) var(--space);max-width:1680px;margin:auto}
.menu-top{display:flex;align-items:center;justify-content:space-between;gap:var(--s-24);padding-bottom:var(--s-24);border-bottom:1px solid #ffffff24}.menu-brand img{display:block;width:132px;height:72px;object-fit:contain;filter:brightness(0) invert(1)}
.menu-close{display:flex;align-items:center;gap:var(--s-24);border:1px solid #ffffff50;background:transparent;color:#fff;min-height:52px;padding:var(--s-12) var(--s-20);font-size:var(--text-14);cursor:pointer}.menu-close i{position:relative;width:20px;height:20px}.menu-close i:before,.menu-close i:after{content:'';position:absolute;top:9px;left:0;width:20px;height:1px;background:currentColor;transform:rotate(45deg)}.menu-close i:after{transform:rotate(-45deg)}.menu-close:hover{background:#ffffff12}
.menu-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:var(--s-80);align-items:center;padding-block:var(--s-40);flex:1}.menu-navigation>.eyebrow{color:#a2c3d0;margin-bottom:var(--s-20)}.menu-primary{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s-12)}.menu-primary a{font-size:clamp(32px,4.1vw,64px);font-weight:400;letter-spacing:-.04em;line-height:1.15;padding:var(--s-4) 0;color:#fff;transition:color .2s,transform .2s}.menu-primary a:hover{color:#abd7e7;transform:translateX(6px)}.menu-primary a[aria-current=page]{color:#abd7e7;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:10px}
.menu-secondary{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-16) var(--s-24);margin-top:var(--s-32);padding-top:var(--s-24);border-top:1px solid #ffffff24}.menu-secondary a{font-size:var(--text-14);line-height:1.5;padding-block:var(--s-4);color:#d0dee3}.menu-secondary a:hover,.menu-bottom a:hover{color:#fff;text-decoration:underline;text-underline-offset:5px}
.menu-feature{position:relative;display:block;height:clamp(320px,56vh,600px);overflow:hidden;background:#5e5545}.menu-feature>img{width:100%;height:100%;object-fit:cover;object-position:70% center;transition:transform .6s}.menu-feature>div{position:absolute;inset:auto 0 0;padding:var(--s-64) var(--s-32) var(--s-32);background:linear-gradient(transparent,#182826e6)}.menu-feature .eyebrow{color:#e1ece9;font-size:var(--text-12);margin-bottom:var(--s-12)}.menu-feature h2{font-size:var(--text-32);line-height:1.15;letter-spacing:-.03em;font-weight:400;margin:0 0 var(--s-20);color:#fff}.menu-feature>div>span{display:inline-block;font-size:var(--text-14);color:#fff;border-bottom:1px solid #ffffff80;padding-bottom:var(--s-8)}.menu-feature:hover>img{transform:scale(1.025)}
.menu-bottom{display:flex;align-items:center;gap:var(--s-32);padding-top:var(--s-20);border-top:1px solid #ffffff24;color:#b1c8d1;font-size:var(--text-14)}.menu-bottom>span{margin-right:auto}#menu a:focus-visible,#menu button:focus-visible{outline:2px solid #abd7e7;outline-offset:5px}
@media(prefers-reduced-motion:no-preference){#menu[open] .menu-layout{animation:menu-enter .35s ease-out}@keyframes menu-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}}body.reduce-motion #menu *{animation:none!important;transition:none!important}
@media(max-width:900px){.menu-layout{gap:var(--s-32)}.menu-primary a{font-size:var(--text-40)}.menu-feature h2{font-size:var(--text-24)}.menu-bottom{flex-wrap:wrap;gap:var(--s-16) var(--s-24)}.menu-bottom>span{width:100%}}
@media(max-width:700px){.menu-shell{padding:var(--s-16) var(--s-24) var(--s-24)}.menu-top{padding-bottom:var(--s-16)}.menu-brand img{width:106px;height:58px}.menu-close{padding:var(--s-12);gap:var(--s-12);min-height:48px}.menu-layout{grid-template-columns:1fr;padding-block:var(--s-24);gap:var(--s-24);align-items:start}.menu-primary{gap:var(--s-8)}.menu-primary a{font-size:var(--text-32);padding-block:var(--s-8)}.menu-secondary{margin-top:var(--s-24);gap:var(--s-12)}.menu-feature{height:160px}.menu-feature>img{object-position:70% 48%}.menu-feature>div{inset:0;padding:var(--s-24);background:linear-gradient(90deg,#142f3beb,transparent);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.menu-feature h2{font-size:var(--text-24);max-width:11ch;margin-bottom:var(--s-12)}.menu-feature .eyebrow{display:none}.menu-bottom{font-size:var(--text-12)}.menu-bottom>span{display:none}}
@media(prefers-reduced-motion:reduce){#menu *{transition:none!important;animation:none!important}}
@media(min-width:701px) and (max-height:800px){.menu-layout{padding-block:var(--s-24)}.menu-primary{gap:var(--s-8)}.menu-feature{height:52vh}}

/* Navigation typography: upright Manrope with open spacing and quieter scale. */
#menu{font-family:var(--font-sans)}
#menu .menu-primary a{font-family:inherit;font-size:clamp(32px,3.7vw,56px);font-weight:500;letter-spacing:-.025em;line-height:1.25}
#menu .menu-secondary a{font-weight:500;letter-spacing:0;line-height:1.6}
#menu .menu-navigation>.eyebrow{font-family:inherit;font-weight:600;letter-spacing:.14em;font-size:var(--text-12)}
#menu .menu-feature h2{font-family:inherit;font-weight:500;letter-spacing:-.025em}
#menu .menu-close{font-family:inherit}
@media(max-width:700px){#menu .menu-primary a{font-size:var(--text-32);letter-spacing:-.02em;line-height:1.25}#menu .menu-secondary a{font-size:var(--text-14)}}

/* A range preview stage followed by a product edit with a clear lead item. */
.range-explorer{display:grid;grid-template-columns:.6fr 1.4fr;gap:var(--s-48);padding-block:var(--section-space);align-items:start}.range-explorer-intro{padding-top:var(--s-24)}.range-explorer-intro h2{font-size:var(--title);margin-bottom:var(--s-32)}.range-switcher{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-8);margin-bottom:var(--s-16)}.range-switcher button{padding:var(--s-16) var(--s-20);text-align:left;background:#f0f3f2;border-bottom:2px solid transparent;transition:background .2s,color .2s}.range-switcher button>span{display:block;font-size:var(--text-24);font-weight:500;letter-spacing:-.025em}.range-switcher small{font-size:var(--text-12);display:block;margin-top:var(--s-4)}.range-switcher button[aria-pressed=true]{background:#19343f;color:white;border-color:#7bc3dc}.range-preview{position:relative;overflow:hidden;background:#dce4e5}.range-preview>img{width:100%;height:520px;object-fit:cover;object-position:65% center}.range-preview-caption{padding:var(--s-24) var(--s-32);display:flex;align-items:center;justify-content:space-between;gap:var(--s-24);background:#19343f;color:white}.range-preview-caption .eyebrow{color:#bad1db;margin-bottom:var(--s-8)}.range-preview-caption h3{font-size:var(--text-24);margin:0}.range-preview-caption>a{font-size:var(--text-14);border-bottom:1px solid #bdd0d6;padding-block:var(--s-12);white-space:nowrap}
.curated-products{padding-block:var(--section-space);background:#f3f4f0}.curated-heading{display:grid;grid-template-columns:1.2fr 1fr auto;align-items:end;gap:var(--s-32);margin-bottom:var(--s-40)}.curated-heading h2{font-size:var(--title);margin:0}.curated-heading>p{margin:0;max-width:30ch}.curated-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,auto);gap:var(--s-20) var(--s-32)}.curated-grid .product-card{min-width:0;background:#fff;position:relative;padding:var(--s-20);display:grid;grid-template-columns:160px minmax(0,1fr);column-gap:var(--s-24);align-content:center}.curated-grid .product-card:first-child{grid-row:1/4;display:flex;flex-direction:column;padding:0 0 var(--s-24)}.curated-grid .product-card:not(:first-child) .product-media{grid-row:1/4;aspect-ratio:1;align-self:center}.curated-grid .product-media{margin:0;overflow:hidden}.curated-grid .product-media img{height:100%;width:100%;object-fit:cover;mix-blend-mode:normal}.curated-grid .product-card:first-child .product-media{aspect-ratio:1.1;flex:1;min-height:360px}.curated-grid .product-card:first-child .product-media>a{height:100%;display:block}.curated-grid .product-meta{display:block;margin:0 0 var(--s-8)}.curated-grid .product-meta>span:last-child{display:none}.curated-grid .product-card h3{min-height:0;margin:0 0 var(--s-16)}.curated-grid .card-actions{padding-top:var(--s-12);margin:0;min-height:44px;gap:var(--s-12)}.curated-grid .product-card:first-child>:not(.product-media){margin-inline:var(--s-24)}.curated-grid .product-card:first-child .product-meta{margin-top:var(--s-24)}#main .curated-grid .product-card:first-child h3{font-size:var(--text-32);font-weight:500}.curated-grid .save{width:36px;height:36px;top:8px;right:8px}.curated-grid .product-card:first-child .save{top:16px;right:16px}
@media(max-width:1100px){.range-explorer{grid-template-columns:1fr}.range-explorer-intro{display:flex;align-items:end;flex-wrap:wrap;gap:var(--s-24);padding:0}.range-explorer-intro>.eyebrow{width:100%;margin:0}.range-explorer-intro h2{margin:0;flex:1}.range-preview>img{height:480px}.curated-heading{grid-template-columns:1fr auto}.curated-heading>p{display:none}.curated-grid .product-card{grid-template-columns:120px minmax(0,1fr);gap:var(--s-16);padding:var(--s-16)}.curated-grid .card-actions{flex-wrap:wrap}}
@media(max-width:700px){.range-explorer{gap:var(--s-32)}.range-explorer-intro{display:block}.range-explorer-intro>.eyebrow{margin-bottom:var(--s-16)}.range-explorer-intro h2{margin-bottom:var(--s-24)}.range-switcher{gap:var(--s-4)}.range-switcher button{padding:var(--s-12) var(--s-8)}.range-switcher button>span{font-size:var(--text-18)}.range-switcher small{font-size:var(--text-12)}.range-preview>img{height:340px;object-position:70% center}.range-preview-caption{padding:var(--s-20);align-items:start;flex-direction:column;gap:var(--s-12)}.range-preview-caption h3{font-size:var(--text-24)}.curated-heading{display:block}.curated-heading h2{margin-bottom:var(--s-24)}.curated-grid{grid-template-columns:1fr;gap:var(--s-16)}.curated-grid .product-card:first-child{grid-row:auto}.curated-grid .product-card:first-child .product-media{min-height:0;aspect-ratio:1}.curated-grid .product-card:not(:first-child){grid-template-columns:110px minmax(0,1fr)}#main .curated-grid .product-card h3{font-size:var(--text-16)}#main .curated-grid .product-meta{font-size:var(--text-12)}#main .curated-grid .card-actions{font-size:var(--text-12)}.curated-grid .card-actions button{font-size:inherit}}

/* Visual campaign followed by a practical, image-light product chooser. */
.gold-campaign{position:relative;isolation:isolate;min-height:640px;background:#292b27;color:#fff;overflow:hidden}.gold-campaign>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% center;z-index:-2}.gold-campaign-shade{position:absolute;inset:0;background:linear-gradient(90deg,#162b2df0 0%,#1c302bbf 28%,#20312730 60%,transparent 80%);z-index:-1}.gold-campaign-content{min-height:640px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-top:var(--s-80);padding-bottom:var(--s-32)}.gold-campaign .eyebrow{color:#eadbb4}.gold-campaign h2{font-size:clamp(40px,4.5vw,64px);max-width:12ch;color:#fff;margin-bottom:var(--s-24)}.gold-campaign-content>p:not(.eyebrow){font-size:var(--text-18);color:#e5e9df;max-width:36ch;margin-bottom:var(--s-32)}.gold-campaign .button{background:#f3ebdb;color:#21343c;border-color:#f3ebdb}.gold-campaign .button:hover{background:#fff}.gold-campaign-footer{display:flex;justify-content:space-between;align-items:center;width:100%;gap:var(--s-24);padding-top:var(--s-24);border-top:1px solid #ffffff40;margin-top:var(--s-64);font-size:var(--text-14);color:#fff}.gold-campaign-footer>span:first-child{font-size:var(--text-24)}
.finder-console{padding-block:var(--section-space)}.finder-console-heading{display:flex;justify-content:space-between;align-items:end;gap:var(--s-32)}.finder-console-heading h2{font-size:var(--title);margin-bottom:0}.finder-console-heading>.text-link{flex-shrink:0}.finder-console-intro{font-size:var(--text-16);margin-block:var(--s-24) var(--s-40)}.finder-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s-16)}.finder-category-grid>a{display:flex;flex-direction:column;align-items:flex-start;border:1px solid #dce3e3;padding:var(--s-24);background:#f6f7f4;transition:background .2s,border-color .2s}.finder-category-grid>a:hover{background:#eaf1f3;border-color:#7396a4}.finder-object{height:120px;width:100%;margin-bottom:var(--s-24);display:flex;justify-content:center}.finder-object img{height:100%;width:100%;object-fit:contain;mix-blend-mode:multiply}.finder-category-grid strong{font-size:var(--text-20);font-weight:600;letter-spacing:-.02em;margin-bottom:var(--s-8)}.finder-category-grid>a>span:last-child{font-size:var(--text-14);line-height:1.6;color:var(--muted)}.finder-console-bottom{margin-top:var(--s-32);display:flex;align-items:center;justify-content:space-between;gap:var(--s-24);font-size:var(--text-14)}
@media(max-width:800px){.finder-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gold-campaign>img{object-position:65% center}.gold-campaign-content{min-height:600px}.gold-campaign{min-height:600px}.finder-console-heading{align-items:flex-start;flex-direction:column;gap:var(--s-16)}}
@media(max-width:580px){.gold-campaign{min-height:740px}.gold-campaign>img{height:440px;top:auto;bottom:0;object-position:70% center}.gold-campaign-shade{background:linear-gradient(#193033 0%,#193033 37%,#193033bb 47%,transparent 70%,#19303380 100%)}.gold-campaign-content{min-height:740px;padding-top:var(--s-40);padding-bottom:var(--s-24);justify-content:flex-start}.gold-campaign h2{font-size:var(--text-40);max-width:14ch;margin-bottom:var(--s-16)}.gold-campaign-content>p:not(.eyebrow){font-size:var(--text-16);margin-bottom:var(--s-24)}.gold-campaign-footer{margin-top:auto;font-size:var(--text-12);padding-top:var(--s-16);gap:var(--s-16)}.gold-campaign-footer>span:first-child{font-size:var(--text-20)}.finder-category-grid{gap:var(--s-12)}.finder-category-grid>a{padding:var(--s-16)}.finder-object{height:100px;margin-bottom:var(--s-16)}.finder-category-grid strong{font-size:var(--text-16)}.finder-category-grid>a>span:last-child{font-size:var(--text-12)}.finder-console-bottom{align-items:flex-start;flex-direction:column;gap:var(--s-8)}}
@media(min-width:581px){.gold-campaign-shade{background:linear-gradient(0deg,#142c2e80,transparent 25%),linear-gradient(90deg,#162b2df0 0%,#1c302bbf 28%,#20312730 60%,transparent 80%)}}

/* Collection directory: each range is visible and directly navigable. */
.collection-index{padding-block:var(--section-space)}.collection-index-heading{display:flex;justify-content:space-between;align-items:end;gap:var(--s-32);margin-bottom:var(--s-40)}.collection-index-heading h2{font-size:var(--title);margin:0}.collection-index-heading>p{margin:0;font-size:var(--text-16)}.collection-index-list{border-top:1px solid var(--rule)}.collection-index-row{display:grid;grid-template-columns:32% 1fr 1fr;gap:var(--s-40);align-items:center;padding-block:var(--s-24);border-bottom:1px solid var(--rule)}.collection-index-photo{height:220px;overflow:hidden;background:#e7ece9}.collection-index-photo img{height:100%;width:100%;object-fit:cover;object-position:73% center;transition:transform .5s ease}.collection-index-name>span{font-size:var(--text-14);color:var(--muted)}#main .collection-index-name h3{font-size:clamp(40px,5vw,64px);margin:var(--s-12) 0 0;font-weight:500;letter-spacing:-.04em}.collection-index-description{padding-left:var(--s-24);border-left:1px solid var(--rule)}.collection-index-description p{font-size:var(--text-20);max-width:16ch;margin-bottom:var(--s-24)}.collection-index-description>span{font-size:var(--text-14);font-weight:600;display:inline-block;padding-bottom:var(--s-8);border-bottom:1px solid #70828b}.collection-index-row:hover .collection-index-description>span{color:var(--blue);border-color:var(--blue)}.collection-index-footer{display:flex;justify-content:space-between;gap:var(--s-24);align-items:center;margin-top:var(--s-24);font-size:var(--text-14);color:var(--muted)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.collection-index-row:hover img{transform:scale(1.045)}}
@media(max-width:900px){.collection-index-row{gap:var(--s-24);grid-template-columns:36% 1fr 1fr}.collection-index-photo{height:190px}.collection-index-description{padding-left:var(--s-16)}.collection-index-description p{font-size:var(--text-16)}#main .collection-index-name h3{font-size:var(--text-40)}}
@media(max-width:580px){.collection-index-heading{display:block;margin-bottom:var(--s-32)}.collection-index-heading>p{margin-top:var(--s-20)}.collection-index-row{grid-template-columns:42% minmax(0,1fr);gap:var(--s-12) var(--s-20);padding-block:var(--s-20)}.collection-index-photo{grid-row:1/3;height:200px}.collection-index-name{align-self:end}.collection-index-name>span{font-size:var(--text-12)}#main .collection-index-name h3{font-size:var(--text-32);margin-top:var(--s-8)}.collection-index-description{padding:0;border:0;align-self:start}.collection-index-description p{font-size:var(--text-14);margin-bottom:var(--s-16)}.collection-index-description>span{font-size:var(--text-12)}.collection-index-footer{align-items:flex-start;flex-direction:column;gap:var(--s-8)}}

/* Expanding collection gallery: a single photographic strip with deliberate focus. */
.range-gallery{padding-block:var(--section-space);background:#112d38;color:white}.range-gallery-heading{display:flex;justify-content:space-between;align-items:end;gap:var(--s-32);margin-bottom:var(--s-40)}.range-gallery-heading .eyebrow{color:#a5cbd8}.range-gallery-heading h2{font-size:var(--title);margin:0}.range-gallery-heading>.text-link{color:white;flex-shrink:0}.range-panels{display:flex;gap:8px;padding-inline:var(--space);max-width:1536px;margin:auto;min-height:580px}.range-panel{position:relative;isolation:isolate;flex:1;min-width:0;overflow:hidden;background:#30404a;transition:flex .65s cubic-bezier(.22,1,.36,1)}.range-panel.is-active{flex:2.6}.range-panel>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 60%;z-index:-2}.range-panel-shade{position:absolute;inset:0;background:linear-gradient(180deg,#102d3870,transparent 35%,#102d38ed);z-index:-1}.range-panel-toggle{position:absolute;inset:0 0 auto;width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--s-12);padding:var(--s-24);color:white;text-align:left;min-height:92px}.range-panel-toggle>span{font-size:var(--text-32);font-weight:500;letter-spacing:-.025em}.range-panel-toggle i{font-style:normal;border:1px solid #ffffff70;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;flex-shrink:0;font-size:var(--text-20)}.range-panel-detail{position:absolute;bottom:0;left:0;right:0;padding:var(--s-32);min-width:260px}.range-panel-detail[hidden]{display:none}.range-panel-finish{font-size:var(--text-14);color:#d7e4e7;margin-bottom:var(--s-12)}#main .range-panel-detail h3{color:white;font-size:var(--text-32);max-width:16ch;margin-bottom:var(--s-24)}.range-panel-detail .button{background:white;color:#183440;border-color:white}.range-panel-toggle:focus-visible{outline:2px solid white;outline-offset:-6px}.range-panel:not(.is-active):hover .range-panel-shade{background:linear-gradient(180deg,#102d38a0,transparent 50%,#102d38ad)}
@media(max-width:900px){.range-panels{min-height:500px}.range-panel-toggle{padding:var(--s-16)}.range-panel-toggle>span{font-size:var(--text-24)}.range-panel-detail{padding:var(--s-24)}.range-panel.is-active{flex:2.2}}
@media(max-width:700px){.range-gallery-heading{display:block}.range-gallery-heading>.text-link{margin-top:var(--s-24)}.range-panels{display:flex;flex-direction:column;min-height:0}.range-panel,.range-panel.is-active{flex:none;min-height:100px;transition:min-height .45s ease}.range-panel.is-active{min-height:480px}.range-panel>img{object-position:center 64%}.range-panel:not(.is-active)>img{object-position:center 30%}.range-panel-toggle{padding:var(--s-24);min-height:100px}.range-panel-toggle>span{font-size:var(--text-32)}.range-panel-detail{padding:var(--s-24);min-width:0}}
@media(prefers-reduced-motion:reduce){.range-panel{transition:none}}body.reduce-motion .range-panel{transition:none}
.range-panel>img{object-position:76% center}
@media(max-width:700px){.range-panel>img{object-position:76% center}.range-panel:not(.is-active)>img{object-position:76% 45%}}
/* The photographic panel is the expansion target; the product link stays separate. */
.range-panel-toggle{inset:0;height:100%;align-items:flex-start;justify-content:flex-start;z-index:1;cursor:pointer}
.range-panel-detail{z-index:2;pointer-events:none}
.range-panel-detail a{pointer-events:auto}

/* Edited homepage: four category destinations, then ranges and compact resources. */
.discovery-bento .bento-essentials{grid-column:span 6;display:flex;flex-direction:column;justify-content:center}
.discovery-bento .bento-essentials>div{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-12) var(--s-24)}
.home-resources{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--s-64);padding-block:var(--section-space);align-items:center}.home-catalogue{display:grid;grid-template-columns:140px 1fr;align-items:center;gap:var(--s-32)}.home-catalogue>img{width:140px;height:198px;object-fit:contain;box-shadow:0 8px 24px #182e3b20}.home-resources h2{font-size:var(--component);margin-bottom:var(--s-24)}.home-assistance{padding-left:var(--s-48);border-left:1px solid var(--rule)}.home-assistance>p:not(.eyebrow){max-width:39ch;font-size:var(--text-16)}
@media(max-width:800px){.discovery-bento .bento-essentials{grid-column:1/-1}.home-resources{gap:var(--s-32)}.home-catalogue{grid-template-columns:100px 1fr;gap:var(--s-20)}.home-catalogue>img{width:100px;height:142px}.home-assistance{padding-left:var(--s-24)}}
@media(max-width:580px){.home-resources{grid-template-columns:1fr}.home-assistance{padding:var(--s-32) 0 0;border-left:0;border-top:1px solid var(--rule)}.home-catalogue{grid-template-columns:100px minmax(0,1fr)}.home-resources h2{font-size:var(--text-24)}}
