/* The document stays a normal, readable page without JavaScript or motion. */
.home main{overflow:visible}.home .topline{display:none}.home .nav{border:0;padding-block:12px}.home{--story-nav:85px}
.product-story{background:#f18f00;position:relative;color:#29231d}.story-stage{position:relative;isolation:isolate;overflow:hidden;background:#f18f00}
.product-scene{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5%;padding:65px 6%;min-height:600px}.scene-content{max-width:650px}.scene-kicker{font-size:12px;font-weight:800;letter-spacing:.13em;margin:0 0 30px}.product-scene h1,.product-scene h2{font-size:clamp(4.5rem,8.2vw,9rem);line-height:.87;letter-spacing:-.025em;text-transform:uppercase;margin:0 0 30px}.product-scene em{font-style:normal;color:white}.scene-description{font-size:19px;line-height:1.6;margin:0 0 24px}.scene-link{display:inline-block;font-weight:700;font-size:15px;padding:8px 0;text-decoration-thickness:2px;text-underline-offset:8px}.scene-inline{width:100%;height:460px;object-fit:cover;border-radius:38% 38% 16px 16px}.scene-two{background:#29231d;color:white}.scene-two em{color:#f18f00}.scene-three{background:#f4aa5a}.scene-three h2{font-size:clamp(4rem,7.5vw,8rem)}
.stage-word,.stage-media,.stage-seal,.stage-controls,.story-motion{display:none}.story-outro{padding:100px 6% 90px;text-align:center;background:#fffaf3;scroll-margin-top:100px}.story-outro>p{margin:0 auto 22px;font-size:15px}.story-outro h2{font-size:clamp(4rem,9vw,9rem);line-height:.9}.story-outro em{font-style:normal;color:#a64d00}.outro-links{display:flex;justify-content:center;flex-wrap:wrap;gap:14px 35px;margin-top:35px;font-weight:700;font-size:15px}.outro-links a{padding:10px 0}
/* Scroll progressively changes one pinned visual; no wheel or touch interception. */
.story-animated .product-story{height:350svh}.story-animated .story-stage{position:sticky;top:var(--story-nav);height:calc(100svh - var(--story-nav));min-height:560px}
.story-animated .product-scene{position:absolute;inset:0;display:block;padding:0;min-height:0;opacity:var(--scene-opacity,0);transform:translateY(var(--scene-shift,0px));background:none;z-index:4;pointer-events:none;will-change:opacity,transform}
.story-animated .product-scene.is-active{pointer-events:auto}.story-animated .scene-content{position:absolute;left:6%;top:46%;transform:translateY(-50%);width:46%;max-width:720px}.story-animated .scene-inline{display:none}.story-animated .scene-one{--scene-opacity:1}.story-animated .scene-two .scene-content{width:65%;top:48%;max-width:1000px}.story-animated .scene-two h2{font-size:clamp(4.5rem,8.5vw,9.5rem)}.story-animated .scene-three .scene-content{width:48%}
.story-animated .stage-media{display:block;position:absolute;left:var(--media-left,51%);top:var(--media-top,7%);width:var(--media-width,45%);height:var(--media-height,81%);border-radius:var(--media-radius,45% 45% 8% 8%);overflow:hidden;z-index:1;transform:rotate(var(--media-rotate,5deg));box-shadow:var(--media-shadow,12px 16px 0 #aa550035);will-change:transform,border-radius}
.stage-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:52% center;transform:scale(var(--image-scale,1.08));will-change:transform}.stage-shop{opacity:var(--shop-opacity,0)}.stage-food{opacity:var(--food-opacity,1)}.stage-shade{position:absolute;inset:0;background:linear-gradient(90deg,#17110ef2 0%,#17110e55 65%,#17110e15);opacity:var(--shade-opacity,0)}
.story-animated .stage-word{display:block;position:absolute;right:-1%;bottom:8%;font:900 clamp(8rem,20vw,24rem)/.8 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.03em;z-index:0;color:#9145072b;transform:translateX(var(--word-shift,0%));opacity:var(--word-opacity,1);pointer-events:none}
.story-animated .stage-seal{display:grid;place-items:center;position:absolute;right:4%;bottom:15%;width:135px;height:135px;border-radius:50%;background:#95c11f;outline:2px dashed #29231d;outline-offset:-10px;box-shadow:6px 8px 0 #29231d;z-index:5;transform:rotate(var(--seal-rotate,12deg)) scale(var(--seal-scale,1));opacity:var(--seal-opacity,1);pointer-events:none}.stage-seal span{font:800 29px/.95 'Barlow Condensed',Impact,sans-serif;text-align:center}
.story-animated .stage-controls{position:absolute;display:flex;align-items:center;justify-content:space-between;gap:25px;left:6%;right:6%;bottom:24px;z-index:8;color:var(--control-color,#29231d)}.stage-controls>a{font-size:13px;font-weight:700;padding:10px 0}.stage-steps{display:flex;gap:14px}.stage-steps button{min-height:44px;display:flex;align-items:center;gap:10px;background:none;border:0;color:inherit;cursor:pointer;padding:6px 0;font-size:12px;font-weight:800}.stage-steps i{position:relative;width:42px;height:2px;background:currentColor;opacity:.3}.stage-steps button[aria-current] i{opacity:1;height:3px}.scroll-invitation{font-size:11px;letter-spacing:.14em;font-weight:700}.story-animated .story-motion{position:absolute;display:block;top:18px;right:25px;z-index:9;border:1px solid #ffffff80;color:white;background:#29231dcf;border-radius:30px;font-size:12px;padding:10px 14px;cursor:pointer;min-height:42px}
.story-animated .scene-two{color:white}.story-animated .scene-two .scene-kicker{color:#ffc06c}.story-animated .scene-two .scene-description{text-shadow:0 2px 10px #0009}.scene-three .btn.yellow{color:#29231d}.story-animated .scene-three em{color:white}
@media(max-width:1100px){.story-animated .story-stage{min-height:520px}.product-scene h1,.product-scene h2{font-size:8vw}.scene-description{font-size:17px}.story-animated .scene-three h2{font-size:7.3vw}.scene-kicker{font-size:11px;letter-spacing:.08em}.story-animated .stage-seal{width:115px;height:115px}.stage-seal span{font-size:25px}.scroll-invitation{display:none}}
@media(max-width:720px){.product-scene{grid-template-columns:1fr;padding:40px 6% 55px;min-height:0;gap:30px}.product-scene h1,.product-scene h2,.scene-three h2{font-size:clamp(3.5rem,13vw,6rem);margin-bottom:20px}.scene-kicker{margin-bottom:20px;font-size:10px;letter-spacing:.075em}.scene-description{font-size:16px;line-height:1.5;margin-bottom:14px}.scene-inline{height:320px}.story-outro{padding:60px 6%}.outro-links{gap:5px 22px}.story-animated .product-story{height:330svh}.story-animated .story-stage{height:calc(100svh - var(--story-nav));min-height:560px}.story-animated .scene-content{top:26px;left:6%;transform:none;width:88%;max-width:none}.story-animated .scene-one h1{font-size:clamp(3.3rem,12.5vw,5.3rem);line-height:.86}.story-animated .scene-one h1 br{display:none}.story-animated .scene-one h1 em{display:block}.story-animated .scene-one .scene-description{font-size:15px;max-width:80%;margin-bottom:4px}.scene-link{font-size:13px;padding-block:7px}.story-animated .scene-two .scene-content{width:88%;top:25%;transform:none}.story-animated .scene-two h2{font-size:clamp(3.2rem,11.7vw,5.5rem)}.story-animated .scene-three .scene-content{width:88%;top:24px}.story-animated .scene-three h2{font-size:12vw}.story-animated .scene-three .actions{margin-top:18px}.story-animated .scene-three .btn{min-height:44px;font-size:13px;padding:10px 18px}.story-animated .stage-seal{width:95px;height:95px;right:5%;bottom:14%;outline-offset:-7px;box-shadow:4px 5px 0 #29231d}.stage-seal span{font-size:21px}.story-animated .stage-controls{bottom:12px;left:6%;right:6%;gap:12px}.stage-steps{gap:10px}.stage-steps button{gap:6px}.stage-steps i{width:25px}.stage-controls>a{font-size:12px}.story-animated .story-motion{font-size:10px;top:auto;right:5%;bottom:70px;min-height:36px;padding:8px 12px}.story-animated .stage-word{font-size:29vw;bottom:37%}.story-animated .scene-one .scene-link{max-width:80%}}
/* A short viewport or enlarged type uses natural document flow. */
@media(max-height:650px){.story-animated .product-story{height:auto}.story-animated .story-stage{position:relative;top:0;height:auto;min-height:0}.story-animated .product-scene{position:relative;display:grid;padding:40px 6%;opacity:1!important;transform:none!important;pointer-events:auto}.story-animated .scene-content,.story-animated .scene-two .scene-content,.story-animated .scene-three .scene-content{position:static;transform:none;width:100%}.story-animated .scene-inline{display:block}.story-animated .stage-media,.story-animated .stage-word,.story-animated .stage-seal,.story-animated .stage-controls,.story-animated .story-motion{display:none}.story-animated .scene-two{background:#29231d}}
@media(prefers-reduced-motion:reduce){.product-story{height:auto!important}.story-stage{position:relative!important;top:0!important;height:auto!important}}