@font-face{font-family:Manrope;src:url(/assets/manrope.woff2) format("woff2");font-weight:200 800;font-display:swap}
:root{--ink:#111;--head:#0b0b0b;--paper:#faf9f7;--blue:#0848ca;--w:1320px;color-scheme:dark}
*,*::before,*::after{box-sizing:border-box;margin:0}
html{-webkit-text-size-adjust:100%;background:var(--head)}
body{min-height:100dvh;display:flex;flex-direction:column;padding:clamp(24px,5vw,56px);font-family:Manrope,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#fff;-webkit-font-smoothing:antialiased;position:relative;isolation:isolate}
.bg{position:fixed;inset:0;z-index:-1}
.bg img{width:100%;height:100%;object-fit:cover;object-position:50% 60%}
.bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,11,11,.35) 0%,rgba(11,11,11,.55) 55%,rgba(11,11,11,.8) 100%)}
main{flex:1;display:flex;flex-direction:column;justify-content:center;gap:clamp(14px,2vw,22px);max-width:var(--w);width:100%;margin:0 auto}
.brand{display:flex;align-items:center;gap:clamp(10px,1.4vw,18px);font-weight:800;letter-spacing:-.02em;line-height:1;font-size:clamp(44px,9vw,112px)}
.brand .mark{height:.95em;width:auto}
p{font-size:clamp(18px,2.2vw,24px);font-weight:500;color:rgba(255,255,255,.82);letter-spacing:-.01em}
footer{max-width:var(--w);width:100%;margin:0 auto;font-size:14px;color:rgba(255,255,255,.6)}
a{color:#fff;text-underline-offset:3px}
@media (min-width:2200px){:root{--w:1800px}.brand{font-size:clamp(112px,5.2vw,180px)}p{font-size:32px}footer{font-size:16px}}