@font-face{font-family:"Anton";src:url(/fonts/anton-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Aleo";src:url(/fonts/aleo-400-normal.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:"Aleo";src:url(/fonts/aleo-400-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}

:root{
  --plum:#5a1046;
  --plum-deep:#3e0a30;
  --ink:#1a0814;
  --fuchsia:#f400a1;
  --fuchsia-text:#b8007a;
  --fuchsia-deep:#c2007f;
  --paper:#ffffff;
  --paper-2:#f5f1f4;
  --rule:#d9cdd5;
  --muted:#5b4a55;
  --display:"Anton","Arial Narrow",Impact,sans-serif;
  --body:"Aleo",Georgia,serif;
  --heft:cubic-bezier(.66,0,.24,1.3);
  --t1:150ms;--t2:340ms;--t3:600ms;
  --press:4px 4px 0 var(--ink);
  --gap:clamp(16px,2.4vw,32px);
  --wrap:1280px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scrollbar-color:var(--fuchsia) var(--plum-deep)}
body{margin:0;background-color:var(--plum);background-image:radial-gradient(rgba(26,8,20,.28) .7px,transparent .8px);background-size:6px 6px;color:var(--ink);font:400 1.0625rem/1.65 var(--body);overflow-x:hidden}
img,svg{max-width:100%;height:auto;display:block}
::selection{background:var(--fuchsia);color:#fff}
:focus-visible{outline:3px solid var(--fuchsia);outline-offset:3px}
a{color:var(--fuchsia-text);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;transition:text-shadow var(--t1) var(--heft),color var(--t1)}
a:hover{text-shadow:2px 1px 0 rgba(244,0,161,.45)}
h1,h2,h3,h4{font-family:var(--display);font-weight:400;text-transform:uppercase;line-height:1.04;letter-spacing:.01em;margin:0 0 .4em}
p{margin:0 0 1.05em}
hr{border:0;height:6px;margin:2.2em 0;background:repeating-linear-gradient(90deg,var(--ink) 0 14px,transparent 14px 20px)}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gap)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;z-index:9;background:#fff;padding:8px 12px}

.mast{color:#fff;padding:22px 0 0}
.mast__top{display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:16px;color:#fff;text-decoration:none}
.brand:hover{text-shadow:none}
.brand img{width:84px;height:84px;border-radius:50%;background:#fff;padding:4px;transition:transform var(--t3) var(--heft)}
.brand:hover img{transform:rotate(-8deg)}
.brand__name{font:400 clamp(1.5rem,3.4vw,2.6rem)/1 var(--display);text-transform:uppercase;letter-spacing:.02em}
.brand__name span{color:var(--fuchsia)}
.brand__tag{display:block;font:italic .95rem/1.3 var(--body);color:#f1dceb;margin-top:4px;text-transform:none;letter-spacing:0}
.issue{border:2px solid #fff;padding:8px 14px;text-align:right;font-family:var(--display);text-transform:uppercase;line-height:1.05;flex:0 0 auto}
.issue b{display:block;color:var(--fuchsia);font-size:1.9rem;font-weight:400}
.issue small{font-size:.8rem;letter-spacing:.08em}
.nav{margin-top:20px;border-top:3px double #fff;border-bottom:3px double #fff}
.nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 18px}
.nav a{display:inline-block;padding:10px 0;color:#fff;text-decoration:none;font:400 1.02rem/1 var(--display);text-transform:uppercase;letter-spacing:.06em}
.nav a:hover,.nav a[aria-current]{color:var(--fuchsia);text-shadow:2px 1px 0 rgba(255,255,255,.25)}
.nav a[aria-current]{text-decoration:underline;text-decoration-thickness:3px}

.sheet{background:var(--paper);box-shadow:var(--press);border:2px solid var(--ink);padding:clamp(20px,3vw,40px)}
.band{margin:44px 0 26px;padding:8px 0;border-top:3px double #fff;border-bottom:3px double #fff;text-align:center;color:#fff;font:400 1.1rem/1.2 var(--display);text-transform:uppercase;letter-spacing:.14em}
.band b{color:var(--fuchsia);font-weight:400}
.kicker{display:inline-block;font:400 .9rem/1 var(--display);text-transform:uppercase;letter-spacing:.1em;background:var(--ink);color:#fff;padding:6px 10px 5px;margin-bottom:14px}
.kicker--f{background:var(--fuchsia-deep)}
.pg{font:400 .85rem/1 var(--display);color:var(--fuchsia-text);letter-spacing:.06em}

.contents{display:flex;flex-wrap:wrap;gap:0;margin:30px 0 0;border:2px solid #fff;color:#fff}
.contents a{flex:1 1 160px;display:flex;gap:10px;align-items:baseline;padding:10px 14px;color:#fff;text-decoration:none;border-right:1px dashed rgba(255,255,255,.45);font:400 .98rem/1.1 var(--display);text-transform:uppercase;letter-spacing:.04em}
.contents a:last-child{border-right:0}
.contents a span{color:var(--fuchsia);font-size:.85rem}
.contents a:hover{background:#fff;color:var(--ink);text-shadow:none}

.cover{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:var(--gap);margin-top:34px}
.lead{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:100%}
.lead__fig{margin:-1px -1px 22px;border-bottom:2px solid var(--ink);aspect-ratio:16/8;overflow:hidden;background:var(--plum-deep)}
.lead__fig img{width:100%;height:100%;object-fit:cover}
.lead h1,.lead h2{font-size:clamp(2.2rem,5.2vw,4.4rem);margin-bottom:.3em}
.lead h2 a{color:var(--ink);text-decoration:none}
.lead h2 a:hover{color:var(--ink);text-shadow:3px 2px 0 var(--fuchsia)}
.lead p{font-size:1.18rem;max-width:44ch}
.lead__meta{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--rule);padding-top:14px;margin-top:10px;font-size:.92rem;color:var(--muted)}

.btn{display:inline-block;background:var(--ink);color:#fff;text-decoration:none;font:400 1rem/1 var(--display);text-transform:uppercase;letter-spacing:.08em;padding:13px 18px 12px;border:2px solid var(--ink);box-shadow:4px 4px 0 var(--fuchsia);transition:transform var(--t1) var(--heft),box-shadow var(--t1) var(--heft)}
.btn:hover{color:#fff;text-shadow:none;transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--fuchsia)}
.btn:active{transform:translate(4px,4px);box-shadow:0 0 0 var(--fuchsia)}
.btn--paper{background:#fff;color:var(--ink)}.btn--paper:hover{color:var(--ink)}

.board{background:var(--ink);color:#fff;padding:18px;border:2px solid var(--ink);box-shadow:4px 4px 0 var(--fuchsia)}
.board h2{color:#fff;font-size:1.6rem;display:flex;justify-content:space-between;align-items:baseline;border-bottom:2px solid #fff;padding-bottom:8px}
.board h2 .pg{color:var(--fuchsia)}
.plates{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:14px 0 18px;list-style:none;padding:0}
.plate{background:#0d0409;border:2px solid #3b1a30;padding:12px 10px 10px;text-align:center;position:relative}
.plate::before,.plate::after{content:"";position:absolute;top:6px;width:6px;height:6px;border-radius:50%;background:#3b1a30}
.plate::before{left:6px}.plate::after{right:6px}
.plate b{display:block;font:400 clamp(2rem,4vw,2.9rem)/1 var(--display);color:var(--fuchsia)}
.plate span{display:block;font:400 .8rem/1.2 var(--display);text-transform:uppercase;letter-spacing:.08em;color:#e8d5e2;margin-top:6px}
.board table{width:100%;border-collapse:collapse;font-size:.92rem}
.board td{padding:7px 4px;border-bottom:1px dashed #4a2a3f;vertical-align:top}
.board td:first-child{font-weight:700}
.board a{color:#fff}
.stamp{display:inline-block;font:400 .78rem/1 var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--fuchsia);border:2px solid currentColor;padding:3px 5px 2px;transform:rotate(-3deg)}

.sheets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}
.teamsheet{background:#fff;border:2px solid var(--ink);box-shadow:var(--press)}
.teamsheet h3{background:var(--ink);color:#fff;margin:0;padding:12px 16px 10px;font-size:1.5rem;display:flex;justify-content:space-between;align-items:baseline}
.teamsheet h3 a{color:#fff;text-decoration:none}
.teamsheet h3 em{font-style:normal;color:var(--fuchsia)}
.teamsheet ol{list-style:none;margin:0;padding:6px 16px 4px;counter-reset:none}
.teamsheet li{display:grid;grid-template-columns:2.6em 1fr;gap:8px;align-items:baseline;padding:9px 0;border-bottom:1px solid var(--rule)}
.teamsheet li:last-child{border-bottom:0}
.teamsheet li b{font:400 1.45rem/1 var(--display);color:var(--fuchsia-text)}
.teamsheet li a{color:var(--ink);text-decoration:none;font-weight:700;line-height:1.3}
.teamsheet li a:hover{text-shadow:2px 1px 0 rgba(244,0,161,.45)}
.teamsheet li small{display:block;color:var(--muted);font-size:.85rem;font-weight:400}
.teamsheet .subs{padding:10px 16px 14px;border-top:2px solid var(--ink);font-size:.9rem}
.teamsheet .subs strong{font:400 .85rem/1 var(--display);text-transform:uppercase;letter-spacing:.08em;margin-right:6px}

.rows{list-style:none;margin:0;padding:0}
.rows li{display:grid;grid-template-columns:7.5em 1fr;gap:14px;padding:14px 0;border-bottom:1px solid var(--rule)}
.rows time{font:400 .95rem/1.4 var(--display);color:var(--fuchsia-text);text-transform:uppercase;letter-spacing:.04em}
.rows a{color:var(--ink);text-decoration:none;font-weight:700;font-size:1.12rem}
.rows a:hover{text-shadow:2px 1px 0 rgba(244,0,161,.45)}
.rows p{margin:4px 0 0;color:var(--muted);font-size:.95rem}

.page{margin:34px auto 0;max-width:860px}
.article h1{font-size:clamp(2.1rem,5vw,3.8rem)}
.standfirst{font-size:1.25rem;line-height:1.5;color:var(--ink);font-style:italic;margin:0 0 20px}
.byline{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:2px solid var(--ink);border-bottom:1px solid var(--rule);margin-bottom:28px;font-size:.95rem;color:var(--muted)}
.byline img{width:46px;height:46px;border-radius:50%;border:2px solid var(--ink);background:var(--paper-2)}
.byline a{color:var(--ink);font-weight:700}
.prose{font-size:1.12rem}
.prose h2{font-size:clamp(1.6rem,3vw,2.2rem);margin-top:1.4em;padding-top:.3em;border-top:3px solid var(--ink)}
.prose h3{font-size:1.45rem;margin-top:1.2em}
.prose blockquote{margin:1.4em 0;padding:4px 0 4px 54px;position:relative;font-style:italic}
.prose blockquote::before{content:"\201C";position:absolute;left:0;top:-14px;font:400 4.4rem/1 var(--display);color:var(--fuchsia)}
.prose ul,.prose ol{padding-left:1.3em}.prose li{margin:.3em 0}
.prose li::marker{color:var(--fuchsia-text);font-family:var(--display)}
.prose table{width:100%;border-collapse:collapse;margin:1.4em 0;font-size:.98rem}
.prose th{font:400 .95rem/1.2 var(--display);text-transform:uppercase;letter-spacing:.05em;text-align:left;border-bottom:2px solid var(--ink);padding:8px 6px}
.prose td{border-bottom:1px solid var(--rule);padding:8px 6px;vertical-align:top}
.prose figure{margin:1.6em 0}.prose figcaption{font-size:.88rem;color:var(--muted);margin-top:6px}
.sources{font-size:.92rem;border-top:2px solid var(--ink);margin-top:2em;padding-top:1em}
.sources h2{font-size:1.2rem;border:0;padding:0}

.faq{margin-top:2em}
.faq details{border-bottom:1px solid var(--rule)}
.faq summary{list-style:none;cursor:pointer;padding:14px 34px 14px 0;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary h3{display:inline;font-size:1.2rem;margin:0}
.faq summary::after{content:"+";position:absolute;right:4px;top:8px;font:400 1.7rem/1 var(--display);color:var(--fuchsia-text);transition:transform var(--t2) var(--heft)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details>div{padding:0 0 14px}

.tickets{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:34px}
.ticket{display:grid;grid-template-columns:1fr 64px;background:#fff;border:2px solid var(--ink);color:var(--ink);text-decoration:none;min-height:110px;box-shadow:var(--press);overflow:hidden}
.ticket__body{padding:14px 16px}
.ticket__body small{display:block;font:400 .8rem/1 var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--fuchsia-text);margin-bottom:8px}
.ticket__body span{font-weight:700;line-height:1.3}
.ticket__stub{border-left:2px dashed var(--ink);background:var(--fuchsia-deep);color:#fff;display:flex;align-items:center;justify-content:center;font:400 .85rem/1 var(--display);letter-spacing:.14em;text-transform:uppercase;writing-mode:vertical-rl;transition:transform var(--t2) var(--heft)}
.ticket:hover{text-shadow:none;color:var(--ink)}
.ticket:hover .ticket__stub{transform:translate(10px,6px) rotate(7deg)}

.hubhead{color:#fff;margin:36px 0 24px}
.hubhead h1{font-size:clamp(2.4rem,6vw,5rem);color:#fff}
.hubhead p{max-width:62ch;font-size:1.15rem;color:#f6e6f1}
.hubhead .kicker{background:var(--fuchsia-deep)}

.ci-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:14px}
.ci-tools label{font:400 .9rem/1 var(--display);text-transform:uppercase;letter-spacing:.06em}
.ci-tools select,.ci-tools input{font:inherit;font-size:.95rem;padding:7px 9px;border:2px solid var(--ink);background:#fff;border-radius:0}
.ci-wrap{overflow-x:auto}
.ci{width:100%;border-collapse:collapse;font-size:.95rem;min-width:760px}
.ci th{font:400 .9rem/1.1 var(--display);text-transform:uppercase;letter-spacing:.06em;text-align:left;padding:10px 8px;border-bottom:3px solid var(--ink);white-space:nowrap}
.ci th button{all:unset;cursor:pointer}
.ci th button::after{content:" \2195";color:var(--fuchsia-text)}
.ci th[aria-sort=ascending] button::after{content:" \2191"}
.ci th[aria-sort=descending] button::after{content:" \2193"}
.ci td{padding:10px 8px;border-bottom:1px solid var(--rule);vertical-align:top}
.ci td.ref{font:700 .82rem/1.3 ui-monospace,Menlo,Consolas,monospace;color:var(--muted);white-space:nowrap}
.ci td.pts{font:400 1.15rem/1 var(--display);color:var(--fuchsia-text)}
.ci tr.is-moving{transition:transform var(--t2) var(--heft)}
.chart figcaption{font-size:.85rem;color:var(--muted)}
.embed{font:.8rem/1.4 ui-monospace,Menlo,Consolas,monospace;width:100%;min-height:84px;border:2px solid var(--ink);padding:8px;background:var(--paper-2)}

.timeline{list-style:none;margin:0;padding:0;border-left:4px solid var(--ink)}
.timeline li{position:relative;padding:0 0 18px 22px}
.timeline li::before{content:"";position:absolute;left:-11px;top:4px;width:14px;height:14px;background:var(--fuchsia);border:3px solid var(--ink)}
.timeline time{font:400 1.05rem/1 var(--display);text-transform:uppercase}

.people{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--gap)}
.person img{width:120px;height:120px;border-radius:50%;border:3px solid var(--ink);margin-bottom:12px}

.foot{margin-top:64px;background:var(--ink);color:#e9d8e4;padding:36px 0 26px;font-size:.95rem}
.foot__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:var(--gap)}
.foot h2{color:#fff;font-size:1.15rem;letter-spacing:.08em}
.foot ul{list-style:none;margin:0;padding:0}.foot li{margin:6px 0}
.foot a{color:#fff;text-decoration-color:var(--fuchsia)}
.foot__base{border-top:1px solid #3b2433;margin-top:26px;padding-top:16px;font-size:.85rem;color:#bfa6b6}

.crumbs{color:#f1dceb;font-size:.9rem;margin:26px 0 0}
.crumbs a{color:#fff}
.crumbs span{margin:0 6px;color:var(--fuchsia)}

.grid-2{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:var(--gap);align-items:start}
.mt{margin-top:var(--gap)}

@media (max-width:960px){
  .cover,.grid-2{grid-template-columns:1fr}
  .sheets{grid-template-columns:1fr}
  .foot__grid{grid-template-columns:1fr}
}
@media (max-width:640px){
  body{font-size:1rem}
  .mast__top{flex-wrap:wrap}
  .brand img{width:62px;height:62px}
  .issue{display:none}
  .nav ul{justify-content:flex-start;gap:0 16px}
  .tickets{grid-template-columns:1fr}
  .rows li{grid-template-columns:1fr;gap:4px}
  .prose{font-size:1.05rem}
  .prose blockquote{padding-left:40px}
}

@media (prefers-reduced-motion:no-preference){
  .js .wipe{clip-path:inset(0 100% 0 0);transition:clip-path var(--t3) var(--heft)}
  .js .wipe.is-in{clip-path:inset(0 0 0 0)}
  .js .plates.drop .plate{transform:translateY(-34px);transition:transform var(--t3) var(--heft);transition-delay:calc(var(--n,0) * 90ms)}
  .js .plates.drop.is-in .plate{transform:none}
}
@media (prefers-reduced-motion:reduce){
  *{transition:none!important;scroll-behavior:auto!important}
}
.rg{margin-top:28px;border:2px solid var(--ink);background:var(--paper-2);padding:14px 16px;font-size:.92rem}
.rg p{margin:0 0 .5em}.rg p:last-child{margin:0}
.hubintro{max-width:780px}
.hubintro h2{font-size:1.7rem;margin-top:1.2em}
.lead__fig picture,.lead__fig img{display:block;width:100%;height:100%;object-fit:cover}
.byline picture img{width:46px;height:46px;border-radius:50%;border:2px solid var(--ink)}
.person picture img{width:120px;height:120px;border-radius:50%;border:3px solid var(--ink);margin-bottom:12px}
.board .btn--paper{color:var(--ink)}.board .btn--paper:hover{color:var(--ink)}
.sheet .stamp,.ci .stamp{color:var(--fuchsia-text)}
.disclose{margin:0 0 12px auto;max-width:560px;font-size:.78rem;line-height:1.45;color:#f1dceb;text-align:right}