/* Dub Party: a paper theatre on a beach at sundown. The layout is Claude Design's
   (October 2026); the objects and their motion at the end are the game's own. */
@font-face{font-family:"Big Shoulders";src:url(/assets/fonts/BigShoulders-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url(/assets/fonts/InstrumentSans-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url(/assets/fonts/InstrumentSans-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}

:root{
  --night:#0b0a09;--page:#121110;--card:#211c18;--card-2:#302a25;--line:#4c433c;
  --ink:#feefcd;--muted:#cdb99a;--yellow:#fec201;--tangerine:#fd6c0f;--mint:#35cc90;
  --display:"Big Shoulders",Impact,"Arial Narrow",sans-serif;
  --sans:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --shadow:#000;--r:4px;
  --band:clamp(150px,19vw,290px);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--night) url(/assets/art/night-tile.jpg) repeat;color:var(--muted);font:400 17px/1.6 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,video{display:block;max-width:100%;height:auto}
a{color:var(--ink);text-decoration-color:var(--tangerine);text-decoration-thickness:2px;text-underline-offset:4px}
a:hover{color:var(--tangerine)}
:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
h1,h2,h3{color:var(--ink);font-family:var(--display);font-weight:700;text-transform:uppercase;margin:0;text-wrap:balance}
p{margin:0 0 1em;text-wrap:pretty}
strong{color:var(--ink);font-weight:700}
.skip{position:absolute;left:12px;top:-60px;z-index:50;background:var(--ink);color:var(--night);padding:10px 14px;border-radius:var(--r);font-weight:700}
.skip:focus{top:12px}
.wrap{max-width:1200px;margin-inline:auto;padding-inline:clamp(20px,4vw,40px)}
.sec{padding-block:clamp(72px,9vw,128px)}
.h2{font-size:clamp(46px,6vw,84px);line-height:.9;letter-spacing:.005em;margin-bottom:.32em}
.intro{font-size:clamp(17px,1.5vw,20px);color:var(--ink);max-width:40em;margin-bottom:clamp(36px,4vw,56px)}
.label{display:block;font:700 13px/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--tangerine)}

/* buttons: paper, hard shadow */
.actions{display:flex;flex-wrap:wrap;gap:16px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:54px;padding:0 24px;border-radius:var(--r);background:var(--card-2);color:var(--ink);font:700 16px/1 var(--sans);letter-spacing:.04em;text-transform:uppercase;text-decoration:none;box-shadow:4px 4px 0 var(--shadow);transition:transform .12s ease,box-shadow .12s ease}
.btn:hover{color:var(--ink);transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--shadow)}
.btn:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--shadow)}
.btn--main{background:var(--yellow);color:var(--night)}
.btn--main:hover{color:var(--night)}
.btn .arrow{font-size:20px;line-height:0;transform:translateY(-1px)}

/* nav */
.nav{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;gap:28px;padding:22px clamp(20px,5vw,72px)}
.nav__home{margin-right:auto;display:block}
.nav__home img{width:112px}
.nav ul{display:flex;gap:clamp(16px,2.4vw,32px);list-style:none;margin:0 0 0 auto;padding:0}
.nav ul a{display:block;padding:12px 0;white-space:nowrap;font:700 14px/1 var(--sans);letter-spacing:.07em;text-transform:uppercase;color:var(--ink);text-decoration:none}
.nav ul a:hover,.nav ul a[aria-current]{color:var(--tangerine)}

/* hero: the title screen, taken apart */
.hero{position:relative;overflow:hidden;isolation:isolate;background:var(--night) url(/assets/art/night-paper.jpg) center top/cover}
.hero__copy{position:relative;z-index:5;margin-left:max(clamp(20px,4vw,40px),calc((100vw - 1200px)/2 + 40px));max-width:min(590px,44vw);padding:112px 0 calc(var(--band)*.96)}
.logo{width:clamp(240px,28vw,420px);margin:0 0 26px -10px;transform-origin:42% 58%}
.hero h1{font-size:clamp(40px,4.5vw,66px);line-height:.92;margin-bottom:20px}
.lede{font-size:clamp(17px,1.35vw,20px);line-height:1.5;color:var(--ink);max-width:31em;margin-bottom:28px}
.meta{margin:22px 0 0;font-size:14px;line-height:1.5;color:var(--muted)}
.stage{position:absolute;inset:0;z-index:1;pointer-events:none;--mgw:clamp(280px,37vw,580px)}
.stage img{position:absolute;height:auto}
.palms-l{left:-2.5vw;bottom:calc(var(--band)*.62);width:clamp(120px,13vw,240px);z-index:1}
.palms-r{right:-1.5vw;bottom:calc(var(--band)*.52);width:clamp(80px,8.5vw,160px);z-index:1}
.bands{left:0;bottom:0;width:100%;height:var(--band)!important;object-fit:cover;object-position:50% 0;z-index:3}
.grp{position:absolute;right:8vw;bottom:calc(var(--mgw)*-.075);width:var(--mgw);aspect-ratio:713/834}
.grp--back{z-index:2}.grp--front{z-index:4}
.grp .sun{left:12.6%;top:0;width:80%}
.grp .rays-l{left:0;top:15.3%;width:26.4%}
.grp .rays-r{left:76.6%;top:13.6%;width:24%}
.grp .mic{left:24.3%;top:7.3%;width:72.5%}


