:root { --studio:var(--brand-green,#175032); --chalk:#f5f4ec; --lime:#b8e98a; --studio-muted:#abb8ad; --story-header:88px; }
html { scroll-behavior:auto; scroll-padding-top:calc(var(--story-header) + 16px); }
.motion-home .motion-header { background:var(--studio); color:var(--chalk); border-bottom:1px solid #ffffff14; position:sticky; top:0; z-index:40; box-shadow:none; }
.motion-header .wrap { max-width:1600px; width:calc(100% - 80px); }
.motion-header .nav-row { height:var(--story-header); min-height:var(--story-header); padding:0; gap:30px; display:flex; align-items:center; }
.motion-header .brand { width:250px; flex:none; }
.motion-header .brand img { display:block; width:100%; height:auto; }
.motion-header .motion-nav { display:flex; align-items:center; gap:26px; margin-left:auto; }
.motion-header .motion-nav a,.motion-header .motion-phone { font-size:14px; font-weight:700; text-decoration:none; color:var(--chalk); white-space:nowrap; }
.motion-header .motion-nav a:hover { color:var(--lime); }
.motion-header .motion-phone { margin-left:18px; }
.motion-home .button { border-radius:7px; }
.motion-header .motion-header-cta { font-size:13px; min-height:44px; padding:12px 18px; white-space:nowrap; }
.motion-home .sign-story { height:420vh; position:relative; background:var(--studio); color:var(--chalk); isolation:isolate; }
.sign-sticky { height:calc(100svh - var(--story-header)); min-height:650px; position:sticky; top:var(--story-header); overflow:hidden; }
.studio-halo { position:absolute; inset:0; pointer-events:none; background:radial-gradient(ellipse at 77% 46%,#32734b33 0,transparent 57%); }
.sign-sticky::before { content:''; position:absolute; inset:0; background:#020604; opacity:calc(var(--night,0) * .96); pointer-events:none; }
.studio-halo { opacity:calc(1 - var(--night,0) * .94); }
.story-topline { position:absolute; top:24px; left:40px; right:40px; display:flex; align-items:center; justify-content:space-between; gap:20px; z-index:3; font-size:12px; color:var(--studio-muted); }
.story-topline a { text-decoration:none; color:var(--chalk); display:flex; gap:20px; align-items:center; }
.story-copy { position:absolute; z-index:3; width:32%; max-width:465px; left:max(40px,calc((100% - 1520px) / 2)); top:16%; pointer-events:none; }
.story-copy a { pointer-events:auto; }
.story-kicker { font-weight:700; font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:var(--lime); margin:0 0 23px; }
.story-copy h1 { font-family:NunitoSans,sans-serif; font-weight:900; font-size:clamp(40px,4.15vw,68px); line-height:1.035; letter-spacing:-.055em; margin:0 0 24px; color:var(--chalk); min-height:2.95em; }
.story-copy h1 em { color:var(--lime); font-style:normal; }
.story-description { font-size:16px; line-height:1.6; color:#b6c0b8; max-width:360px; min-height:5em; margin:0 0 25px; }
.story-actions { display:flex; flex-direction:column; align-items:flex-start; gap:17px; }
.story-actions .button { font-size:14px; font-weight:800; min-height:49px; padding:13px 20px; background:#d3bc84; color:#142419; gap:22px; border:0; }
.story-actions .button:hover { background:#ddc793; }
.story-secondary { font-size:13px; font-weight:700; text-decoration:none; color:var(--chalk); border-bottom:1px solid #ffffff30; padding-bottom:4px; }
.story-secondary span { margin-left:15px; }
.sign-viewport { position:absolute; left:35%; right:0; top:8%; bottom:17%; z-index:1; }
.sign-viewport canvas { display:block; width:100%; height:100%; }
.sign-layer-label { position:absolute; left:0; top:0; pointer-events:none; opacity:0; color:#cbd7cc; font-size:11px; line-height:1.3; white-space:nowrap; padding-left:16px; }
.sign-layer-label::before { content:''; position:absolute; width:10px; height:1px; left:0; top:.6em; background:#9cb599; }
@media(max-width:900px) { .sign-layer-label { font-size:9px; padding:0 0 4px; translate:-100% -100%; } .sign-layer-label::before { display:none; } }
.sign-viewport::before { content:''; position:absolute; inset:8% 5%; z-index:-1; pointer-events:none; background:radial-gradient(ellipse at 50% 55%,#b5edb431,transparent 67%); opacity:var(--power,0); }
.sign-story[data-stage="4"] .sign-viewport { mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent),linear-gradient(0deg,transparent,#000 3%,#000 94%,transparent); mask-composite:intersect; }
.scene-fallback { display:flex; flex-direction:column; justify-content:center; align-items:center; gap:22px; height:100%; padding:9%; }
.scene-fallback img { width:100%; height:auto; filter:drop-shadow(0 0 28px #88ff5920); }
.scene-fallback p { color:var(--studio-muted); font-size:13px; }
.scene-ready .scene-fallback { display:none; }
.component-label { position:absolute; z-index:2; display:flex; align-items:center; gap:9px; right:10%; top:73%; font-size:12px; color:#cbd7cc; }
.sign-story:is([data-stage="2"],[data-stage="3"]) .component-label { visibility:hidden; }
.component-dot { width:5px; height:5px; border-radius:50%; background:var(--lime); box-shadow:0 0 10px #b8e98a50; }
.story-bottom { position:absolute; left:40px; right:40px; bottom:96px; display:flex; align-items:flex-end; justify-content:space-between; gap:20px; }
.story-caption span { font-size:10px; color:var(--lime); text-transform:uppercase; letter-spacing:.15em; font-weight:700; }
.story-caption p { color:#8e9f92; font-size:11px; margin:7px 0 0; }
.story-scroll { display:flex; gap:14px; align-items:center; margin-left:auto; margin-right:35px; color:#bac5bd; font-size:11px; line-height:1.45; }
.scroll-symbol { font-size:24px; font-weight:400; }
.motion-switch { background:none; border:1px solid #ffffff26; border-radius:4px; color:#bac5bd; font:inherit; font-size:11px; padding:8px 12px; cursor:pointer; }
.motion-switch:hover { border-color:#b8e98a; color:var(--chalk); }
.motion-switch[aria-pressed="true"] { color:var(--lime); }
.story-steps { position:absolute; bottom:0; left:40px; right:40px; height:72px; display:grid; grid-template-columns:repeat(6,1fr); border-top:1px solid #ffffff26; }
.story-steps button { font:inherit; font-size:12px; color:#b4c1b7; background:none; border:0; padding:0 8px; display:flex; align-items:center; gap:12px; cursor:pointer; text-align:left; }
.story-steps button span { font-size:10px; color:#abb8ad; font-variant-numeric:tabular-nums; }
.story-steps button[aria-current] { color:var(--chalk); }
.story-steps button[aria-current] span { color:var(--lime); }
.story-steps button:hover { color:var(--lime); }
.story-progress { position:absolute; bottom:71px; left:40px; right:40px; height:1px; pointer-events:none; }
.story-progress i { height:1px; background:var(--lime); width:100%; display:block; transform:scaleX(var(--progress,0)); transform-origin:left; }
.motion-home :is(a,button):focus-visible { outline:3px solid var(--focus-ring); outline-offset:5px; }
.motion-home #quote,.motion-home #uslygi { scroll-margin-top:0; }
.motion-home .brand-proof { margin-top:0; padding-top:38px; padding-bottom:38px; }
.motion-home .mobile-nav { background:var(--studio); }
.motion-home .mobile-nav a { color:var(--chalk); }
.sign-story.motion-static { height:calc(100svh - var(--story-header)); min-height:580px; }
.motion-static .sign-sticky { position:relative; top:0; }
.motion-static .story-scroll { visibility:hidden; }
.scene-error .component-label,.scene-error .story-steps,.scene-error .story-progress { display:none; }
.scene-error .story-bottom { bottom:30px; }
.scene-pending .story-steps,.scene-pending .story-progress,.scene-pending .motion-switch,.scene-pending .component-label { visibility:hidden; }
@media(min-width:1700px) { .story-copy { top:20%; } .sign-viewport { left:35%; right:3%; } }
@media(max-width:1200px) {
 .motion-header .wrap { width:calc(100% - 48px); }
 .motion-header .nav-row { gap:22px; }
 .motion-header .brand { width:215px; }
 .motion-header .motion-phone { display:none; }
 .motion-header .motion-nav { gap:22px; }
 .story-copy { left:28px; width:33%; top:17%; }
 .story-copy h1 { font-size:clamp(36px,4.1vw,50px); }
 .story-description { font-size:14px; line-height:1.6; }
 .story-topline,.story-bottom,.story-steps,.story-progress { left:28px; right:28px; }
 .sign-viewport { left:35%; }
}
@media(max-height:800px) and (min-width:901px) {
 .sign-sticky { min-height:580px; }
 .story-copy { top:12%; }
 .story-copy h1 { font-size:clamp(36px,4vw,58px); margin-bottom:18px; }
 .story-kicker { margin-bottom:14px; }
 .story-description { font-size:14px; margin-bottom:18px; min-height:4.5em; }
 .story-bottom { bottom:85px; }
}
@media(max-width:900px) {
 :root { --story-header:72px; }
 .motion-header .motion-nav,.motion-header .motion-header-cta { display:none; }
 .motion-header .nav-row { justify-content:space-between; }
 .motion-header .brand { width:235px; }
 .motion-header .menu-toggle { display:block; color:var(--chalk); }
 .sign-sticky { height:calc(100svh - var(--story-header) - 61px); min-height:0; }
 .story-topline { top:15px; font-size:10px; }
 .story-copy { top:8%; width:calc(100% - 48px); max-width:none; left:24px; }
 .story-copy h1 { font-size:44px; line-height:1.02; max-width:500px; min-height:0; margin-bottom:12px; }
 .story-copy h1 br { display:none; }
 .story-copy h1 br:after { content:' '; }
 .story-kicker { font-size:10px; margin-bottom:12px; }
 .story-description { max-width:480px; width:100%; font-size:13px; line-height:1.5; min-height:3em; margin-bottom:18px; }
 .story-actions { flex-direction:row; align-items:center; gap:22px; }
 .story-actions .button { padding:11px 15px; font-size:13px; min-height:44px; }
 .story-secondary { font-size:11px; }
 .sign-viewport { top:44%; bottom:17%; left:0; right:0; }
 .component-label { top:auto; bottom:21%; right:28px; font-size:10px; }
 .story-bottom { bottom:83px; }
 .story-caption { display:none; }
 .story-scroll { margin:0 auto 0 0; font-size:10px; }
 .story-steps { height:64px; left:24px; right:24px; }
 .story-progress { bottom:63px; left:24px; right:24px; }
 .story-steps button { flex-direction:column; justify-content:center; gap:4px; font-size:10px; padding:0 2px; }
 .motion-home .mobile-quick { display:flex; position:fixed; bottom:0; left:0; right:0; z-index:50; align-items:center; justify-content:space-between; gap:16px; min-height:61px; padding:9px 15px; background:var(--brand-green,#175032); color:#fff; border-top:1px solid #ffffff20; }
 .motion-home .mobile-quick>a:first-child { color:#fff; font-size:13px; font-weight:700; }
 .motion-home .mobile-quick .button { font-size:12px; min-height:43px; padding:10px 17px; }
 .sign-story.motion-static { min-height:0; height:calc(100svh - var(--story-header) - 61px); }
 .story-topline,.story-bottom { left:24px; right:24px; }
}
@media(max-width:540px) {
 :root { --story-header:64px; }
 .motion-header .wrap { width:calc(100% - 36px); }
 .motion-header .brand { width:220px; }
 .motion-header .nav-row { gap:10px; }
 .motion-home .sign-story { height:360vh; }
 .sign-sticky { height:calc(100svh - var(--story-header) - 61px); min-height:0; }
 .story-topline { left:20px; right:20px; top:14px; }
 .story-topline > span { max-width:150px; }
 .story-topline a { gap:8px; }
 .story-copy { top:65px; width:calc(100% - 40px); left:20px; }
 .story-copy h1 { font-size:40px; max-width:350px; letter-spacing:-.05em; }
 .story-copy h1 br { display:initial; }
 .story-copy h1 br:first-of-type { display:none; }
 .story-copy h1 br:first-of-type:after { content:' '; }
 .story-kicker { font-size:9px; margin-bottom:12px; }
 .story-description { font-size:12px; min-height:4.5em; max-width:330px; margin-bottom:12px; }
 .story-actions .button { font-size:12px; padding:10px 13px; }
 .story-secondary { font-size:10px; max-width:105px; line-height:1.5; }
 .story-secondary span { margin-left:3px; }
 .sign-viewport { top:49%; bottom:17%; left:0; right:0; }
 .component-label { bottom:20%; right:22px; font-size:9px; }
 .story-bottom { bottom:72px; left:20px; right:20px; }
 .story-scroll { font-size:9px; }
 .motion-switch { font-size:10px; padding:6px 9px; }
 .story-steps { height:55px; left:15px; right:15px; }
 .story-steps button { font-size:8px; }
 .story-steps button span { font-size:9px; }
 .story-progress { bottom:54px; left:15px; right:15px; }
 .sign-story.motion-static { min-height:0; height:calc(100svh - var(--story-header) - 61px); }
}
@media(max-width:540px) and (max-height:740px) {
 .story-copy { top:52px; }
 .story-copy h1 { font-size:32px; line-height:1.05; max-width:310px; margin-bottom:10px; }
 .story-copy h1 br { display:none; }
 .story-kicker { margin-bottom:8px; }
 .story-description { font-size:11px; line-height:1.45; min-height:4.2em; margin-bottom:10px; }
 .story-actions .button { min-height:38px; font-size:11px; }
 .story-actions { gap:14px; }
 .story-secondary { font-size:9px; }
 .sign-viewport { top:49%; bottom:17%; }
 .component-label { display:none; }
 .story-scroll { font-size:8px; }
 .story-bottom { bottom:58px; }
 .story-steps { height:46px; }
 .story-progress { bottom:45px; }
}
@media(min-width:541px) and (max-width:900px) and (max-height:650px) {
 .story-copy { width:39%; top:13%; }
 .story-copy h1 { font-size:33px; }
 .story-description { font-size:11px; }
 .story-actions { flex-direction:column; gap:8px; align-items:flex-start; }
 .story-actions .button { min-height:36px; font-size:11px; }
 .sign-viewport { left:38%; top:10%; bottom:23%; }
 .component-label { bottom:26%; }
 .story-steps { height:48px; }
 .story-progress { bottom:47px; }
 .story-bottom { bottom:62px; }
}
@media(prefers-reduced-motion:reduce) { .motion-home * { scroll-behavior:auto!important; } }

/* The image takes the stage during the authored camera tour. */
.cinematic-caption { position:absolute; bottom:12px; left:40px; max-width:420px; color:var(--chalk); font-size:14px; line-height:1.5; pointer-events:none; }
@media(min-width:901px) {
 .cinematic-ready .sign-viewport { left:0; right:0; top:6%; bottom:17%; }
 .cinematic-ready .story-copy { transition:opacity 180ms ease-out; }
 .cinematic-wide .story-copy { opacity:0; pointer-events:none; }
 .cinematic-wide .component-label,.cinematic-wide .story-caption { visibility:hidden; }
}
@media(max-width:900px) { .cinematic-caption { display:none; } }
@media(prefers-reduced-motion:reduce) { .cinematic-ready .story-copy { transition:none; } }

/* The approved homepage offer is longer than the original animated slogan. */
.motion-home .story-copy { width:43%; max-width:530px; top:12%; }
.motion-home .story-copy h1 { font-size:clamp(34px,3.35vw,48px); line-height:1.08; letter-spacing:-.03em; min-height:0; text-wrap:balance; margin-bottom:18px; }
.motion-home .story-description { max-width:470px; min-height:0; font-size:14px; line-height:1.6; margin-bottom:20px; }
.story-quote-note { max-width:440px; margin:16px 0 0; font-size:12px; line-height:1.5; color:var(--studio-muted); }
.motion-home .story-actions { flex-direction:row; align-items:center; flex-wrap:wrap; gap:14px 20px; }
.motion-home .story-secondary { max-width:none; }
.motion-home .story-topline > span { max-width:70%; }
.home-section-intro { max-width:850px; color:var(--muted); font-size:17px; line-height:1.7; margin:0 0 30px; }
.home-seo-copy { max-width:900px; }
.home-seo-copy > p { max-width:75ch; font-size:17px; line-height:1.7; color:var(--muted); margin:22px 0; }
.home-seo-copy .actions { margin-top:28px; flex-wrap:wrap; }
.home-seo-copy .actions .button { max-width:100%; white-space:normal; text-align:left; }
.home-order-list li { grid-template-columns:230px minmax(0,1fr); }
@media(min-width:901px) and (max-height:800px) {
 .motion-home .story-copy { top:11%; }
 .motion-home .story-copy h1 { font-size:clamp(32px,3.2vw,42px); }
 .motion-home .story-description { font-size:13px; margin-bottom:14px; }
 .story-quote-note { margin-top:12px; }
}
@media(max-width:900px) {
 .motion-home .story-copy { top:70px; left:24px; width:calc(100% - 48px); max-width:650px; }
 .motion-home .story-copy h1 { max-width:620px; font-size:34px; margin-bottom:12px; }
 .motion-home .story-description { max-width:600px; font-size:13px; line-height:1.5; margin-bottom:14px; }
 .motion-home .sign-viewport { top:53%; }
 .story-quote-note { font-size:11px; margin-top:12px; max-width:550px; }
}
@media(max-width:540px) {
 .motion-home .story-copy { top:70px; left:20px; width:calc(100% - 40px); }
 .motion-home .story-copy h1 { font-size:28px; max-width:none; }
 .motion-home .story-description { font-size:12px; }
 .motion-home .story-kicker { margin-bottom:8px; }
 .motion-home .story-actions { gap:12px; }
 .motion-home .story-secondary { max-width:115px; }
 .motion-home .sign-viewport { top:64%; bottom:15%; }
 .motion-home .component-label { display:none; }
 .motion-home .story-scroll { visibility:hidden; }
 .story-quote-note { font-size:11px; margin-top:10px; }
 .home-section-intro,.home-seo-copy > p { font-size:16px; }
 .home-order-list li { grid-template-columns:1fr; gap:8px; }
}
@media(max-width:540px) and (max-height:740px) {
 .motion-home .sign-sticky { min-height:650px; }
 .motion-home .sign-story.motion-static { min-height:650px; }
 .motion-home .story-copy { top:65px; }
 .motion-home .story-copy h1 { font-size:26px; }
}
@media(max-width:360px) {
 .motion-home .sign-sticky,.motion-home .sign-story.motion-static { min-height:820px; }
 .motion-home .story-copy { top:90px; }
 .motion-home .sign-viewport { top:70%; bottom:14%; }
}
@media(min-width:541px) and (max-width:900px) and (max-height:650px) {
 .motion-home .sign-sticky,.motion-home .sign-story.motion-static { min-height:660px; }
}

/* One continuous reading ribbon from the opening offer to the finished sign. */
.story-topline .story-skip{min-height:44px;flex:none;padding:10px 15px;gap:12px;border:1px solid #b8e98a66;border-radius:7px;font-size:14px;font-weight:700;color:var(--chalk);background:var(--studio)}
.story-topline .story-skip:hover{background:#25362a;border-color:var(--lime)}
.motion-home .sign-sticky{min-height:0}
.motion-home .story-copy{--reading-top:88px;--reading-bottom:140px;left:max(40px,calc((100% - 1840px) / 2));top:var(--reading-top);bottom:var(--reading-bottom);width:40%;max-width:760px;height:auto;overflow:hidden;opacity:1;transition:none;pointer-events:auto;mask-image:linear-gradient(#000,#000 calc(100% - 18px),transparent)}
.story-ribbon{will-change:transform}
.story-panel{height:var(--story-row-step,calc(100svh - var(--story-header) - 228px));box-sizing:border-box;margin:0;padding:0}
.story-panel-content{padding:4px 0 32px}
.motion-home .story-panel :is(h1,h2){font-family:NunitoSans,sans-serif;font-weight:900;font-size:clamp(36px,3.4vw,76px);line-height:1.09;letter-spacing:-.03em;text-transform:none;color:var(--chalk);margin:0 0 22px;min-height:0;max-width:760px;text-wrap:balance}
.motion-home .story-panel .story-description{font-size:clamp(18px,1.15vw,26px);line-height:1.55;color:#d0d7d1;max-width:55ch;margin:0 0 24px;min-height:0}
.motion-home .story-panel .story-actions{flex-wrap:wrap;gap:16px 20px}
.motion-home .story-panel .story-actions .button{font-size:15px;min-height:50px}
.motion-home .story-panel .story-secondary{font-size:14px}
.cinematic-ready .sign-viewport{left:0;right:0;top:8%;bottom:17%}
.cinematic-ready .story-caption{visibility:hidden}
.cinematic-ready .story-scroll{visibility:visible}
.story-steps button{position:relative}
.story-steps button[aria-current]::after{content:'';width:5px;height:5px;border-radius:50%;background:var(--lime);position:absolute;top:-3px;left:50%}
@media(min-width:901px) and (max-height:800px){
 .motion-home .story-copy{--reading-top:72px;--reading-bottom:126px}
 .motion-home .story-panel :is(h1,h2){font-size:clamp(34px,3vw,46px);margin-bottom:18px}
 .motion-home .story-panel .story-description{font-size:16px;margin-bottom:18px}
 .motion-home .story-panel .story-actions .button{font-size:14px;min-height:46px}
 .motion-home .story-panel .story-secondary{font-size:13px}
}
@media(max-width:900px){
 .motion-home .sign-sticky,.motion-home .sign-story.motion-static{height:calc(100svh - var(--story-header) - 61px);min-height:0}
 .motion-home .story-copy{--reading-top:78px;--reading-height:clamp(220px,36svh,330px);left:24px;right:24px;top:var(--reading-top);bottom:auto;width:auto;max-width:650px;height:var(--reading-height)}
 .story-panel{height:var(--story-row-step,var(--reading-height))}
 .story-panel-content{padding:4px 0 24px}
 .motion-home .story-panel :is(h1,h2){font-size:30px;line-height:1.12;margin-bottom:14px}
 .motion-home .story-panel .story-description{font-size:16px;line-height:1.5;margin-bottom:18px}
 .motion-home .story-panel .story-actions{display:none}
 .motion-home .cinematic-ready .sign-viewport{left:0;right:0;top:calc(78px + clamp(220px,36svh,330px) + 8px);bottom:108px;height:auto}
 .story-steps{top:auto;bottom:0;height:60px}
 .story-progress{top:auto;bottom:59px}
 .story-bottom{top:auto;bottom:76px}
}
@media(max-width:540px){
 .story-topline{align-items:flex-start}
 .motion-home .story-topline > span{max-width:155px;font-size:9px;line-height:1.5}
 .story-topline .story-skip{min-height:44px;padding:9px 11px;font-size:12px;gap:8px}
 .motion-home .story-copy{left:20px;right:20px;--reading-height:clamp(208px,35svh,300px)}
 .motion-home .story-panel :is(h1,h2){font-size:28px;margin-bottom:14px}
 .motion-home .story-panel .story-description{font-size:15px;line-height:1.5}
 .motion-home .cinematic-ready .sign-viewport{top:calc(78px + clamp(208px,35svh,300px) + 8px);bottom:96px}
 .story-steps{height:50px;left:15px;right:15px}
 .story-progress{bottom:49px;left:15px;right:15px}
 .story-bottom{bottom:64px;left:20px;right:20px}
 .motion-home .story-scroll{visibility:visible;font-size:9px}
 .story-steps button{font-size:clamp(8px,2vw,9px)}
 .motion-home .component-label{display:none}
}
@media(max-width:540px) and (max-height:740px){
 .motion-home .story-copy{--reading-top:72px;--reading-height:clamp(210px,32svh,236px)}
 .motion-home .story-panel :is(h1,h2){font-size:24px;margin-bottom:12px}
 .motion-home .story-panel .story-description{font-size:13px;line-height:1.45}
 .motion-home .cinematic-ready .sign-viewport{top:calc(72px + clamp(210px,32svh,236px) + 6px);bottom:72px}
 .story-bottom{bottom:53px}
 .story-scroll{display:none}
 .story-steps{height:42px}
 .story-progress{bottom:41px}
 .motion-switch{font-size:9px;padding:5px 7px}
}
@media(max-width:360px){
 .story-topline .story-skip{padding-inline:8px;font-size:11px;gap:5px}
 .motion-home .story-topline > span{max-width:130px}
 .motion-home .story-panel :is(h1,h2){font-size:22px}
 .motion-home .story-panel .story-description{font-size:13px}
 .story-steps button{font-size:8px}
}
@media(max-width:360px) and (max-height:740px){
 .motion-home .story-copy{--reading-height:236px}
 .motion-home .cinematic-ready .sign-viewport{top:314px}
}
@media(prefers-reduced-motion:reduce){.story-ribbon{will-change:auto}}

/* Original Moscow artwork from the published Tilda homepage. */
.story-city{position:absolute;z-index:0;left:50%;bottom:12%;width:max(100%,1120px);aspect-ratio:1337/251;transform:translateX(-50%);background:#e1c58b;mask:url('/assets/brand/moscow-skyline.svg') center/contain no-repeat;opacity:calc(.10 * (1 - var(--night,0) * .8));pointer-events:none}
.sign-sticky::after{content:'';position:absolute;inset:0;z-index:4;background:var(--studio);opacity:var(--seek-cover,0);pointer-events:none}
.story-topline,.story-steps,.story-bottom,.story-progress{z-index:5}
.sign-story[data-seeking=true] .story-copy a{pointer-events:none}
@media(max-width:700px){.story-city{bottom:14%;width:1100px}}

/* Keep the small-screen location and six stage targets legible without
   shrinking the inspection area or letting the top line touch the headline. */
.story-location-short,.story-steps .step-short{display:none}
.story-steps .step-label{font-size:inherit;color:inherit}
@media(max-width:540px){
 .motion-home .story-topline{left:20px;right:20px;gap:12px}
 .story-location-full{display:none}
 .story-location-short{display:inline}
 .story-steps .step-label{display:none}
 .story-steps .step-short{display:inline;font-size:10px;line-height:1.2;color:inherit}
 .story-steps button{min-height:44px;padding-inline:1px;gap:3px}
 .story-steps{min-height:44px}
}
@media(max-width:540px) and (max-height:740px){
 .story-progress{bottom:43px}
 .story-bottom{bottom:55px}
}