/* The entrance is a cinematic window onto one connected SteelCrew world. */
.brand-intro{padding:24px 24px 68px;background:#0b1c19}
.film-stage{position:relative;isolation:isolate;max-width:1440px;aspect-ratio:16/9;margin:24px auto 36px;border-radius:22px;overflow:hidden;background:#0b1c19;box-shadow:inset 0 0 0 1px #f4f1e919,0 30px 65px #0003;--film-progress:0%}
.logistics-film{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit;background:#0b1c19;backface-visibility:hidden;transform:translateZ(0);will-change:transform;contain:paint}
.film-wordmark{position:absolute;left:30px;top:23px;z-index:2;display:flex;gap:.22em;font-size:clamp(28px,4.5vw,70px);font-weight:750;letter-spacing:-.065em;line-height:1.1;color:#f4f1e9;filter:drop-shadow(0 3px 4px #0b1c19);text-shadow:0 1px #839484,0 2px #627a67,0 3px #3c5946,0 9px 18px #0b1c1980;transform-origin:left center;animation:steel-signature 1.8s cubic-bezier(.16,1,.3,1) both;pointer-events:none}
.film-wordmark span{color:#c8f04e;text-shadow:0 1px #9eb543,0 2px #748a2e,0 3px #4b6222,0 9px 18px #0b1c1970}
.film-bottom{position:absolute;bottom:19px;left:26px;right:24px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:15px;text-align:left;pointer-events:none}
.film-bottom>span{font-family:Mono,monospace;font-size:12px;line-height:1.5;letter-spacing:.045em;color:#f4f1e9;text-shadow:0 2px 8px #0b1c19}
.film-bottom i{font-style:normal;color:#c8f04e;padding-inline:10px}
.film-stage::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#0b1c1938,transparent 22%,transparent 79%,#0b1c198a)}
.film-stage #brand-motion{position:static;pointer-events:auto;width:48px;height:48px;flex:none;border:1px solid #f4f1e94a;color:#f4f1e9;background:#0b1c19c9;box-shadow:0 4px 0 #06120f,0 6px 16px #0003,inset 0 1px 0 #ffffff2a;backdrop-filter:blur(12px);transition:transform .3s,box-shadow .3s,background .3s}
.film-stage #brand-motion:hover{transform:translateY(-2px);background:#244838;box-shadow:0 6px 0 #06120f,0 10px 22px #0003,inset 0 1px 0 #ffffff35}
.film-stage #brand-motion:active{transform:translateY(3px);box-shadow:0 1px 0 #06120f,inset 0 1px 0 #ffffff30}
.film-track{position:absolute;bottom:0;left:0;right:0;height:2px;background:#f4f1e916;z-index:3;pointer-events:none}
.film-track::before{content:'';display:block;height:100%;width:var(--film-progress);background:#c8f04e;transition:width .25s linear}
.crew-film{width:calc(100% + 36px);max-width:none;aspect-ratio:16/10;object-fit:cover;margin:16px -18px 17px;background:#0b1c19}
.sculpture .scene-caption{position:relative;z-index:2}
.sculpture.film-error #motion{visibility:hidden}
.intro-copy{margin-top:0}
.intro-copy h1{font-size:clamp(40px,5vw,70px)}
@keyframes steel-signature{0%{opacity:0;transform:perspective(900px) rotateX(28deg) rotateY(-16deg) translate3d(0,12px,-70px);filter:blur(7px)}100%{opacity:1;transform:perspective(900px) rotateX(0) rotateY(0) translateZ(0);filter:blur(0)}}
@media(min-width:1700px){.film-stage{max-width:1510px;margin-top:30px}.film-wordmark{font-size:78px}.brand-intro{padding-bottom:88px}}
@media(max-width:900px){.film-stage{margin-top:20px;border-radius:18px}.film-wordmark{left:22px;top:20px}.crew-film{width:calc(100% + 40px);margin-inline:-20px}.film-bottom{left:20px;right:18px;bottom:16px}}
@media(max-width:640px){.brand-intro{padding:22px 16px 48px}.intro-label{font-size:9px;gap:16px}.intro-label span{text-align:right}.film-stage{margin:25px -16px 30px;border-radius:0;aspect-ratio:4/3;box-shadow:none}.logistics-film{object-fit:contain}.film-wordmark{font-size:36px;left:20px;top:8px;gap:.25em}.film-bottom{left:20px;right:20px;bottom:12px}.film-bottom>span{font-size:9px;max-width:240px}.film-bottom i{padding-inline:5px}.film-stage #brand-motion{height:44px;width:44px}.film-stage::after{background:linear-gradient(180deg,#0b1c1900 65%,#0b1c1960)}.intro-copy h1{font-size:clamp(38px,10.4vw,57px)}.intro-copy p{font-size:15px}.crew-film{width:calc(100% + 20px);margin:15px -10px;aspect-ratio:16/10;object-fit:contain}.film-track{bottom:0}.scene-note{min-height:36px}}
@media(prefers-reduced-motion:reduce){.film-wordmark{animation:none}.film-track::before{transition:none}.film-stage #brand-motion{transition:none}}

/* Static opening and concealed estimate amounts; retain calculator layout. */
.brand-intro{padding:clamp(64px,8vw,120px) 24px clamp(72px,8vw,120px)}
.intro-copy{animation:none}
#rate,#weekly{visibility:hidden;user-select:none}
@media(max-width:640px){.brand-intro{padding:64px 16px 72px}}