@font-face{font-family:Anton;src:url(/fonts/Anton.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Courier Prime";src:url(/fonts/CourierPrime.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Courier Prime";src:url(/fonts/CourierPrime-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Courier Prime";src:url(/fonts/CourierPrime-Italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Special Elite";src:url(/fonts/SpecialElite.woff2) format("woff2");font-weight:400;font-display:swap}
:root{--bg:#141311;--bg-alt:#1E1D1A;--card:#1A1917;--line:#37352F;--paper:#DDD6C2;--ink:#12110F;--text:#E6E1D3;--muted:#B3AD9F;--accent:#D4553F;--red:#A32218;--red-d:#7C1A12;--crt:#8DBE8A;--display:Anton,Impact,"Arial Narrow",sans-serif;--type:"Special Elite","Courier New",monospace;--mono:"Courier Prime","Courier New",Courier,monospace;--wrap:1080px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:72px;-webkit-text-size-adjust:100%}
body{margin:0;background:url(/img/grain.svg) 0 0/260px,var(--bg);color:var(--text);font:400 17px/1.65 var(--mono);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--text);text-underline-offset:3px;text-decoration-color:var(--accent);text-decoration-thickness:2px}
a:hover{color:var(--accent)}
:focus-visible{outline:2px dashed var(--accent);outline-offset:3px}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:8px;background:var(--paper);color:var(--ink);padding:10px 16px;z-index:100}
.skip:focus{left:8px}
.wrap{width:min(100% - 40px,var(--wrap));margin-inline:auto}
h1,h2,h3{font-family:var(--display);font-weight:400;text-transform:uppercase;color:var(--text);line-height:1;margin:0;letter-spacing:.012em}
h2{font-size:clamp(2.2rem,6vw,3.7rem);-webkit-mask:url(/img/speck.svg) 0 0/260px;mask:url(/img/speck.svg) 0 0/260px}
h2 em,h1 em{font-style:normal;color:var(--accent)}
h3{font-size:1.5rem;line-height:1.1}
em{font-style:normal}
/* rubber-stamp kicker */
.kicker{display:inline-block;font:400 .82rem/1 var(--type);letter-spacing:.2em;text-transform:uppercase;color:var(--accent);border:2px solid var(--accent);padding:6px 10px 5px;margin:0 0 18px;transform:rotate(-1.6deg);opacity:.92;-webkit-mask:url(/img/speck.svg) 0 0/260px;mask:url(/img/speck.svg) 0 0/260px}
/* header */
header.site{position:sticky;top:0;z-index:50;background:rgba(18,17,15,.96);border-bottom:2px solid var(--paper)}
.bar{display:flex;align-items:center;justify-content:space-between;min-height:62px;gap:16px}
.logo{display:inline-flex;align-items:center;gap:12px;font-family:var(--display);font-size:1.45rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text);text-decoration:none}
.logo:hover{color:var(--accent)}
.logo img{width:36px;height:auto}
header nav{display:flex;align-items:center;gap:28px}
header nav a:not(.btn){color:var(--muted);text-decoration:none;font:400 .88rem var(--type);letter-spacing:.14em;text-transform:uppercase;padding:6px 0;border-bottom:2px solid transparent}
header nav a:not(.btn):hover{color:var(--text);border-color:var(--accent)}
.menu{display:none;background:none;border:2px solid var(--paper);width:44px;height:44px;padding:0;cursor:pointer;position:relative}
.menu i{position:absolute;left:10px;right:10px;height:2px;background:var(--paper);transition:.2s}
.menu i:nth-of-type(1){top:13px}.menu i:nth-of-type(2){top:19px}.menu i:nth-of-type(3){top:25px}
.menu[aria-expanded=true] i:nth-of-type(1){top:19px;transform:rotate(45deg)}
.menu[aria-expanded=true] i:nth-of-type(2){opacity:0}
.menu[aria-expanded=true] i:nth-of-type(3){top:19px;transform:rotate(-45deg)}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 24px;background:var(--paper);color:var(--ink);font:400 1rem var(--type);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;border:2px solid var(--paper);cursor:pointer;box-shadow:4px 4px 0 var(--red);transition:transform .1s,box-shadow .1s}
.btn:hover{background:var(--paper);color:var(--ink);transform:translate(2px,2px);box-shadow:2px 2px 0 var(--red)}
.btn.ghost{background:transparent;color:var(--text);box-shadow:none}
.btn.ghost:hover{background:var(--paper);color:var(--ink);transform:none}
.btn.sm{min-height:38px;padding:5px 16px;font-size:.85rem;box-shadow:3px 3px 0 var(--red)}
.btn em{opacity:.65}
.btns{display:flex;flex-wrap:wrap;gap:16px;margin-top:34px}
/* hero */
.hero{position:relative;padding:clamp(40px,7vw,84px) 0 clamp(56px,8vw,96px);border-bottom:2px solid var(--paper);overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(230,225,211,.10) 1.2px,transparent 1.7px) 0 0/9px 9px;-webkit-mask-image:linear-gradient(105deg,transparent 35%,#000 90%);mask-image:linear-gradient(105deg,transparent 35%,#000 90%);pointer-events:none}
.hero-grid{position:relative;display:grid;gap:40px;align-items:center}
.hero-in{max-width:660px}
.eyebrow{font:400 .88rem var(--type);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0 0 22px}
.hero h1{font-size:clamp(2.6rem,8vw,5rem);line-height:.98;letter-spacing:.01em;-webkit-mask:url(/img/speck.svg) 0 0/260px;mask:url(/img/speck.svg) 0 0/260px}
.h1-a{display:inline}
.lede{font-size:clamp(1.05rem,2.2vw,1.25rem);line-height:1.55;color:var(--text);max-width:32em;margin:28px 0 0}
/* ransom-note letters */
.rn{display:inline-flex;flex-wrap:wrap;gap:.18em .5em;vertical-align:baseline;margin-top:.1em}
.rw{display:inline-flex;gap:.05em}
.rn i{font-style:normal;display:inline-block;line-height:1;padding:.06em .11em .02em;font-size:.92em;box-shadow:1px 2px 0 rgba(0,0,0,.45)}
.rn i:nth-child(6n+1){background:var(--paper);color:var(--ink);font-family:var(--mono);font-weight:700;transform:rotate(-3deg)}
.rn i:nth-child(6n+2){background:var(--ink);color:var(--paper);font-family:var(--display);border:2px solid var(--paper);transform:rotate(2deg) translateY(.04em)}
.rn i:nth-child(6n+3){background:var(--red);color:var(--paper);font-family:var(--type);transform:rotate(-1deg)}
.rn i:nth-child(6n+4){background:#CBBF9A;color:var(--red-d);font-family:var(--display);transform:rotate(3deg) translateY(-.03em)}
.rn i:nth-child(6n+5){background:#EDE8DA;color:var(--ink);font-family:var(--type);transform:rotate(-2deg)}
.rn i:nth-child(6n){background:#2B2926;color:var(--paper);font-family:var(--mono);font-weight:700;border:2px solid var(--muted);transform:rotate(1.5deg)}
/* pinned xerox patches */
.pin{margin:0;position:absolute;filter:drop-shadow(5px 7px 0 rgba(0,0,0,.55))}
.xerox{position:relative;background:var(--paper);padding:14px}
.xerox::after{content:"";position:absolute;inset:0;background:url(/img/toner.svg) 0 0/300px;mix-blend-mode:multiply;opacity:.55;pointer-events:none}
.xerox img{width:100%;position:relative}
.torn1{clip-path:polygon(0.0% 0.2%,7.1% 1.4%,14.3% 1.2%,21.4% 0.4%,28.6% 0.8%,35.7% 0.7%,42.9% 1.0%,50.0% 1.3%,57.1% 0.2%,64.3% 0.0%,71.4% 1.3%,78.6% 0.7%,85.7% 1.2%,92.9% 0.0%,100.0% 0.7%,98.8% 14.0%,99.6% 28.0%,98.5% 42.0%,98.6% 56.0%,100.0% 70.0%,100.0% 84.0%,99.1% 98.0%,100.0% 98.5%,92.9% 99.4%,85.7% 99.7%,78.6% 99.3%,71.4% 100.0%,64.3% 99.6%,57.1% 99.3%,50.0% 99.2%,42.9% 99.6%,35.7% 99.6%,28.6% 99.6%,21.4% 99.3%,14.3% 99.5%,7.1% 100.0%,0.0% 98.7%,0.9% 98.0%,1.0% 84.0%,0.3% 70.0%,1.6% 56.0%,1.4% 42.0%,0.2% 28.0%,0.5% 14.0%)}
.torn2{clip-path:polygon(0.0% 1.9%,6.2% 1.9%,12.5% 0.1%,18.8% 0.2%,25.0% 1.7%,31.2% 1.5%,37.5% 1.3%,43.8% 0.6%,50.0% 1.2%,56.2% 1.2%,62.5% 1.2%,68.8% 0.3%,75.0% 0.9%,81.2% 0.8%,87.5% 1.4%,93.8% 2.0%,100.0% 1.9%,98.9% 12.2%,99.1% 24.5%,99.5% 36.8%,99.9% 49.0%,99.9% 61.2%,99.1% 73.5%,99.4% 85.8%,99.2% 98.0%,100.0% 98.2%,93.8% 98.9%,87.5% 98.9%,81.2% 99.5%,75.0% 100.0%,68.8% 99.3%,62.5% 99.7%,56.2% 99.0%,50.0% 98.0%,43.8% 98.7%,37.5% 99.6%,31.2% 98.2%,25.0% 98.4%,18.8% 98.5%,12.5% 98.2%,6.2% 98.5%,0.0% 98.4%,0.7% 98.0%,2.0% 85.8%,1.9% 73.5%,0.3% 61.2%,1.5% 49.0%,1.4% 36.8%,0.9% 24.5%,1.1% 12.2%)}
.torn3{clip-path:polygon(0.0% 0.3%,5.6% 0.8%,11.1% 0.5%,16.7% 0.8%,22.2% 0.9%,27.8% 0.1%,33.3% 0.0%,38.9% 1.2%,44.4% 0.4%,50.0% 0.3%,55.6% 1.4%,61.1% 0.7%,66.7% 1.2%,72.2% 0.7%,77.8% 0.9%,83.3% 0.2%,88.9% 0.9%,94.4% 1.2%,100.0% 0.7%,99.0% 10.9%,99.1% 21.8%,99.9% 32.7%,98.9% 43.6%,99.2% 54.4%,99.6% 65.3%,100.0% 76.2%,98.8% 87.1%,99.3% 98.0%,100.0% 97.8%,94.4% 97.3%,88.9% 97.8%,83.3% 97.2%,77.8% 98.8%,72.2% 97.5%,66.7% 98.6%,61.1% 97.1%,55.6% 97.3%,50.0% 99.7%,44.4% 99.6%,38.9% 99.3%,33.3% 97.0%,27.8% 98.7%,22.2% 98.1%,16.7% 99.1%,11.1% 98.4%,5.6% 98.8%,0.0% 98.9%,0.8% 98.0%,0.8% 87.1%,1.3% 76.2%,1.0% 65.3%,1.3% 54.4%,1.2% 43.6%,1.4% 32.7%,0.9% 21.8%,0.2% 10.9%)}
.hero-art{position:relative;width:min(100%,470px);aspect-ratio:1/1.05;margin-inline:auto}
.pin-a{right:4%;top:0;width:40%;transform:rotate(4deg)}
.pin-b{left:0;bottom:2%;width:82%;transform:rotate(-5deg)}
/* tape */
.tape{position:absolute;display:block;width:92px;height:26px;z-index:3}
.tape.m{background:rgba(205,191,152,.82);box-shadow:0 1px 0 rgba(0,0,0,.2);clip-path:polygon(0 10%,5% 0,10% 12%,15% 0,100% 0,96% 18%,100% 34%,96% 50%,100% 66%,96% 82%,100% 100%,12% 100%,6% 88%,0 100%,4% 70%,0 50%,4% 30%)}
.tape.d{background:repeating-linear-gradient(90deg,#8a8d8e 0 2px,#7c7f80 2px 4px);width:100px;height:30px;opacity:.95;clip-path:polygon(0 0,100% 0,97% 25%,100% 50%,97% 75%,100% 100%,0 100%,3% 70%,0 45%,3% 20%)}
.t1{top:-8px;left:12%;transform:rotate(-6deg)}.t2{top:-8px;right:10%;transform:rotate(7deg)}.t3{bottom:-6px;left:30%;transform:rotate(-3deg)}
.pin .tape{top:-10px}
/* sections */
.sec{padding:clamp(56px,9vw,104px) 0}
.sec.alt{background:url(/img/grain.svg) 0 0/260px,var(--bg-alt);border-block:2px solid var(--line)}
.two{display:grid;gap:30px}
.prose p{margin:0 0 1.1em;max-width:34em}
.prose .note{color:var(--muted);font-family:var(--type);border-left:4px solid var(--red);padding-left:14px;font-size:.98rem}
.pillars{list-style:none;margin:52px 0 0;padding:0;display:grid;gap:0;border-top:2px solid var(--line)}
.pillars li{padding:22px 0;border-bottom:2px solid var(--line)}
.pillars h3{margin-bottom:8px}
.pillars p{margin:0;color:var(--muted);max-width:32em}
/* skyline */
.outskirts{padding:clamp(24px,4vw,40px) 0 0;position:relative}
.outskirts h2{max-width:14em;margin-bottom:30px}
.outskirts img{width:100%;height:auto;border-block:2px solid var(--paper)}
/* flyer on a pole */
.flyer-grid{display:grid;gap:56px;align-items:center}
.fl-text p{max-width:30em;margin:18px 0 0}
.pole-scene{position:relative;padding:34px 10px 34px;max-width:470px;margin-inline:auto;width:100%}
.pole{position:absolute;left:50%;top:0;bottom:0;width:150px;margin-left:-75px;background:linear-gradient(90deg,#1c1713,#3a3029 30%,#2a221c 55%,#4a3d33 80%,#1c1713),var(--bg);box-shadow:inset 0 0 0 1px rgba(0,0,0,.4)}
.pole::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(180deg,transparent 0 38px,rgba(0,0,0,.35) 38px 40px)}
.scrap{position:absolute;display:block;background:#7a7566;opacity:.9}
.scrap.s1{left:-18px;top:12px;width:70px;height:46px;transform:rotate(-8deg);clip-path:polygon(0 8%,30% 0,100% 12%,88% 100%,40% 88%,0 100%)}
.scrap.s2{right:-14px;bottom:10px;width:60px;height:54px;transform:rotate(9deg);background:#8b6f5a;clip-path:polygon(10% 0,100% 6%,92% 100%,0 90%)}
.flyer{position:relative;background:var(--paper);color:var(--ink);transform:rotate(-2.2deg);filter:none}
.pole-scene .flyer-wrap{position:relative}
.fl-in{position:relative;padding:30px 28px 18px;text-align:center}
.flyer::after{content:"";position:absolute;inset:0;background:url(/img/toner.svg) 0 0/300px;mix-blend-mode:multiply;opacity:.65;pointer-events:none;z-index:4}
.fl-top{margin:0;font:400 .85rem var(--type);letter-spacing:.3em;text-transform:uppercase;border-block:2px solid var(--ink);padding:6px 0}
.fl-title{font-family:var(--display);font-size:clamp(4.2rem,17vw,6.4rem);line-height:.85;letter-spacing:.01em;margin:16px 0 8px;text-transform:uppercase;color:var(--ink);transform:rotate(1.2deg);-webkit-mask:url(/img/speck.svg) 0 0/260px;mask:url(/img/speck.svg) 0 0/260px}
.fl-sub{font:400 1rem var(--type);margin:0 0 16px}
.fl-band{background:var(--ink);background-image:radial-gradient(circle,rgba(221,214,194,.3) 1.1px,transparent 1.6px);background-size:7px 7px;padding:12px 0;margin:0 -28px 16px;transform:rotate(-1deg);font-size:2rem}
.fl-band .rn{justify-content:center}
.fl-bill{list-style:none;margin:0 0 16px;padding:0;font:400 .98rem/1.3 var(--type);text-transform:uppercase;letter-spacing:.07em}
.fl-bill li{padding:6px 0;border-bottom:1px dashed rgba(18,17,15,.55)}
.fl-bill li:last-child{border:0}
.fl-foot{margin:0;font:400 .78rem/1.7 var(--type);text-transform:uppercase;letter-spacing:.1em}
.tabs{display:flex;border-top:2px dashed var(--ink);margin-top:10px;height:96px}
.tabs span{flex:1;border-right:2px dashed var(--ink);writing-mode:vertical-rl;transform:rotate(180deg);font:400 .74rem var(--type);letter-spacing:.1em;text-align:right;padding:8px 0;color:var(--ink)}
.tabs span:last-child{border-right:0}
.tabs .gone{visibility:hidden}
.staple{position:absolute;width:20px;height:5px;border-top:2px solid #6c6b66;border-bottom:1px solid #b8b6ae;z-index:5}
.staple.a{left:14px;top:12px;transform:rotate(-20deg)}.staple.b{right:14px;top:12px;transform:rotate(18deg)}.staple.c{left:14px;bottom:110px;transform:rotate(12deg)}.staple.d{right:14px;bottom:110px;transform:rotate(-14deg)}
.flyer .tape{top:-12px;left:auto;right:20%}
/* host: gritty polaroid */
.host{display:grid;gap:44px;align-items:start}
.pol{position:relative;margin:0;width:100%;max-width:380px;background:#E4DFCF;padding:16px 16px 54px;transform:rotate(-2.2deg);box-shadow:6px 8px 0 rgba(0,0,0,.55)}
.pol::after{content:"";position:absolute;inset:0;background:url(/img/toner.svg) 0 0/300px;mix-blend-mode:multiply;opacity:.6;pointer-events:none}
.pol-in{aspect-ratio:4/5;background:#1C1B19;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;color:var(--muted);overflow:hidden;position:relative}
.pol-in img{width:100%;height:100%;object-fit:cover}
.placeholder .pol-in{background:repeating-linear-gradient(135deg,#1C1B19 0 14px,#242320 14px 28px);outline:1px solid #000}
.ph-tag{font:400 .78rem var(--type);letter-spacing:.22em;text-transform:uppercase;color:var(--accent);border:2px solid var(--accent);padding:4px 10px;transform:rotate(-4deg)}
.ph-main{font:400 1.15rem/1.3 var(--type);color:var(--text)}
.pol-cap{position:absolute;left:0;right:0;bottom:14px;text-align:center;font:400 1.05rem var(--type);color:#2b2824;letter-spacing:.08em;z-index:2}
.pol .tape{top:-12px;z-index:5}
.host-copy .big{font:400 1.05rem var(--type);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin:12px 0 18px}
.host-copy p{max-width:34em;margin:0 0 1.1em}
.host-links{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:22px!important;font-weight:700}
.pin-c{position:relative;width:min(100%,290px);margin-top:36px;transform:rotate(2.5deg)}
.pin-c .tape{left:36%}
/* episodes terminal */
.term{max-width:780px}
.term-bezel{position:relative;background:#BFB285;border:3px solid var(--ink);border-radius:12px 12px 8px 8px;padding:22px 22px 12px;box-shadow:7px 8px 0 rgba(0,0,0,.6)}
.term-bezel::after{content:"";position:absolute;inset:0;background:url(/img/toner.svg) 0 0/300px;mix-blend-mode:multiply;opacity:.7;pointer-events:none;border-radius:inherit}
.term-screen{background:#0C0E0B;color:var(--crt);border:3px solid #8f8458;outline:3px solid var(--ink);border-radius:14px;padding:clamp(18px,3.5vw,32px);font:400 .98rem/1.6 var(--mono)}
.term-screen p{margin:0}
.t-line{color:var(--crt)}.t-line.dim{color:#5E7B5C}
.term-screen h3{color:#C9E5C4;font-size:clamp(1.7rem,4.5vw,2.4rem);margin:18px 0 10px}
.t-copy{margin:0 0 22px;max-width:34em;color:#A9C7A4}
.cur{display:inline-block;width:.6em;height:1.05em;margin-left:.3em;background:var(--crt);vertical-align:text-bottom;animation:blink 1.1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.term-base{display:flex;align-items:center;justify-content:space-between;padding:12px 6px 4px}
.slot{width:38%;height:9px;background:#2B2620;border:2px solid var(--ink)}
.led{width:10px;height:10px;border-radius:50%;background:var(--red);border:2px solid var(--ink)}
.chips,.foot-links{display:flex;flex-wrap:wrap;gap:10px}
.term .chips{margin-top:26px}
.chip{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:3px 14px;border:2px solid var(--paper);color:var(--text);text-decoration:none;font:400 .85rem var(--type);letter-spacing:.06em;text-transform:uppercase}
a.chip:hover{background:var(--paper);color:var(--ink)}
.chip.off{border-color:var(--line);color:var(--muted);border-style:dashed}
.chip em{opacity:.8}
.head{margin-bottom:34px}
/* footer */
footer.site{background:#0E0D0C;color:var(--muted);padding:0 0 28px;border-top:2px solid var(--paper)}
.plaid{height:34px;margin-bottom:44px;background-color:#5E1A15;background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.38) 0 7px,transparent 7px 22px),repeating-linear-gradient(90deg,rgba(0,0,0,.38) 0 7px,transparent 7px 22px),repeating-linear-gradient(90deg,rgba(120,118,64,.38) 0 3px,transparent 3px 44px),repeating-linear-gradient(0deg,rgba(120,118,64,.3) 0 3px,transparent 3px 44px),url(/img/grain.svg);background-size:auto,auto,auto,auto,260px}
.foot{display:grid;gap:34px}
.foot .logo{color:var(--text)}
.foot-brand p{margin:12px 0 0;font-family:var(--type)}
.foot nav{display:flex;flex-direction:column;gap:6px}
.foot nav a{text-decoration:none;color:var(--text)}
.foot nav a:hover{color:var(--accent)}
.mono-h{font:400 .8rem var(--type);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin:0 0 12px}
.fine{font-size:.85rem;color:#7d786c;border-top:2px solid var(--line);padding-top:20px;margin:0}
.fine a{color:var(--muted)}
/* 404 */
.nf{padding:clamp(72px,14vw,160px) 0;min-height:60vh}
.nf h1{font-size:clamp(2.4rem,7vw,4.4rem)}
@media (min-width:760px){
 .two{grid-template-columns:1fr 1.1fr;gap:64px}
 .pillars{grid-template-columns:repeat(3,1fr);gap:36px;border-top:0}
 .pillars li{border-top:3px solid var(--paper);border-bottom:0;padding:18px 0 0}
 .host{grid-template-columns:minmax(260px,380px) 1fr;gap:72px}
 .foot{grid-template-columns:1.4fr 1fr 1.2fr}.fine{grid-column:1/-1}
}
@media (min-width:860px){
 .hero-grid{grid-template-columns:1.1fr .9fr}
 .flyer-grid{grid-template-columns:1fr 1fr;gap:72px}
}
@media (max-width:760px){
 .menu{display:block}
 header nav{display:none;position:absolute;top:62px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:var(--bg);border-bottom:2px solid var(--paper);padding:8px 20px 20px}
 header nav.open{display:flex}
 header nav a:not(.btn){padding:14px 0;border-bottom:1px solid var(--line)}
 header nav .btn{margin-top:14px}
 .btn{width:100%}
 .hero-art{width:min(100%,380px)}
 .fl-band{margin-inline:-28px}
}
@media (max-width:420px){.fl-in{padding-inline:20px}.fl-band{margin-inline:-20px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cur{animation:none}*{transition:none!important}}