:root{color-scheme:light dark;--bg:#f6f5f2;--ink:#14161a;--mute:#6b6f76}
@media (prefers-color-scheme:dark){:root{--bg:#101215;--ink:#eceae5;--mute:#9a9ea5}}
*{margin:0;box-sizing:border-box}
html,body{height:100%}
body{background:var(--bg);color:var(--ink);font:400 17px/1.5 ui-sans-serif,-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
main{min-height:100%;display:flex;flex-direction:column;justify-content:center;padding:0 8vw;gap:.6rem}
.mark{font-size:clamp(2.6rem,7vw,5.5rem);font-weight:650;letter-spacing:-.035em;line-height:1}
.line{color:var(--mute);font-size:clamp(1rem,1.6vw,1.25rem)}
.mail{color:var(--ink);text-underline-offset:.25em;text-decoration-thickness:1px;margin-top:1.4rem;width:fit-content}
.mail:focus-visible{outline:2px solid currentColor;outline-offset:4px}