/* Continuous editorial story, native scroll, no animation libraries. */
.header{position:fixed;inset:0 0 auto;padding:21px 5%;transition:background .25s,padding .25s,backdrop-filter .25s}.header.scrolled{background:#10251eef;backdrop-filter:blur(14px);padding-top:15px;padding-bottom:15px}.header .wordmark{font-size:28px}.header nav{gap:26px}.header .nav-cta{padding:10px 18px}.hero-sequence{height:230svh;max-height:none;min-height:0;overflow:visible}.hero-sticky{height:100svh;min-height:680px;position:sticky;top:0;overflow:hidden}.hero-img{transform-origin:60% 65%;will-change:transform}.hero-content{top:27%;bottom:17%;transform-origin:left center;will-change:opacity,transform}.hero h1{font-size:clamp(4.2rem,8.1vw,8.8rem);max-width:1150px;line-height:.98}.hero-content>.eyebrow{margin-bottom:30px}.hero-next{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;opacity:0;transform:translateY(45px);pointer-events:none;padding:80px 5%}.hero-next>span{font-size:11px;letter-spacing:.3em;margin-bottom:30px}.hero-next h2{font-size:clamp(3.6rem,7.7vw,8rem);line-height:.98;font-weight:500;letter-spacing:-.045em}.hero-shade{background:linear-gradient(90deg,#0619119c,transparent 90%),linear-gradient(0deg,#061810ad,transparent 60%,#0c211d55)}.opening-progress{position:absolute;bottom:0;left:0;height:2px;background:#dce8b9;width:0}.hero-foot{bottom:28px}.build-story{height:500svh}.build-sticky{min-height:620px}.story-heading{padding-top:100px;padding-bottom:20px}.story-heading h2{font-size:clamp(2rem,3vw,3rem)}.story-chapters{grid-template-columns:repeat(6,1fr)}.product-story{height:470svh;background:#e9e9e1}.product-sticky{height:100svh;min-height:700px;position:sticky;top:0;overflow:hidden}.product-bridge{position:absolute;inset:0;z-index:3;background:#14291e;pointer-events:none;overflow:hidden}.product-bridge img{transform:scale(1.75);transform-origin:37% 70%;filter:brightness(.55)}.product-bridge span{position:absolute;inset:0;display:grid;place-content:center;color:#f0f3e2;text-align:center;font-size:clamp(2.8rem,5.5vw,6rem);line-height:1.1;letter-spacing:-.05em}.product-stage{position:relative;height:100%;background:radial-gradient(ellipse at 40% 50%,#f6f5ee,#dde0d5);overflow:hidden}.product-heading{position:absolute;left:5%;top:105px;z-index:1}.product-heading .eyebrow{font-size:10px;margin-bottom:16px}.product-heading h2{font-size:clamp(2.2rem,3.5vw,3.6rem);line-height:1.05}.product-stage canvas{position:absolute;left:0;top:17%;width:73%;height:76%;object-fit:contain}.product-copy{position:absolute;right:6%;top:43%;width:24%;max-width:350px}.product-copy>span{font-size:11px;letter-spacing:.2em;color:#6e7c65}.product-copy h3{font-size:clamp(1.7rem,2.8vw,3rem);letter-spacing:-.04em;font-weight:500;line-height:1.1;margin:20px 0}.product-copy>p{font-size:15px;color:#52624d;line-height:1.7}.product-copy>.fine{font-size:11px;margin-top:35px;max-width:260px}.product-nav{position:absolute;left:5%;right:5%;bottom:25px;display:flex;gap:28px;border-top:1px solid #acb8a370;padding-top:15px}.product-nav .component{width:auto;flex:1;display:block;font-size:10px;letter-spacing:.07em;border:0;padding:10px 0;color:#76806f;font-weight:600;text-align:center}.product-nav .component.active{color:#173c2a;box-shadow:0 -2px #325b30}.climate-story{height:330svh;background:#10251c;color:#f0f1e4}.climate-sticky{position:sticky;top:0;height:100svh;min-height:650px;overflow:hidden}.climate-sticky>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;will-change:filter}.climate-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0a201bd4,transparent 80%),linear-gradient(0deg,#081a18e6,transparent 50%)}.climate-light{position:absolute;inset:0;background:radial-gradient(ellipse at 80% 25%,#ffe6a146,transparent 60%);mix-blend-mode:screen;pointer-events:none}.climate-heading{position:absolute;top:125px;left:6%}.climate-heading h2{font-size:clamp(3rem,6.1vw,6rem)}.climate-heading .eyebrow{font-size:10px}.weather-copy{position:absolute;left:6%;bottom:24%;max-width:520px}.weather-copy>span{font-size:10px;letter-spacing:.2em;color:#dce8cb}.weather-copy h3{font-size:clamp(2.5rem,5.7vw,6rem);font-weight:500;letter-spacing:-.045em;line-height:1.1;margin:15px 0}.weather-copy>p{font-size:15px;max-width:390px;color:#d5dfce}.climate-bottom{position:absolute;bottom:30px;left:6%;right:6%;display:grid;grid-template-columns:1fr 1fr;gap:12px 40px;align-items:start}.climate-bottom>span{font-size:10px;letter-spacing:.14em}.climate-bottom>p{font-size:11px;color:#b9c5b4;max-width:440px;justify-self:end}.weather-nav{display:flex;gap:25px;grid-column:1/-1;margin-top:15px}.weather-nav button{background:none;color:#c5d0bc;border:0;border-bottom:1px solid transparent;padding:10px 0;font-size:10px;letter-spacing:.08em}.weather-nav button[aria-pressed=true]{border-color:#e3edc9;color:#f3f4e6}#weather-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.model-options{display:grid;grid-template-columns:1fr 1fr}.model-options label{margin:0}.config-grid{grid-template-columns:1.8fr 1fr}.config-controls{padding:35px}.config-visual canvas{height:100%;max-height:700px;object-fit:cover}.config-label{background:#e4e7db}.config-controls .swatches{gap:20px}.config-controls fieldset{margin:24px 0}.designer-comparison{position:absolute;left:25px;right:25px;bottom:72px;background:#10271dbd;padding:10px 18px}.designer-comparison label{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.12em}.designer-comparison input{margin:5px 0;min-height:25px}.ai-choice{border-top:1px solid #9bb18544;margin-top:20px;padding-top:18px}.ai-choice label{display:flex;gap:12px;align-items:start;font-size:12px;line-height:1.5}.ai-choice input{width:16px!important;min-height:16px!important;display:inline-block!important;margin:2px 0 0!important;accent-color:#bccf95}.ai-choice .fine{font-size:11px;margin-bottom:12px}.ai-choice:has(input:disabled){opacity:.7}.design-form[aria-busy=true]{opacity:.75}.gallery-story{background:#0e2119;color:#eff1dc}.gallery-intro{padding-top:85px;padding-bottom:70px}.gallery-intro h2{font-size:clamp(3rem,5vw,5rem)}.gallery-slide{position:relative;height:100svh;min-height:640px;overflow:hidden}.gallery-slide>img{object-fit:cover;object-position:center 40%;will-change:transform}.gallery-slide:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#05170cc7,transparent 80%),linear-gradient(0deg,#071c0fa6,transparent 50%)}.gallery-slide>div{position:absolute;z-index:1;left:6%;bottom:15%;right:6%}.gallery-slide span{font-size:10px;letter-spacing:.16em}.gallery-slide h3{font-size:clamp(3rem,6.5vw,6.7rem);letter-spacing:-.06em;line-height:1.02;font-weight:500;margin:25px 0}.gallery-slide p{font-size:15px;color:#d3dec7}.gallery-slide.second img{object-position:center 60%}.closing-scene{position:relative;min-height:800px;height:100svh;background:#10271d;color:#f1f2df;overflow:hidden}.closing-property,.closing-shade{position:absolute;inset:0}.closing-shade{background:linear-gradient(90deg,#081c17cc,transparent 95%),linear-gradient(0deg,#081b13d4,transparent)}.closing-content{position:relative;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:start;padding:100px 0 70px}.closing-content h2{font-size:clamp(3.1rem,6.3vw,6.7rem);line-height:1.05;letter-spacing:-.05em;margin-bottom:38px}.closing-mascot{display:flex;align-items:center;gap:16px;position:absolute;right:0;bottom:50px}.closing-mascot img{width:82px;height:82px;border-radius:50%;object-fit:cover;object-position:center 32%}.closing-mascot span{font-size:9px;line-height:1.8;letter-spacing:.1em}.quote{padding-top:100px}.quote h2{font-size:4.5rem}.quote .eyebrow{font-size:11px}
@media(max-width:1050px){.product-stage canvas{width:69%}.product-copy{width:28%;right:4%}.product-nav{gap:15px}.config-grid{grid-template-columns:1.5fr 1fr}.config-controls{padding:25px}.header nav{gap:16px}}
@media(max-width:760px){.header{padding:18px 6%}.header.scrolled{padding-top:13px;padding-bottom:13px}.header .wordmark{font-size:26px}.header nav{top:76px}.hero-sequence{height:205svh;min-height:0;max-height:none}.hero-sticky{min-height:620px;height:100svh}.hero h1{font-size:clamp(3.2rem,12vw,5.5rem);max-width:520px;line-height:1.02}.hero-content{top:27%;bottom:17%}.hero-content>.eyebrow{font-size:9px;margin-bottom:24px}.hero-bottom .button{min-width:0;font-size:12px;gap:20px;padding:15px 19px}.hero-bottom p{font-size:13px}.hero-next{padding:70px 6%}.hero-next h2{font-size:clamp(2.8rem,11vw,5rem)}.hero-next>span{font-size:9px;margin-bottom:24px}.hero-img{object-position:57% center;transform-origin:60% 65%}.hero-foot{font-size:8px;bottom:25px}.build-story{height:380svh}.build-sticky{min-height:0;top:78px}.story-heading{padding-top:20px;padding-bottom:18px}.story-heading h2{font-size:1.85rem;min-height:65px}.story-heading>p:last-child{font-size:12px}.story-chapters{gap:5px;grid-template-columns:repeat(6,1fr)}.story-chapters button{font-size:8px;min-width:0}.story-progress{min-height:92px}.product-story{height:450svh}.product-sticky{min-height:680px;height:100svh}.product-heading{left:6%;top:100px}.product-heading h2{font-size:2.35rem}.product-heading .eyebrow{font-size:8px;margin-bottom:12px}.product-stage canvas{left:0;top:23%;width:100%;height:48%;object-fit:contain}.product-copy{top:auto;bottom:92px;left:6%;right:6%;width:auto;max-width:none}.product-copy>span{font-size:8px}.product-copy h3{font-size:24px;margin:8px 0}.product-copy>p{font-size:12px;max-width:330px;line-height:1.6}.product-copy>.fine{display:none}.product-nav{left:6%;right:6%;bottom:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:5px 12px;padding-top:10px}.product-nav .component{font-size:8px;padding:7px 0}.product-nav .component.active{box-shadow:none;background:#d1ddbf;color:#173722}.product-bridge span{font-size:2.2rem;padding:0 5%}.climate-story{height:290svh}.climate-sticky{min-height:680px}.climate-heading{top:105px;left:6%}.climate-heading h2{font-size:3.3rem}.climate-heading .eyebrow{font-size:9px}.weather-copy{bottom:29%;left:6%;right:6%}.weather-copy h3{font-size:2.8rem;max-width:340px}.weather-copy>p{font-size:13px;max-width:320px}.climate-bottom{bottom:20px;display:block}.climate-bottom>span{font-size:8px}.climate-bottom>p{font-size:10px;margin-top:15px;max-width:330px}.weather-nav{gap:19px;margin-top:12px}.weather-nav button{font-size:8px}.config-grid{grid-template-columns:minmax(0,1fr)}.config-controls{padding:28px 24px}.config-visual canvas{height:auto;max-height:none;object-fit:contain}.config-controls .swatches{justify-content:space-between}.model-options{gap:8px}.model-options span{font-size:12px}.designer .section-top h2{font-size:2.9rem}.designer-comparison{left:12px;right:12px;bottom:60px;padding:7px 12px}.designer-comparison label{font-size:8px}.gallery-intro{padding-top:65px;padding-bottom:55px}.gallery-slide{min-height:600px;height:90svh}.gallery-slide>div{bottom:12%}.gallery-slide h3{font-size:3.7rem}.gallery-slide p{font-size:13px}.gallery-slide span{font-size:9px}.closing-scene{height:100svh;min-height:700px}.closing-content{padding-top:85px;padding-bottom:130px}.closing-content h2{font-size:clamp(2.5rem,9vw,4rem)}.closing-content .eyebrow{font-size:9px}.closing-mascot{left:0;right:auto;bottom:35px}.closing-mascot img{width:65px;height:65px}.closing-mascot span{font-size:8px}.quote h2{font-size:3.5rem}}
@media(prefers-reduced-motion:reduce){.hero-sequence{height:auto}.hero-sticky{position:relative}.hero-next{display:none}.product-story{height:auto}.product-sticky{position:relative}.product-bridge{display:none}.climate-story{height:auto}.climate-sticky{position:relative}.build-sticky{top:0}.hero-img{will-change:auto}.opening-progress{display:none}.gallery-slide>img{will-change:auto}}


/* Foreground character: independent head, breathing and scroll depth. */
.hero-bear{position:absolute;right:2%;bottom:8%;width:min(37vw,490px);height:auto;aspect-ratio:2/3;z-index:2;pointer-events:none;transform-origin:50% 90%;will-change:transform,opacity;filter:drop-shadow(12px 20px 18px #06181065)}
.bear-arrival{position:relative;width:100%;height:100%;animation:bear-arrive 1.5s cubic-bezier(.2,.7,.2,1) both}
.bear-rig{position:relative;width:100%;height:100%;transform-origin:50% 95%;animation:bear-breathe 4.8s ease-in-out infinite}
.hero-bear img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.bear-body{mask-image:linear-gradient(to bottom,transparent 20%,#000 23%);-webkit-mask-image:linear-gradient(to bottom,transparent 20%,#000 23%)}
.bear-head{mask-image:linear-gradient(to bottom,#000 20%,transparent 23%);-webkit-mask-image:linear-gradient(to bottom,#000 20%,transparent 23%);transform-origin:50% 22%;transform:rotate(var(--bear-head-turn,0deg));transition:transform .35s ease-out}
.bear-ground{position:absolute;bottom:0;left:20%;width:60%;height:3%;border-radius:50%;background:#07160cb0;filter:blur(9px);z-index:-1}
.hero-content{right:38%;z-index:3;top:24%;bottom:20%}.hero h1{font-size:clamp(3.7rem,6.5vw,7rem)}.hero-bottom{display:block}.hero-bottom .button{margin-top:24px}.hero-next{z-index:3}.hero-foot{z-index:4}.hero-foot>span{padding-right:135px}
.bear-motion{position:absolute;right:5%;bottom:22px;z-index:5;color:#edf0df;background:#13251e66;border:1px solid #f0f3d84d;border-radius:30px;padding:10px 14px;font:inherit;font-size:10px;cursor:pointer;backdrop-filter:blur(8px)}.bear-motion span{margin-left:8px}.bear-motion:focus-visible{outline:2px solid #eff3c8;outline-offset:4px}
.hero-sticky.bear-paused .bear-rig,.hero-sticky.bear-paused .bear-arrival,.hero-sticky.bear-offscreen .bear-rig{animation-play-state:paused}.hero-sticky.bear-paused .bear-head{transform:none;transition:none}
@keyframes bear-arrive{from{opacity:0;transform:translate3d(55px,50px,0) scale(.94)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}
@keyframes bear-breathe{0%,100%{transform:scaleY(1) rotate(-.25deg)}50%{transform:scaleY(1.012) rotate(.25deg)}}
@media(max-width:1000px) and (min-width:761px){.hero-bear{width:40vw;right:-3%;bottom:15%}.hero-content{right:34%}.hero h1{font-size:6.8vw}.hero-foot>span{display:none}}
@media(max-width:760px){.hero-sticky{min-height:740px}.hero-content{top:17%;left:6%;right:6%;bottom:auto;display:block}.hero h1{font-size:clamp(2.9rem,9.7vw,4.8rem);line-height:1.02}.hero-content>.eyebrow{margin-bottom:18px}.hero-bottom{margin-top:24px;max-width:50%}.hero-bottom p{font-size:12px}.hero-bottom .button{font-size:10px;min-width:0;padding:13px 12px;gap:8px;margin-top:18px;max-width:165px}.hero-bear{width:min(57vw,320px);right:-5%;bottom:11%;z-index:2}.bear-motion{bottom:18px;right:6%;font-size:9px;padding:9px 11px}.hero-foot{bottom:28px}.hero-foot a span{margin-left:9px}.hero-next{padding-top:90px}.hero-next h2{font-size:clamp(3rem,11vw,5rem)}}
@media(max-width:380px){.hero-bear{bottom:12%;width:60vw;right:-7%}.hero-bottom{max-width:51%}.hero h1{font-size:2.85rem}.hero-foot{font-size:7px}.bear-motion{font-size:8px}}
@media(prefers-reduced-motion:reduce){.bear-arrival,.bear-rig{animation:none!important}.bear-head{transform:none!important;transition:none}.hero-bear{will-change:auto}.bear-motion{display:none}}


.hero-bear{aspect-ratio:8/11;width:min(40vw,520px)}.bear-canvas{display:block;width:100%;height:100%}
@media(max-width:760px){.hero-bear{width:min(60vw,340px);right:-5%;bottom:11%}}

/* Two complete static poses: no body-part articulation or deformation. */
.hero-bear{aspect-ratio:2/3;width:min(37vw,490px);transform:none!important;will-change:opacity}
.hero-bear .bear-pose{mask-image:none;-webkit-mask-image:none;clip-path:none;filter:none;transform:none;animation:none}.bear-pose[hidden]{display:none!important}
.hero-foot>span{padding-right:0}
@media(max-width:760px){.hero-bear{width:min(57vw,320px);right:-5%;bottom:11%}}

/* Both complete poses share one floating layer, preserving the float during the swap. */
.bear-float{position:absolute;inset:0;animation:ecozinho-float 4.8s ease-in-out infinite;will-change:transform}
@keyframes ecozinho-float{0%,100%{transform:translateY(0) rotate(-.35deg)}50%{transform:translateY(-12px) rotate(.35deg)}}
.hero-bear.float-paused .bear-float,.hero-bear.float-offscreen .bear-float{animation-play-state:paused}
.hero-foot>span{padding-right:135px}
@media(prefers-reduced-motion:reduce){.bear-float{animation:none;transform:none;will-change:auto}}

/* Cursor proximity moves the intact character on a layer independent of floating. */
.bear-follow{position:absolute;inset:0;transform:translate3d(var(--near-x,0px),var(--near-y,0px),0) rotate(var(--near-turn,0deg)) scale(var(--near-scale,1));transform-origin:50% 70%;transition:transform .32s cubic-bezier(.2,.7,.2,1);will-change:transform}
@media(prefers-reduced-motion:reduce){.bear-follow{transform:none!important;transition:none;will-change:auto}}

/* Remove empty editorial label spacing after content cleanup. */
.hero-content{justify-content:center;gap:30px}.hero-bottom{margin-top:0}.product-copy h3{margin-top:0}.weather-copy h3{margin-top:0}
@media(max-width:760px){.hero-content{display:block}.hero-bottom{margin-top:24px}}

/* Supplied photography: finish and setting selection. */
.config-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:stretch}
.config-photo-frame{height:650px;overflow:hidden;background:#d5d7cd}
#config-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:center 64%;transition:transform .65s ease}
.config-photo-frame.is-detail #config-photo{transform:scale(1.55);transform-origin:50% 70%}
.config-controls{display:flex;flex-direction:column;justify-content:center}
.config-controls .swatches{justify-content:flex-start;gap:32px}
.gallery-photos{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:0 5% 80px}
.gallery-photos .gallery-slide{height:900px;min-height:0}
.gallery-photos .gallery-slide>img{object-position:center!important}
.gallery-photos .gallery-slide h3{font-size:clamp(2.5rem,4.2vw,4.8rem)}
.gallery-photos .gallery-slide>div{bottom:7%;left:8%}
.gallery-photos .gallery-slide:after{background:linear-gradient(0deg,#071c0fd9,transparent 65%)}
.closing-property{object-position:center 58%}
@media(max-width:760px){.config-grid{grid-template-columns:1fr}.config-photo-frame{height:auto;aspect-ratio:9/13}.config-controls{padding:30px 24px}.gallery-photos{grid-template-columns:1fr;padding:0 6% 50px;gap:24px}.gallery-photos .gallery-slide{height:auto;aspect-ratio:9/16}.gallery-photos .gallery-slide h3{font-size:3rem}.closing-property{object-position:center}}
@media(prefers-reduced-motion:reduce){#config-photo{transition:none}}

/* Keep the complete mascot inside the visible opening, including short screens. */
.hero-sticky{height:100svh;min-height:0}
.hero-bear{width:min(34vw,430px,43svh);height:auto;aspect-ratio:2/3;right:max(28px,4%);bottom:max(72px,8svh)}
.hero-bear .bear-pose{max-width:100%;max-height:100%;object-fit:contain}
@media(max-width:760px){.hero-bear{width:min(52vw,280px,36svh);right:max(28px,4%);bottom:max(75px,10svh)}}
/* Main-site presentation: image, introduction video, transformation, static product sheet. */
.hero-sequence{height:90svh;min-height:640px}.hero-sticky{height:100%;position:relative;min-height:0}.hero-content{top:22%;bottom:18%;right:30%;justify-content:center;opacity:1;transform:none}.hero-img{transform:none}.hero-next,.opening-progress{display:none}.hero-bottom .button{display:inline-flex;margin-top:22px}.hero-discover{display:block;font-size:13px;text-decoration:underline;text-underline-offset:6px;margin-top:26px}.hero-foot>span{padding-right:0}.meet-section{display:grid;grid-template-columns:1fr 1fr;gap:7%;padding-top:80px;padding-bottom:80px;align-items:center}.meet-video{background:#12291f;overflow:hidden}.meet-video video{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.meet-copy h2{font-size:clamp(2.5rem,4.5vw,5rem);line-height:1.05}.meet-copy>p:not(.eyebrow){font-size:15px;line-height:1.8;margin:25px 0}.meet-copy .button{display:inline-flex}.wpc-system{padding-top:85px;padding-bottom:85px}.wpc-system .section-top>p{max-width:440px;font-size:15px;line-height:1.8}.wpc-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin:40px 0 55px;padding:30px 0;border-top:1px solid #bdc6b1;border-bottom:1px solid #bdc6b1}.wpc-overview h3{font-size:19px;margin-bottom:15px}.wpc-overview p{font-size:13px;line-height:1.8;color:#58684f}.wpc-colors{display:flex;gap:20px;margin-top:20px}.wpc-colors span{font-size:10px}.wpc-colors i{display:block;width:45px;height:27px;margin-bottom:8px}.spec-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:45px;align-items:start}.spec-figure{margin:0;position:sticky;top:90px}.spec-image{position:relative}.spec-image img{display:block;position:static;width:100%;height:auto;object-fit:contain}.spec-figure figcaption{padding:15px 0;font-size:12px;text-decoration:underline}.spec-list>h3{font-size:27px;letter-spacing:-.7px}.spec-list>p{font-size:12px;line-height:1.7;color:#6e7b64;margin:15px 0 25px}.spec-part{display:block;width:100%;text-align:left;background:transparent;border:0;border-top:1px solid #c0c9b6;padding:17px 15px;color:#1b3527}.spec-part>span{font-size:13px;font-weight:700}.spec-part small{display:block;font-size:12px;margin:8px 0}.spec-part p{font-size:11px;line-height:1.7;color:#69775f}.spec-part:hover,.spec-part:focus-visible,.spec-part[aria-pressed=true]{background:#dde6d3;outline-offset:-2px}#spec-highlight{position:absolute;border:3px solid #dd8b3f;background:#e09c4122;pointer-events:none;box-shadow:0 0 0 2px #fff8}.panel-configs{display:grid;grid-template-columns:1fr 1fr;gap:40px;background:#e5e9dc;padding:32px;margin-top:45px}.panel-configs h3{font-size:23px;margin-bottom:15px}.panel-configs p:not(.eyebrow){font-size:13px;line-height:1.8}.panel-configs .eyebrow{font-size:10px;margin-bottom:15px}.fence-gate{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:50px}.fence-gate article{position:relative;background:#142f22;color:#f4f1df}.fence-gate img{display:block;width:100%;height:650px;object-fit:cover;object-position:center 65%}.fence-gate article>div{padding:25px}.fence-gate h3{font-size:25px;margin-bottom:10px}.fence-gate p{font-size:13px;line-height:1.7;color:#c6d3bc}
@media(max-width:760px){.hero-sequence{height:85svh;min-height:580px}.hero-content{top:22%;left:6%;right:6%;bottom:15%;display:flex}.hero h1{font-size:clamp(2.7rem,10vw,4.6rem)}.hero-bottom{max-width:100%}.hero-bottom p{font-size:14px}.hero-bottom .button{font-size:13px;max-width:none;padding:15px 25px}.hero-discover{font-size:12px;margin-top:20px}.hero-foot{bottom:22px}.meet-section{grid-template-columns:1fr;gap:35px;padding-top:45px;padding-bottom:55px}.meet-copy h2{font-size:3rem}.wpc-overview{grid-template-columns:1fr;gap:28px}.spec-grid{grid-template-columns:1fr;gap:25px}.spec-figure{position:static}.spec-list>p{margin-bottom:18px}.spec-part{padding:18px 12px}.panel-configs{grid-template-columns:1fr;padding:25px;gap:30px}.fence-gate{grid-template-columns:1fr}.fence-gate img{height:auto;aspect-ratio:4/5}.wpc-system .section-top h2{font-size:2.8rem}}
/* Corrected interactive assembly, built from the supplied component specification. */
.assembly-stage{background:radial-gradient(ellipse at 45% 40%,#faf9f0,#e1e6d7);border:1px solid #d7deca;overflow:hidden;border-radius:3px}.assembly-svg{display:block;width:100%;height:auto}.assembly-part{cursor:pointer;transition:transform .45s ease,opacity .3s ease,filter .3s ease;transform-box:fill-box;transform-origin:center}.assembly-part:focus-visible{outline:none;filter:drop-shadow(0 0 4px #db943c)}.has-selection .assembly-part:not(.selected){opacity:.35}.assembly-part.selected{filter:drop-shadow(0 7px 5px #1b33202b)}.assembly-part[data-assembly="0"].selected{transform:translateY(-25px)}.assembly-part[data-assembly="1"].selected{transform:translateX(-22px)}.assembly-part[data-assembly="2"].selected{transform:translate(20px,-15px)}.assembly-part[data-assembly="3"].selected{transform:translate(15px,-8px)}.assembly-part[data-assembly="5"].selected{transform:translateX(25px)}.assembly-part[data-assembly="4"].selected,.assembly-part[data-assembly="6"].selected,.assembly-part[data-assembly="7"].selected,.assembly-part[data-assembly="8"].selected{transform:translateY(-14px) scale(1.05)}.assembly-figure figcaption{display:flex;justify-content:space-between;gap:20px;text-decoration:none;align-items:center;font-size:10px;min-height:65px}.assembly-figure figcaption button{border:0;background:none;color:inherit;font-size:10px;text-decoration:underline;white-space:nowrap}.spec-part.selected{background:#dde6d3}.spec-grid{grid-template-columns:1.45fr 1fr;gap:35px}@media(max-width:760px){.spec-grid{grid-template-columns:1fr}.assembly-figure figcaption{font-size:9px;gap:10px}}@media(prefers-reduced-motion:reduce){.assembly-part{transition:none!important;transform:none!important}}

/* Restore the opening scroll sequence without the former floating mascot. */
.hero-sequence{height:230svh;min-height:0;max-height:none;overflow:visible}
.hero-sticky{position:sticky;top:0;height:100svh;min-height:0;overflow:hidden}
.hero-img{will-change:transform;transform-origin:60% 65%}
.hero-content{will-change:opacity,transform}
.hero-next{display:flex;opacity:0;pointer-events:none}
.opening-progress{display:block;width:0}
@media(max-width:760px){.hero-sequence{height:210svh;min-height:0}.hero-sticky{height:100svh;min-height:0}.hero-content{top:19%;bottom:17%}}
@media(prefers-reduced-motion:reduce){.hero-sequence{height:100svh;min-height:580px}.hero-sticky{position:relative;height:100%}.hero-next,.opening-progress{display:none}}

/* Match the portrait video's native frame without side bars or cropping. */
.meet-video{width:min(100%,420px);justify-self:center;background:transparent}
.meet-video video{width:100%;height:auto;aspect-ratio:496/864;object-fit:contain;background:transparent}
@media(max-width:760px){.meet-video{width:min(100%,380px)}}

.config-controls .swatches{gap:24px;flex-wrap:wrap}
.swatches .real-swatch{background-image:none}
.swatches .sample-light{background:#bbbeb7}.swatches .sample-natural{background:#aa917b}.swatches .sample-dark{background:#626d80}
.material-samples{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;padding-top:10px;padding-bottom:85px}.material-samples h2{font-size:clamp(2.8rem,4.5vw,4.7rem);line-height:1.05}.material-samples p{margin-top:25px;line-height:1.8;font-size:14px}.material-samples ol{padding-left:22px;margin-top:30px}.material-samples li{padding:12px 0;border-bottom:1px solid #c1cbb5}.material-samples li strong{display:block;font-size:15px}.material-samples li span{font-size:12px;color:#697761}.material-samples>img{width:100%;height:auto;max-height:720px;object-fit:contain}.material-samples p.fine{font-size:11px}
@media(max-width:760px){.material-samples{grid-template-columns:1fr;gap:30px;padding-bottom:60px}.config-controls .swatches{gap:18px}.swatches label{font-size:11px}}