:root{--bg:#050507;--ink:rgba(236,228,210,0.9);--dim:rgba(236,228,210,0.5);--faint:rgba(236,228,210,0.18);--line:rgba(236,228,210,0.1);--red:#c8102e;--serif:"Instrument Serif",Georgia,serif;--sans:"Outfit","Helvetica Neue",Arial,sans-serif;--poster:"Anton",Impact,sans-serif;--black:"Pirata One",serif;--pad:clamp(16px,3vw,40px);box-sizing:border-box}*,:after,:before{box-sizing:inherit}html{background:var(--bg);transition:background 1.6s ease}html:has(.site.volk){background:#ece5d6}html:has(.site.volk) body{background:#ece5d6}body{transition:background 1.6s ease,color 1.6s ease;margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-weight:300;font-size:15px;-webkit-font-smoothing:antialiased;overflow-x:hidden}button{font:inherit;background:none;border:0;padding:0;cursor:pointer}a,button{color:inherit}a{text-underline-offset:4px;-webkit-text-decoration-color:var(--faint);text-decoration-color:var(--faint)}h1,h2,h3,ol,p,ul{margin:0;padding:0}ol,ul{list-style:none}.grain{position:fixed;inset:-50%;z-index:50;pointer-events:none;opacity:.12;mix-blend-mode:screen;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='300' height='300'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.95' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.8 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");animation:grain .6s steps(3) infinite}@keyframes grain{0%{transform:translate(0)}33%{transform:translate(-3%,2%)}66%{transform:translate(2%,-3%)}to{transform:translate(0)}}.top{position:fixed;left:0;right:0;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:var(--pad);padding-top:max(var(--pad),env(safe-area-inset-top));font-size:10px;letter-spacing:.34em;text-transform:uppercase;color:var(--dim);pointer-events:none}.top b{color:var(--red);font-weight:400}.top .side{transition:color 1.6s ease}.sound{pointer-events:auto;width:28px;height:28px;display:grid;place-items:center}.sound,.sound i{border-radius:50%}.sound i{width:5px;height:5px;background:var(--dim);box-shadow:0 0 10px rgba(236,228,210,.45);animation:breathe 2.4s ease-in-out infinite}.sound.off i{background:var(--faint);box-shadow:none;animation:none}@keyframes breathe{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.5);opacity:1}}.hero{position:relative;min-height:100svh;grid-template-rows:1fr auto;align-items:center;justify-items:center;padding:calc(var(--pad) + 40px) var(--pad) calc(var(--pad) + 8px);overflow:hidden}.hero,.num{display:grid}.num{position:absolute;inset:0;place-items:center;pointer-events:none}.num span{font-family:var(--black);font-weight:400;font-size:min(62vw,74svh);line-height:.8;color:transparent;-webkit-text-stroke:1px rgba(200,16,46,.35);letter-spacing:-.02em;transform:translateY(-6%);opacity:0;animation:up 2.4s ease .2s forwards}.stage{position:relative;width:min(100%,92svh - 210px);aspect-ratio:1;min-width:260px}.plate{position:absolute;inset:-6%;width:112%;height:112%;display:block;touch-action:none;cursor:-webkit-grab;cursor:grab}.plate:active{cursor:-webkit-grabbing;cursor:grabbing}.under{position:relative;display:grid;justify-items:center;grid-gap:10px;gap:10px;text-align:center;opacity:0;animation:up 1.6s ease 1.1s forwards}.names{display:flex;align-items:baseline;gap:.35em;font-family:var(--poster);text-transform:uppercase;font-size:clamp(34px,7vw,76px);line-height:.95;letter-spacing:.01em;color:var(--ink)}.names em{font-family:var(--serif);font-style:italic;text-transform:none;font-size:.42em;color:var(--dim)}.names b{font-family:var(--black);font-weight:400;color:var(--red);font-size:.6em;margin-left:.15em}.clock,.hint,.where{font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--dim)}.clock{color:var(--ink);display:flex;gap:.6em;align-items:center}.clock b{font-family:var(--poster);font-weight:400;font-size:18px;letter-spacing:.08em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.clock i{width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 12px var(--red);animation:breathe 1.4s ease-in-out infinite}.hint{color:var(--faint)}@keyframes up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.num span{animation-name:upnum}@keyframes upnum{0%{opacity:0;transform:translateY(-3%)}to{opacity:1;transform:translateY(-6%)}}section h2{font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(30px,4.6vw,56px);line-height:1.02;color:var(--ink)}.card,.trilogy{max-width:980px;margin:0 auto;padding:clamp(64px,12vw,140px) var(--pad) 0}.trilogy ol{margin-top:36px;border-top:1px solid var(--line)}.trilogy li{display:grid;grid-template-columns:64px 120px 1fr auto;grid-gap:16px;gap:16px;align-items:baseline;padding:18px 0;border-bottom:1px solid var(--line);color:var(--dim)}.trilogy .n{font-family:var(--black);font-size:30px;color:var(--ink)}.trilogy .when,.trilogy .where{font-size:12px;letter-spacing:.08em}.trilogy .who b{font-family:var(--poster);font-weight:400;text-transform:uppercase;color:var(--ink);font-size:20px;letter-spacing:.03em}.trilogy li.now .n,.trilogy li.now .who b{color:var(--red)}@media (max-width:640px){.trilogy li{grid-template-columns:48px 1fr;row-gap:4px}.trilogy .where,.trilogy .who{grid-column:2}}.card .head{display:grid;grid-gap:10px;gap:10px;margin-bottom:40px}.card .head p{color:var(--dim);font-size:14px}.card h3{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:10px;letter-spacing:.34em;text-transform:uppercase;font-weight:400;color:var(--dim);padding:28px 0 12px;border-bottom:1px solid var(--line)}.card h3 span{letter-spacing:.18em;color:var(--faint)}.bout{padding:16px 0 18px;border-bottom:1px solid var(--line);display:grid;grid-gap:8px;gap:8px}.bout .meta{font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--faint)}.bout .pair{display:grid;grid-template-columns:1fr auto 1fr;grid-gap:14px;gap:14px;align-items:baseline}.bout .pair button{font-family:var(--poster);text-transform:uppercase;font-size:clamp(18px,3vw,30px);line-height:1.05;letter-spacing:.02em;color:var(--ink);text-align:left;transition:color .25s ease,opacity .25s ease;overflow-wrap:anywhere}.bout .pair button:last-child{text-align:right}.bout .pair button.on{color:var(--red)}.bout .pair button.off{opacity:.28}.bout .pair button:hover{color:#fff}.bout .pair i{font-family:var(--serif);font-size:15px;color:var(--faint)}.bout.star .pair button{font-size:clamp(26px,5vw,48px)}.bout.star .meta{color:var(--red)}.picks{position:-webkit-sticky;position:sticky;bottom:0;display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:28px;padding:16px 0 max(16px,env(safe-area-inset-bottom));background:linear-gradient(to top,var(--bg) 70%,rgba(5,5,7,0));letter-spacing:.3em;color:var(--dim)}.picks,.picks button{font-size:10px;text-transform:uppercase}.picks button{border:1px solid var(--faint);border-radius:999px;padding:12px 18px;letter-spacing:.24em;color:var(--ink)}.picks button:disabled{opacity:.3;cursor:default}.foot{max-width:980px;margin:0 auto;padding:100px var(--pad) max(40px,env(safe-area-inset-bottom));display:grid;grid-gap:10px;gap:10px;font-size:12px;line-height:1.6;color:var(--faint)}@media (prefers-reduced-motion:reduce){.grain{animation:none}}.site{min-height:100svh;background:var(--bg);color:var(--ink);transition:background 1.6s ease,color 1.6s ease}.site.volk{--bg:#ece5d6;--ink:rgba(15,59,42,0.94);--dim:rgba(15,59,42,0.6);--faint:rgba(15,59,42,0.26);--line:rgba(15,59,42,0.14);--red:#b8901c}.site.volk~.grain,body:has(.site.volk) .grain{mix-blend-mode:multiply;opacity:.16;filter:invert(1)}.site.volk .num span{-webkit-text-stroke-color:rgba(184,144,28,.55)}.bout .pair button,.clock,.hint,.names,.top,.trilogy .who b,.where,section h2{transition:color 1.6s ease}.names span{display:inline-block;animation:up 1.1s ease both}.gate{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;grid-gap:10px;gap:10px;text-align:center;z-index:3}.gate b{font-family:var(--poster);font-weight:400;font-size:clamp(26px,5vw,44px);letter-spacing:.04em;color:var(--ink);text-shadow:0 2px 30px rgba(0,0,0,.9);animation:pulse 2.6s ease-in-out infinite}.gate b,.gate span{text-transform:uppercase}.gate span{font-size:10px;letter-spacing:.3em;color:var(--dim);text-shadow:0 1px 12px rgba(0,0,0,.9)}@keyframes pulse{0%,to{opacity:.55}50%{opacity:1}}.site.is-gate .plate{filter:brightness(.55);transition:filter 1s ease}.site.is-cooking .under,.site.is-gate .under .quote{opacity:.4}.quote{min-height:3.4em;max-width:34ch;font-family:var(--serif);font-style:italic;font-size:clamp(19px,2.6vw,28px);line-height:1.18;color:var(--ink)}.quote span{display:inline-block;animation:up .9s ease both}.quote small{display:block;margin-top:6px;font-family:var(--sans);font-style:normal;font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--dim)}.deck{display:flex;align-items:center;gap:14px;width:min(560px,100%);transition:opacity .8s ease}.deck.hidden{opacity:0;pointer-events:none}.pp{width:40px;height:40px;flex:none;border-radius:50%;border:1px solid var(--faint);display:grid;place-items:center}.pp .play{width:0;height:0;border-left:11px solid var(--ink);border-top:7px solid transparent;border-bottom:7px solid transparent;margin-left:3px}.pp .pause{width:11px;height:13px;border-left:3.5px solid var(--ink);border-right:3.5px solid var(--ink)}.bar{position:relative;flex:1 1;height:26px;cursor:pointer}.bar:before{content:"";right:0;top:50%;background:var(--faint)}.bar .fill,.bar:before{position:absolute;left:0;height:2px}.bar .fill{top:calc(50% - 1px);background:var(--ink)}.bar .tick{position:absolute;top:calc(50% - 4px);width:1px;height:8px;background:var(--dim)}.bar .turn{position:absolute;top:calc(50% - 6px);width:12px;height:12px;margin-left:-6px;border-radius:50%;border:2px solid var(--red);background:var(--bg)}.time{font-size:11px;letter-spacing:.12em;color:var(--dim);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.bits{max-width:980px;margin:0 auto;padding:clamp(64px,12vw,140px) var(--pad) 0}.bits .sub{margin-top:12px;color:var(--dim);font-size:14px}.bits ol{margin-top:32px;border-top:1px solid var(--line)}.bits li button{display:grid;grid-template-columns:64px 1fr;grid-column-gap:16px;column-gap:16px;grid-row-gap:6px;row-gap:6px;width:100%;text-align:left;padding:18px 0;border-bottom:1px solid var(--line)}.bits .at{grid-row:span 2;font-family:var(--poster);font-size:18px;color:var(--dim);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.bits .lab{font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--dim)}.bits .lab em{font-style:normal;color:var(--red)}.bits .q{font-family:var(--serif);font-style:italic;font-size:clamp(19px,2.4vw,26px);line-height:1.2;color:var(--ink)}.bits li.now .at,.bits li.now .lab{color:var(--red)}.bits li button:hover .q{opacity:.75}.stage{isolation:isolate}.flash{position:absolute;left:50%;bottom:4%;z-index:4;width:min(92%,440px);transform:translateX(-50%);display:grid;grid-gap:10px;gap:10px;padding:16px 18px 18px;background:rgba(5,5,7,.88);border:1px solid rgba(236,228,210,.16);border-left:4px solid var(--red);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#ece4d2;animation:slam 5.2s cubic-bezier(.2,.9,.2,1) both;pointer-events:none;overflow:hidden}.site.volk .flash{background:rgba(15,59,42,.92);border-color:rgba(236,228,210,.2) rgba(236,228,210,.2) rgba(236,228,210,.2) #c9a227}.flash .hit{position:absolute;inset:0;background:#fff;mix-blend-mode:overlay;animation:hit .5s ease-out both}.flash .kick{font-size:10px;letter-spacing:.32em;text-transform:uppercase;color:rgba(236,228,210,.66)}.flash .rows{display:grid;grid-gap:8px;gap:8px}.flash .row{display:grid;grid-template-columns:1fr auto;grid-column-gap:12px;column-gap:12px;align-items:baseline}.flash .nm{text-transform:uppercase;font-size:clamp(20px,5vw,28px);letter-spacing:.02em}.flash .nm,.flash .px{font-family:var(--poster)}.flash .px{font-weight:400;font-size:clamp(34px,9vw,52px);line-height:.9;color:#fff;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;animation:count .6s ease .15s both}.flash .imp{grid-column:1/-1;position:relative;display:block;height:16px;font-size:9px;letter-spacing:.24em;text-transform:uppercase;color:rgba(236,228,210,.6);padding-top:6px}.flash .imp i{position:absolute;left:0;top:0;height:2px;background:var(--red);animation:grow .9s cubic-bezier(.2,.9,.2,1) .25s both;transform-origin:left}.site.volk .flash .imp i{background:#c9a227}.flash .big{display:grid;grid-gap:4px;gap:4px}.flash .big b{font-family:var(--poster);font-weight:400;text-transform:uppercase;font-size:clamp(30px,8vw,48px);line-height:.95;color:#fff}.flash .big span{font-family:var(--serif);font-style:italic;font-size:clamp(16px,4vw,20px);color:rgba(236,228,210,.82)}.flash .ft{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:rgba(236,228,210,.42)}@keyframes slam{0%{opacity:0;transform:translateX(-50%) scale(1.18);filter:blur(8px)}6%{opacity:1;transform:translateX(-50%) scale(.98);filter:blur(0)}9%{transform:translateX(-50%) scale(1)}90%{opacity:1;transform:translateX(-50%)}to{opacity:0;transform:translateX(-30%)}}@keyframes hit{0%{opacity:.95}to{opacity:0}}@keyframes grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes count{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.pop{position:fixed;inset:0;z-index:40;pointer-events:none;background:radial-gradient(60% 50% at 50% 45%,rgba(255,255,255,.22),rgba(255,255,255,0) 70%);animation:hit .6s ease-out both}.board{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 14px;min-height:18px;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--dim)}.board span{animation:up .6s ease both}.board b{font-family:var(--poster);font-weight:400;font-size:14px;letter-spacing:.06em;color:var(--ink);margin-left:6px}.cutaway{position:absolute;left:50%;top:7%;z-index:3;width:max(100%,min(360px,100vw - 16px));transform:translateX(-50%) scale(.94);opacity:0;visibility:hidden;transition:opacity 90ms linear,transform .16s cubic-bezier(.2,.9,.2,1),visibility 0s 90ms;pointer-events:none}.cutaway.on{opacity:1;visibility:visible;transform:translateX(-50%) scale(1);transition:opacity 60ms linear,transform .22s cubic-bezier(.2,.9,.2,1),visibility 0s;animation:kick .35s ease-out}.cutaway .frame{position:relative;aspect-ratio:16/9;min-height:200px;background:#000;box-shadow:0 0 0 1px rgba(236,228,210,.25),0 24px 60px rgba(0,0,0,.6)}.cutaway .frame>div,.cutaway iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.cutaway .tag{position:absolute;left:0;bottom:calc(100% + 6px);display:flex;gap:10px;align-items:baseline;font-family:var(--poster);text-transform:uppercase;font-size:16px;letter-spacing:.04em;color:var(--ink);white-space:nowrap}.cutaway .tag i{font-family:var(--sans);font-style:normal;font-size:9px;letter-spacing:.24em;color:var(--dim)}@keyframes kick{0%{box-shadow:0 0 0 6px rgba(255,255,255,.9)}to{box-shadow:0 0 0 0 rgba(255,255,255,0)}}