:root{--bg:#f7f5f1;--ink:#101c2b;--accent:#0f6b5c;--hover:#c9803f;
--serif:'IBM Plex Serif',Georgia,serif;--mono:'IBM Plex Mono',ui-monospace,monospace}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;min-height:100vh;background:var(--bg);color:var(--ink);
font-family:var(--serif);display:flex;flex-direction:column;
-webkit-font-smoothing:antialiased}
a{color:var(--accent);text-decoration:none}
a:hover{color:var(--hover)}
::selection{background:var(--accent);color:#fff}
.mark{font-family:var(--mono);font-size:11px;letter-spacing:0.2em;text-transform:uppercase;
padding:40px 48px;margin:0}
.mark a{color:var(--ink)}
.mark a:hover{color:var(--hover)}
main{flex:1;display:flex;flex-direction:column;justify-content:center;
padding:0 48px;max-width:960px}
h1{font-weight:400;font-size:clamp(38px,9vw,88px);line-height:1.02;
letter-spacing:-0.035em;margin:0;max-width:16ch}
h1 span{display:block;color:var(--accent)}
.next{font-family:var(--mono);font-size:30px;line-height:1;margin:56px 0 0}
footer{font-family:var(--mono);font-size:11px;letter-spacing:0.14em;padding:40px 48px}
@media(max-width:700px){.mark,main,footer{padding-left:24px;padding-right:24px}}