@font-face{font-family:"Bodoni Moda";src:url(fonts/bodoni-moda-latin-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Bodoni Moda";src:url(fonts/bodoni-moda-latin-400-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Bodoni Moda";src:url(fonts/bodoni-moda-latin-600-normal.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Jost";src:url(fonts/jost-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Jost";src:url(fonts/jost-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}

:root{
  --red:#E63B11;
  --red-deep:#C9300C;
  --blue:#CBD7E7;
  --paper:#F2F0F3;
  --stone:#C3BEB7;
  --ink:#151314;
  --muted:#5E5A5C;
  --serif:"Bodoni Moda","Didot","Bodoni 72",Georgia,serif;
  --sans:"Jost","Futura","Avenir Next","Century Gothic",system-ui,sans-serif;
  --wrap:1180px;
  --gutter:clamp(20px,5vw,56px);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.6;font-weight:400}
img,video{max-width:100%;display:block}
a{color:inherit}
:focus-visible{outline:2px solid var(--red);outline-offset:3px}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gutter)}

/* Wordmark */
.wordmark{font-family:var(--serif);font-weight:600;font-size:30px;letter-spacing:-.01em;color:var(--red);text-decoration:none;line-height:1}
.caps{font-family:var(--sans);font-weight:500;text-transform:uppercase;letter-spacing:.32em}

/* Header */
.site-header{position:fixed;inset:0 0 auto;z-index:20;padding-top:env(safe-area-inset-top,0px);transition:background .3s}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;height:72px}
.site-header.solid{background:rgba(242,240,243,.94);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.btn{display:inline-block;font-family:var(--sans);font-weight:500;font-size:14px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;border:0;cursor:pointer;padding:14px 26px;border-radius:999px;background:var(--red);color:#fff;transition:background .2s}
.btn:hover{background:var(--red-deep)}
.btn.small{padding:10px 18px;font-size:12px}

/* Legal pages */
.legal{padding:140px 0 100px}
.legal .wrap{max-width:760px}
.legal h1{font-family:var(--serif);font-weight:400;font-size:clamp(36px,5vw,56px);line-height:1.1;margin:0 0 40px}
.legal h2{font-family:var(--serif);font-weight:400;font-size:24px;margin:40px 0 10px}
.legal p,.legal li{color:var(--ink)}
.legal .note{background:var(--blue);padding:14px 18px;border-radius:6px;font-size:15px}

/* Footer */
.site-footer{background:var(--ink);color:var(--stone);padding:56px 0 calc(40px + env(safe-area-inset-bottom,0px));font-size:15px}
.site-footer .wrap{display:flex;flex-wrap:wrap;gap:24px 48px;justify-content:space-between;align-items:flex-end}
.site-footer .wordmark{font-size:40px}
.site-footer nav{display:flex;gap:24px}
.site-footer a{text-decoration:none;color:var(--stone)}
.site-footer .wordmark{color:var(--red)}
.site-footer a:hover{color:#fff}
.site-footer address{font-style:normal;line-height:1.7}
