:root{--cream:#f0e9da;--paper:#fdfcf8;--ink:#0a0a0a;--accent:#c73e17;--line:rgba(10,10,10,.16);--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--sans:"Helvetica Neue",Helvetica,Arial,system-ui,sans-serif}
*{box-sizing:border-box;margin:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--cream);color:var(--ink);font-family:var(--sans);line-height:1.55;min-height:100vh;display:flex;flex-direction:column}
a{color:inherit}
.wrap{width:min(1120px,100% - 40px);margin-inline:auto}
header{border-bottom:1px solid var(--line)}
header .wrap{display:flex;justify-content:space-between;align-items:center;padding:22px 0}
.logo{font-weight:700;letter-spacing:.32em;font-size:15px;text-decoration:none}
.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase}
.eyebrow b{color:var(--accent);font-weight:400}
main{flex:1}
.hero{padding:clamp(56px,10vw,128px) 0 clamp(48px,7vw,88px)}
h1{font-size:clamp(40px,8vw,104px);line-height:.98;letter-spacing:-.03em;font-weight:600;max-width:12ch;margin:22px 0 28px}
.lead{font-size:clamp(17px,2vw,21px);max-width:56ch}
.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:36px}
.btn{display:inline-block;font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;padding:16px 22px;border:1px solid var(--ink);background:var(--ink);color:var(--cream);transition:background .2s,color .2s}
.btn:hover{background:var(--accent);border-color:var(--accent)}
.btn.alt{background:transparent;color:var(--ink)}
.btn.alt:hover{background:var(--ink);color:var(--cream);border-color:var(--ink)}
.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));border-top:1px solid var(--line)}
.col{padding:34px 28px 38px 0;border-bottom:1px solid var(--line)}
.col+.col{padding-left:28px;border-left:1px solid var(--line)}
.col h2{font-size:22px;font-weight:600;letter-spacing:-.01em;margin:12px 0 10px}
.col p{max-width:42ch}
.col a.more{display:inline-block;margin-top:16px;font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.note{padding:44px 0 64px;max-width:62ch}
.note h2{font-size:20px;font-weight:600;margin-bottom:10px}
footer{border-top:1px solid var(--line);font-family:var(--mono);font-size:12px;letter-spacing:.04em}
footer .wrap{display:flex;flex-wrap:wrap;gap:10px 28px;justify-content:space-between;padding:22px 0}
@media(max-width:640px){.col,.col+.col{padding:28px 0;border-left:0}}
.logo{display:inline-flex;align-items:center}
.mark{height:42px;width:auto;display:block}
.about{padding:56px 0 8px;border-top:1px solid var(--line);margin-top:0}
.about h2{font-size:clamp(26px,4vw,42px);line-height:1.1;letter-spacing:-.02em;font-weight:600;max-width:20ch;margin:14px 0 28px}
.about__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:28px}
.about__grid p{max-width:40ch}