/* Independent entrance scene, with native, reversible scrolling. */
.hero-story.door-story{position:relative;height:auto}
.hero-story.door-story.is-scroll-ready{height:260svh}
.hero-story.door-story .hero{position:sticky;top:0;height:100svh;min-height:600px;max-height:none;isolation:isolate;perspective:1800px;background:#3c3024}
.door-story .hero-slides{z-index:0}
.door-story .hero-slide img{object-position:center 52%;animation:none!important}
.door-story .hero-shade{z-index:1;background:linear-gradient(0deg,#19140fb0,transparent 40%,#19140f26);pointer-events:none}
.entrance-door{display:none;position:absolute;top:0;bottom:0;width:32%;z-index:2;overflow:hidden;pointer-events:none;backface-visibility:hidden;will-change:transform;box-shadow:0 0 30px #0007;background:#382316}
.entrance-door img{position:absolute;top:0;width:200%;max-width:none;height:100%;object-fit:cover}
.entrance-door-left{left:0;transform-origin:0 50%}.entrance-door-left img{left:0;object-position:left center}
.entrance-door-right{right:0;transform-origin:100% 50%}.entrance-door-right img{right:0;object-position:right center}
.is-scroll-ready .entrance-door{display:block}
.door-story .hero-content{z-index:3;top:20%;right:10%;left:10%;max-width:none;text-align:center;pointer-events:none}
.door-story .hero-content>.eyebrow{color:#f4e3c7;font-size:13px;text-shadow:0 2px 12px #000}
.door-story h1{font-size:clamp(36px,4.2vw,60px);font-weight:600;line-height:1.65;color:#fffaf2;text-shadow:0 2px 20px #000a}
.door-story h1 span{color:#f1ddbd}
.door-story .hero-description{font-size:14px;color:#fffaf2;margin:15px auto;line-height:2;text-shadow:0 1px 12px #000;max-width:380px}
.door-story .door-finale{position:absolute;z-index:3;right:8%;left:8%;bottom:13%;color:#fffaf2;text-align:center}
.door-finale .eyebrow{color:#f0d9b4;font-weight:600;margin-bottom:8px}
.door-finale h2{font-size:clamp(28px,3.4vw,46px);font-weight:600;line-height:1.7;text-shadow:0 2px 14px #0008;margin-bottom:20px}
.door-finale .button{border-radius:40px;font-weight:600;gap:35px;background:#fff4df;color:#30241f;border-color:#fff4df}
.door-finale .button:hover{background:#e8d0a9}
.is-scroll-ready .door-finale{opacity:0;visibility:hidden}
.door-story .hero-bottom{z-index:4;bottom:28px;left:6%;right:6%;border-top:0;padding-top:0;color:#fffaf2;text-shadow:0 1px 8px #000}
.door-story .hero-bottom .scroll-hint{font-size:12px;font-weight:600}
.door-scroll-cue{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:600}
.door-scroll-cue i{display:block;width:1px;height:27px;background:#e3c79c}
@media(max-width:767px){.hero-story.door-story.is-scroll-ready{height:240svh}.hero-story.door-story .hero{min-height:580px}.entrance-door{width:50%}.door-story .hero-content{top:19%;right:6%;left:6%}.door-story h1{font-size:34px;line-height:1.65}.door-story .hero-content>.eyebrow{font-size:11px;margin-bottom:10px}.door-story .hero-description{font-size:12px;max-width:270px;margin-top:12px}.door-story .hero-slide img{object-position:58% center}.door-story .door-finale{right:6%;left:6%;bottom:15%}.door-finale h2{font-size:29px;margin-bottom:18px}.door-finale .eyebrow{font-size:11px}.door-finale .button{font-size:12px;padding:14px 21px}.door-story .hero-bottom{bottom:25px;gap:20px}.door-scroll-cue,.door-story .hero-bottom .scroll-hint{font-size:10px}.door-story .hero-shade{background:linear-gradient(0deg,#19140fc2,transparent 46%,#19140f24)}}
@media(prefers-reduced-motion:reduce){.hero-story.door-story.is-scroll-ready{height:auto}.hero-story.door-story .hero{position:relative}.entrance-door{display:none!important}.door-story .hero-content{display:none}.door-story .door-finale{opacity:1!important;visibility:visible!important}.door-scroll-cue{display:none}}
/* Keep the opening title legible over both the wood and the bright garden. */
.door-story .hero-content:before{content:'';position:absolute;inset:-65px -12% -50px;z-index:-1;background:radial-gradient(ellipse at center,#19120db8 0%,#19120d85 35%,transparent 73%);pointer-events:none}
.door-story .hero-content>.eyebrow{color:#fff0d8;text-shadow:0 1px 8px #000}
.door-story .hero-description{font-weight:600;text-shadow:0 1px 8px #000}
@media(max-width:767px){.door-story .hero-content:before{inset:-45px -6% -35px;background:radial-gradient(ellipse,#19120dbd,#19120d7d 48%,transparent 78%)}}
.door-story .hero-slide picture{display:block;width:100%;height:100%}
@media(max-width:767px){.door-story .hero-slide img{object-position:center center}}
/* Keep the original hand orientation: wrists enter from the outer walls. */
.door-story .hero-content{right:33%;left:33%;top:22%;max-width:none}
.door-story h1{font-family:'Vazirmatn',sans-serif;font-weight:900;font-size:clamp(25px,3.1vw,45px);line-height:1.85}
.door-story .hero-content>.eyebrow{font-family:'Vazirmatn',sans-serif;font-weight:700;font-size:12px;line-height:2}
.door-story .hero-description{font-family:'Vazirmatn',sans-serif;font-weight:600;font-size:13px;line-height:2.1}
.door-finale h2{font-family:'Vazirmatn',sans-serif;font-weight:800}
@media(max-width:767px){.entrance-door{width:32%}.door-story .hero-content{top:22%;right:32.5%;left:32.5%}.door-story h1{font-size:clamp(17px,5vw,24px);line-height:1.95}.door-story .hero-content>.eyebrow{font-size:9px;margin-bottom:12px}.door-story .hero-description{font-size:10px;line-height:2.2;margin-top:14px}}