:root{color-scheme:dark;--bg:#151916;--text:#f0f0e7;--muted:#b0b7ac;--accent:#c4de97;--line:#353c33}
*{box-sizing:border-box}
body{margin:0;min-height:100svh;display:flex;flex-direction:column;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;padding:0 clamp(24px,7vw,120px)}
header,footer{display:flex;align-items:center;justify-content:space-between;gap:24px}
header{padding:32px 0;border-bottom:1px solid var(--line)}
a{color:inherit;text-underline-offset:6px}
a:focus-visible{outline:2px solid var(--accent);outline-offset:8px}
.brand{font-size:32px;font-weight:750;text-decoration:none;letter-spacing:-2px}
.brand span,h1 span{color:var(--accent)}
.caption,footer{font-size:13px;color:var(--muted)}
main{width:100%;max-width:1100px;margin:auto 0;padding:clamp(64px,12vh,140px) 0}
.eyebrow{margin:0 0 24px;color:var(--accent);font-size:12px;text-transform:uppercase;letter-spacing:.16em}
h1{font-size:clamp(52px,12vw,156px);font-weight:600;line-height:1;letter-spacing:-.055em;margin:0 0 32px;overflow-wrap:anywhere}
.intro{font-size:clamp(20px,2.5vw,30px);line-height:1.55;letter-spacing:-.025em;margin:0}
.note{display:flex;align-items:flex-start;gap:20px;margin-top:56px;color:var(--muted);font-size:15px;line-height:1.7}
.note p{margin:0}.mark{font-size:24px;color:var(--accent)}
.back{display:inline-block;margin-top:40px;color:var(--accent)}
footer{border-top:1px solid var(--line);padding:24px 0 32px}
@media(max-width:420px){.caption{max-width:120px;text-align:right}.note{margin-top:40px}footer{font-size:12px}}