/* One SVG, with the original paths. Only the wave group's fill warms. */
html[data-theme] .logo-wrap::before,html[data-theme] .logo-wrap::after{display:none!important;animation:none!important}
.logo-wrap .header-logo{display:block;width:240px;height:auto;aspect-ratio:1184/370;overflow:visible}
.header-logo-lettering{fill:var(--text)}.header-logo-waves{fill:var(--accent);animation:r41-wave-warm 1.5s ease-in-out 2.25s 1 both}
.header-logo-reflection{opacity:0;animation:r41-reflection 1.45s ease-in-out .7s 1 both}
@keyframes r41-reflection{0%{opacity:0;transform:translateX(0)}15%{opacity:1}85%{opacity:1}100%{opacity:0;transform:translateX(1700px)}}
@keyframes r41-wave-warm{0%,100%{fill:var(--accent)}40%,58%{fill:var(--hover)}}
/* Main scene follows the theme. Studio remains a pale, clear product inset. */
html[data-theme] .showcase-cards .collection-compare-visual{aspect-ratio:16/9}
html[data-theme] .showcase-cards .home-scene{inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .55s ease}
html[data-theme] .showcase-cards .scene-day{opacity:0}
html[data-theme] .showcase-cards .scene-night{opacity:1}
html[data-lighting=day] .showcase-cards .scene-day{opacity:1}
html[data-lighting=day] .showcase-cards .scene-night{opacity:0}
html[data-theme] .showcase-cards .home-cutout{inset:auto .65rem .65rem auto;width:29%;height:auto;aspect-ratio:3/2;object-fit:contain;background:var(--ivory);border:2px solid var(--ivory);box-shadow:0 3px 16px color-mix(in srgb,var(--soft-black) 20.00%,transparent);opacity:1}
html[data-theme] .footer-r39 h2{margin-bottom:.1rem;padding-bottom:.55rem;border-bottom:1px solid var(--line);width:100%}
.footer-r39 :is(nav,address){gap:.55rem}
html[data-theme=dark] .footer-symbol{background:var(--accent)}
html[data-theme] .footer-credit .sekoya-badge-container:is(:hover,:focus-visible) .sekoya-badge-logo{filter:none;opacity:1}
.footer-credit .sekoya-badge-logo{transition:filter .55s ease,opacity .55s ease}
html[data-theme] :is(.menu-popover-link,.menu-sub-link){transition:color .65s ease,border-color .4s ease,background .4s ease}
html[data-theme] :is(.menu-popover-link,.menu-sub-link):is(:hover,:focus-visible){color:var(--hover)}
html[data-theme=light] :is(.menu-popover-link,.menu-sub-link):is(:hover,:focus-visible){color:var(--hover)}
/* Compact editorial pages, one visual and one clear message per block. */
.editorial-hero{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2rem,5vw,5rem);align-items:center;padding-top:clamp(8rem,15vh,10rem);padding-bottom:clamp(2.5rem,5vh,4rem);min-height:0}
.editorial-hero-copy h1{font-size:clamp(2.3rem,4.4vw,4.8rem);line-height:1.12;margin:1.2rem 0 1.5rem}.editorial-hero-copy>p:not(.eyebrow){max-width:400px;font-size:.95rem;line-height:1.8;margin:0 0 1.7rem}
.editorial-hero-photo,.brand-editorial figure,.custom-note figure{margin:0;min-width:0}.editorial-hero-photo img{width:100%;height:clamp(300px,52vh,540px);object-fit:cover}.editorial-hero figcaption,.brand-editorial figcaption,.custom-note figcaption{font-size:.68rem;line-height:1.6;margin:.7rem 0 0;color:var(--muted)}
.brand-editorial{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,6rem);align-items:center;padding-block:clamp(2.5rem,6vh,5rem);scroll-margin-top:100px;border-top:1px solid var(--line)}
.brand-editorial figure img{width:100%;max-height:480px;aspect-ratio:3/2;object-fit:contain;background:var(--surface)}
.brand-editorial h2,.custom-note h2{font-size:clamp(2rem,3.5vw,3.6rem);line-height:1.16;margin:1rem 0 1.5rem}.brand-editorial p:not(.eyebrow),.custom-note p:not(.eyebrow){font-size:.94rem;line-height:1.85;max-width:520px;margin:0 0 1.1rem}
.brand-panorama{position:relative;isolation:isolate;padding:clamp(3rem,9vh,6rem) 0;margin-top:2rem;overflow:hidden}.brand-panorama>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.brand-panorama:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--overlay),color-mix(in srgb,var(--bg) 75%,transparent) 45%,transparent);z-index:-1}.brand-panorama h2{font-size:clamp(2.2rem,4vw,4rem);margin:1rem 0 1.2rem}.brand-panorama p:not(.eyebrow){max-width:390px;line-height:1.8;margin-bottom:1.6rem}
.custom-workbench{padding-block:clamp(2.5rem,6vh,4rem);border-block:1px solid var(--line)}.custom-workbench-heading{display:flex;align-items:baseline;justify-content:space-between;gap:2rem;margin-bottom:2rem}.custom-workbench h2{font-size:clamp(1.8rem,3.2vw,3rem);margin:0}.custom-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3rem}.custom-steps article{border-top:1px solid var(--line);padding-top:1.3rem}.custom-steps span{font-size:.75rem;color:var(--muted)}.custom-steps h3{font-size:1.75rem;margin:.8rem 0}.custom-steps p{font-size:.89rem;line-height:1.8;margin:0}
.custom-note{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(2rem,5vw,5rem);align-items:center;padding-block:clamp(3rem,7vh,5rem)}.custom-note figure img{width:100%;max-height:410px;aspect-ratio:16/10;object-fit:cover}.custom-note .text-link{margin-top:.8rem}
.faq-visual{position:relative;isolation:isolate;overflow:hidden}.faq-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 60%;z-index:-2}.faq-visual:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--overlay),color-mix(in srgb,var(--bg) 85%,transparent) 35%,color-mix(in srgb,var(--bg) 18%,transparent))}.faq-visual .faq-intro{max-width:none;padding-top:clamp(8rem,17vh,10rem);padding-bottom:3rem}.faq-visual h1{font-size:clamp(2.2rem,4.5vw,4.5rem);max-width:650px}.faq-page{padding-top:2rem}.faq-page details{padding:1.15rem 0}.faq-end{padding-block:2rem 3rem}
/* Remove oversized legacy minimum heights. Long collections/forms still scroll naturally. */
html[data-theme] :is(.intro-section,.material-section){min-height:0;padding-block:clamp(3rem,8vh,5rem)}
html[data-theme] .story-bridge{min-height:0}.story-bridge .bridge-copy{padding-block:clamp(2.5rem,7vh,4.5rem)}
html[data-theme] .compare-section{padding-block:clamp(2.5rem,6vh,4rem)}
html[data-theme] .comparison{max-width:min(100%,calc((100svh - 330px)*16/9));margin-inline:auto}
html[data-theme] .cta-section{padding-block:clamp(3rem,7vh,5rem)}
html[data-theme] .product-overview{padding-block:clamp(2.5rem,5vh,4rem)}.product-gallery .gallery-stage{max-height:calc(100svh - 250px)}
html[data-theme] .product-hero--scene{min-height:100svh}.hero-media video{filter:none;transform:none}
@media(max-width:1000px){.editorial-hero{gap:2rem}.editorial-hero-photo img{height:auto;aspect-ratio:4/3}.editorial-hero-copy h1{font-size:clamp(2rem,4.8vw,3.8rem)}.custom-workbench-heading{display:block}.custom-workbench-heading h2{margin-top:1rem}.custom-steps{gap:1.5rem}.product-gallery .gallery-stage{max-height:none}}
@media(max-width:720px){.logo-wrap .header-logo{width:226px}.editorial-hero{grid-template-columns:1fr;padding-top:7rem;gap:1.8rem}.editorial-hero-copy h1{font-size:clamp(2.2rem,9vw,3.3rem)}.editorial-hero-photo img{height:auto;aspect-ratio:16/10}.brand-editorial,.custom-note{grid-template-columns:1fr;gap:1.8rem}.brand-editorial h2,.custom-note h2{font-size:2rem}.custom-steps{grid-template-columns:1fr;gap:1.4rem}.custom-steps article{display:grid;grid-template-columns:32px 1fr;column-gap:1rem}.custom-steps article>span{grid-row:1/3;padding-top:.4rem}.custom-steps h3{margin:0 0 .7rem}.custom-steps p{grid-column:2}.brand-panorama{margin-top:0}.faq-visual .faq-intro{padding-top:7rem;padding-bottom:2rem}.faq-visual:before{background:linear-gradient(90deg,var(--overlay),color-mix(in srgb,var(--bg) 70%,transparent))}.faq-page{padding-top:1rem}.footer-r39 h2{max-width:270px}.footer-r39 .footer-request{margin-top:.4rem}html[data-theme] .intro-section{padding:0}html[data-theme] .material-section{padding-block:2.5rem}html[data-theme] .comparison{max-width:100%}.product-overview-copy>p:not(.eyebrow){font-size:.9rem}.product-hero--scene .product-hero-content{padding-bottom:2rem}html[data-theme] .product-hero--scene{min-height:0}.hero-media:before{height:85px!important}}
@media(max-width:360px){.logo-wrap .header-logo{width:224px}}
@media(prefers-reduced-motion:reduce){.header-logo-reflection{display:none;animation:none}.header-logo-waves{animation:none;fill:var(--accent)}.showcase-cards .home-scene{transition:none}}
html[data-theme] .showcase{padding-block:1.5rem;scroll-margin-top:95px}
html[data-theme] .showcase-heading{margin-bottom:1rem}.showcase-heading .eyebrow{margin-bottom:.7rem}
html[data-theme] .showcase-heading .collection-intro{display:block;padding:0;margin:.65rem 0 0;max-width:none;width:auto;min-height:0}
html[data-theme] .showcase-cards{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 3rem)/3);gap:1.5rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;overscroll-behavior-x:contain;padding:.3rem .2rem 1rem;scroll-padding-inline:.2rem}
.showcase-cards .collection-compare-card{scroll-snap-align:start;min-width:0}
.model-rail-controls{display:flex;justify-content:center;gap:.65rem;margin-top:.5rem}.model-rail-controls button{width:44px;height:44px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--text);background:var(--bg);cursor:pointer}.model-rail-controls button:disabled{opacity:.3;cursor:default}.model-rail-controls svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5}
html[data-theme] .comparison{max-width:min(100%,calc((100svh - 420px)*16/9))}
@media(min-width:721px){html[data-theme] .intro-section{min-height:clamp(410px,60svh,560px)}}
@media(max-width:1000px){html[data-theme] .showcase-cards{grid-auto-columns:calc((100% - 1.5rem)/2)}}
@media(max-width:720px){html[data-theme] .showcase-cards{grid-auto-columns:91%;gap:1rem}html[data-theme] .comparison{max-width:100%}.model-rail-controls{justify-content:center}}

html[data-theme] .showcase-cards .collection-compare-card{padding:.75rem}html[data-theme] .showcase-cards .collection-compare-visual{margin-bottom:.75rem}html[data-theme] .showcase-cards .collection-compare-card strong{font-size:1.85rem;margin-bottom:.65rem}html[data-theme] .showcase-cards .collection-compare-number{margin-bottom:.45rem}

.showcase-cards::-webkit-scrollbar{height:5px}.showcase-cards::-webkit-scrollbar-track{background:transparent}.showcase-cards::-webkit-scrollbar-thumb{background:var(--accent);border-radius:4px}
