﻿/* Static first: complete without JavaScript. */
.scroll-story{background:#360000;color:#fff;position:relative;overflow-anchor:none}.story-stage{position:relative;isolation:isolate;overflow:clip;padding:40px 6vw;min-height:900px}
.scene-environment{position:absolute;inset:0;z-index:-3;overflow:hidden}.scene-background{width:100%;height:100%;object-fit:cover;object-position:center}.scene-dim{position:absolute;inset:0;background:linear-gradient(180deg,#190000dd,#1e000030 65%,#360000)}.scene-panel{position:absolute;inset:0;background:#360000;z-index:-1;opacity:0;pointer-events:none}
.story-brand{position:relative;z-index:2;max-width:1000px}.scene-monogram{width:52px;height:auto;margin-bottom:15px}.story-brand .eyebrow{font-size:11px;color:#fff;letter-spacing:.12em}.story-brand h1{font-size:clamp(45px,11vw,160px);line-height:1;letter-spacing:-.075em;margin:20px 0}.scene-positioning{font-size:clamp(18px,2vw,28px);margin:0 0 12px}.scene-description{max-width:520px;font-size:15px;line-height:1.7;margin:0}

.scene-rock{position:absolute;height:auto;pointer-events:none;z-index:5}.scene-rock-left{width:24%;left:-15%;top:-7%}.scene-rock-right{width:16%;right:0;top:5%;z-index:1}.scene-fog{position:absolute;inset:auto 0 0;width:100%;height:auto;opacity:.12;z-index:5;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 25%,#000 75%,transparent)}
.scene-heading{position:relative;z-index:2;font-size:clamp(52px,8vw,115px);line-height:.95;letter-spacing:-.065em;margin:60px 0 20px}.scene-heading em{font-style:normal;color:#dbcac3}.story-feature{position:relative;z-index:6;max-width:460px;margin:35px 0}.story-feature h2{font-size:clamp(42px,5vw,76px);line-height:1;letter-spacing:-.06em;margin:20px 0}.story-feature>p:not(.eyebrow){font-size:15px;line-height:1.7;max-width:350px}.scene-artwork{display:block;width:min(230px,50%);height:auto;position:relative;z-index:3;margin:30px 0 30px auto}.story-actions{position:relative;z-index:8;display:flex;gap:12px;flex-wrap:wrap}.story-actions .button-link{font-size:12px;min-height:44px}.story-next{position:relative;z-index:8;display:flex;gap:25px;align-items:center;width:fit-content;margin-top:25px;padding:12px 0;font-size:12px;color:#fff}.story-next span:last-child{font-size:24px}
.scene-enhanced .scroll-story{height:calc(240svh - var(--story-header,78px))}.scene-enhanced .story-stage{padding:0;position:sticky;top:var(--story-header,78px);height:calc(100svh - var(--story-header,78px));min-height:0}
.scene-enhanced .scene-environment{inset:-4%}.scene-enhanced .scene-dim{background:linear-gradient(180deg,#1c0000e8 0%,#1c00008c 34%,#1c000020 62%,#1c000040)}.scene-enhanced .scene-panel{opacity:1;transform-origin:50% 100%}.scene-enhanced .story-brand{position:absolute;left:8%;right:8%;top:5%;max-width:none;transform-origin:50% 0}.scene-enhanced .scene-monogram{width:48px;margin-bottom:4px}.scene-enhanced .story-brand h1{font-size:11vw;margin:14px 0}.scene-enhanced .scene-description{font-size:14px;max-width:520px}.scene-enhanced .scene-positioning{font-size:23px}
.scene-enhanced .scene-heading{position:absolute;left:8%;top:12%;margin:0;font-size:clamp(65px,9vw,140px);pointer-events:none}.scene-enhanced .scene-rock-left{width:27%;left:-17%;top:-15%}.scene-enhanced .scene-rock-right{width:16%;right:1%;top:-2%}.scene-enhanced .scene-fog{bottom:-8%;width:115%;left:-8%}.scene-enhanced .story-feature{position:absolute;left:8%;top:10%;width:40%;margin:0}.scene-enhanced .scene-artwork{position:absolute;right:12%;top:9%;width:min(20%,240px);margin:0;box-shadow:0 25px 60px #0003}.scene-enhanced .story-actions{position:absolute;left:6%;bottom:22px;margin:0}.scene-enhanced .story-next{position:absolute;right:6%;bottom:22px;margin:0}
@media(max-width:700px){.story-stage{padding:30px 22px}.scene-description{font-size:14px}.scene-monogram{width:40px}.scene-enhanced .scroll-story{height:calc(225svh - var(--story-header,70px))}.scene-enhanced .story-brand{left:6%;right:6%;top:7%}.scene-enhanced .story-brand h1{font-size:12.1vw;letter-spacing:-.065em;margin:18px 0}.scene-enhanced .story-brand .eyebrow{font-size:9px;letter-spacing:.07em}.scene-enhanced .scene-positioning{font-size:18px;max-width:280px}.scene-enhanced .scene-description{font-size:13px;max-width:310px;line-height:1.65}.scene-enhanced .scene-rock-left{width:37%;left:-25%;top:-4%}.scene-enhanced .scene-rock-right{width:23%;right:-5%;top:2%}.scene-enhanced .scene-heading{left:6%;top:15%;font-size:18vw}.scene-enhanced .story-feature{top:7%;left:6%;width:88%}.story-feature .eyebrow{font-size:9px}.scene-enhanced .story-feature h2{font-size:42px;margin:14px 0}.scene-enhanced .story-feature>p:not(.eyebrow){font-size:13px;max-width:220px}.scene-enhanced .scene-artwork{width:26%;right:6%;top:40%}.story-feature .button-link{font-size:12px;padding:12px 16px}.scene-enhanced .story-actions{left:6%;bottom:54px;gap:8px}.story-actions .button-link{font-size:10px;padding:12px;gap:10px}.scene-enhanced .story-next{left:6%;right:6%;bottom:6px;justify-content:space-between;font-size:10px}.scene-enhanced .scene-fog{width:180%;left:-40%}.scene-enhanced .scene-monogram{width:36px}}
@media(prefers-reduced-motion:reduce){.scene-heading,.story-brand,.story-feature{will-change:auto}.scene-environment{opacity:.7}.scene-panel{opacity:.5}}

/* Contrast and framing tuned from actual browser poses. */
.scene-enhanced .story-brand h1{font-size:10vw}.scene-enhanced .scene-description{max-width:330px;font-size:13px}.scene-enhanced .scene-heading{text-shadow:0 2px 30px #1c000050}.scene-enhanced .story-next{background:#360000b3;border-radius:2px;padding:8px 12px}.scene-enhanced .scene-rock-left{left:-20%}
@media(max-width:700px){.scene-enhanced .story-brand h1{font-size:12.1vw}.scene-enhanced .scene-description{max-width:310px}.scene-enhanced .scene-heading{font-size:16vw}.scene-enhanced .story-next{padding:4px 0;background:none}.scene-enhanced .scene-rock-left{left:-28%}}





/* Fit the supplied transparent logo inside the existing portrait artwork container. */
.scene-artwork{aspect-ratio:4/5}.scene-artwork>img{display:block;width:100%;height:100%;object-fit:contain}.scene-enhanced .scene-artwork{box-shadow:none}