/* black paper torn over the foot of a sunset */
.hero::after,.page-head::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:26px;z-index:6;background:var(--night) url(/assets/art/night-tile.jpg) repeat;clip-path:polygon(0% 6.1px,1.89% 9.4px,3.3% 3.7px,4.89% 8.1px,6.35% 3.5px,8.24% 6.5px,9.63% 1.6px,11.61% 7px,12.93% 0.9px,13.71% 2.5px,15.41% 5.3px,17.27% 0.5px,18.43% 0.1px,19.61% 5px,21.65% 6.6px,22.92% 7.7px,23.92% 2.8px,24.98% 4.4px,26.68% 1.9px,28.52% 3.9px,29.65% 6.6px,30.72% 7.2px,32.18% 5.9px,33.18% 10.3px,34.42% 6px,35.33% 4.7px,36.7% 8.2px,37.82% 6.3px,38.57% 11px,40.46% 12.1px,41.42% 11.8px,42.16% 8px,43.79% 9.4px,45.16% 11px,46.56% 12.8px,48.32% 13.6px,49.32% 14.1px,51.03% 12.5px,52.37% 12.3px,53.84% 15.6px,54.79% 8.4px,55.76% 10.3px,57.47% 14.9px,58.93% 10.3px,60% 10.3px,61.92% 9px,63.62% 11.7px,64.65% 13.3px,65.4% 11.7px,66.43% 6.2px,67.13% 9.5px,68.5% 6.2px,69.46% 9.7px,70.95% 8.9px,71.82% 6.1px,73.08% 7px,75% 9px,76.78% 5.8px,78.03% 7.3px,79.89% 7px,80.73% 6.6px,81.71% 4.6px,83.2% 7.6px,85.17% 2.7px,87.14% 5.6px,88.68% 2px,90.73% 6.8px,91.83% 5.4px,93.37% 6.6px,94.48% 3.6px,96.03% 6.2px,97.13% 1.4px,98.19% 6.6px,100% 4.2px,100% 100%,0 100%);pointer-events:none}

/* trailer */
.reel{position:relative;max-width:1040px;margin-inline:auto}
.print{position:relative;background:var(--ink);padding:clamp(6px,.9vw,12px);border-radius:var(--r);box-shadow:10px 10px 0 var(--shadow);transform:rotate(var(--tilt,0deg))}
.print img,.print video{border-radius:2px;width:100%;aspect-ratio:16/9;background:var(--night);object-fit:cover}
.reel .print{--tilt:-.7deg}
.tape{position:absolute;z-index:2;width:clamp(84px,9vw,128px);height:clamp(24px,2.4vw,32px);background:rgba(205,185,154,.82);clip-path:polygon(100% 0%,96% 12.5%,100% 25%,96% 37.5%,100% 50%,96% 62.5%,100% 75%,96% 87.5%,100% 100%,0% 100%,4% 87.5%,0% 75%,4% 62.5%,0% 50%,4% 37.5%,0% 25%,4% 12.5%,0% 0%);pointer-events:none}
.tape--tl{left:-28px;top:4px;transform:rotate(-38deg)}
.tape--tr{right:-28px;top:4px;transform:rotate(38deg)}
.tape--t{left:50%;top:-14px;transform:translateX(-50%) rotate(-3deg)}

