@font-face{font-family:Barlow;src:url('./assets/barlow-condensed-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Plex;src:url('./assets/ibm-plex-sans-400.woff2') format('woff2');font-weight:400;font-display:swap}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#17232a;color:#eeeae1}body{font-family:Plex,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}
.frame{position:relative;min-height:100dvh;overflow:hidden;isolation:isolate}
.visual,.visual img,.visual canvas,.shade{position:absolute;inset:0;width:100%;height:100%}
.visual{z-index:-1;will-change:transform}.visual img{object-fit:cover;object-position:50% 46%}.visual canvas{pointer-events:none}.shade{background:linear-gradient(180deg,rgba(3,10,14,.36),transparent 26%,transparent 62%,rgba(2,8,12,.59));pointer-events:none}
.topbar,.bottom{position:absolute;left:clamp(24px,4.8vw,76px);right:clamp(24px,4.8vw,76px);display:flex;align-items:center;justify-content:space-between;gap:24px;z-index:2}.topbar{top:clamp(22px,3.4vw,42px)}.brand{font:600 22px/1 Barlow,Arial,sans-serif;letter-spacing:.08em}.topbar nav{display:flex;gap:clamp(14px,2.5vw,36px);font-size:12px}.topbar nav a{color:#e5e9e9bb;border-bottom:1px solid transparent;padding:5px 0}.topbar nav a:hover,.topbar nav a[aria-current=page]{color:#f5f4ef;border-color:currentColor}
.hero{position:relative;min-height:100dvh;display:flex;align-items:flex-end;padding:100px clamp(24px,9vw,145px) clamp(150px,19vh,250px)}.copy{position:relative;z-index:1}.copy h1{font:600 clamp(100px,18.5vw,290px)/.76 Barlow,Impact,sans-serif;letter-spacing:-.045em;margin:0;text-shadow:0 2px 22px #06101930}.copy p{margin:30px 0 0;font-size:clamp(15px,1.3vw,19px)}
.bottom{bottom:clamp(18px,3.5vw,42px);font-size:11px}.bottom p{margin:0;max-width:28ch;line-height:1.5}.bottom button{color:#f2f4f0;background:#06121dbb;border:1px solid #edf4ef88;border-radius:0;padding:9px 13px;cursor:pointer;min-width:112px}.bottom button:hover,.bottom button:focus-visible{border-color:#f2f4f0;background:#1a313ddd}.bottom button:active{transform:translateY(1px)}
@media(max-width:700px){.visual img{object-position:78% 46%}.topbar,.bottom{left:20px;right:20px}.topbar{top:22px}.brand{font-size:19px}.topbar nav{gap:14px;font-size:11px}.hero{padding:110px 20px 165px}.copy h1{font-size:clamp(80px,23vw,155px)}.copy p{margin-top:22px;font-size:14px}.bottom{align-items:flex-end}.bottom p{max-width:23ch;font-size:10px}.bottom button{min-width:99px;font-size:10px;padding:8px 9px}}
@media(max-width:380px){.topbar nav{gap:9px;font-size:10px}.brand{font-size:17px}}
@media(prefers-reduced-motion:reduce){.visual{will-change:auto}}