@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500&family=Newsreader:opsz,wght@6..72,500;6..72,700&display=swap');
:root{--ink:#142d32;--paper:#edf3ef;--accent:#f1c84b;--muted:#587074;--line:color-mix(in srgb,var(--ink) 18%,transparent);--wrap:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 'DM Sans',sans-serif}a{color:inherit}.wrap{width:min(var(--wrap),100%);margin:auto;padding-inline:clamp(20px,5vw,72px)}header{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:22px;font-weight:700;text-decoration:none;letter-spacing:-.04em}.brand i{display:inline-block;width:12px;height:12px;background:var(--accent);border-radius:50%;margin-right:9px}nav{display:flex;gap:28px}nav a{text-decoration:none;font-size:14px}.hero{padding-block:clamp(56px,10vw,120px) 64px}.kicker{font:12px 'IBM Plex Mono';letter-spacing:.12em;text-transform:uppercase}.hero-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);gap:clamp(36px,7vw,96px);align-items:end}.hero h1{font:700 clamp(54px,9vw,128px)/.88 'Newsreader',serif;letter-spacing:-.06em;margin:24px 0}.hero p{font-size:clamp(18px,2vw,24px);max-width:40rem;color:var(--muted)}.button{display:inline-flex;margin-top:28px;background:var(--ink);color:var(--paper);padding:14px 20px;text-decoration:none;font-weight:700}.signature{min-height:270px;display:grid;place-items:center;border:1px solid var(--line);background:color-mix(in srgb,var(--accent) 34%,var(--paper))}.section{padding-block:80px;border-top:1px solid var(--line)}.section-head{display:grid;grid-template-columns:1fr 2fr;gap:32px;margin-bottom:38px}.section h2{font:700 clamp(38px,5vw,72px)/.95 'Newsreader',serif;letter-spacing:-.045em;margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.card{background:var(--paper);padding:28px;text-decoration:none;min-height:310px;display:flex;flex-direction:column}.card small{font:12px 'IBM Plex Mono';color:var(--muted)}.card h3{font-size:27px;line-height:1.05;margin:70px 0 16px}.card p{color:var(--muted)}.card b{margin-top:auto}.about{display:grid;grid-template-columns:1fr 1fr;gap:48px}.about p{max-width:55ch;color:var(--muted)}footer{padding-block:40px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:24px;font-size:13px;color:var(--muted)}.article{max-width:860px;padding-block:70px 100px}.article h1{font:700 clamp(50px,8vw,96px)/.94 'Newsreader',serif;letter-spacing:-.055em;margin:24px 0}.article .lead{font-size:22px;color:var(--muted)}.article h2{font:700 36px 'Newsreader',serif;margin-top:54px}.source{margin-top:60px;padding-top:20px;border-top:1px solid var(--line);font-size:14px}.dial{width:210px;height:210px;border:28px solid var(--ink);border-right-color:var(--accent);border-radius:50%;display:grid;place-items:center;position:relative}.dial b{font:70px 'Newsreader'}.dial span{position:absolute;font:11px 'IBM Plex Mono'}.dial span:first-child{top:-48px}.dial span:last-child{bottom:-48px}.blocks{display:grid;grid-template-columns:repeat(3,64px);grid-auto-rows:64px;gap:8px;transform:rotate(-6deg)}.blocks i{background:var(--accent);border:3px solid var(--ink)}.blocks i:nth-child(2),.blocks i:nth-child(5){border-radius:50%;background:#58c7ef}.blocks i:nth-child(3){grid-row:span 2;background:#ffd33d}.stitch{font:600 17px 'IBM Plex Mono';padding:70px 30px;border:4px double var(--ink);border-radius:50%;transform:rotate(-7deg)}.gridmark{display:grid;grid-template-columns:80px 1fr;border:2px solid var(--ink)}.gridmark>*{padding:16px;border:1px solid var(--ink)}.gridmark b{font-size:50px;grid-row:span 3;background:var(--accent)}body.play{--wrap:1320px;background-image:radial-gradient(color-mix(in srgb,var(--accent) 35%,transparent) 1px,transparent 1px);background-size:24px 24px}body.play .card{border-radius:26px}body.play .cards{background:transparent;border:0;gap:16px}body.saddle .button{border-radius:999px}body.saddle .signature{border-radius:50% 50% 42% 58%/55% 45% 55% 45%}body.stable .cards{box-shadow:10px 10px 0 var(--accent)}body.coffee .hero h1{text-transform:uppercase;font-family:'DM Sans';font-weight:700}body.coffee .signature{border-radius:50%}@media(max-width:760px){html,body{overflow-x:hidden}header{height:72px}nav{display:none}.hero-grid,.section-head,.about{grid-template-columns:minmax(0,1fr)}.hero-grid>*{min-width:0}.hero h1{font-size:clamp(44px,12vw,60px);hyphens:auto;overflow-wrap:break-word}.hero p{max-width:100%}.signature{min-height:220px;max-width:100%;overflow:hidden}.cards{grid-template-columns:1fr}.card{min-height:250px}.card h3{margin-top:44px}footer{flex-direction:column}.article h1{font-size:clamp(44px,12vw,64px);hyphens:auto;overflow-wrap:break-word}}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}