.ovh{position:relative;height:100svh;min-height:600px;max-height:100svh;display:grid;align-items:end;padding:clamp(120px,14vw,180px) clamp(22px,5vw,76px) clamp(64px,8vw,112px);overflow:hidden;isolation:isolate;background:#05070b;color:#f3f5ef}
  .ovh__photo{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center;transform:scale(1.06);will-change:transform;animation:ovhKB 28s ease-out forwards}
  @keyframes ovhKB{0%{transform:scale(1.12) translate3d(-1.4%,1.2%,0)}100%{transform:scale(1.03) translate3d(.8%,-.4%,0)}}
  .ovh::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(2,3,6,.42) 0%,rgba(2,3,6,0) 22%,rgba(2,3,6,0) 52%,rgba(2,3,6,.62) 84%,rgba(2,3,6,.86) 100%)}
  .ovh::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(95% 60% at 50% 100%,rgba(2,3,6,.48) 0%,rgba(2,3,6,0) 60%)}
  .ovh__aperture{position:absolute;z-index:2;left:-15vw;right:-15vw;top:42%;height:96px;pointer-events:none;opacity:.28;transform:rotate(-4deg) translateX(-18vw);background:linear-gradient(90deg,transparent 0%,rgba(243,245,239,.08) 36%,rgba(220,226,223,.44) 49%,rgba(220,226,223,.16) 55%,rgba(42,78,118,.16) 62%,transparent 82%);filter:blur(.2px);-webkit-mask-image:linear-gradient(180deg,transparent,black 44%,black 56%,transparent);mask-image:linear-gradient(180deg,transparent,black 44%,black 56%,transparent);animation:ovhAperture 11s cubic-bezier(.23,1,.32,1) infinite}
  @keyframes ovhAperture{0%,10%{transform:rotate(-4deg) translateX(-30vw);opacity:0}28%{opacity:.42}58%{transform:rotate(-4deg) translateX(22vw);opacity:.24}100%{transform:rotate(-4deg) translateX(30vw);opacity:0}}
  .ovh__glow{position:absolute;inset:-30% -18%;z-index:2;pointer-events:none;background:radial-gradient(circle at 22% 28%,rgba(220,226,223,.07),transparent 30%),radial-gradient(circle at 84% 70%,rgba(42,78,118,.16),transparent 36%);filter:blur(38px);opacity:.55;animation:ovhGlow 18s cubic-bezier(.23,1,.32,1) infinite alternate}
  @keyframes ovhGlow{0%{transform:translate3d(-1.6%,1.2%,0) scale(1)}100%{transform:translate3d(2.2%,-1.2%,0) scale(1.04)}}
  .ovh__grid{position:relative;z-index:3;width:100%;max-width:1540px;margin:0 auto;display:flex;flex-direction:column;gap:clamp(20px,2.4vw,34px)}
  .ovh__kicker{font:11px 'JetBrains Mono','IBM Plex Mono','SFMono-Regular',ui-monospace,Menlo,monospace;letter-spacing:.34em;text-transform:uppercase;color:rgba(243,245,239,.62);margin:0;display:flex;align-items:center;gap:14px}
  .ovh__kicker::before{content:"";width:38px;height:1px;background:currentColor;opacity:.55}
  .ovh__title{position:relative;margin:0;font-family:'Neue Haas Grotesk Display','Söhne','Avenir Next','Helvetica Neue',Arial,system-ui,sans-serif;font-size:clamp(56px,10.6vw,168px);line-height:.86;letter-spacing:-.058em;text-transform:uppercase;font-weight:900;color:#f6f7f2;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 76%,rgba(0,0,0,.55) 100%);mask-image:linear-gradient(180deg,#000 0%,#000 76%,rgba(0,0,0,.55) 100%);text-shadow:0 24px 80px rgba(0,0,0,.55),0 2px 18px rgba(0,0,0,.55)}
  .ovh__title .line{display:block;overflow:hidden;padding:.04em 0 .06em}
  .ovh__title .word{display:inline-block;transform:translate3d(-110%,0,0);opacity:0;will-change:transform,opacity;transition:transform 1.05s cubic-bezier(.18,.78,.24,1),opacity .82s cubic-bezier(.23,1,.32,1)}
  .ovh__title.is-in .word{transform:translate3d(0,0,0);opacity:1}
  .ovh__title .line:nth-child(2) .word{transition-delay:.10s;color:rgba(243,245,239,.86)}
  .ovh__lead{max-width:62ch;margin:0;font-size:clamp(16px,1.3vw,21px);line-height:1.55;color:rgba(243,245,239,.78);text-wrap:pretty;opacity:0;transform:translateY(14px);transition:opacity .9s cubic-bezier(.23,1,.32,1) .35s,transform .9s cubic-bezier(.23,1,.32,1) .35s}
  .ovh.is-in .ovh__lead{opacity:1;transform:translateY(0)}
  .ovh__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px;opacity:0;transform:translateY(14px);transition:opacity .9s cubic-bezier(.23,1,.32,1) .55s,transform .9s cubic-bezier(.23,1,.32,1) .55s}
  .ovh.is-in .ovh__actions{opacity:1;transform:translateY(0)}
  .ovh__btn{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:14px 22px;border:1px solid rgba(243,245,239,.42);font:11px 'JetBrains Mono','IBM Plex Mono',ui-monospace,Menlo,monospace;letter-spacing:.24em;text-transform:uppercase;color:#f3f5ef;background:transparent;transition:background .25s cubic-bezier(.23,1,.32,1),border-color .25s cubic-bezier(.23,1,.32,1),color .25s cubic-bezier(.23,1,.32,1)}
  .ovh__btn:hover{background:rgba(243,245,239,.96);color:#0a0c11;border-color:rgba(243,245,239,.96)}
  .ovh__btn--ghost{border-color:rgba(243,245,239,.22);color:rgba(243,245,239,.78)}
  .ovh__btn--ghost:hover{background:transparent;color:#fff;border-color:rgba(243,245,239,.62)}
  @media(max-width:780px){
    .ovh{padding:120px 20px 64px;min-height:560px}
    .ovh__title{font-size:clamp(46px,13vw,82px);letter-spacing:-.05em}
  }
  @media(prefers-reduced-motion:reduce){
    .ovh__photo{animation:none;transform:scale(1.03)}
    .ovh__aperture,.ovh__glow{animation:none;opacity:.18}
    .ovh__title .word{transition:none;transform:none;opacity:1}
    .ovh__lead,.ovh__actions{transition:none;opacity:1;transform:none}
  }