.hero-scroll{height:200vh;min-height:1220px}
.hero-sticky{background:#0d1518}
.hero-grid{z-index:3}
.hero-copy{opacity:clamp(0,calc(1 - var(--progress,0) * 5),1);transform:translateY(calc(var(--progress,0) * -42px))}
.transport-scene{left:calc(45% * (1 - var(--expand,0)));right:auto;top:calc(25% * (1 - var(--expand,0)));bottom:auto;width:calc(51% + 49% * var(--expand,0));height:calc(64% + 36% * var(--expand,0));z-index:5;border:1px solid rgba(255,255,255,.2);border-radius:calc(18px * (1 - var(--expand,0)));overflow:hidden;box-shadow:0 28px 90px rgba(0,0,0,.34);background:#111b1f}
.loading-illustration{position:absolute;inset:0;width:100%;height:100%;display:block;background:radial-gradient(ellipse at 67% 52%,#2c3b3f,#111b1f 75%)}
.scene-story{position:absolute;top:8%;left:6%;z-index:2;color:#fff;opacity:var(--story,0);transform:translateY(calc((1 - var(--story,0)) * 20px));pointer-events:none;max-width:650px}
.scene-story span{display:block;color:#f87336;font-size:12px;letter-spacing:.2em;font-weight:700;margin-bottom:12px}
.scene-story strong{display:block;font:600 clamp(36px,5vw,72px)/1.09 Sora,Arial,sans-serif;letter-spacing:-.075em;text-shadow:0 3px 18px rgba(0,0,0,.3)}
.scene-status{position:absolute;z-index:2;left:6%;right:6%;bottom:2%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px 20px;color:#c5d0cf;font-size:10px;font-weight:700;letter-spacing:.18em;text-shadow:0 1px 8px #0b1518}
.scene-status>strong{color:#fff;font-size:11px;letter-spacing:.14em}.scene-status-hint{justify-self:end;color:#c2cdcb;font-size:9px}.scene-status-track{grid-column:1/-1;height:2px;background:rgba(226,238,236,.24);overflow:hidden}.scene-status-track span{display:block;width:100%;height:100%;background:#ff7940;transform:scaleX(var(--load,0));transform-origin:left center}
@media(max-width:780px){.hero-scroll{height:190vh;min-height:1080px}.hero-grid{padding-top:124px}.transport-scene{left:calc(20px * (1 - var(--expand,0)));top:calc(48% * (1 - var(--expand,0)));width:calc((100% - 40px) + 40px * var(--expand,0));height:calc(43% + 57% * var(--expand,0));border-radius:calc(14px * (1 - var(--expand,0)))}.scene-story{top:9%;left:7%;max-width:85%}.scene-story strong{font-size:clamp(32px,8vw,49px)}.scene-status{left:7%;right:7%;bottom:5%}.scene-status-hint{font-size:8px;letter-spacing:.08em}.hero-copy{max-width:100%}}
@media(max-width:520px){.hero-scroll{height:190vh;min-height:1100px}.hero-sticky{min-height:650px}.transport-scene{top:calc(50% * (1 - var(--expand,0)));height:calc(41% + 59% * var(--expand,0))}}
@media(prefers-reduced-motion:reduce){.hero-scroll{height:auto;min-height:100dvh}.hero-sticky{position:relative;min-height:100dvh}.hero-copy{opacity:1;transform:none}.transport-scene{left:45%;top:25%;width:51%;height:64%;border-radius:18px}.scene-story{display:none}}
@media(max-width:780px) and (prefers-reduced-motion:reduce){.hero-sticky{min-height:820px}.transport-scene{left:20px;top:50%;width:calc(100% - 40px);height:41%;border-radius:14px}}

/* Autocomplete fields in the quote form */
.suggest-field{min-width:0;margin-bottom:20px}
.quote-form .suggest-field>label{margin-bottom:0}
.autocomplete{position:relative}
.suggestions{position:absolute;z-index:20;top:calc(100% + 4px);left:0;right:0;max-height:268px;overflow-y:auto;border:1px solid #d7e0dc;background:#fff;box-shadow:0 18px 32px rgba(15,27,24,.18)}
.suggestions[hidden]{display:none}
.suggestion-option{display:block;width:100%;padding:11px 13px;border:0;border-bottom:1px solid #edf1ee;background:#fff;color:#20302b;text-align:left;font:500 13px/1.4 "DM Sans",sans-serif;cursor:pointer}
.suggestion-option:last-child{border-bottom:0}
.suggestion-option:hover,.suggestion-option.is-active{background:#eef5f0;color:#14231f}
.suggestion-state{padding:12px 13px;color:#64726c;font-size:12px;line-height:1.4}
.field-help{margin:7px 0 0;color:#78867e;font-size:12px;line-height:1.45}
@media(max-width:520px){.suggestions{max-height:240px}.suggestion-option{font-size:14px;padding:12px 13px}}