/* One landing hero and footer; no scroll-linked stacked pages remain. */
.brand-story{position:relative;width:100%;min-height:calc(100svh - 78px);background:#fff}
.brand-story-stage{position:relative;top:auto;width:100%;height:calc(100svh - 78px);min-height:640px;margin:0 auto;overflow:hidden;background:#fff}
.scroll-story.story-entry.story-stage--hero{position:absolute;inset:0;display:flex;align-items:center;height:100%;min-height:0;padding:clamp(28px,5svh,60px) max(clamp(32px,5.8vw,84px),calc((100vw - 1440px)/2 + 84px));background:#fff;overflow:hidden}
.story-lead{position:relative;z-index:2;min-width:0;width:min(100%,760px)}
.story-lead h1{margin:0;font-size:clamp(68px,7.8vw,112px);line-height:1;letter-spacing:-.055em;font-weight:800}
.story-lead h1 span{display:block;width:max-content;max-width:100%;clip-path:inset(0 100% 0 0);transform:none;animation:storyLeadLineReveal 1.5s cubic-bezier(.2,.75,.2,1) forwards}
.story-lead h1 span:nth-child(1){animation-delay:.12s}.story-lead h1 span:nth-child(2){animation-delay:.36s}
.story-lead-copy{width:max-content;max-width:100%;margin:clamp(28px,3vw,42px) 0 0;font-size:clamp(14px,1.25vw,18px);line-height:1.75;letter-spacing:-.025em;color:#666}
.story-lead-copy span{display:block;width:max-content;max-width:100%;opacity:0;clip-path:inset(0 100% 0 0);transform:none;animation:storyCopyLineReveal .58s cubic-bezier(.2,.75,.2,1) forwards}
.story-lead-copy span:nth-child(1){animation-delay:1.86s}.story-lead-copy span:nth-child(2){animation-delay:2.02s}.story-lead-copy span:nth-child(3){animation-delay:2.18s}.story-lead-copy span:nth-child(4){animation-delay:2.34s}
@keyframes storyLeadLineReveal{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes storyCopyLineReveal{0%{opacity:0;clip-path:inset(0 100% 0 0)}35%{opacity:.72}100%{opacity:1;clip-path:inset(0 0 0 0)}}
.story-waves{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none;z-index:0;opacity:1;mask-image:linear-gradient(to right,rgba(0,0,0,.23),rgba(0,0,0,.42) 32%,#000 60%);-webkit-mask-image:linear-gradient(to right,rgba(0,0,0,.23),rgba(0,0,0,.42) 32%,#000 60%)}
html.home-motion-failed .story-lead h1 span,html.home-motion-failed .story-lead-copy span{opacity:1!important;clip-path:none!important;transform:none!important;animation:none!important}
@media(max-width:1120px){.story-lead{width:min(100%,660px)}}
@media(max-width:760px){.brand-story{min-height:calc(100svh - 68px)}.brand-story-stage{height:calc(100svh - 68px);min-height:620px}.scroll-story.story-entry.story-stage--hero{padding:38px 22px}.story-lead{width:100%;max-width:100%}.story-lead h1{font-size:clamp(50px,14vw,70px)}.story-lead-copy{font-size:14px}.story-waves{mask-image:linear-gradient(to right,rgba(0,0,0,.16),#000 85%);-webkit-mask-image:linear-gradient(to right,rgba(0,0,0,.16),#000 85%)}}
@media(min-width:761px) and (max-height:720px){.story-lead h1{font-size:clamp(58px,min(7.8vw,12svh),96px)}.story-lead-copy{margin-top:clamp(16px,3svh,24px);font-size:clamp(12px,1vw,15px)}}
@media(prefers-reduced-motion:reduce){.story-lead h1 span,.story-lead-copy span{opacity:1!important;clip-path:none!important;transform:none!important;animation:none!important}}

/* The market CTA shares the platform-copy row so its vertical position tracks the copy height. */
.story-market-cta{position:relative;display:inline-flex;align-items:center;justify-content:space-between;gap:45px;min-width:178px;min-height:52px;margin-top:28px;padding:0 20px;border:1px solid #1c1c1c;color:#fff;background:#202222;font-size:13px;font-weight:700;letter-spacing:-.02em;isolation:isolate;overflow:hidden;opacity:1;transform:none;animation:none;transition:color var(--locrian-menu-text-duration,.266667s) ease,border-color var(--locrian-menu-text-duration,.266667s) ease}
.story-market-cta::before{content:"";position:absolute;inset:0;z-index:-1;background:#080808;transform:scaleX(0);transform-origin:left;transition:transform var(--locrian-menu-fill-duration,.96s) var(--locrian-menu-fill-ease,cubic-bezier(.2,.82,.2,1))}
.story-market-cta:hover,.story-market-cta:focus-visible{color:#fff;border-color:#111}
.story-market-cta:hover::before,.story-market-cta:focus-visible::before{transform:scaleX(1)}
.story-market-cta:focus-visible{outline:2px solid #111;outline-offset:3px}
html.home-motion-failed .story-market-cta{opacity:1;transform:none;animation:none}
@media(max-width:760px){.story-market-cta{margin-top:20px;min-height:48px;min-width:160px}}
@media(prefers-reduced-motion:reduce){.story-market-cta{opacity:1;transform:none;animation:none;transition:none}.story-market-cta::before{transition:none}}

/* §83: fit the headline, right-aligned CTA and photo reel in a single hero screen. */
.scroll-story.story-entry.story-stage--hero{align-items:flex-start;padding-top:clamp(30px,5svh,65px)}
.story-lead{width:100%;max-width:none}
.story-lead h1{font-size:calc(clamp(60px,6.7vw,96px) + 10pt);max-width:min(100%,1040px);margin-left:-8px}
.story-lead-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:clamp(44px,5svh,54px);padding-right:clamp(0px,8vw,120px)}
.story-lead-copy{margin:0;font-size:calc(max(12px,calc(clamp(13px,1.15vw,17px) + 5pt - 10pt)) + 5pt);line-height:1.48}
.story-market-cta{position:relative;right:auto;top:auto;align-self:center;flex-shrink:0;margin-top:0;min-width:178px;justify-content:center;gap:0;border:1px solid #1c1c1c;background:#202222;color:#fff;box-shadow:0 7px 22px #00000014;opacity:1;transform:none;clip-path:none;animation:none}
@media(min-width:761px) and (max-width:1100px){.story-lead h1{font-size:calc(clamp(60px,7.1vw,84px) + 10pt)}.story-lead-bottom{flex-direction:column;align-items:flex-start;gap:14px;padding-right:0}.story-market-cta{align-self:flex-start}}
@media(max-width:760px){.brand-story-stage{min-height:620px}.scroll-story.story-entry.story-stage--hero{padding:clamp(28px,5svh,42px) 22px}.story-lead h1{font-size:calc(clamp(44px,12.5vw,64px) + 10pt);margin-left:-4px}.story-lead-bottom{flex-direction:column;align-items:flex-start;gap:14px;padding-right:0;margin-top:clamp(36px,5svh,44px)}.story-lead-copy{font-size:calc(max(12px,calc(13px + 5pt - 10pt)) + 5pt);line-height:1.42}.story-market-cta{align-self:flex-start;min-height:42px;min-width:145px}}
@media(min-width:761px) and (max-height:720px){.scroll-story.story-entry.story-stage--hero{padding-top:clamp(24px,5svh,42px)}.story-lead h1{font-size:calc(clamp(54px,6.6vw,82px) + 10pt)}.story-lead-bottom{margin-top:40px}.story-lead-copy{line-height:1.42}}
html.home-motion-failed .story-market-cta{opacity:1;clip-path:none;transform:none;animation:none}
@media(prefers-reduced-motion:reduce){.story-market-cta{opacity:1;clip-path:none;transform:none;animation:none}}

/* Keep enlarged copy readable on narrow phones without cropping any words. */
@media(max-width:480px){
 .story-lead h1{font-size:min(calc(clamp(44px,12.5vw,64px) + 10pt),calc((100vw - 44px)/7))}
 .story-lead h1 span,.story-lead-copy span{width:auto;max-width:100%;overflow-wrap:anywhere}
 .story-lead-copy{font-size:calc(max(12px,calc(13px + 5pt - 10pt)) + 5pt);line-height:1.35}
}

/* On tablets the copy and CTA stack without any hardcoded vertical coordinate. */

/* Locrian generated screen UI font-size uplift; do not edit. */
@media screen {
.story-lead h1{font-size:calc(clamp(68px,7.8vw,112px) + 2pt)}
.story-lead h1{font-weight:750}
.story-lead-copy{font-size:calc(clamp(14px,1.25vw,18px) + 2pt)}
@media(max-width:760px){.story-lead h1{font-size:calc(clamp(50px,14vw,70px) + 2pt)}}
@media(max-width:760px){.story-lead-copy{font-size:calc(14px + 2pt)}}
@media(min-width:761px) and (max-height:720px){.story-lead h1{font-size:calc(clamp(58px,min(7.8vw,12svh),96px) + 2pt)}}
@media(min-width:761px) and (max-height:720px){.story-lead-copy{font-size:calc(clamp(12px,1vw,15px) + 2pt)}}
.story-market-cta{font-size:calc(13px + 2pt)}
.story-market-cta{font-weight:650}
.story-lead h1{font-size:calc(calc(clamp(60px,6.7vw,96px) + 10pt) + 2pt)}
.story-lead-copy{font-size:calc(calc(max(12px,calc(clamp(13px,1.15vw,17px) + 5pt - 10pt)) + 5pt) + 2pt)}
@media(min-width:761px) and (max-width:1100px){.story-lead h1{font-size:calc(calc(clamp(60px,7.1vw,84px) + 10pt) + 2pt)}}
@media(max-width:760px){.story-lead h1{font-size:calc(calc(clamp(44px,12.5vw,64px) + 10pt) + 2pt)}}
@media(max-width:760px){.story-lead-copy{font-size:calc(calc(max(12px,calc(13px + 5pt - 10pt)) + 5pt) + 2pt)}}
@media(min-width:761px) and (max-height:720px){.story-lead h1{font-size:calc(calc(clamp(54px,6.6vw,82px) + 10pt) + 2pt)}}
@media(max-width:480px){.story-lead h1{font-size:calc(min(calc(clamp(44px,12.5vw,64px) + 10pt),calc((100vw - 44px)/7)) + 2pt)}}
@media(max-width:480px){.story-lead-copy{font-size:calc(calc(max(12px,calc(13px + 5pt - 10pt)) + 5pt) + 2pt)}}
}