:root{--paper:#f6f1ea;--ink:#11110f;--terracotta:#c84b2b;--ochre:#d8992f;--teal:#0a4c4c;--line:rgba(17,17,15,.24)}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-family:DM Sans,sans-serif}body{margin:0;min-height:100vh;background:radial-gradient(circle at 48% 15%,rgba(255,255,255,.72),transparent 42%),var(--paper)}a{color:inherit;text-decoration:none}.shell{width:min(1440px,calc(100% - 9vw));margin:auto}.site-header{min-height:112px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:3rem}.wordmark{font-size:1.32rem;font-weight:600;letter-spacing:.24em}nav{display:flex;gap:3.6rem;font-family:Newsreader,serif;font-size:1.2rem}nav a{padding:.5rem 0;border-bottom:2px solid transparent}nav a.active{color:var(--terracotta);border-color:var(--terracotta)}.preview-link{justify-self:end;text-decoration:underline;text-underline-offset:5px}.site-footer{margin-top:5rem;min-height:92px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:#4f4b46;font-family:Newsreader,serif}.proof{color:var(--terracotta)}.serif{font-family:Newsreader,serif;font-weight:400}.kicker{color:var(--terracotta);font-size:.83rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase}.home-hero{display:grid;grid-template-columns:minmax(340px,.75fr) minmax(500px,1.45fr);gap:7vw;align-items:center;padding:6rem 0 5rem;border-bottom:1px solid var(--line)}.home-hero h1{font-size:clamp(4rem,7vw,7.6rem);line-height:.91;letter-spacing:-.035em;margin:0 0 2rem;max-width:7ch}.home-hero p{color:#595653;font-size:1.2rem;line-height:1.65;max-width:31ch}.bands{height:480px;display:grid;grid-template-rows:1.12fr 14px .88fr 1fr;box-shadow:inset 0 0 0 1px #00000014}.band-terra{background:var(--terracotta)}.band-rule{background:#111}.band-ochre{background:var(--ochre)}.band-teal{background:var(--teal)}.featured{display:grid;grid-template-columns:1.1fr 1fr auto;gap:5rem;align-items:center;margin-top:2rem;padding:2.8rem 3.2rem;border:1px solid rgba(17,17,15,.16);border-radius:8px}.featured h2{font-size:clamp(2.3rem,3.3vw,3.7rem);line-height:1;margin:.9rem 0 .7rem;max-width:12ch}.meta{color:#5d5954}.dot{padding:0 .6rem;color:var(--terracotta)}.featured-copy{font-size:1.06rem;line-height:1.65;color:#45423f;max-width:36ch}.arrow{font-family:Newsreader,serif;font-size:3rem}.article{max-width:900px;margin:0 auto;padding:4.5rem 0 1rem}.article h1{font-size:clamp(4rem,7vw,7rem);line-height:.92;letter-spacing:-.035em;margin:1rem 0 1.4rem;max-width:12ch}.byline{display:flex;align-items:center;gap:.8rem;font-family:Newsreader,serif;font-size:1.15rem}.avatar{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:var(--teal);color:#fff;font-size:1.4rem}.lead{font-family:Newsreader,serif;font-size:1.43rem;line-height:1.65;max-width:32em;margin:2rem 0}.swatch-label{margin:2rem 0 .8rem;font-size:.75rem;font-weight:600;letter-spacing:.14em}.swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.swatch{overflow:hidden;border:1px solid var(--line);border-radius:9px;background:#ffffff80}.color{height:125px}.blue{background:#2b6def}.gray{background:#737373}.white{background:#fff}.swatch figcaption{display:flex;justify-content:space-between;padding:.75rem 1rem;font-family:Newsreader,serif}blockquote{margin:2.5rem 0 1.5rem;padding:.2rem 0 .2rem 1.5rem;border-left:3px solid var(--terracotta);font-family:Newsreader,serif;font-size:1.8rem;font-style:italic}.article-body{max-width:35em;font-family:Newsreader,serif;font-size:1.25rem;line-height:1.68}.simple-page{max-width:760px;min-height:58vh;padding:7rem 0}.simple-page h1{font-size:clamp(4rem,7vw,6.5rem);margin:0 0 1.5rem}.simple-page p{font-family:Newsreader,serif;font-size:1.4rem;line-height:1.65}@media(max-width:800px){.shell{width:calc(100% - 2.5rem)}.site-header{grid-template-columns:1fr auto;min-height:92px}.site-header nav{order:3;grid-column:1/-1;justify-content:space-between;gap:1rem;padding-bottom:1rem}.preview-link{display:none}.home-hero{grid-template-columns:1fr;padding:4rem 0;gap:2.5rem}.bands{height:270px}.featured{grid-template-columns:1fr;gap:1.3rem;padding:2rem}.article{padding-top:3.5rem}.swatches{grid-template-columns:1fr}.site-footer{gap:1rem;align-items:flex-start;padding:2rem 0}}