@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;1,400&family=Montserrat:wght@400;600;800&display=swap');

:root { --bg:#050505; --paper:#f5f5f5; --muted:rgba(255,255,255,.5); --soft:rgba(255,255,255,.75); --line:rgba(255,255,255,.13); --accent:#fff; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; min-height:100vh; padding:clamp(28px,5vw,72px) clamp(22px,7vw,112px); overflow-x:hidden; background:radial-gradient(ellipse 70% 45% at 50% 0%,rgba(255,255,255,.07),transparent 70%),var(--bg); color:var(--paper); font-family:Montserrat,Arial,sans-serif; }
body::before { position:fixed; inset:0; z-index:-1; content:''; pointer-events:none; opacity:.035; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E"); }
main { width:min(100%,900px); margin:auto; }
.brand,.back,a { color:inherit; }
.brand { display:inline-block; margin-bottom:clamp(64px,10vh,116px); color:var(--paper); font-size:15px; font-weight:800; letter-spacing:.18em; text-decoration:none; }
.brand span { color:var(--accent); }
.eyebrow { margin:0 0 16px; color:var(--muted); font:500 10px/1.4 'DM Mono',monospace; letter-spacing:.16em; text-transform:uppercase; }
h1 { max-width:800px; margin:0; color:var(--paper); font-size:clamp(46px,8vw,98px); line-height:.88; letter-spacing:-.07em; font-weight:800; }
.lead { max-width:620px; margin:28px 0 64px; color:var(--soft); font-family:'EB Garamond',Georgia,serif; font-size:clamp(1.15rem,2vw,1.45rem); line-height:1.45; }
section { border-top:1px solid var(--line); }
h2 { margin:32px 0 9px; color:var(--paper); font-size:13px; line-height:1.3; font-weight:600; letter-spacing:.12em; text-transform:uppercase; }
section p { max-width:720px; margin:0 0 27px; color:rgba(255,255,255,.75); font-family:'EB Garamond',Georgia,serif; font-size:1.15rem; line-height:1.55; }
a { text-underline-offset:3px; text-decoration-thickness:1px; transition:color .2s ease; }
section a { color:var(--accent); }
a:hover { color:var(--accent); }
strong { color:var(--paper); font-family:Montserrat,Arial,sans-serif; font-size:.82em; }
.back { display:inline-block; margin-top:31px; color:var(--muted); font:500 10px 'DM Mono',monospace; letter-spacing:.1em; text-decoration:none; text-transform:uppercase; }
.back:hover { color:var(--paper); }
@media (max-width:600px) { body { padding:24px 22px 44px; } .brand { margin-bottom:72px; } .lead { margin:22px 0 44px; font-size:1.2rem; } h1 { font-size:clamp(42px,14vw,72px); } h2 { margin-top:27px; } section p { font-size:1.1rem; line-height:1.5; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } a { transition:none; } }