@charset "UTF-8";
@font-face{font-family:Geologica;src:url('assets/font-0.ttf') format('truetype');font-weight:300;font-display:swap}@font-face{font-family:Geologica;src:url('assets/font-1.ttf') format('truetype');font-weight:400;font-display:swap}
:root{color-scheme:dark;font-family:Geologica,Arial,sans-serif;font-weight:300;background:#202020;color:#efefef;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;min-height:100svh;display:flex;flex-direction:column}
main{width:min(100%,660px);margin:auto;padding:90px 36px 110px}
.logo{display:block;width:220px;height:auto;filter:brightness(0) invert(1);margin-bottom:68px}
h1{font-size:clamp(30px,4.4vw,44px);line-height:1.25;letter-spacing:-1.3px;font-weight:400;margin:0 0 26px}
p{color:#aaa;font-size:16px;line-height:1.85;margin:0 0 26px}
.email{display:inline-flex;align-items:center;gap:26px;color:#eee;font-size:20px;line-height:1.6;text-decoration:none;border-bottom:1px solid #666;padding-bottom:5px;transition:border-color .2s,color .2s}
.email span{font-size:22px;color:#aaa}
.email:hover{color:#fff;border-color:#fff}
.email:focus-visible{outline:2px solid #eee;outline-offset:8px}

@media(max-width:600px){main{padding:65px 28px 80px}.logo{width:185px;margin-bottom:52px}h1{font-size:clamp(28px,7.5vw,38px);letter-spacing:-.8px}p{font-size:15px}.desktop-break{display:none}.email{font-size:18px;gap:22px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}