.hero{min-height:clamp(720px,calc(100svh - 84px),880px);isolation:isolate;perspective:1100px;background:#10110f}
.hero-scenes,.hero-scene,.hero-light{position:absolute;inset:0}
.hero-scenes{z-index:-3;overflow:hidden;transform:translateZ(0)}
.hero-scene{opacity:0;background-position:var(--desktop-position,center);background-size:cover;transform:scale(1.045);transition:opacity .7s ease,transform 5s cubic-bezier(.2,.65,.25,1);will-change:opacity,transform}
.hero-scene picture{position:absolute;inset:0}
.hero-scene img{width:100%;height:100%;object-fit:cover;object-position:var(--desktop-position,center)}
.hero-scene.is-active{opacity:1;transform:scale(1.015)}
.hero-overlay{z-index:-2;background:linear-gradient(90deg,rgba(10,11,10,.96) 0%,rgba(10,11,10,.86) 40%,rgba(10,11,10,.45) 68%,rgba(10,11,10,.2)),linear-gradient(0deg,rgba(10,11,10,.72),transparent 55%)}
.hero-light{z-index:-1;pointer-events:none;background:radial-gradient(circle at var(--hero-x,75%) var(--hero-y,34%),rgba(244,185,31,.2),transparent 28%);mix-blend-mode:screen;opacity:.75;transition:opacity .5s}
.hero:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.28'/%3E%3C/svg%3E")}
.hero-inner{transform:translate3d(var(--copy-x,0),var(--copy-y,0),0);transition:transform .18s ease-out}
.hero .eyebrow,.hero h1,.hero-copy,.hero-actions,.hero-trust,.hero-sequence{animation:heroReveal .75s both}
.hero h1{animation-delay:.08s;text-shadow:0 7px 34px rgba(0,0,0,.28)}.hero-copy{animation-delay:.16s}.hero-actions{animation-delay:.24s}.hero-trust{animation-delay:.31s}.hero-sequence{animation-delay:.38s}
@keyframes heroReveal{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.hero-actions .button{min-width:172px}.hero-call{min-width:118px!important}
.hero-trust{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:17px;color:#d5d7d0;font-size:12px;font-weight:700}.hero-trust span{display:flex;align-items:center;gap:8px}.hero-trust span:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 14px rgba(244,185,31,.7)}
.hero-sequence{position:absolute;left:0;bottom:34px;display:flex;align-items:center;gap:20px}.hero-service-name{min-width:210px;color:#fff;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.hero-progress{display:flex;align-items:center;gap:7px}.hero-progress button{width:26px;height:4px;padding:0;border:0;border-radius:4px;background:rgba(255,255,255,.33);cursor:pointer;transition:width .35s,background .35s}.hero-progress button.is-active{width:52px;background:var(--gold)}.hero-progress button:focus-visible{outline:3px solid #fff;outline-offset:5px}
@media(max-width:980px){.hero-overlay{background:linear-gradient(0deg,rgba(10,11,10,.98) 0%,rgba(10,11,10,.83) 52%,rgba(10,11,10,.25) 100%)}.hero-card{display:none}}
@media(max-width:700px){.hero{min-height:max(820px,calc(100svh - 74px));max-height:none;align-items:flex-end}.hero-scene{background-position:var(--mobile-position,center);background-size:cover}.hero-scene img{height:100%;top:0;object-position:var(--mobile-position,center)}.hero-overlay{background:linear-gradient(0deg,rgba(10,11,10,1) 0%,rgba(10,11,10,.99) 43%,rgba(10,11,10,.66) 58%,rgba(10,11,10,.08) 100%)}.hero-inner{padding:clamp(335px,46svh,410px) 0 112px}.hero .eyebrow{margin-bottom:12px}.hero h1{font-size:clamp(42px,12.5vw,58px)}.hero-copy{margin:16px 0 18px;line-height:1.45}.hero-actions{grid-template-columns:1fr 1fr}.hero-actions .primary{grid-column:1/-1}.hero-actions .button{min-width:0;min-height:52px;padding:0 14px}.hero-trust{display:grid;gap:6px;margin-top:12px}.hero-trust span:nth-child(2){display:none}.hero-sequence{bottom:24px;right:0;justify-content:space-between;gap:10px}.hero-service-name{min-width:0;max-width:170px}.hero-progress button{width:17px}.hero-progress button.is-active{width:31px}}
@media(max-width:390px){.hero-inner{padding-top:330px}.hero-copy{font-size:15px}.hero-trust{font-size:11px}.hero-service-name{max-width:138px;font-size:10px}.hero-progress{gap:5px}}
@media(prefers-reduced-motion:reduce){.hero-scene{transition:none;transform:none}.hero-scene:not(:first-child),.hero-light,.hero-sequence{display:none}.hero-inner{transform:none!important}.hero .eyebrow,.hero h1,.hero-copy,.hero-actions,.hero-trust{animation:none}}