/* Pitchline site pages. Taut's faces, Pitchline's colours. Self-hosted fonts; no external host. */
@font-face{font-family:"Schibsted Grotesk";font-weight:400 900;font-display:swap;src:url(app/fonts/schibsted-grotesk-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC}
@font-face{font-family:"Schibsted Grotesk";font-weight:400 900;font-display:swap;src:url(app/fonts/schibsted-grotesk-latin-ext-wght-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02FF,U+1E00-1EFF}
@font-face{font-family:"Newsreader";font-weight:200 800;font-display:swap;src:url(app/fonts/newsreader-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC}
@font-face{font-family:"Newsreader";font-weight:200 800;font-display:swap;src:url(app/fonts/newsreader-latin-ext-wght-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02FF,U+1E00-1EFF}
@font-face{font-family:"Newsreader";font-style:italic;font-weight:200 800;font-display:swap;src:url(app/fonts/newsreader-latin-wght-italic.woff2) format("woff2")}
@font-face{font-family:"Martian Mono";font-weight:100 800;font-display:swap;src:url(app/fonts/martian-mono-latin-wght-normal.woff2) format("woff2")}
@font-face{font-family:"Bitter";font-weight:600;font-display:swap;src:url(app/fonts/bitter-latin-600-normal.woff2) format("woff2")}
:root{--bg:#F5F2EA;--card:#FCFBF7;--ink:#1D2623;--muted:#4F5C57;--line:#D6CFBE;--brand:#2E5A45;--brand-fg:#FCFBF7;--amber:#E7B04A;--amber-ink:#8A5A00;--bad:#A23A2A}
@media (prefers-color-scheme:dark){:root{--bg:#111715;--card:#18201D;--ink:#ECEFEA;--muted:#A9B4AE;--line:#2A3631;--brand:#7FC2A0;--brand-fg:#0B100E;--amber-ink:#F0C674;--bad:#F08E7C}}
*{box-sizing:border-box}html,body{margin:0}
body{background:var(--bg);color:var(--ink);font:17px/1.55 "Schibsted Grotesk","Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--brand)}
.wrap{max-width:760px;margin:0 auto;padding:0 20px}
.top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 0}
.wm{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--brand);font:600 26px/1 "Bitter",Georgia,serif}
.wm svg{width:38px;height:38px}.wm small{display:block;font:500 9.5px/1 "Martian Mono",monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:5px}
.wm .w,.wm .g{fill:var(--brand)}.wm .c{fill:var(--amber)}
.langs a{font:500 12px "Martian Mono",monospace;letter-spacing:.08em;margin-left:10px;text-decoration:none;color:var(--muted)}
h1{font:500 clamp(40px,9vw,64px)/1 "Newsreader",Georgia,serif;letter-spacing:-.025em;margin:34px 0 16px}
h1 em{color:var(--brand)}
.lede{font-size:19px;color:var(--muted);max-width:40ch;margin:0 0 26px}
.cta{display:flex;gap:10px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;min-height:52px;padding:0 22px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--ink);text-decoration:none;font-weight:600}
.btn.primary{background:var(--brand);border-color:var(--brand);color:var(--brand-fg)}
section{padding:36px 0;border-top:1px solid var(--line);margin-top:36px}
h2{font:500 30px/1.15 "Newsreader",Georgia,serif;letter-spacing:-.01em;margin:0 0 14px}
h3{font-size:17px;margin:0 0 4px}
.grid{display:grid;gap:14px}@media(min-width:640px){.grid.three{grid-template-columns:repeat(3,1fr)}.grid.two{grid-template-columns:1fr 1fr}}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px}
.card p{margin:0;color:var(--muted);font-size:15px}
.eyebrow{font:500 11px "Martian Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--amber-ink)}
ul{padding-left:20px}li{margin:5px 0}
.not{border-left:3px solid var(--amber);padding:4px 0 4px 14px;color:var(--muted)}
.draft{display:inline-block;border:1px solid var(--amber);color:var(--amber-ink);border-radius:999px;padding:4px 12px;font-size:13px;margin:10px 0 18px}
dt{font-weight:650;margin-top:16px}dd{margin:4px 0 0;color:var(--muted)}
.review{background:var(--card);border:1px dashed var(--amber);border-radius:12px;padding:14px;color:var(--muted);font-size:15px}
footer{padding:30px 0 60px;color:var(--muted);font-size:14px;border-top:1px solid var(--line);margin-top:40px}
footer a{margin-right:14px}
hr.lang{border:0;border-top:2px solid var(--line);margin:56px 0 0}