/* torn card-stock strip (full bleed) */
.strip{position:relative;margin-block:clamp(8px,2vw,24px);filter:drop-shadow(0 7px 0 rgba(0,0,0,.65))}
.strip::before{content:"";position:absolute;inset:0;background:#4a4039;clip-path:var(--clip-o)}
.strip__paper{position:relative;background:#13100d url(/assets/art/night-tile.jpg) repeat;background-blend-mode:screen;clip-path:var(--clip-i);padding-block:clamp(84px,9vw,132px)}
.strip--a{--clip-o:polygon(0% 7.8px,1.71% 6.9px,2.46% 8.5px,3.8% 5.9px,4.61% 10.5px,6.37% 8px,7.75% 3px,9.13% 7.3px,10.06% 9.1px,11.12% 5.4px,12.6% 7.2px,13.57% 8.5px,14.39% 5.9px,16.09% 1.8px,17.45% 7.6px,19.27% 1.6px,21.2% 5.8px,22.35% 3.3px,24.02% 0.8px,25.12% 7.2px,26.76% 4.7px,28.2% 8.2px,30.06% 6.9px,31.52% 4.6px,32.23% 3.3px,34.16% 7.2px,35.3% 11px,37.31% 15.3px,39.09% 12.7px,40.37% 12.4px,42.07% 9.1px,42.99% 13.6px,44.21% 14.3px,45.92% 14.4px,46.62% 10.5px,47.33% 8.4px,48.7% 10.2px,50.61% 11.7px,52.15% 9.7px,53.81% 10.9px,55.61% 12.2px,57.13% 18px,58.64% 14.1px,59.44% 15.2px,60.66% 15.2px,62.11% 9px,63.98% 13.6px,65.26% 13.8px,66.61% 9.9px,68% 12.2px,69.5% 14.4px,71.29% 10.2px,73.19% 6.9px,74.82% 10.3px,76.04% 7.7px,77.7% 10.3px,79.38% 7.6px,80.73% 2.8px,82.8% 5.4px,84.74% 5.4px,86.44% 4.4px,88.08% 3.6px,90.12% 6.7px,91.89% 3.4px,92.67% 5.2px,93.46% 3.9px,94.91% 1.7px,96.83% 1.8px,98.01% 7.8px,99.46% 5.8px,100% 6.5px,100% calc(100% - 8.4px),99.43% calc(100% - 10.3px),98.57% calc(100% - 9.7px),97.64% calc(100% - 14.4px),95.76% calc(100% - 7.9px),94.58% calc(100% - 8.7px),93.1% calc(100% - 12.2px),91.98% calc(100% - 15.1px),90.22% calc(100% - 11.6px),88.93% calc(100% - 7px),87.2% calc(100% - 5.4px),86.43% calc(100% - 5.2px),85.24% calc(100% - 15px),83.89% calc(100% - 2.1px),82.59% calc(100% - 8.1px),80.51% calc(100% - 1.1px),78.92% calc(100% - 1.9px),77.6% calc(100% - 5px),76.84% calc(100% - 2.8px),75.23% calc(100% - 6.7px),74.41% calc(100% - 4.3px),72.68% calc(100% - 2.6px),71.28% calc(100% - 6px),70.2% calc(100% - 0.3px),68.76% calc(100% - 5.5px),67.37% calc(100% - 1.7px),65.49% calc(100% - 2.3px),64.68% calc(100% - 5.3px),63.95% calc(100% - 8px),62.71% calc(100% - 5.2px),60.86% calc(100% - 2.6px),58.97% calc(100% - 5.1px),58.07% calc(100% - 7.8px),56.19% calc(100% - 5.4px),54.68% calc(100% - 7.5px),53.2% calc(100% - 7.4px),52.02% calc(100% - 13.4px),50.28% calc(100% - 10.9px),49.37% calc(100% - 14.5px),48.26% calc(100% - 9.1px),46.19% calc(100% - 14.9px),44.45% calc(100% - 12px),43.67% calc(100% - 15.5px),42.62% calc(100% - 12.5px),41.05% calc(100% - 17.3px),39.9% calc(100% - 11.4px),38.13% calc(100% - 9.2px),36.3% calc(100% - 9.4px),34.42% calc(100% - 11.2px),33.13% calc(100% - 10px),31.62% calc(100% - 10.5px),30.09% calc(100% - 9.7px),29.21% calc(100% - 15.7px),27.69% calc(100% - 15.2px),26.47% calc(100% - 9.8px),25.21% calc(100% - 8.2px),24.12% calc(100% - 12px),23.17% calc(100% - 6.3px),22.25% calc(100% - 12.5px),20.6% calc(100% - 12.9px),18.96% calc(100% - 12.3px),17.67% calc(100% - 10.4px),15.79% calc(100% - 7.6px),14.42% calc(100% - 8.2px),13.09% calc(100% - 4.7px),11.53% calc(100% - 5.1px),10.09% calc(100% - 5.7px),9.28% calc(100% - 6.4px),7.83% calc(100% - 11.4px),5.94% calc(100% - 0.7px),4.41% calc(100% - 5.5px),2.86% calc(100% - 6.3px),1.42% calc(100% - 6px),0% calc(100% - 6.4px));--clip-i:polygon(0% 13.2px,1.71% 13.1px,2.46% 11.1px,3.8% 11.5px,4.61% 14.6px,6.37% 13.9px,7.75% 8.4px,9.13% 10.6px,10.06% 12px,11.12% 11.6px,12.6% 10.1px,13.57% 12.7px,14.39% 9.4px,16.09% 5.1px,17.45% 10.8px,19.27% 7.8px,21.2% 10.2px,22.35% 7.4px,24.02% 7.6px,25.12% 12.9px,26.76% 9.8px,28.2% 13.8px,30.06% 12.3px,31.52% 9.2px,32.23% 8.6px,34.16% 10.4px,35.3% 16.6px,37.31% 18px,39.09% 19.3px,40.37% 17.1px,42.07% 14.8px,42.99% 18.8px,44.21% 21.2px,45.92% 17.1px,46.62% 16.5px,47.33% 13.6px,48.7% 16.9px,50.61% 18.4px,52.15% 13.4px,53.81% 17.9px,55.61% 17.1px,57.13% 24.1px,58.64% 17.8px,59.44% 20.4px,60.66% 18.6px,62.11% 12.4px,63.98% 16.7px,65.26% 18.5px,66.61% 14.4px,68% 17.2px,69.5% 17.1px,71.29% 14.9px,73.19% 10.3px,74.82% 13px,76.04% 10.5px,77.7% 13.3px,79.38% 13px,80.73% 5.7px,82.8% 9.6px,84.74% 9.9px,86.44% 9px,88.08% 10.1px,90.12% 12.6px,91.89% 8.9px,92.67% 9.8px,93.46% 9px,94.91% 8.4px,96.83% 6px,98.01% 13.5px,99.46% 12.6px,100% 11.4px,100% calc(100% - 12.2px),99.43% calc(100% - 16.9px),98.57% calc(100% - 15.4px),97.64% calc(100% - 19px),95.76% calc(100% - 13.9px),94.58% calc(100% - 13.1px),93.1% calc(100% - 15px),91.98% calc(100% - 21.9px),90.22% calc(100% - 14.6px),88.93% calc(100% - 13.5px),87.2% calc(100% - 11.6px),86.43% calc(100% - 8.7px),85.24% calc(100% - 18.2px),83.89% calc(100% - 6.7px),82.59% calc(100% - 10.8px),80.51% calc(100% - 5.4px),78.92% calc(100% - 8.5px),77.6% calc(100% - 10.7px),76.84% calc(100% - 6.2px),75.23% calc(100% - 12.3px),74.41% calc(100% - 10.4px),72.68% calc(100% - 8.9px),71.28% calc(100% - 8.8px),70.2% calc(100% - 4.7px),68.76% calc(100% - 10.9px),67.37% calc(100% - 5.5px),65.49% calc(100% - 8.4px),64.68% calc(100% - 11.6px),63.95% calc(100% - 14.1px),62.71% calc(100% - 11.9px),60.86% calc(100% - 6.4px),58.97% calc(100% - 8.4px),58.07% calc(100% - 11.7px),56.19% calc(100% - 9.9px),54.68% calc(100% - 13.8px),53.2% calc(100% - 11.6px),52.02% calc(100% - 20.1px),50.28% calc(100% - 17.6px),49.37% calc(100% - 18px),48.26% calc(100% - 14.9px),46.19% calc(100% - 19.2px),44.45% calc(100% - 18.9px),43.67% calc(100% - 18.6px),42.62% calc(100% - 16.6px),41.05% calc(100% - 23px),39.9% calc(100% - 16.7px),38.13% calc(100% - 13.6px),36.3% calc(100% - 15.9px),34.42% calc(100% - 14.5px),33.13% calc(100% - 12.7px),31.62% calc(100% - 16.5px),30.09% calc(100% - 13.1px),29.21% calc(100% - 20.8px),27.69% calc(100% - 21px),26.47% calc(100% - 13.8px),25.21% calc(100% - 11.1px),24.12% calc(100% - 17.7px),23.17% calc(100% - 11px),22.25% calc(100% - 15.4px),20.6% calc(100% - 16.4px),18.96% calc(100% - 18.1px),17.67% calc(100% - 14.3px),15.79% calc(100% - 12.5px),14.42% calc(100% - 14.2px),13.09% calc(100% - 8px),11.53% calc(100% - 10.9px),10.09% calc(100% - 9.4px),9.28% calc(100% - 9.4px),7.83% calc(100% - 15.7px),5.94% calc(100% - 7.4px),4.41% calc(100% - 8.7px),2.86% calc(100% - 10.6px),1.42% calc(100% - 10.8px),0% calc(100% - 9.2px))}
.strip--b{--clip-o:polygon(0% 5.4px,1.67% 0.8px,3.45% 6.5px,4.46% 4px,6.03% 8.1px,6.85% 5.2px,8.38% 6.8px,10.08% 5.8px,11.43% 3.6px,13.39% 10.3px,14.41% 10.5px,16.21% 6.3px,17.94% 8.6px,19.57% 7.6px,20.29% 12.7px,21.64% 11.6px,22.76% 13.3px,24.71% 12.4px,25.82% 11px,27.58% 7.6px,29.29% 12.4px,30.34% 9.4px,31.07% 13.9px,32.88% 11.1px,33.87% 13.3px,34.95% 14.7px,35.83% 15px,37.18% 10.1px,39.27% 13.8px,40.32% 8.5px,41.13% 7.2px,43.02% 7.6px,44.16% 10.4px,45.43% 6.8px,47.51% 6.7px,48.59% 8.3px,49.83% 7.2px,50.84% 10.5px,52.75% 4.1px,54.47% 9px,56.4% 4.6px,57.81% 7.3px,59.64% 11.3px,61.25% 9.8px,62.14% 1.4px,63.73% 4.4px,65.24% 0.9px,66.38% 5.8px,68.17% 8.2px,69.73% 4.6px,70.44% 2px,72.44% 6.2px,73.62% 6.2px,74.81% 0.9px,76.74% 6.2px,77.79% 4.7px,78.73% 7.4px,80.6% 2.4px,81.69% 7.5px,83.79% 5.3px,84.51% 4.9px,85.7% 7.4px,87.46% 6.2px,88.6% 7.8px,90.22% 9.6px,91.03% 8.2px,91.84% 8px,93.57% 11.2px,95.01% 9.9px,96.06% 13.1px,98.06% 9.5px,98.83% 12.4px,100% 10.7px,100% calc(100% - 6.1px),99.53% calc(100% - 10.2px),97.79% calc(100% - 9.9px),95.95% calc(100% - 8.2px),94.32% calc(100% - 8.9px),92.84% calc(100% - 4.6px),91.22% calc(100% - 4.8px),89.46% calc(100% - 2.2px),88.27% calc(100% - 8.3px),87.37% calc(100% - 5.7px),85.72% calc(100% - 4.2px),84.91% calc(100% - 5.7px),83.84% calc(100% - 5.5px),81.81% calc(100% - 1.9px),80.02% calc(100% - 7px),79.2% calc(100% - 6.4px),77.33% calc(100% - 6.7px),75.81% calc(100% - 0.5px),73.82% calc(100% - 6.2px),72.45% calc(100% - 4.8px),71.58% calc(100% - 4.8px),69.89% calc(100% - 6.8px),68.41% calc(100% - 6.9px),66.58% calc(100% - 8.5px),65.57% calc(100% - 3px),64.61% calc(100% - 8.8px),63.41% calc(100% - 4.2px),61.41% calc(100% - 3.3px),59.58% calc(100% - 5.9px),58.53% calc(100% - 5.6px),56.76% calc(100% - 9.1px),55.94% calc(100% - 8.4px),54.22% calc(100% - 10.9px),52.97% calc(100% - 9.5px),52% calc(100% - 12.3px),50.29% calc(100% - 8.4px),49.44% calc(100% - 11.6px),48.29% calc(100% - 11.6px),46.25% calc(100% - 9px),45.41% calc(100% - 11.1px),43.58% calc(100% - 13.5px),42.56% calc(100% - 8.8px),41.79% calc(100% - 10.3px),40.25% calc(100% - 11.3px),38.66% calc(100% - 11.5px),37.36% calc(100% - 14.9px),36.22% calc(100% - 10.1px),34.29% calc(100% - 11.4px),33.5% calc(100% - 14.2px),32.71% calc(100% - 10.2px),31.44% calc(100% - 9.2px),29.95% calc(100% - 8.4px),28.4% calc(100% - 10.3px),26.92% calc(100% - 12.5px),25.28% calc(100% - 7.8px),23.61% calc(100% - 11.8px),22.24% calc(100% - 8.1px),21.13% calc(100% - 10.6px),19.39% calc(100% - 9.1px),17.81% calc(100% - 4.2px),16.83% calc(100% - 10.1px),15.8% calc(100% - 2.2px),14.67% calc(100% - 2.4px),12.86% calc(100% - 7.8px),11.2% calc(100% - 6.8px),10.14% calc(100% - 1.9px),8.68% calc(100% - 5.4px),7.58% calc(100% - 1.3px),5.82% calc(100% - 5.1px),4.99% calc(100% - 6.9px),4.06% calc(100% - 4px),2.62% calc(100% - 5.4px),1.65% calc(100% - 5.5px),0% calc(100% - 5.3px));--clip-i:polygon(0% 8.6px,1.67% 3.3px,3.45% 10px,4.46% 9.8px,6.03% 13.2px,6.85% 11.6px,8.38% 9.5px,10.08% 8.3px,11.43% 8.6px,13.39% 14px,14.41% 13px,16.21% 8.9px,17.94% 15.4px,19.57% 12.8px,20.29% 16.8px,21.64% 17.9px,22.76% 20.2px,24.71% 16.6px,25.82% 16.4px,27.58% 14.2px,29.29% 15.7px,30.34% 12.6px,31.07% 19.6px,32.88% 17.1px,33.87% 16.6px,34.95% 18px,35.83% 17.7px,37.18% 14.7px,39.27% 17.5px,40.32% 13px,41.13% 12.4px,43.02% 10.9px,44.16% 14px,45.43% 10.3px,47.51% 9.7px,48.59% 12.1px,49.83% 12.3px,50.84% 17.5px,52.75% 9.6px,54.47% 15.9px,56.4% 10.5px,57.81% 10.5px,59.64% 16.3px,61.25% 15.6px,62.14% 6.4px,63.73% 8.4px,65.24% 5.7px,66.38% 12px,68.17% 12.8px,69.73% 8.8px,70.44% 5.6px,72.44% 9.8px,73.62% 10.4px,74.81% 7.3px,76.74% 9px,77.79% 9px,78.73% 10.8px,80.6% 8.7px,81.69% 14.2px,83.79% 11.6px,84.51% 9.2px,85.7% 11.7px,87.46% 12.6px,88.6% 13.1px,90.22% 13.7px,91.03% 12.6px,91.84% 12.6px,93.57% 17.8px,95.01% 13.1px,96.06% 17.8px,98.06% 13.1px,98.83% 16.1px,100% 13.4px,100% calc(100% - 9.4px),99.53% calc(100% - 16.6px),97.79% calc(100% - 14px),95.95% calc(100% - 14.2px),94.32% calc(100% - 15px),92.84% calc(100% - 8.6px),91.22% calc(100% - 10.9px),89.46% calc(100% - 5.4px),88.27% calc(100% - 12px),87.37% calc(100% - 9.7px),85.72% calc(100% - 8px),84.91% calc(100% - 11.7px),83.84% calc(100% - 12px),81.81% calc(100% - 5px),80.02% calc(100% - 12.4px),79.2% calc(100% - 9.9px),77.33% calc(100% - 9.5px),75.81% calc(100% - 5.2px),73.82% calc(100% - 12.7px),72.45% calc(100% - 8.2px),71.58% calc(100% - 7.7px),69.89% calc(100% - 10.3px),68.41% calc(100% - 11.2px),66.58% calc(100% - 11.4px),65.57% calc(100% - 9.2px),64.61% calc(100% - 14px),63.41% calc(100% - 10.3px),61.41% calc(100% - 10px),59.58% calc(100% - 12.5px),58.53% calc(100% - 8.4px),56.76% calc(100% - 15.2px),55.94% calc(100% - 12.2px),54.22% calc(100% - 17.8px),52.97% calc(100% - 12px),52% calc(100% - 17.6px),50.29% calc(100% - 12.9px),49.44% calc(100% - 18px),48.29% calc(100% - 16.7px),46.25% calc(100% - 13.9px),45.41% calc(100% - 17.3px),43.58% calc(100% - 19.3px),42.56% calc(100% - 13.9px),41.79% calc(100% - 15.8px),40.25% calc(100% - 14.9px),38.66% calc(100% - 17.5px),37.36% calc(100% - 18.2px),36.22% calc(100% - 15.4px),34.29% calc(100% - 17.9px),33.5% calc(100% - 17.2px),32.71% calc(100% - 14.5px),31.44% calc(100% - 14px),29.95% calc(100% - 11.7px),28.4% calc(100% - 13.5px),26.92% calc(100% - 19.1px),25.28% calc(100% - 12.8px),23.61% calc(100% - 16.6px),22.24% calc(100% - 11.4px),21.13% calc(100% - 16.3px),19.39% calc(100% - 11.6px),17.81% calc(100% - 9.4px),16.83% calc(100% - 15.4px),15.8% calc(100% - 8.2px),14.67% calc(100% - 5px),12.86% calc(100% - 12.2px),11.2% calc(100% - 9.7px),10.14% calc(100% - 4.5px),8.68% calc(100% - 7.9px),7.58% calc(100% - 5.5px),5.82% calc(100% - 11.9px),4.99% calc(100% - 11.9px),4.06% calc(100% - 7.2px),2.62% calc(100% - 11.9px),1.65% calc(100% - 10.8px),0% calc(100% - 8.8px))}

/* how a round goes */
.steps{list-style:none;margin:clamp(28px,3vw,44px) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(24px,3vw,44px)}
.steps li{min-width:0}
.step__n{display:flex;align-items:center;gap:16px;font:700 clamp(64px,6.5vw,96px)/.8 var(--display);color:var(--tangerine);margin-bottom:22px}
.step__n::after{content:"";flex:1;border-top:2px dashed var(--line);margin-top:6px}
.steps li:last-child .step__n::after{display:none}
.steps h3{font-size:clamp(24px,2.1vw,30px);line-height:1;margin-bottom:10px}
.steps p{margin:0;font-size:16.5px}

/* three ways to play: cards */
.modes{list-style:none;margin:0;padding:12px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,44px)}
.card{position:relative;background:#13100d url(/assets/art/night-tile.jpg) repeat;background-blend-mode:screen;border-radius:var(--r);padding:38px clamp(22px,2.4vw,34px) 34px;box-shadow:8px 8px 0 var(--shadow);transform:rotate(var(--tilt,0deg))}
.card .label{margin-bottom:10px}
.card h3{font-size:clamp(36px,3.4vw,48px);line-height:.9;margin-bottom:14px}
.card p{margin:0}
.modes li:nth-child(1){--tilt:-1.4deg}
.modes li:nth-child(2){--tilt:.8deg;margin-top:18px}
.modes li:nth-child(3){--tilt:-.5deg}

/* bring your own videos */
.split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(40px,6vw,88px);align-items:center}
.split__text p{font-size:clamp(17px,1.35vw,19px)}
.split__text p:first-of-type{color:var(--ink)}
.split .print{--tilt:1.6deg}

/* everything in the box */
.box{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,auto);grid-auto-flow:column;column-gap:clamp(40px,6vw,96px);margin:0}
.box div{border-top:1px solid var(--line);padding:22px 0 24px}
.box dt{font:700 clamp(24px,2vw,28px)/1 var(--display);text-transform:uppercase;color:var(--ink);margin-bottom:8px}
.box dd{margin:0;max-width:34em}

