@font-face{font-family:'Bodoni Moda';font-style:normal;font-weight:400 700;font-display:swap;src:url('/assets/fonts/bodoni-moda.woff2') format('woff2-variations')}
@font-face{font-family:'Bodoni Moda';font-style:italic;font-weight:400 700;font-display:swap;src:url('/assets/fonts/bodoni-moda-italic.woff2') format('woff2-variations')}
@font-face{font-family:Chivo;font-style:normal;font-weight:300 900;font-display:swap;src:url('/assets/fonts/chivo.woff2') format('woff2-variations')}
html{scroll-behavior:smooth}
body{margin:0;background:#F4F1E8;color:#0C0C0B;font-family:Chivo,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:#C4271E;text-decoration:none}
a:hover{color:#0C0C0B}
h1,h2{text-wrap:balance}
p,li,div{text-wrap:pretty}
#doc{container-type:inline-size;margin:0 auto}
.wrap{max-width:760px;margin:0 auto;padding:0 40px}
h2{font-family:'Bodoni Moda',Didot,Georgia,serif;font-weight:400;font-size:44px;line-height:1;letter-spacing:-.02em;margin:0}
h3{font-family:'Bodoni Moda',Didot,Georgia,serif;font-weight:400;font-size:23px;line-height:1.15;margin:38px 0 0}
p{font:400 16.5px/1.68 Chivo,system-ui,sans-serif;color:#3A3833;margin:12px 0 0}
ul{margin:12px 0 0;padding-left:20px;font:400 16.5px/1.72 Chivo,system-ui,sans-serif;color:#3A3833}
li{margin-bottom:6px}
.eyebrow{font:700 10.5px/1 Chivo,system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#C4271E;border-top:2px solid #E63329;display:inline-block;padding-top:7px}
.dim{color:#5A574F}
.sect{padding:74px 0 0;margin-top:74px;border-top:2px solid #0C0C0B;scroll-margin-top:70px}
.fill{background:rgba(230,51,41,.1);border-bottom:1px solid rgba(196,39,30,.5);padding:0 3px;font-weight:600;font-size:15px}
@container (max-width:700px){.wrap{padding:0 22px}h2{font-size:33px}h1{font-size:40px!important}.sect{padding-top:52px;margin-top:52px}}

/* Hoisted classes are author-origin and outrank the UA's [hidden] rule, so the
   phone screens and the sent/unsent form states need this said explicitly. */
[hidden] { display: none !important; }

/* Keyboard focus. The design described hover only. */
:focus-visible { outline: 2px solid #C4271E; outline-offset: 3px; }

.skip-link {
  position: absolute; left: -9999px; top: 0; z-index: 100;
  background: #0C0C0B; color: #F4F1E8; padding: 10px 16px;
  font-size: 11.5px; font-weight: 700; letter-spacing: .12em;
  text-transform: uppercase;
}
.skip-link:focus { left: 0; }


.s0{font-family:'Bodoni Moda',Didot,Georgia,serif;font-size:20px;letter-spacing:-.01em;color:#0C0C0B}
.s1{text-decoration:none}
.s2{display:flex;gap:22px;font:700 10.5px/1 Chivo,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;text-wrap:pretty}
.s3{padding-top:15px;padding-bottom:15px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.s4{position:sticky;top:0;z-index:20;background:rgba(244,241,232,.9);backdrop-filter:blur(12px);border-bottom:1px solid rgba(12,12,11,.14);text-wrap:pretty}
.s5{font-family:'Bodoni Moda',Didot,Georgia,serif;font-weight:400;font-size:56px;line-height:.98;letter-spacing:-.022em;margin:20px 0 0}
.s6{font-size:18px;max-width:58ch}
.s7{padding-top:78px}
.s8{margin-top:14px}
.s9{font-family:'Bodoni Moda',Didot,Georgia,serif;font-size:22px}
.s10{font-size:14px;color:#5A574F;margin-top:8px}
.s11{font:700 10.5px/1 Chivo,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#5A574F}
.s12{padding-top:70px;padding-bottom:80px;margin-top:70px;border-top:2px solid #0C0C0B;display:flex;align-items:flex-end;justify-content:space-between;gap:26px;flex-wrap:wrap;text-wrap:pretty}