
:root{--ink:#000;--red:#F72815;--cream:#F9F6F3;--l-bg:#FBFBFC;--l-ink:#1D1D1F;--l-mute:#6E6E73;
  --f-display:"Archivo","Arial Narrow","Helvetica Neue",Arial,sans-serif;--f-body:"Geist",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-mono:"Geist Mono",ui-monospace,"SF Mono",Menlo,monospace;--gut:clamp(16px,4vw,56px)}
*,*::before,*::after{box-sizing:border-box}
html{background:var(--red);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--red);color:var(--l-ink);font-family:var(--f-body);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit}
.wrap{padding-inline:max(var(--gut),env(safe-area-inset-left,0px));max-width:1480px;margin-inline:auto;width:100%}
/* the page itself: a light sheet with rounded bottom corners over the red footer */
.sheet{position:relative;z-index:1;background:var(--l-bg);border-radius:0 0 clamp(28px,3vw,48px) clamp(28px,3vw,48px);box-shadow:0 40px 70px -36px rgba(60,20,10,.28);
  padding-bottom:clamp(80px,12vh,140px);margin-top:-72px;padding-top:72px}
.head{padding-top:clamp(60px,12vh,140px);padding-bottom:clamp(30px,5vh,56px);border-bottom:1px solid rgba(29,29,31,.1);max-width:900px}
.label{font-family:var(--f-mono);font-size:13px;color:var(--l-mute);display:inline-flex;align-items:center;gap:10px;margin:0 0 18px}
.label::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--red)}
h1{margin:0;font-family:var(--f-display);font-weight:800;font-size:clamp(46px,7.4vw,112px);line-height:.92;letter-spacing:-.045em}
h1 em{font-style:normal;color:var(--red)}
.lede{margin:22px 0 0;max-width:62ch;font-size:clamp(17px,1.4vw,20px);line-height:1.55;color:var(--l-mute)}
.body{display:grid;grid-template-columns:minmax(0,240px) minmax(0,720px);gap:clamp(30px,6vw,110px);padding-top:clamp(36px,6vh,64px)}
.toc{position:sticky;top:110px;align-self:start;margin:0;padding:0;list-style:none;font-size:14.5px;line-height:1.35;counter-reset:t}
.toc li{margin:0 0 12px}
.toc a{text-decoration:none;color:var(--l-mute);display:block}
.toc a:hover{color:var(--l-ink)}
.text h2{margin:56px 0 14px;font-family:var(--f-display);font-weight:800;font-size:clamp(24px,2.3vw,32px);line-height:1.1;letter-spacing:-.03em;scroll-margin-top:110px}
.text h2:first-child{margin-top:0}
.text h2 span{font-family:var(--f-mono);font-weight:500;font-size:.5em;letter-spacing:.02em;color:var(--red);vertical-align:.45em;margin-right:12px}
.text p{margin:0 0 14px}
.text ul{margin:0 0 16px;padding:0;list-style:none}
.text li{position:relative;padding-left:22px;margin:0 0 10px}
.text li::before{content:"";position:absolute;left:2px;top:.72em;width:7px;height:7px;border-radius:50%;background:var(--red)}
.text strong{font-weight:600}
.text a{color:var(--red);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;word-break:break-word}
.contact{margin-top:18px;padding:22px 24px;border-radius:20px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.05),0 18px 40px -26px rgba(60,20,10,.3)}
.contact p{margin:0}
.contact p+p{margin-top:4px}
.contact p:first-child{font-family:var(--f-display);font-weight:800;letter-spacing:-.02em}
:root{--u:min(1vw,1.8svh);--spring:cubic-bezier(.34,1.56,.64,1);--ease-out:cubic-bezier(.16,1,.3,1);--red-deep:#B5190A;--ash:#A0958E}
.foot{font-size:16px;line-height:1.55}
.foot p{margin:0}

@media (max-width:860px){.body{grid-template-columns:minmax(0,1fr)}.toc{position:static;display:none}}
@media (max-width:560px){body{font-size:16px}}