/* screenshots */
.shots{list-style:none;margin:0;padding:8px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,4vw,56px) clamp(24px,3.4vw,48px)}
.shots a{display:block;color:inherit}
.shots a:hover .print{transform:rotate(var(--tilt)) translate(-2px,-2px);box-shadow:12px 12px 0 var(--shadow)}
.shots .print{transition:transform .15s ease,box-shadow .15s ease}
.shots li:nth-child(1){--tilt:-1.2deg}.shots li:nth-child(2){--tilt:1deg}.shots li:nth-child(3){--tilt:.7deg}.shots li:nth-child(4){--tilt:-.9deg}

/* questions */
.stickers{display:flex;align-items:flex-end;gap:10px;margin-bottom:14px}
.stickers img{height:clamp(54px,5vw,72px);width:auto}
.stickers img:nth-child(1){transform:rotate(-8deg)}
.stickers img:nth-child(2){transform:rotate(6deg) translateY(-4px)}
.stickers img:nth-child(3){transform:rotate(-4deg)}
.stickers img:nth-child(4){transform-origin:50% 90%;animation:wobble 3.2s ease-in-out infinite}
.faq{max-width:900px;border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 0;font:700 clamp(17px,1.5vw,20px)/1.3 var(--sans);color:var(--ink)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:none;font:700 32px/1 var(--display);color:var(--tangerine);transition:transform .15s ease}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq summary:hover{color:var(--tangerine)}
.faq .a{padding:0 0 22px;max-width:44em}
.faq .a p:last-child{margin:0}
.more{display:inline-block;margin-top:28px;font-weight:700}

