/* ── HERO ──────────────────────────────────────── */
.hero{aspect-ratio:16/9;display:flex;align-items:center;padding:80px 0 40px;position:relative;overflow:hidden}

/* Landscape outpainted photo fills the hero — one continuous image */
.hero-photo-bleed{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.hero-photo-img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.hero-photo-bleed::after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(to right,rgba(8,8,12,0) 0%,rgba(8,8,12,.015) 18%,rgba(8,8,12,.05) 32%,rgba(8,8,12,.12) 45%,rgba(8,8,12,.24) 58%,rgba(8,8,12,.40) 70%,rgba(8,8,12,.56) 82%,rgba(8,8,12,.70) 92%,rgba(8,8,12,.78) 100%);pointer-events:none}

.hero-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(40px,6vw,100px);z-index:3}
.hero-text{grid-column:2;display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.hero-name{font-size:clamp(44px,6vw,84px);font-weight:800;color:#f5f5ff;line-height:.98;letter-spacing:-.018em;margin-bottom:18px;text-shadow:0 2px 28px rgba(0,0,0,.45)}
.hero-tagline{font-size:clamp(17px,1.35vw,20px);font-weight:500;color:#f5f5ff;max-width:460px;line-height:1.5;letter-spacing:-.005em;margin-bottom:28px;text-shadow:0 1px 2px rgba(0,0,0,.55),0 2px 18px rgba(0,0,0,.5)}
.hero-socials{display:flex;gap:10px;align-items:center;margin-bottom:28px;flex-wrap:wrap}
.hero-social{position:relative;isolation:isolate;overflow:hidden;width:44px;height:44px;min-width:44px;min-height:44px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;color:var(--text-white);line-height:1;box-shadow:inset 0 1.5px 0.5px rgba(255,255,255,.6),inset 0 -1px 0.5px rgba(0,0,0,.15),inset 0 0 0 0.5px rgba(255,255,255,.14),0 1px 2px rgba(0,0,0,.12),0 4px 12px -5px rgba(0,0,0,.22);transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.hero-social img,.hero-social svg{filter:drop-shadow(0 1px 1px rgba(0,0,0,.22))}
.hero-social::before{content:"";position:absolute;inset:0;border-radius:inherit;-webkit-backdrop-filter:blur(6px) saturate(180%) brightness(1.15);backdrop-filter:url(#liquid-glass) blur(2px) saturate(180%) brightness(1.12);background:linear-gradient(135deg,rgba(255,255,255,.10) 0%,rgba(255,255,255,.02) 50%,rgba(255,255,255,.08) 100%);z-index:-1;pointer-events:none}
.hero-social::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.30) 0%,rgba(255,255,255,.06) 32%,transparent 52%,rgba(255,255,255,.04) 100%);pointer-events:none;z-index:-1;mix-blend-mode:overlay}
.hero-social:hover{box-shadow:inset 0 1.5px 0.5px rgba(255,255,255,.85),inset 0 -1px 0.5px rgba(0,0,0,.16),inset 0 0 0 0.5px rgba(255,255,255,.24),0 1px 3px rgba(0,0,0,.14),0 5px 14px -5px rgba(0,0,0,.28)}
.hero-social:active{transform:scale(.96);transition-duration:.15s}
.hero-social img,.hero-social svg{width:20px;height:20px;display:block;transition:transform .3s var(--ease)}
.hero-social:hover img,.hero-social:hover svg{transform:scale(1.12)}
.hero-ctas{display:flex;gap:12px;flex-wrap:wrap}