/* The product story continues the opening's forest-green 3D studio. */
.immersive-story{background:#0b2922}.story-panel{position:relative;color:#f3f2e8;height:205svh;background:#102e25}.story-pin{height:calc(100svh - var(--header));min-height:660px;position:sticky;top:var(--header);overflow:hidden;isolation:isolate}.section-anchor{position:absolute;top:0}.story-panel h2,.story-bridge h2,.finish-story h2{font-weight:500}.story-panel em,.finish-story em{font-style:normal;color:#b8cbb7;font-weight:400}.story-panel .eyebrow,.story-bridge .eyebrow,.finish-story .eyebrow{color:#c6b891;font-size:9px;letter-spacing:2.4px}.scene-orbit{position:absolute;inset:3% 20%;border:1px solid #d1ddbe12;border-radius:50%;pointer-events:none;transform:rotate(calc(var(--scene-progress,0) * 50deg)) scale(calc(.85 + var(--scene-progress,0) * .2))}.scene-orbit:after{content:'';position:absolute;inset:10%;border:1px solid #d1ddbe0d;border-radius:50%}.scene-ghost{position:absolute;bottom:8%;left:50%;transform:translateX(calc(-50% + var(--scene-progress,0) * 3%));font-size:17vw;line-height:1;letter-spacing:-.055em;font-weight:600;color:#d4e3c805;pointer-events:none;white-space:nowrap}.story-stage{position:absolute;z-index:1}.story-canvas,.scene-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.story-canvas{opacity:0;touch-action:pan-y;cursor:grab;transition:opacity .7s;outline-offset:-5px}.story-canvas:active{cursor:grabbing}.scene-poster{pointer-events:none;transition:opacity .7s}.scene-ready .story-canvas{opacity:1}.scene-ready .scene-poster{opacity:0}.scene-failed .scene-status{position:absolute;top:auto;left:10%;bottom:14%;width:80%;height:auto;clip:auto;white-space:normal;text-align:center;font-size:12px;color:#e8dec7}.scene-bottom{position:absolute;bottom:25px;left:6%;right:6%;display:flex;justify-content:space-between;align-items:center;gap:20px;z-index:3;color:#b2c2b0;font-size:8px;letter-spacing:1.4px}.scene-bottom a{font-size:11px;letter-spacing:0;min-height:44px;display:flex;align-items:center;color:#f4eedb}.duo-panel{background:radial-gradient(ellipse at 45% 45%,#43634e,#193d30 50%,#0a2922)}.duo-heading{position:absolute;top:5%;left:5%;right:5%;text-align:center;z-index:2;pointer-events:none}.duo-heading h2{font-size:clamp(40px,4.2vw,64px);letter-spacing:-2px;margin-bottom:16px}.duo-heading .eyebrow{margin-bottom:18px}.duo-heading>p:last-child{font-size:14px;color:#bbcbb8;margin:0}.duo-stage{inset:25% 6% 22%}.duo-caption{position:absolute;bottom:10%;z-index:3;width:32%;text-align:center}.silver-caption{left:10%}.black-caption{right:10%}.duo-caption h3{font-size:30px;font-weight:400;letter-spacing:-.7px;margin:0 0 6px;display:inline-block}.finish-dot{width:9px;height:9px;display:inline-block;border-radius:50%;vertical-align:middle;margin:0 12px 7px 0}.light-dot{background:linear-gradient(135deg,#fff,#839b8b)}.dark-dot{background:linear-gradient(135deg,#879d8b,#060b09);border:1px solid #839581}.duo-caption p{font-size:12px;color:#bacab9;margin:0 0 2px}.duo-caption a{font-size:11px;display:inline-flex;align-items:center;gap:25px;border-bottom:1px solid #9caf8966;min-height:38px}.duo-tools{position:absolute;right:3%;top:43%;display:grid;gap:8px;z-index:3}.duo-tools button,.scene-tools button{width:44px;height:44px;border:1px solid #c2cda82b;border-radius:50%;background:#061e1570;color:#e1e7d6;font-size:23px;display:grid;place-items:center;padding:0}.duo-tools button:hover,.scene-tools button:hover{background:#dce9cb15}.story-bridge{text-align:center;position:relative;overflow:hidden;padding:125px 24px 130px;background:#09241d;color:#f3f1e7}.story-bridge h2{font-size:clamp(42px,6.4vw,94px);line-height:1.08;letter-spacing:-3px;margin-bottom:32px}.story-bridge h2 span{color:transparent;background:linear-gradient(90deg,#d4dec9 var(--word-reveal,0%),#d4dec932 var(--word-reveal,0%));background-clip:text;-webkit-background-clip:text}.story-bridge>p:not(.eyebrow){max-width:490px;font-size:16px;margin:0 auto 28px;color:#aabea7}.story-link{display:inline-flex;align-items:center;gap:25px;min-height:44px;border-bottom:1px solid #aab88c66;font-size:12px;color:#e4e7d2}.transform-panel{height:245svh;background:radial-gradient(ellipse at 68% 50%,#284d39,#0b2c22 48%,#071f19 85%)}.transform-panel .scene-orbit{inset:5% 2% 5% 35%;border-radius:50%}.transformation-copy{position:absolute;left:7%;top:23%;width:37%;height:340px;z-index:2;pointer-events:none}.scene-copy{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateY(26px);transition:opacity .6s,transform .8s,visibility .6s}.scene-copy.is-current{opacity:1;visibility:visible;transform:translateY(0)}.scene-copy h2{font-size:clamp(40px,4.4vw,68px);line-height:1.1;letter-spacing:-2px}.scene-copy>p:last-child{font-size:15px;color:#b1c4ac;max-width:350px;line-height:1.85;margin:27px 0 0}.transform-stage{inset:9% 0 19% 38%}.shape-explorer{position:absolute;left:40%;right:2%;bottom:6%;display:flex;flex-direction:column;align-items:center;gap:12px;z-index:3}.shape-tabs{display:flex;align-items:center;border-bottom:1px solid #aabd9f33;gap:30px}.shape-tabs button{background:none;border:0;border-bottom:1px solid transparent;color:#869e83;font-size:8px;letter-spacing:1px;padding:0 0 10px;min-height:44px}.shape-tabs button span{font-size:12px;letter-spacing:0;margin-left:7px}.shape-tabs button[aria-pressed=true]{border-color:#cabb8f;color:#ecebd8}.scene-tools{display:flex;align-items:center;gap:5px}.scene-tools button{background:transparent;border-color:transparent}.scene-tools button[aria-pressed=true]{border-color:#cabb8f}.scene-tools .swatch{width:21px;height:21px}.tool-divider{height:18px;width:1px;background:#b4c7a42b;margin:0 8px}.scene-instruction{font-size:9px;color:#98b093;letter-spacing:.2px;margin:0;text-align:center}.ritual-panel{height:155svh;background:radial-gradient(ellipse at 70% 50%,#657958 0%,#344e38 35%,#182f25 80%)}.ritual-copy{position:absolute;left:8%;top:19%;width:38%;z-index:2}.ritual-copy h2{font-size:clamp(40px,4.5vw,68px);letter-spacing:-2px}.ritual-copy>p:not(.eyebrow){font-size:15px;max-width:370px;color:#c3d1b8;line-height:1.85}.ritual-copy .ritual-small{font-size:12px!important;color:#a7bc9c!important;margin-top:22px}.quiet-button{background:#e7e9d6;color:#173623;border:1px solid #e7e9d6;border-radius:30px;min-height:52px;padding:14px 25px;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:30px;transition:background .2s,transform .2s}.quiet-button:hover{background:#fffdeb;transform:translateY(-2px)}.ritual-copy .quiet-button{margin-top:20px}.ritual-cue{display:block;margin-top:20px;font-size:8px;letter-spacing:2px;color:#bdcfa9;min-height:16px}.ritual-stage{inset:13% 0 13% 41%}.ritual-tools{position:absolute;bottom:9%;left:44%;right:3%;justify-content:center;z-index:3}.ritual-orbits{position:absolute;left:44%;right:3%;top:13%;bottom:13%;display:grid;place-items:center;pointer-events:none}.ritual-orbits i{position:absolute;inset:4%;border:1px solid #d1e3b31a;border-radius:50%;transform:scale(calc(.9 + var(--scene-progress,0) * .1))}.ritual-orbits i:nth-child(2){inset:14%}.ritual-orbits i:nth-child(3){inset:24%}.finish-story{padding:125px 8% 55px;background:#0d2b22;color:#f2f1e5}.finish-story-top{max-width:710px}.finish-story-top h2{font-size:clamp(44px,5.2vw,78px);letter-spacing:-2.5px}.finish-story-top>p:last-child{max-width:520px;font-size:16px;color:#afc4a8}.finish-options{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:65px}.finish-options article{border-top:1px solid #a3ba982e;padding-top:24px}.option-number{font-size:9px;letter-spacing:1.6px;color:#b6ad82}.finish-options h3{font-size:27px;font-weight:400;letter-spacing:-.7px;margin:22px 0 18px}.finish-options p{font-size:14px;color:#9eb796;max-width:260px}.finish-options .story-link{margin-top:10px}.shop-detail{color:#8ea586;font-size:11px;margin:38px 0 0}.real-product{margin-top:95px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #a3ba982e;border-bottom:1px solid #a3ba982e;padding:44px 0}.real-product h3{font-size:32px;letter-spacing:-1px;font-weight:400;line-height:1.2;margin:0}.real-product .eyebrow{font-size:8px;margin-bottom:17px}.real-product .quiet-button{background:transparent;color:#d0dabb;border-color:#a6bc9059}.representation-note{font-size:10px;color:#98ad8e;max-width:700px;margin:35px 0 0;line-height:1.8}.representation-note a{text-decoration:underline;white-space:nowrap}.immersive-story .care{background:#163528;color:#edf0df;border-top:1px solid #d2ddbe0c}.immersive-story .care .eyebrow,.immersive-story .faq .eyebrow{color:#c4b88d}.immersive-story .care-grid article{border-color:#8eaa7845}.immersive-story .care-number{color:#a4b78b}.immersive-story .care-grid p,.immersive-story .faq-list p{color:#b3c5a5}.immersive-story .care-grid .text-link{border-color:#9bb08055}.immersive-story .faq{color:#f0f1df;background:#0d2b22}.immersive-story .faq-list,.immersive-story .faq details{border-color:#9db48533}.immersive-story .faq .text-link{border-color:#9bb08055}.immersive-story .closing{background:radial-gradient(ellipse at 50% 120%,#527048,#193f2d 55%,#0c2c21);padding:100px 5% 110px}.immersive-story .site-footer{background:#082319;color:#d5dfc4}.immersive-story .footer-top{border-color:#b3c89525}.immersive-story .copyright{color:#8fa27d}
dialog#product-gallery{width:min(1000px,94vw);max-width:1000px;height:min(900px,92dvh);max-height:92dvh;padding:28px 35px;background:#102d24;color:#f0f1e3;border:1px solid #b9c99f4d;overflow:auto}#product-gallery::backdrop{background:#021910dc;backdrop-filter:blur(10px)}.gallery-top{display:flex;align-items:start;justify-content:space-between;gap:20px}.gallery-top .eyebrow{font-size:8px;margin-bottom:12px;color:#b7c598}.gallery-top h2{font-size:32px;letter-spacing:-1px;font-weight:400;margin:0}.gallery-top button{background:none;border:0;color:inherit;font-size:12px;min-height:44px}.gallery-image-wrap{height:calc(92dvh - 250px);max-height:590px;min-height:200px;margin-top:10px;display:flex;justify-content:center}.gallery-image-wrap img{width:100%;height:100%;object-fit:contain}.gallery-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:5px}.gallery-bottom button{border:1px solid #a7c08c44;background:transparent;color:inherit;width:44px;height:44px;border-radius:50%;font-size:20px}.gallery-bottom p{font-size:12px;text-align:center;color:#c4cfb2}.gallery-note{font-size:9px;text-align:center;color:#8da17d;margin:10px 0 0}
@media(max-width:1100px) and (min-width:761px){.duo-caption{bottom:11%}.transformation-copy{left:5%;width:38%}.scene-copy h2,.ritual-copy h2{font-size:44px}.ritual-copy{left:5%;width:39%}.finish-options{gap:30px}.shape-tabs{gap:17px}.shape-tabs button span{font-size:11px}.duo-stage{inset:27% 4% 25%}}
@media(max-width:760px){
 .story-panel{height:185svh}.story-pin{height:calc(100svh - var(--header));min-height:620px}.story-panel .eyebrow,.story-bridge .eyebrow,.finish-story .eyebrow{font-size:8px;letter-spacing:1.7px}.scene-ghost{font-size:25vw;bottom:23%}.scene-orbit{inset:20% -10% 20%}.duo-heading{top:5%;left:20px;right:20px}.duo-heading h2{font-size:clamp(32px,8.8vw,44px);line-height:1.1;letter-spacing:-1.3px;margin-bottom:14px}.duo-heading .eyebrow{margin-bottom:15px}.duo-heading>p:last-child{font-size:11px;max-width:260px;margin:auto;line-height:1.7}.duo-stage{inset:26% 0 28%}.duo-caption{bottom:14%;width:44%}.silver-caption{left:4%}.black-caption{right:4%}.duo-caption h3{font-size:24px}.duo-caption p{font-size:10px}.duo-caption a{font-size:10px;gap:9px;min-height:40px}.finish-dot{width:7px;height:7px;margin-right:7px}.duo-tools{right:12px;top:37%;gap:5px}.duo-tools button{width:36px;min-height:36px;height:36px;font-size:20px;background:#071e168f}.scene-bottom{bottom:8%;left:20px;right:20px;gap:8px;font-size:6px;letter-spacing:.6px}.scene-bottom a{font-size:9px;min-height:35px;white-space:nowrap}.story-bridge{padding:85px 24px 90px}.story-bridge h2{font-size:clamp(39px,10vw,56px);letter-spacing:-1.8px;margin-bottom:26px}.story-bridge>p:not(.eyebrow){font-size:14px;max-width:340px}.story-link{font-size:11px}.transform-panel{height:225svh}.transformation-copy{top:6%;left:24px;right:24px;width:auto;height:200px;text-align:center}.scene-copy h2{font-size:clamp(33px,8.6vw,45px);letter-spacing:-1.4px;line-height:1.1;margin-bottom:15px}.scene-copy .eyebrow{margin-bottom:15px}.scene-copy>p:last-child{font-size:12px;line-height:1.8;max-width:310px;margin:0 auto}.transform-stage{inset:34% 0 24%}.transform-panel .scene-orbit{inset:27% -20% 20%}.shape-explorer{left:12px;right:12px;bottom:9%;gap:4px}.shape-tabs{gap:24px}.shape-tabs button{font-size:7px;padding-bottom:5px}.shape-tabs button span{font-size:11px;margin-left:4px}.scene-tools{gap:5px}.scene-tools button{width:40px;min-height:40px;height:40px}.scene-tools .swatch{width:20px;height:20px}.tool-divider{margin:0 4px}.scene-instruction{font-size:7px;margin-top:4px}.ritual-panel{height:145svh}.ritual-copy{top:6%;left:24px;right:24px;width:auto;text-align:center}.ritual-copy h2{font-size:clamp(34px,8.7vw,46px);letter-spacing:-1.4px;margin-bottom:16px}.ritual-copy>p:not(.eyebrow){font-size:12px;line-height:1.85;max-width:330px;margin:0 auto}.ritual-copy .ritual-small{display:none}.ritual-copy .quiet-button{margin-top:18px;min-height:44px;padding:10px 23px;font-size:11px}.ritual-cue{font-size:7px;margin-top:13px;letter-spacing:1.6px}.ritual-stage{inset:43% 0 16%}.ritual-tools{bottom:9%;left:5%;right:5%}.ritual-orbits{inset:38% 1% 13%}.finish-story{padding:85px 24px 50px}.finish-story-top h2{font-size:43px;letter-spacing:-1.6px}.finish-story-top>p:last-child{font-size:14px}.finish-options{grid-template-columns:1fr;gap:35px;margin-top:45px}.finish-options article{padding-top:23px;position:relative}.finish-options h3{font-size:28px;margin:18px 0 12px}.finish-options p{font-size:14px;max-width:320px}.finish-options .story-link{margin-top:5px}.shop-detail{font-size:10px;margin-top:30px}.real-product{margin-top:60px;padding:30px 0;display:block}.real-product h3{font-size:30px}.real-product .quiet-button{margin-top:25px;font-size:11px}.representation-note{font-size:9px;margin-top:28px}.immersive-story .care-grid p{font-size:14px}.immersive-story .care-grid h3{font-size:23px}.immersive-story .closing{padding:75px 24px 90px}dialog#product-gallery{padding:22px 18px;width:94vw}.gallery-top h2{font-size:26px}.gallery-top .eyebrow{font-size:7px;letter-spacing:1px;max-width:180px}.gallery-bottom p{font-size:10px}.gallery-image-wrap{height:calc(85dvh - 220px)}
}
@media(max-width:360px){.duo-heading h2{font-size:30px}.duo-heading>p:last-child{font-size:10px}.duo-caption{bottom:15%}.duo-caption h3{font-size:22px}.duo-caption p{font-size:9px}.scene-bottom{font-size:5.5px;left:16px;right:16px;bottom:8%}.scene-bottom a{font-size:8px}.scene-copy h2{font-size:30px}.transformation-copy{left:18px;right:18px;top:5%}.scene-copy>p:last-child{font-size:11px}.shape-tabs{gap:15px}.scene-instruction{font-size:6px}.ritual-copy{left:20px;right:20px;top:5%}.ritual-copy h2{font-size:31px}.ritual-copy>p:not(.eyebrow){font-size:11px}.ritual-stage{top:45%;bottom:17%}.finish-story-top h2{font-size:38px}}
@media(max-height:690px){.story-panel{height:auto}.story-pin{position:relative;top:0;height:760px;min-height:0}.duo-heading{top:6%}.ritual-panel .story-pin{height:800px}}
.scene-failed .scene-status{bottom:7%;z-index:5;left:8%;width:84%;padding:12px 16px;background:#09281ee8;border:1px solid #adbf9545;border-radius:5px}.scene-failed .duo-tools,.scene-failed .shape-explorer,.scene-failed .ritual-tools{display:none}.scene-failed .quiet-button{display:none}
@media(prefers-reduced-motion:reduce){.story-panel{height:auto}.story-pin{position:relative;top:0}.scene-orbit,.scene-ghost,.ritual-orbits i{transform:none}.scene-ghost{left:0;width:100%;text-align:center}.scene-copy{transition:none}.story-bridge h2 span{background:none;color:#d4dec9}.scene-status{scroll-behavior:auto}}