@font-face{ font-family:'Archivo'; font-style:normal; font-display:swap; font-weight:100 900; font-stretch:62% 125%;
  src:url(fonts/archivo-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face{ font-family:'Archivo'; font-style:normal; font-display:swap; font-weight:100 900; font-stretch:62% 125%;
  src:url(fonts/archivo-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face{ font-family:'Dela Gothic One'; font-style:normal; font-display:swap; font-weight:400;
  src:url(fonts/dela-gothic-one-latin.woff2) format('woff2'); }
:root{ --ink:#0A0A0A; --paper:#FFFFFF; --red:#FF0000; --mute:#B9B4B4; --text:#DDD8D8;
  --display:'Dela Gothic One','Arial Black',Impact,sans-serif; --body:'Archivo','Helvetica Neue',Arial,sans-serif;
  --gut:clamp(16px,4.5vw,64px); color-scheme:dark; }
*{ box-sizing:border-box; }
body{ margin:0; background:var(--ink); color:var(--text); font-family:var(--body); font-size:17px; line-height:1.6; }
a{ color:var(--paper); text-decoration-color:var(--red); text-decoration-thickness:2px; text-underline-offset:3px; overflow-wrap:anywhere; }
a:hover{ color:var(--red); }
:focus-visible{ outline:3px solid #F2C94C; outline-offset:3px; }
::selection{ background:var(--red); color:var(--ink); }
.wrap{ max-width:1240px; margin:0 auto; padding-inline:var(--gut); }
.top{ border-bottom:4px solid var(--paper); }
.top .wrap{ display:flex; align-items:center; justify-content:space-between; gap:20px; padding-block:14px; }
.brand{ display:flex; align-items:center; gap:12px; text-decoration:none; color:var(--paper); }
.brand-tile{ font-family:var(--display); font-size:1.05rem; line-height:1; background:var(--red); color:var(--ink); padding:7px 8px 6px; transform:rotate(-6deg); box-shadow:3px 3px 0 var(--paper); }
.brand-name{ font-weight:800; font-stretch:115%; font-size:.95rem; letter-spacing:.04em; }
.back{ font-weight:800; font-size:.92rem; letter-spacing:.03em; text-decoration:none; }
.doc{ max-width:760px; padding-block:64px 96px; }
h1{ position:relative; display:inline-block; margin:0 0 40px; font-family:var(--display); font-weight:400; color:var(--paper);
  font-size:clamp(2rem,6vw,3.4rem); line-height:1.05; text-transform:uppercase; padding-right:.3em; isolation:isolate; overflow-wrap:anywhere; }
h1::after{ content:""; position:absolute; z-index:-1; left:-.15em; right:0; bottom:-.14em; height:.3em; background:var(--red); clip-path:polygon(0 30%,100% 0,98% 100%,1% 80%); }
h2{ margin:40px 0 10px; color:var(--paper); font-weight:900; font-stretch:115%; font-size:1.05rem; letter-spacing:.04em; text-transform:uppercase; }
p, ul{ margin:0 0 14px; }
ul{ padding-left:1.2em; }
li{ margin-bottom:4px; }
address{ font-style:normal; }
.stand{ margin-top:40px; color:var(--mute); font-size:.9rem; }
.foot{ border-top:4px solid var(--paper); }
.foot .wrap{ display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px 24px; padding-block:22px; font-size:.82rem; color:var(--mute); font-weight:700; letter-spacing:.04em; }
.foot a{ color:var(--mute); text-decoration:none; text-transform:uppercase; }
.foot a:hover, .foot a[aria-current]{ color:var(--paper); }
.foot nav{ display:flex; gap:20px; }
body{ min-height:100vh; min-height:100dvh; display:flex; flex-direction:column; }
main{ flex:1 0 auto; width:100%; }
.brand-tile, .back{ white-space:nowrap; flex:none; }
@media (max-width: 599px){ .brand-name{ display:none; } .doc{ padding-block:44px 64px; } }