/* The original centered hero remains unchanged; only the travel layers animate. */
.depth-flight{display:block;transform-origin:50% 50%}
.hero.is-diving .active .depth-flight{will-change:transform,opacity}
.hero.is-diving .tilt{transition:none}
.hero.is-diving .levitate,.hero.is-diving .tilt{transform-style:flat}
.hero.is-diving .ambient-grain{visibility:hidden}
.scroll-cue{position:absolute;bottom:87px;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:2px;color:#f4f0dc80;text-decoration:none;z-index:8}
.store-intro{background:#e7e5d5;--store-bg:#e7e5d5;color:#152b1e;min-height:100svh;padding:65px 7%;perspective:1200px}
.store-intro:before{background:radial-gradient(at 10% 30%,#ffffffaa,transparent 60%)}
.store-intro-inner{grid-template-columns:1.15fr .85fr;gap:8%}
.store-intro .eyebrow{color:#59664e;margin-bottom:30px;font-size:9px}
.store-intro-copy h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(130px,18vw,270px);line-height:.76;letter-spacing:-.055em;color:#163322;margin:0 0 35px}
.store-intro-copy h2 span{opacity:1;transform:none;text-shadow:2px 3px 0 #ffffff66,10px 14px 25px #33442c14}
.store-intro-copy h2 span+span{margin-top:6px}.store-intro-copy h2 i{font-family:'Fraunces',Georgia,serif;font-size:.65em;font-weight:800;font-style:italic;color:#75834d}.store-intro-copy h2 em{color:#75834d}
.store-slogan{color:#213724;font-size:24px}.store-description{color:#52614c;font-size:13px}
.back-to-products{display:inline-block;margin-top:25px;color:#24452c;font-size:11px;text-underline-offset:6px}
.store-photo{margin:0;outline:none;border-radius:2px;box-shadow:20px 30px 60px #162b1930;transform:rotate(3deg);overflow:visible;opacity:1}
.store-photo img{aspect-ratio:4/5;filter:none;transform:none;border:9px solid #f7f5e9;object-position:50% 30%}
.store-photo:after{display:none}.store-photo figcaption{font-size:8px;letter-spacing:1.5px;margin-top:17px;color:#4d5d45;text-align:center}
.cinema-sequence.is-pinned{height:100svh;min-height:0;position:relative;overflow:hidden;isolation:isolate}
.is-pinned>.hero,.is-pinned>.store-intro{position:absolute;inset:0;width:100%;height:100%;min-height:0}
.is-pinned>.store-intro{z-index:10}

@media(max-width:750px){
 .store-intro{padding:45px 8%;min-height:100svh}.store-intro-inner{grid-template-columns:1fr;gap:25px}
 .store-intro-copy h2{font-size:clamp(100px,28vw,160px);margin-bottom:23px}.store-description{font-size:11px}.back-to-products{margin-top:15px}
 .store-photo{width:62%;max-width:260px;justify-self:end;margin:0 5px 0}.store-photo img{aspect-ratio:1.4;object-position:50% 22%;border-width:6px}
}
@media(max-width:600px){.scroll-cue{bottom:113px;font-size:7px}.hero .object img{max-height:40vh}}
@media(max-width:750px) and (max-height:780px){
 .store-intro{padding:30px 8%}.store-intro-inner{gap:15px}.store-intro-copy h2{font-size:25vw;margin-bottom:17px}.store-photo{width:52%}
}
@media(prefers-reduced-motion:reduce){.store-photo{transform:none}.depth-flight{transform:none!important}}

/* The store shares the hero's cream, green and accent tokens. */
.store-intro{background:var(--cream);--store-bg:var(--cream);color:var(--deep-green)}
.store-intro-copy h2,.store-description,.back-to-products{color:var(--deep-green)}
.store-intro-copy h2 i,.store-intro-copy h2 em{color:var(--accent)}
.back-to-products{text-decoration-color:var(--accent);text-decoration-thickness:2px}
.store-intro a:focus-visible{outline-color:var(--deep-green)}
.store-photo img{border-color:var(--cream)}