/* final call: the sun goes down */
.finale{position:relative;overflow:hidden;isolation:isolate;text-align:center;padding:clamp(40px,5vw,72px) 20px calc(var(--band)*.9)}
.finale__mic{width:clamp(110px,10vw,150px);margin:0 auto 18px;transform:rotate(-7deg);transform-origin:50% 100%}
.finale .h2{font-size:clamp(64px,9vw,128px);margin-bottom:.2em}
.finale p{font-size:clamp(17px,1.4vw,20px);color:var(--ink);max-width:34em;margin:0 auto 32px}
.finale .actions{justify-content:center}
.finale .bands{position:absolute;z-index:-1}
.finale .palms-l,.finale .palms-r{position:absolute;z-index:-2;height:auto}

/* footer: black paper torn over the sunset */
.footer{position:relative;z-index:2;margin-top:-26px;background:var(--night) url(/assets/art/night-tile.jpg) repeat;clip-path:polygon(0% 3.2px,0.83% 3.8px,1.63% 6.4px,3.21% 6.9px,4.34% 4.9px,5.49% 3.8px,6.49% 2.2px,7.91% 0.1px,9.94% 6.5px,11.8% 6.4px,12.51% 7.8px,14.2% 10.9px,15.2% 3.7px,16.02% 2.5px,18.1% 5.6px,19.97% 12.7px,21.33% 5.2px,23.07% 9.1px,23.85% 8.3px,25.18% 12px,26.8% 14.2px,28.88% 13.9px,29.88% 16.3px,31.76% 12.9px,32.78% 16.8px,33.75% 11.9px,35.55% 10.7px,36.47% 11px,38.17% 14.6px,39.39% 13.6px,40.8% 12.7px,42.83% 15.2px,44.6% 19.2px,46.55% 17.7px,48.53% 20.2px,50.13% 12.7px,51.97% 16.8px,53.66% 18.9px,54.66% 15.3px,55.8% 13.5px,57.22% 13.7px,59.18% 14.1px,61.21% 10.5px,63.04% 5.3px,64.65% 8.5px,65.79% 4.9px,67.76% 6px,68.75% 7.3px,70% 10.1px,71.82% 4.4px,72.75% 3.5px,74.4% 8.6px,76.36% 8.1px,78.14% 8.5px,78.85% 4.2px,80.36% 7.1px,81.81% 14.8px,83.56% 15.3px,84.76% 15.9px,85.87% 2.8px,86.65% 5.8px,87.36% 6.3px,88.35% 3.5px,89.95% 7.9px,90.77% 6.1px,92.28% 10px,94.29% 12.8px,95.96% 12.8px,96.92% 11px,97.86% 9.1px,99.58% 7.8px,100% 7.6px,100% 100%,0 100%);padding:76px 0 40px;font-size:15px}
.footer__grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);gap:40px}
.footer h2{font-size:22px;margin-bottom:14px}
.footer ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.footer ul a{color:var(--muted);text-decoration:none}
.footer ul a:hover{color:var(--tangerine)}
.footer__brand img{width:120px;margin-bottom:14px}
.footer__brand p{max-width:30em}
.footer__fine{margin-top:48px;padding-top:22px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 32px;font-size:13.5px}
.footer__fine p{margin:0}
.footer__fine a{color:var(--muted)}

