:root{--bg:#faf8f4;--panel:#f1ece2;--panel-2:#efeae0;--white:#fff;--card-bg:#e7e2d7;--ink:#1b1a17;--ink-2:#33312c;--muted:#3f3b34;--muted-2:#57524a;--muted-3:#6b655b;--muted-4:#8a8377;--line:#1b1a171a;--line-2:#1b1a1724;--line-soft:#1b1a170f;--accent:#e8b500;--accent-2:#f2c200;--brand-yellow:#f2c200;--brand-blue:#2f9bd6;--brand-green:#84be3f;--maxw:1240px;--pad:clamp(20px, 5vw, 64px);--font-head:"Inter", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0}img{border:0;max-width:100%}button{font-family:inherit}a{color:inherit}::selection{background:var(--ink);color:var(--bg)}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}.container{width:100%;max-width:var(--maxw);padding-inline:var(--pad);margin-inline:auto}.section{padding-block:clamp(56px,7vw,104px)}.section--md{padding-block:clamp(48px,6vw,88px)}.section--sm{padding-block:clamp(36px,4vw,56px)}.surface-panel{background:var(--panel)}.surface-panel-2{background:var(--panel-2)}.surface-white{background:var(--white)}.line-top{border-top:1px solid var(--line)}.line-bottom{border-bottom:1px solid var(--line)}.line-y{border-block:1px solid var(--line)}.display{font:800 clamp(38px,5.2vw,76px) /1 var(--font-head)}.display,.title{letter-spacing:0;color:var(--ink);text-wrap:balance;margin:0}.title{font:800 clamp(34px,5vw,64px) /1.03 var(--font-head)}.heading{font:800 clamp(28px,3.6vw,48px) /1.05 var(--font-head);text-wrap:balance}.heading,.subheading{letter-spacing:0;color:var(--ink);margin:0}.subheading{font:700 clamp(20px,2vw,25px) /1.12 var(--font-head)}.lede{font:400 clamp(16px,1.35vw,19px) /1.65 var(--font-body);color:var(--muted);margin:0}.prose{font:400 clamp(16px,1.3vw,18px) /1.7 var(--font-body);margin:0}.prose,.text-muted{color:var(--muted-2)}.page-hero{justify-items:start;gap:clamp(16px,2.2vw,24px);display:grid}.page-hero__title{text-wrap:normal;width:100%;max-width:100%;font-size:clamp(34px,4.2vw,58px);line-height:1.04}.page-hero__subtitle{width:100%;max-width:82ch;color:var(--muted)}.btn{font:600 15px/1 var(--font-head);cursor:pointer;white-space:nowrap;border:1px solid #0000;align-items:center;gap:8px;padding:16px 26px;text-decoration:none;transition:background .2s,border-color .2s,opacity .2s,color .2s;display:inline-flex}.btn--solid{background:var(--ink);color:var(--bg);border-color:var(--ink)}.btn--solid:hover{background:#33312c;border-color:#33312c}.btn--outline{color:var(--ink);background:0 0;border-color:#1b1a174d}.btn--outline:hover{border-color:var(--ink);background:var(--panel)}.btn--accent{background:var(--accent);color:var(--ink);border-color:var(--accent)}.btn--accent:hover{background:var(--accent-2);border-color:var(--accent-2)}.btn--sm{padding:13px 20px;font-size:14px}.btn--lg{padding:17px 28px}.link-accent{font:600 15px/1 var(--font-head);color:var(--ink);border-bottom:2px solid var(--accent);align-items:center;gap:8px;padding-bottom:4px;text-decoration:none;display:inline-flex}.link-quiet{font:600 14px/1 var(--font-head);color:var(--muted-2);text-decoration:none;transition:color .2s}.link-quiet:hover{color:var(--ink)}.media{background:var(--card-bg);overflow:hidden}.media>img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.media--zoom>img{transition:transform .6s}.media--zoom:hover>img{transform:scale(1.04)}.media-placeholder{background:repeating-linear-gradient(45deg,#ece7dc,#ece7dc 11px,#e4ddcd 0 22px);justify-content:center;align-items:center;display:flex}.media-placeholder span{color:var(--muted-4);letter-spacing:.06em;font:500 12px/1 Courier New,monospace}.hover-lift{transition:transform .3s}.hover-lift:hover{transform:translateY(-4px)}.grid-2,.grid-3{gap:var(--grid-gap,clamp(20px,3vw,40px));display:grid}.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:repeat(3,1fr)}@media (width<=1080px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=820px){.grid-2,.grid-3{grid-template-columns:1fr}}.intro-2col{grid-template-columns:1fr 1fr;align-items:end;gap:clamp(20px,4vw,48px);display:grid}.intro-2col>p{max-width:48ch;margin:0}@media (width<=820px){.intro-2col{grid-template-columns:1fr}}
