.hero:after{display:none}
.hero-layout{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,74px);padding-block:76px 112px}
.hero-content{min-width:0;padding:0}
.hero h1{max-width:740px;font-size:clamp(48px,4.4vw,62px);line-height:1.04;letter-spacing:-.045em}
.hero-copy{max-width:560px;font-size:17px}
.hero-proof{margin-top:38px}
.hero-gallery{width:min(100%,450px);justify-self:end}
.hero-gallery-frame{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:1;border:1px solid rgba(212,231,255,.22);border-radius:18px;background:linear-gradient(145deg,rgba(223,238,255,.18),rgba(172,202,239,.07));backdrop-filter:blur(18px) saturate(125%);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 28px 70px rgba(3,12,25,.24)}
.hero-gallery-frame:before{position:absolute;inset:0;z-index:1;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.055),transparent 45%,rgba(104,165,255,.035));content:"";pointer-events:none}
.gallery-image{position:absolute;inset:5%;width:90%;height:90%;object-fit:contain;filter:brightness(1.08);opacity:0;pointer-events:none}
.gallery-image.is-active{z-index:2;opacity:1}
.hero-gallery[data-effect="fade"] .gallery-image.is-active{animation:gallery-fade .85s ease both}
.hero-gallery[data-effect="slide"] .gallery-image.is-active{animation:gallery-slide .9s cubic-bezier(.2,.75,.25,1) both}
.hero-gallery[data-effect="zoom"] .gallery-image.is-active{animation:gallery-zoom .95s cubic-bezier(.2,.7,.25,1) both}
.hero-gallery[data-effect="rise"] .gallery-image.is-active{animation:gallery-rise .85s cubic-bezier(.2,.75,.25,1) both}
.gallery-index{position:absolute;right:19px;bottom:15px;z-index:3;color:#fff;font:700 11px/1 'DM Sans',sans-serif;letter-spacing:.08em;text-shadow:0 1px 8px rgba(0,0,0,.45)}
.gallery-index span{color:rgba(232,241,255,.62)}
.gallery-controls{display:flex;align-items:center;justify-content:space-between;margin-top:15px}
.gallery-arrow{display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(212,231,255,.22);border-radius:50%;background:rgba(222,237,255,.07);color:#fff;font:400 25px/1 'DM Sans',sans-serif;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease}
.gallery-arrow:hover{transform:translateY(-2px);border-color:rgba(212,231,255,.5);background:rgba(222,237,255,.15)}
.gallery-arrow:focus-visible,.gallery-dot:focus-visible{outline:2px solid #75b2ff;outline-offset:4px}
.gallery-dots{display:flex;align-items:center;justify-content:center;gap:9px}
.gallery-dot{width:7px;height:7px;padding:0;border:0;border-radius:10px;background:rgba(222,237,255,.38);cursor:pointer;transition:width .35s ease,background .35s ease}
.gallery-dot.is-active{width:25px;background:#69aaff}
@keyframes gallery-fade{from{opacity:0}to{opacity:1}}
@keyframes gallery-slide{from{opacity:0;transform:translateX(7%)}to{opacity:1;transform:translateX(0)}}
@keyframes gallery-zoom{from{opacity:0;transform:scale(.91)}to{opacity:1;transform:scale(1)}}
@keyframes gallery-rise{from{opacity:0;transform:translateY(5%)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.hero-layout{grid-template-columns:1fr;gap:32px;max-width:680px}.hero h1{font-size:clamp(48px,6vw,62px)}.hero-gallery{width:min(100%,460px);justify-self:center}}
@media(max-width:700px){.hero{min-height:0}.hero-layout{grid-template-columns:1fr;gap:32px;padding-top:58px;padding-bottom:116px}.hero-content{padding:0}.hero h1{font-size:clamp(42px,11vw,60px)}.hero-copy{font-size:15px}.hero-proof{margin-top:32px}.hero-gallery{width:min(100%,440px);justify-self:center}.hero-gallery-frame{border-radius:14px}}
@media(prefers-reduced-motion:reduce){.gallery-image.is-active,.gallery-dot,.gallery-arrow{animation:none!important;transition:none!important}}