/* text pages */
.page-head{position:relative;overflow:hidden;isolation:isolate;background:var(--night) url(/assets/art/night-paper.jpg) center top/cover;padding:150px 0 calc(clamp(90px,10vw,150px) + 56px)}
.page-head .bands{position:absolute;z-index:-1;height:clamp(90px,10vw,150px)!important}
.page-head h1{font-size:clamp(64px,9vw,128px);line-height:.88;margin:10px 0 18px}
.page-head p{font-size:clamp(17px,1.4vw,20px);color:var(--ink);max-width:36em;margin:0}
.doc{display:grid;grid-template-columns:220px minmax(0,1fr);gap:clamp(40px,6vw,96px);align-items:start}
.toc{position:sticky;top:32px}
.toc ol{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:4px;border-left:1px solid var(--line)}
.toc a{display:block;padding:6px 0 6px 16px;margin-left:-1px;border-left:2px solid transparent;color:var(--muted);text-decoration:none;font-size:15px}
.toc a:hover{color:var(--ink);border-left-color:var(--tangerine)}
.prose{max-width:720px}
.prose section+section{margin-top:clamp(56px,6vw,88px)}
.prose h2{font-size:clamp(40px,4.4vw,60px);line-height:.92;margin-bottom:8px;scroll-margin-top:24px}
.prose h3{font:700 clamp(18px,1.5vw,21px)/1.3 var(--sans);text-transform:none;margin:32px 0 8px}
.prose p,.prose li{font-size:17.5px;line-height:1.65}
.prose ul{padding-left:1.2em;margin:0 0 1em}
.prose li::marker{color:var(--tangerine)}

@keyframes wobble{0%,100%{transform:rotate(-7deg)}50%{transform:rotate(6deg)}}

