@font-face{font-family:Anton;src:url(fonts/anton-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Stardos Stencil";src:url(fonts/stardos-stencil-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Stardos Stencil";src:url(fonts/stardos-stencil-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Alfa Slab One";src:url(fonts/alfa-slab-one-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Courier Prime";src:url(fonts/courier-prime-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Courier Prime";src:url(fonts/courier-prime-700.woff2) format("woff2");font-weight:700;font-display:swap}

:root{--paper:#E8E0CC;--chalk:#F7F3E8;--ink:#121110;--red:#D4281B;--redtxt:#A81D12;--tape:#F5C400;--mute:#4A463E;--rule:#121110}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:400 18px/1.62 "Courier Prime","Courier New",monospace;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;z-index:50;pointer-events:none;background:url(img/grain.png);opacity:.07;mix-blend-mode:multiply}
img{max-width:100%;height:auto;display:block}
a{color:var(--ink);text-underline-offset:3px;text-decoration-thickness:2px}
a:hover{color:var(--redtxt)}
:focus-visible{outline:4px solid var(--red);outline-offset:3px}
.skip{position:absolute;left:-999px;top:0;background:var(--ink);color:var(--chalk);padding:12px 16px;z-index:100}
.skip:focus{left:8px;top:8px}
h1,h2,h3{margin:0;font-weight:400}
h1{font:400 clamp(44px,9.5vw,104px)/.95 Anton,Impact,sans-serif;text-transform:uppercase;letter-spacing:.01em}
h2.tape{display:inline-block;font:700 clamp(21px,5.4vw,36px)/1.05 "Stardos Stencil",Impact,sans-serif;text-transform:uppercase;letter-spacing:.04em;background:var(--tape);color:var(--ink);padding:.38em 1em .34em;transform:rotate(-1.4deg);margin:0 0 22px -6px;clip-path:polygon(0 0,100% 0,98.4% 22%,100% 42%,98.4% 62%,100% 82%,98.6% 100%,0 100%,1.6% 80%,0 60%,1.6% 40%,0 20%)}
h3{font:400 clamp(21px,4.2vw,28px)/1.15 "Alfa Slab One",Georgia,serif;margin:30px 0 8px}
p{margin:0 0 1em;max-width:62ch}
.wrap{width:min(1120px,100% - 40px);margin-inline:auto}
section{padding:54px 0;position:relative;overflow-x:clip}
main{overflow-x:clip}
section+section{border-top:4px solid var(--ink)}
.dark{background:var(--ink);color:var(--chalk)}
.dark a{color:var(--chalk)}
.dark .tape{margin-left:-6px}
.chalk{background:var(--chalk)}
.small{font-size:15px;color:var(--mute)}
.dark .small{color:#cfc7b2}
.redt{color:var(--redtxt)}
.big{font:400 clamp(26px,5vw,44px)/1.1 Anton,Impact,sans-serif;text-transform:uppercase;max-width:20ch}

/* header */
.hdr{position:sticky;top:0;z-index:40;background:var(--ink);color:var(--chalk);border-bottom:4px solid var(--red)}
.hdr .wrap{display:flex;align-items:center;gap:14px;min-height:60px}
.mark{display:inline-block;background:var(--ink);color:var(--paper);font:700 28px/1 "Stardos Stencil",Impact,sans-serif;letter-spacing:.08em;padding:7px 10px 5px;border:3px solid var(--paper);text-decoration:none}
.mark:hover{color:var(--tape)}
.mark span{display:none}
.nav{margin-left:auto;display:flex;align-items:center;gap:6px}
.nav a.l{display:none;color:var(--chalk);text-decoration:none;font:400 15px/1 Anton,Impact,sans-serif;letter-spacing:.07em;text-transform:uppercase;padding:18px 9px}
.nav a.l:hover,.nav a.l[aria-current]{color:var(--tape)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 24px;background:var(--red);color:#fff;border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);font:400 clamp(17px,4.6vw,22px)/1 Anton,Impact,sans-serif;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;white-space:nowrap;transition:transform .08s,box-shadow .08s}
.btn:hover{color:#fff;transform:translate(2px,2px);box-shadow:3px 3px 0 var(--ink)}
.btn.alt{background:var(--chalk);color:var(--ink)}
.btn.alt:hover{color:var(--ink)}
.dark .btn{border-color:var(--chalk);box-shadow:5px 5px 0 var(--chalk)}
.hdr .btn{min-height:44px;padding:0 16px;font-size:18px;box-shadow:3px 3px 0 var(--paper);border-color:var(--paper)}
.menu{position:relative}
.menu summary{list-style:none;cursor:pointer;min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;font:400 16px/1 Anton,Impact,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--chalk);padding:0 6px;border:2px solid var(--chalk)}
.menu summary::-webkit-details-marker{display:none}
.menu[open] summary{background:var(--chalk);color:var(--ink)}
.menu nav{position:absolute;right:0;top:54px;width:min(300px,86vw);background:var(--ink);border:3px solid var(--chalk);padding:6px 0;max-height:78vh;overflow:auto}
.menu nav a{display:block;padding:13px 18px;color:var(--chalk);text-decoration:none;font:400 19px/1 Anton,Impact,sans-serif;letter-spacing:.07em;text-transform:uppercase;border-bottom:1px dashed #5a564c}
.menu nav a[aria-current]{color:var(--tape)}
@media(min-width:1040px){.nav a.l{display:block}.menu{display:none}}
body.home .hdr .mark{display:none}
@media(max-width:1039px){body.home .hdr .mark{display:inline-block}}

/* photos: copier + halftone + taped corners (tape is paper-coloured, yellow tape is for labels only) */
.ph{position:relative;margin:0;background:var(--ink);border:2px solid var(--ink)}
.ph img{width:100%;height:100%;object-fit:cover;filter:contrast(1.05)}
.ph:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 50%,rgba(0,0,0,.55) 0 .9px,transparent 1.3px) 0 0/4px 4px;mix-blend-mode:multiply;opacity:.45}
.ph .t1,.ph .t2{position:absolute;z-index:3;width:84px;height:26px;background:rgba(247,243,232,.82);box-shadow:0 1px 2px rgba(0,0,0,.35)}
.ph .t1{left:-26px;top:10px;transform:rotate(-38deg)}
.ph .t2{right:-26px;bottom:10px;transform:rotate(-38deg)}
.ph figcaption{position:absolute;z-index:4;left:0;bottom:0;background:var(--ink);color:var(--chalk);font:700 14px/1.3 "Courier Prime",monospace;padding:6px 10px;max-width:90%}
.rot1{transform:rotate(1.2deg)}.rot2{transform:rotate(-1.3deg)}

/* hero */
.hero{padding:0;border-top:0}
.hero .wrap{display:grid;gap:0;grid-template-columns:1fr}
.hero .ph{aspect-ratio:16/11;border-left:0;border-right:0;margin-inline:-20px;order:-1}
.hero .ph .t1,.hero .ph .t2{display:none}
.hero .txt{padding:26px 0 36px}
.hero h1 span{color:var(--redtxt)}
.hero .lede{font-size:19px;max-width:44ch;margin:18px 0 22px}
.cta-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:560px}
.cta-row .btn{padding:0 8px}
.hero .alink{display:inline-block;margin-top:14px;padding:11px 0;font-weight:700}
.lockup{display:none}
@media(min-width:900px){
 .hero .wrap{grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);gap:46px;align-items:center;min-height:620px}
 .hero .ph{order:2;aspect-ratio:auto;height:min(560px,70vh);margin:30px 0;border:2px solid var(--ink);transform:rotate(1.2deg)}
 .hero .ph .t1,.hero .ph .t2{display:block}
 .hero .txt{padding:46px 0}
 .lockup{display:block;margin-bottom:26px;position:relative;max-width:520px;padding:14px 0 16px;border-top:5px solid var(--ink);border-bottom:5px solid var(--ink)}
 .lockup b{display:block;font:400 clamp(30px,3.6vw,46px)/1 Anton,Impact,sans-serif;letter-spacing:.14em;text-transform:uppercase}
 .lockup i{display:block;font:400 clamp(100px,13vw,170px)/.82 Anton,Impact,sans-serif;font-style:normal;color:var(--red);letter-spacing:.01em;text-transform:uppercase;margin:6px 0 2px -4px}
 .lockup em{display:block;font:400 clamp(30px,3.6vw,46px)/1 "Alfa Slab One",Georgia,serif;font-style:normal;letter-spacing:.2em;text-transform:uppercase}
 .lockup .stamp{position:absolute;right:-10px;bottom:20px;transform:rotate(-7deg)}
 .hero h1{font-size:clamp(40px,4.6vw,64px)}
}
.stamp{display:inline-block;border:3px solid var(--redtxt);color:var(--redtxt);font:700 17px/1.15 "Courier Prime",monospace;letter-spacing:.06em;text-transform:uppercase;padding:6px 10px;background:rgba(232,224,204,.9);text-align:center}

/* split blocks */
.split{display:grid;gap:30px}
@media(min-width:860px){.split{grid-template-columns:1.05fr 1fr;gap:56px;align-items:start}.split.rev{grid-template-columns:1fr 1.05fr}.split.rev>:first-child{order:2}.split.rev .ph{margin-top:20px}}
.split .ph{aspect-ratio:4/3}
.split .ph.sq{aspect-ratio:1/1}
.split .ph.tall{aspect-ratio:3/4}
.quote{border-left:6px solid var(--ink);margin:22px 0;padding:2px 0 2px 18px;max-width:58ch}
.quote p{margin:0 0 6px;font-size:19px}
.quote cite{font-style:normal;font-size:15px;color:var(--mute);font-weight:700}
.dark .quote{border-color:var(--tape)}.dark .quote cite{color:#cfc7b2}
.stars{letter-spacing:.2em;font-weight:700;color:var(--ink)}
.plain{list-style:none;margin:0 0 1.2em;padding:0}
.plain li{padding:9px 0 9px 28px;position:relative;border-bottom:1px dashed #9b9380;max-width:62ch}
.plain li:before{content:"";position:absolute;left:2px;top:19px;width:14px;height:8px;background:var(--ink)}
.dark .plain li{border-color:#5a564c}.dark .plain li:before{background:var(--tape)}
.cols{columns:1;column-gap:36px}
@media(min-width:760px){.cols{columns:2}.cols li{break-inside:avoid}}

/* fight card table */
.card{width:100%;border-collapse:collapse;border-top:6px solid var(--ink);border-bottom:6px solid var(--ink);margin:10px 0 18px;background:var(--chalk)}
.card th{font:400 15px/1 Anton,Impact,sans-serif;letter-spacing:.1em;text-transform:uppercase;text-align:left;padding:12px 10px;border-bottom:3px solid var(--ink)}
.card td{padding:14px 10px;border-bottom:1px dashed #8e8672;vertical-align:top}
.card td.ko{font:400 22px/1.1 Anton,Impact,sans-serif;color:var(--redtxt);letter-spacing:.04em;text-transform:uppercase}
@media(max-width:700px){.card thead{display:none}.card,.card tbody,.card tr,.card td{display:block;width:100%}.card tr{padding:10px 8px;border-bottom:3px solid var(--ink)}.card td{border:0;padding:3px 4px}.card td.ko{font-size:26px}}

/* timeline */
.tl{list-style:none;margin:0;padding:0;border-left:6px solid var(--ink)}
.tl li{position:relative;padding:4px 0 28px 22px;display:grid;gap:4px}
.tl li:before{content:"";position:absolute;left:-14px;top:14px;width:22px;height:22px;background:var(--paper);border:5px solid var(--ink)}
.tl .yr{font:400 clamp(34px,7vw,52px)/1 Anton,Impact,sans-serif;letter-spacing:.03em}
.tl .yr small{font:700 15px/1 "Courier Prime",monospace;letter-spacing:.04em;color:var(--redtxt);margin-left:8px;text-transform:uppercase}
.tl p{margin:0;max-width:60ch}
.tl .src{font-size:14px;color:var(--mute)}
@media(min-width:760px){.tl li{grid-template-columns:200px 1fr;gap:26px}}

/* gallery */
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px 16px}
@media(min-width:760px){.grid{grid-template-columns:repeat(3,1fr);gap:30px 22px}}
@media(min-width:1040px){.grid{grid-template-columns:repeat(4,1fr)}}
.grid .ph{aspect-ratio:4/5}
.grid .ph:nth-child(3n+1){transform:rotate(-.8deg)}.grid .ph:nth-child(3n+2){transform:rotate(.7deg)}
.grid .ph .t2{display:none}.grid .ph .t1{width:56px;height:20px;left:-16px;top:6px}
.gcap{font-size:14px;line-height:1.3;margin:7px 2px 0}

/* faq */
details.q{border-bottom:2px solid var(--ink);padding:0}
details.q summary{cursor:pointer;list-style:none;padding:16px 36px 16px 0;font:400 clamp(20px,4.4vw,26px)/1.2 "Alfa Slab One",Georgia,serif;position:relative;min-height:48px}
details.q summary::-webkit-details-marker{display:none}
details.q summary:after{content:"+";position:absolute;right:4px;top:12px;font:400 30px/1 Anton,Impact,sans-serif}
details.q[open] summary:after{content:"\2212"}
details.q div{padding:0 0 16px}
details.q:first-of-type{border-top:2px solid var(--ink)}

/* price / key facts */
.facts{display:grid;gap:0;border-top:6px solid var(--ink);background:var(--chalk)}
.facts div{display:grid;grid-template-columns:1fr auto;gap:14px;padding:14px 12px;border-bottom:1px dashed #8e8672;align-items:baseline}
.facts b{font:400 clamp(26px,5vw,34px)/1 Anton,Impact,sans-serif;color:var(--redtxt)}
.facts span{font-weight:700}
.row{display:flex;flex-wrap:wrap;gap:14px;margin:22px 0 4px}
.row .btn{flex:1 1 220px;max-width:340px}

/* footer */
.ftr{background:var(--ink);color:var(--chalk);padding:44px 0 28px;border-top:6px solid var(--red)}
.ftr .wrap{display:grid;gap:28px}
@media(min-width:860px){.ftr .wrap{grid-template-columns:1.2fr 1fr 1fr}}
.ftr h4{font:400 18px/1 Anton,Impact,sans-serif;letter-spacing:.1em;text-transform:uppercase;margin:0 0 12px;color:var(--tape)}
.ftr a{color:var(--chalk);display:inline-block;padding:7px 0}
.ftr p{margin:0 0 .5em}
.ftr .fine{grid-column:1/-1;border-top:1px dashed #5a564c;padding-top:16px;font-size:14px;color:#cfc7b2}
.pagehead{padding:46px 0 30px;border-top:0}
.pagehead p.lede{font-size:20px;max-width:56ch;margin-top:16px}
.hide-m{display:none}@media(min-width:760px){.hide-m{display:block}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.press{max-width:none}.press li{max-width:none;padding-left:28px}.press .pr-out{margin:0;font:700 14px/1.3 "Courier Prime",monospace;text-transform:uppercase;letter-spacing:.04em}.press .pr-yr{color:var(--redtxt);margin-left:8px}.press .pr-hd{margin:4px 0;font:400 clamp(20px,3vw,26px)/1.15 "Alfa Slab One",Georgia,serif}.press .pr-hd a{color:var(--ink)}.press blockquote.quote{margin:6px 0}
@media(min-width:900px){.press{display:grid;grid-template-columns:1fr 1fr;column-gap:56px}}