.hero{min-height:650px;position:relative;isolation:isolate;border-radius:var(--radius);overflow:hidden;background:#0c0c0c}
.hero-image{position:absolute;inset:0;width:100%;height:100%;object-position:center 43%;z-index:-3}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0007 0%,#0000 65%),linear-gradient(0deg,#0009,transparent 25%);z-index:-2}
.hero-topline{position:absolute;inset:24px 30px auto;display:flex;justify-content:flex-end;color:#d0cfc8;font-size:9px;letter-spacing:.08em}
.hero-topline span:last-child{display:flex;align-items:center;gap:10px}
.hero-topline .icon{width:15px;height:15px}
.hero-copy{position:relative;padding:175px 44px 120px;max-width:850px}
.hero-copy .eyebrow{display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:.09em}
.tiny-emblem{border-radius:50%;background:var(--text);color:#111;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px}
.tiny-emblem .icon{width:18px;height:18px}
.hero-title{font-size:clamp(56px,5.7vw,88px);letter-spacing:-.065em;line-height:.99;margin:22px 0 20px;font-weight:500}
.hero-description{font-size:13px;max-width:290px;line-height:1.7;color:#c6c5be}
.hero-buttons{display:flex;gap:23px;align-items:center;margin-top:32px}
.hero-secondary{display:flex;gap:12px;align-items:center;font-size:10px}
.hero-secondary .circle-arrow{width:40px;height:40px}
.hero-bottom{position:absolute;bottom:25px;left:30px;right:30px;display:flex;justify-content:flex-end;align-items:center;font-size:8px;letter-spacing:.07em;color:#c5c4bf}
.hero-bottom a{display:flex;align-items:center;gap:17px}
.hero-bottom a span{font-size:20px;color:var(--text)}
@media(max-width:1200px){.hero{min-height:600px}
.hero-copy{padding:160px 32px 115px}
.hero-title{font-size:72px}
}
@media(max-width:989px){.hero{min-height:600px}
.hero-title{font-size:63px}
.hero-copy{padding-left:28px;max-width:630px}
}
@media(max-width:749px){.hero{min-height:660px;border-radius:19px}
.hero-image{object-position:65% top;height:73%}
.hero-shade{background:linear-gradient(0deg,#0b0b0b 0%,#0b0b0b 21%,#0b0b0be0 34%,#0000 68%)}
.hero-topline{inset:18px 18px auto;font-size:7px}
.hero-topline>span:last-child{display:none}
.hero-copy{padding:300px 23px 75px;max-width:100%}
.hero-copy .eyebrow{font-size:7px;letter-spacing:.04em;gap:7px}
.tiny-emblem{width:20px;height:20px}
.tiny-emblem .icon{width:15px;height:15px}
.hero-title{font-size:54px;line-height:1.02;margin:17px 0}
.hero-description{font-size:11px;max-width:260px}
.hero-buttons{gap:15px;flex-wrap:wrap;margin-top:23px}
.hero-buttons .button{font-size:9px;gap:14px;padding:12px 20px;min-height:45px}
.hero-secondary{font-size:8px;gap:7px}
.hero-secondary .circle-arrow{width:32px;height:32px}
.hero-secondary .icon{width:16px;height:16px}
.hero-bottom{bottom:19px;left:23px;right:23px;font-size:6px}
.hero-bottom>a{font-size:6px;gap:8px}
.hero-bottom>a span{font-size:16px}
}
@media(max-width:749px){.hero-image.hero-image-dual{height:54%;object-position:78% center;mask-image:linear-gradient(#000 88%,transparent)}
}