@media (max-width:1100px){
  .steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:48px}
  .steps li:nth-child(2) .step__n::after{display:none}
}
@media (max-width:860px){
  :root{--band:150px}
  .nav{padding:14px 20px;gap:16px}
  .nav ul{gap:18px;margin:0 auto}
  .nav ul a{font-size:13px;letter-spacing:.06em}
  .nav .hide-s{display:none}
  .nav__home img{width:84px}
  .hero{display:flex;flex-direction:column}
  .hero__copy{margin:0;max-width:none;padding:76px 20px 0}
  .logo{width:min(82vw,360px);margin:0 0 22px -6px}
  .hero h1{font-size:clamp(38px,11vw,56px)}
  .hero .actions .btn{flex:1 1 100%}
  .meta{font-size:13.5px}
  .stage{position:relative;inset:auto;order:2;height:clamp(330px,92vw,520px);margin-top:12px;--mgw:min(76vw,400px)}
  .grp{right:max(4vw,calc(50% - var(--mgw)*.62))}
  .palms-l{width:30vw;left:-9vw;bottom:calc(var(--band)*.55)}
  .palms-r{width:19vw;right:-4vw;bottom:calc(var(--band)*.45)}
  .tape--tl{left:-18px}.tape--tr{right:-18px}
  .modes{grid-template-columns:minmax(0,1fr);gap:28px}
  .modes li:nth-child(2){margin-top:0}
  .split{grid-template-columns:minmax(0,1fr)}
  .box{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-auto-flow:row}
  .shots{grid-template-columns:minmax(0,1fr)}
  .finale{padding-bottom:calc(var(--band) + 28px)}
  .finale .actions .btn{flex:1 1 100%}
  .finale .palms-l{width:24vw}.finale .palms-r{width:15vw}
  .footer__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .footer__brand{grid-column:1/-1}
  .doc{grid-template-columns:minmax(0,1fr)}
  .toc{position:static}
  .toc ol{display:flex;flex-wrap:wrap;gap:8px;border:0}
  .toc a{border:1px solid var(--line);border-radius:var(--r);padding:8px 12px;margin:0;font-size:14px}
  .page-head{padding-top:110px}
}
@media (max-width:560px){
  .steps{grid-template-columns:minmax(0,1fr);row-gap:32px}
  .steps li{display:grid;grid-template-columns:56px minmax(0,1fr);column-gap:16px}
  .step__n{margin:0;font-size:64px;grid-row:span 2;align-self:start}
  .step__n::after{display:none}
  .steps h3{margin-top:4px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
}

/* ==========================================================================
   Added on top of the design: the shade over the set, the title's breath,
   the game's objects and the plain pages' furniture. Kept in src/objects.css
   and appended by build.mjs.
   ========================================================================== */

/* the lamp is off at the top of the set, and the words stand in its shadow */
.hero .nav{background:linear-gradient(180deg,rgba(11,10,9,.78) 0%,rgba(11,10,9,0) 100%);padding-bottom:40px}
.stage .shade{position:absolute;inset:0;z-index:4;background:radial-gradient(ellipse 52% 62% at 24% 52%,rgba(11,10,9,.62) 0%,rgba(11,10,9,.3) 55%,rgba(11,10,9,0) 78%)}

/* the title breathes the way it does in the game (TitleStage.BREATH_*):
   3.6 s, 1.8 % of its size, a third of a degree of tilt on a 1.41x slower
   clock; the two fans of markers on their own phases at 0.8 of the depth.
   Each delay puts the wave where the game's sine starts. The palms stand still. */
@keyframes br-scale{0%,100%{scale:var(--lo)}50%{scale:var(--hi)}}
@keyframes br-tilt{0%,100%{rotate:-.344deg}50%{rotate:.344deg}}
.logo,.grp .rays-l,.grp .rays-r{animation:br-scale 3.6s ease-in-out infinite,br-tilt 5.076s ease-in-out infinite}
.logo{--lo:.982;--hi:1.018;animation-delay:-.9s,-2.077s}
.grp .rays-l{--lo:.9856;--hi:1.0144;transform-origin:85% 50%;animation-delay:-2.103s,-3.773s}
.grp .rays-r{--lo:.9856;--hi:1.0144;transform-origin:15% 50%;animation-delay:-3.192s,-.233s}

/* --------------------------------------------------------------------------
   the importer's deck (deck.js draws it)
   -------------------------------------------------------------------------- */
.deck{position:relative;transform:rotate(-1.2deg)}
.deck__svg{display:block;width:100%;height:auto;overflow:visible}
.deck__stencil{font:700 19px var(--display);letter-spacing:.22em;fill:#6b6158}
.deck__label{font:700 19px var(--display);letter-spacing:.2em;fill:var(--muted)}
.deck__word{font:700 15px var(--sans);letter-spacing:.16em;fill:var(--ink)}
.deck__file{font:400 15px ui-monospace,"Cascadia Mono",Consolas,monospace;fill:#1a1512}
.deck__status{font:700 19px var(--sans);fill:var(--ink)}
.deck__len{font:400 15px var(--sans);fill:var(--muted)}

/* --------------------------------------------------------------------------
   how a round goes: an object over every step
   -------------------------------------------------------------------------- */
.obj{position:relative;height:178px;margin-bottom:22px}
.obj > img{position:absolute}

/* 1. the shelf's poster: it arrives (Prop.arrival: held up, a mint edge, three
   pulses at twelve a second), then its verb is pressed */
.poster{position:absolute;left:0;top:10px;width:min(100%,230px);background:var(--card-2);border-radius:var(--r);box-shadow:6px 7px 0 rgba(10,6,4,.72);transform:rotate(-1.5deg);transition:scale .2s ease}
.poster .pic{position:relative;aspect-ratio:2.39/1;border-radius:var(--r) var(--r) 0 0;overflow:hidden;background:var(--night)}
.poster .pic img{display:block;width:100%;height:100%;object-fit:cover}
.poster .cast{position:absolute;left:6px;bottom:6px;display:flex;gap:6px;align-items:center;padding:3px 7px;border-radius:3px;background:rgba(11,10,9,.82);font:700 12px/1 var(--sans);color:var(--ink);letter-spacing:.04em}
.poster .cast svg{width:10px;height:12px;fill:var(--ink)}
.poster .foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 10px 12px}
.poster .name{font:700 19px/1 var(--display);text-transform:uppercase;color:var(--ink)}
.poster .verb{padding:8px 12px 7px;border-radius:var(--r);background:var(--yellow);color:var(--night);font:700 12px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;box-shadow:0 3px 0 #a87d00,3px 5px 0 rgba(0,0,0,.6);transition:transform .08s ease,box-shadow .08s ease}
.poster::after{content:"";position:absolute;inset:-6px;border:4px solid var(--mint);border-radius:7px;opacity:0;pointer-events:none}
[data-obj=pick][data-state=arrive] .poster{scale:1.03}
[data-obj=pick][data-state=arrive] .poster::after{animation:pulse .5s steps(1,end) 1 both}
@keyframes pulse{0%{opacity:1}16.6%{opacity:0}33.3%{opacity:1}50%{opacity:0}66.6%{opacity:1}83.3%,100%{opacity:0}}
[data-obj=pick][data-state=pressed] .verb{transform:translateY(3px);box-shadow:0 0 0 #a87d00,1px 2px 0 rgba(0,0,0,.6)}

/* 2. the casting board: two roles printed to the card's edges; a name tape in
   the player's colour lands on each as it is claimed */
.cast-card{position:absolute;top:6px;width:min(47%,128px);background:var(--card-2);border:2px solid var(--line);border-radius:6px;overflow:hidden;box-shadow:5px 6px 0 rgba(10,6,4,.72);transition:border-color .15s ease,background-color .15s ease}
.cast-card.you{--c:#fec201;--tape:#fec201}
.cast-card.leo{--c:#2ec4e6;--tape:#8fdcec}
.cast-card:nth-child(1){left:0;transform:rotate(-2deg)}
.cast-card:nth-child(2){left:min(52%,142px);top:16px;transform:rotate(1.6deg)}
.cast-card .head{display:flex;justify-content:space-between;padding:6px 8px 5px;font:700 12px/1 var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.cast-card img{display:block;width:100%;aspect-ratio:1;object-fit:cover}
.cast-card .who{position:absolute;left:8px;bottom:12px;padding:5px 9px 4px;background:var(--tape);color:#1a1512;font:700 16px/1 var(--display);letter-spacing:.06em;text-transform:uppercase;clip-path:polygon(0 4%,5% 0,96% 6%,100% 30%,97% 60%,100% 100%,4% 95%,0 70%,3% 40%);opacity:0;scale:1.6;rotate:-9deg;transition:opacity .08s linear,scale .17s cubic-bezier(.2,.9,.3,1.3),rotate .17s ease}
.cast-card:nth-child(2) .who{rotate:7deg}
[data-obj=claim][data-state=one] .cast-card:nth-child(1),[data-obj=claim][data-state=two] .cast-card{border-color:var(--c);background-color:color-mix(in srgb,var(--c) 22%,var(--card-2))}
[data-obj=claim][data-state=one] .cast-card:nth-child(1) .head,[data-obj=claim][data-state=two] .cast-card .head{color:var(--c)}
[data-obj=claim][data-state=one] .cast-card:nth-child(1) .who,[data-obj=claim][data-state=two] .who{opacity:1;scale:1;rotate:-4deg}
[data-obj=claim][data-state=two] .cast-card:nth-child(2) .who{rotate:3deg}

/* 3. the booth's paper mic, in the booth's four states: at rest, its lamp lit
   while the tape rolls, headphones on while it plays back, mint tape once
   the line has a take. The game swaps the drawing, so does this. */
.mic-obj > img{left:22px;top:0;height:178px;width:auto;visibility:hidden}
.mic-obj[data-state=rest] .m-rest,.mic-obj[data-state=rec] .m-rec,.mic-obj[data-state=listen] .m-listen,.mic-obj[data-state=kept] .m-kept{visibility:visible}
.mic-obj .tag{position:absolute;left:150px;top:30px;padding:5px 8px 4px;border-radius:3px;font:700 12px/1 var(--sans);letter-spacing:.14em;color:#fff;background:#f92e0a;opacity:0}
.mic-obj[data-state=rec] .tag{opacity:1}

/* 4. the premiere: a frame of the film, and the reactions thrown at it */
.film{position:absolute;left:0;top:18px;width:min(100%,240px);aspect-ratio:16/9;background:var(--night);border:6px solid var(--ink);border-radius:var(--r);box-shadow:6px 7px 0 rgba(10,6,4,.72);overflow:hidden;transform:rotate(1.2deg)}
.film img{display:block;width:100%;height:100%;object-fit:cover}
.prem .s{width:50px;height:auto;top:96px;opacity:0;translate:0 26px;scale:.6;transition:opacity .12s linear,translate .26s cubic-bezier(.2,.9,.3,1.25),scale .26s cubic-bezier(.2,.9,.3,1.25)}
.prem .s1{left:4%;rotate:-10deg}.prem .s2{left:26%;rotate:7deg}.prem .s3{left:48%;rotate:-5deg}.prem .s4{left:70%;rotate:9deg}
.prem[data-state=one] .s1,
.prem[data-state=two] :is(.s1,.s2),
.prem[data-state=three] :is(.s1,.s2,.s3),
.prem[data-state=four] .s{opacity:1;translate:0 0;scale:1}

/* --------------------------------------------------------------------------
   plain pages
   -------------------------------------------------------------------------- */
.page-head .wrap{position:relative;z-index:2}
.page-head .label{margin-bottom:4px}
.prose a{font-weight:700}
.prose .print{margin:30px 0 40px;--tilt:-.8deg}
.prose .print.r{--tilt:.9deg}
.prose ol{padding-left:1.4em;margin:0 0 1em}
.prose ol li::marker{color:var(--tangerine);font-weight:700}
.prose .note{font-size:15px;color:var(--muted)}
.table-scroll{overflow-x:auto;margin:18px 0 30px}
.table-scroll table{width:100%;min-width:640px;border-collapse:collapse;font-size:15.5px;line-height:1.5}
.table-scroll th,.table-scroll td{text-align:left;vertical-align:top;padding:13px 14px;border-bottom:1px solid var(--line)}
.table-scroll thead th{font:700 18px/1 var(--display);letter-spacing:.06em;text-transform:uppercase;color:var(--yellow);border-bottom:2px solid var(--yellow)}
.table-scroll tbody th{color:var(--ink);font-weight:700;white-space:nowrap}
.facts th{width:30%}
.lone{padding-bottom:clamp(56px,7vw,96px)}
.footer--alone{margin-top:0}

@media (max-width:860px){
  .stage .shade{display:none}
  .hero .nav{padding-bottom:22px}
}
@media (max-width:560px){
  .steps .obj{grid-column:1/-1;height:160px;margin-bottom:14px}
  .mic-obj > img{height:160px}
  .deck{transform:none}
}
figure.print{margin:0}
.prose > h2:not(:first-child){margin-top:clamp(44px,4.5vw,68px)}
.deck__svg--narrow{display:none}
@media (max-width:560px){
  .deck__svg--wide{display:none}
  .deck__svg--narrow{display:block;max-width:420px;margin-inline:auto}
}