/* CouchWand, website v2: "An invention of Augustus Skipworth".
   Visual language borrowed from skipwire.app and SpitePDF v2 (cream stock, ink rules, hard offset shadows,
   slab display, script flourishes, typewriter labels), with CouchWand aubergine as the house accent. */
:root{
  --ink:#2b2118; --cream:#f6ead0; --paper:#fbf4e2; --bg:#efe0bd; --bg-2:#f6ead0;
  --teal:#2e7c76; --teal-d:#1f5955; --orange:#d8622a; --mustard:#e3a92f;
  --red:#b8262a; --velvet:#8a1c1c; --velvet-d:#4f0d0d;
  --text:#2b2118; --muted:#6b5843; --rule:#2b2118; --on-dark:#f6ead0;
  --shadow:6px 6px 0 var(--rule); --shadow-sm:4px 4px 0 var(--rule);
  --burst:rgba(216,98,42,.16); --grain:.14;
  --display:"Rockwell Extra Bold","Rockwell",Georgia,serif;
  --script:"Yellowtail","Brush Script MT",cursive;
  --type:"Special Elite","American Typewriter","Courier New",monospace;
  --body:Futura,"Futura PT","Century Gothic","Avenir Next",Avenir,"Trebuchet MS",sans-serif;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --ink:#f1e3c4; --cream:#2a2119; --paper:#2f251c; --bg:#1d1712; --bg-2:#251d16;
  --teal:#5fb3aa; --teal-d:#3f8c84; --orange:#ec7a42; --mustard:#e9b545;
  --red:#e0574c; --velvet:#6b1616; --velvet-d:#3a0b0b;
  --text:#f1e3c4; --muted:#bba98d; --rule:#0b0806; --on-dark:#f6ead0;
  --burst:rgba(236,122,66,.12); --grain:.08; color-scheme:dark}}
:root[data-theme="dark"]{
  --ink:#f1e3c4; --cream:#2a2119; --paper:#2f251c; --bg:#1d1712; --bg-2:#251d16;
  --teal:#5fb3aa; --teal-d:#3f8c84; --orange:#ec7a42; --mustard:#e9b545;
  --red:#e0574c; --velvet:#6b1616; --velvet-d:#3a0b0b;
  --text:#f1e3c4; --muted:#bba98d; --rule:#0b0806; --on-dark:#f6ead0;
  --burst:rgba(236,122,66,.12); --grain:.08; color-scheme:dark}

*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:clip}
main{overflow-x:clip}
body{margin:0;background:var(--bg);color:var(--text);font:17px/1.6 var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:100;opacity:var(--grain);mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .17 0 0 0 0 .13 0 0 0 0 .09 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
img{max-width:100%;display:block}
a{color:var(--teal-d)}
:root[data-theme="dark"] a{color:var(--teal)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) a{color:var(--teal)}}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
h1,h2,h3{font-family:var(--display);font-weight:800;margin:0;line-height:1.02;text-wrap:balance}
p{margin:0}
.wrap{max-width:72rem;margin:0 auto;padding-inline:16px}
@media (min-width:700px){.wrap{padding-inline:28px}}
.skip{position:absolute;left:-999px;top:8px;background:var(--mustard);color:#2b2118;padding:8px 14px;z-index:200}
.skip:focus{left:8px}

/* header */
header.top{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:3px double var(--rule)}
header.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-block:10px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);min-width:0}
.brand img{width:40px;height:40px;filter:drop-shadow(2px 2px 0 var(--rule))}
.brand b{display:block;font:800 1.25rem/1 var(--display);letter-spacing:-.01em}
.brand b span{color:var(--red)}
.brand small{display:block;font:.62rem/1.3 var(--type);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
nav.main{display:flex;gap:20px;font:.86rem var(--type)}
nav.main a{color:var(--text);text-decoration:none;border-bottom:1px dashed transparent;white-space:nowrap}
nav.main a:hover{border-bottom-color:currentColor}
@media (max-width:1140px){nav.main{display:none}}
.hdr-actions{display:flex;align-items:center;gap:10px;flex:none}
.theme{width:34px;height:34px;border-radius:50%;border:2px solid var(--rule);background:var(--paper);color:var(--text);cursor:pointer;display:grid;place-items:center;font-size:15px;line-height:1}
.btn{display:inline-flex;align-items:center;gap:8px;background:var(--orange);color:#2b2118;font:800 .95rem/1 var(--display);padding:12px 18px;border:2px solid var(--rule);border-radius:8px;box-shadow:var(--shadow-sm);text-decoration:none;cursor:pointer;transition:transform .12s,box-shadow .12s;white-space:nowrap}
.btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--rule)}
.btn:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--rule)}
.btn.alt{background:var(--paper);color:var(--text)}
.btn.sm{padding:9px 14px;font-size:.85rem}
:root a.btn,:root a.btn:visited{color:#2b2118}
:root a.btn.alt,:root a.btn.alt:visited{color:var(--text)}
@media (max-width:520px){.brand small{display:none}}
:root .brand,:root nav.main a{color:var(--text)}

/* reels */
.reel{padding-block:96px 0;position:relative}
.reel-tag{display:inline-block;font:.78rem/1 var(--type);letter-spacing:.16em;text-transform:uppercase;border:2px solid var(--teal);color:var(--teal-d);padding:7px 12px;outline:1px solid var(--teal);outline-offset:3px;background:var(--paper)}
:root[data-theme="dark"] .reel-tag{color:var(--teal)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .reel-tag{color:var(--teal)}}
.head{display:grid;gap:16px;justify-items:center;text-align:center;max-width:46rem;margin:0 auto 48px}
.head h2{font-size:clamp(2rem,5.4vw,3.4rem)}
.head h2 .script{display:block;font:400 .62em/1 var(--script);color:var(--orange);letter-spacing:0;margin-bottom:.1em}
.head p{color:var(--muted);font-size:1.08rem;text-wrap:pretty}
hr.rule{border:0;border-top:3px double var(--rule);margin:96px 0 0;opacity:.6}

/* hero */
.hero{text-align:center;padding-top:56px;position:relative;isolation:isolate}
.hero::before{content:"";position:absolute;inset:-40px -40vw auto;height:720px;z-index:-1;
  background:repeating-conic-gradient(from 0deg at 50% 62%,var(--burst) 0deg 6deg,transparent 6deg 18deg);
  -webkit-mask:radial-gradient(closest-side at 50% 62%,#000 30%,transparent 100%);mask:radial-gradient(closest-side at 50% 62%,#000 30%,transparent 100%)}
.presents{font:.8rem/1.6 var(--type);letter-spacing:.24em;text-transform:uppercase;margin:22px auto 10px;max-width:40rem}
.hero h1{display:grid;justify-items:center;gap:0}
.hero h1 .s1{font:400 clamp(2.4rem,7vw,4.6rem)/1 var(--script);color:var(--orange);transform:rotate(-4deg);margin-bottom:-.04em;position:relative;z-index:1}
.hero h1 .big{font:800 clamp(4.2rem,22vw,11rem)/.92 var(--display);letter-spacing:-.02em;color:var(--text);
  text-shadow:3px 3px 0 var(--mustard),6px 6px 0 var(--teal)}
.hero h1 .s2{font:400 clamp(1.8rem,5vw,3.2rem)/1 var(--script);color:var(--red);justify-self:end;margin-right:6%;transform:rotate(-6deg)}
.hero .lede{max-width:40rem;margin:26px auto 0;font-size:clamp(1.05rem,2.2vw,1.22rem);text-wrap:pretty}
.hero .claim{margin:34px auto 0;font:800 clamp(1.6rem,4.6vw,2.6rem)/1.1 var(--display)}
.hero .claim em{font-style:normal;color:var(--red)}
.hero .claim i{font-style:normal;color:var(--teal)}
.hero .sub{max-width:36rem;margin:14px auto 0;font:.95rem/1.6 var(--type);color:var(--muted)}
.cta{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:28px}
.badges{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;align-items:center;margin-top:22px}
.badges img{height:46px;width:auto}

/* ticker */
.specs{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 28px;margin:48px auto 0;padding:14px 0;border-block:2px solid var(--rule);font:.84rem var(--type);letter-spacing:.06em;text-transform:uppercase}
.specs b{color:var(--teal-d);font-weight:400;margin-right:8px}
:root[data-theme="dark"] .specs b{color:var(--teal)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .specs b{color:var(--teal)}}

/* narrator + interjection */
.narr{max-width:44rem;margin:56px auto 0;background:var(--paper);border:2px solid var(--rule);box-shadow:var(--shadow);padding:26px 28px;font:1.12rem/1.55 var(--type)}
.narr cite{display:block;margin-top:14px;font:400 1.3rem var(--script);color:var(--red);font-style:normal}
.gus{max-width:40rem;margin:-6px auto 0;transform:translateX(min(6vw,60px)) rotate(-.6deg);position:relative;background:var(--mustard);color:#2b2118;border:2px solid #2b2118;border-radius:14px;box-shadow:6px 6px 0 #2b2118;padding:20px 22px 18px;display:grid;grid-template-columns:64px 1fr;gap:16px;align-items:start}
.gus img{width:64px;height:64px;border-radius:50%;border:2px solid #2b2118;object-fit:cover;object-position:50% 22%;background:#f6ead0}
.gus p{font-size:1rem;line-height:1.5}
.gus p b{font-family:var(--body);font-weight:700}
.gus cite{display:block;margin-top:8px;font:400 1.15rem var(--script);color:#8a1c1c;font-style:normal}
@media (max-width:560px){.gus{transform:none;grid-template-columns:48px 1fr;gap:12px}.gus img{width:48px;height:48px}}

/* the memo */
.memo{max-width:46rem;margin:0 auto;background:var(--paper);border:2px solid var(--rule);box-shadow:var(--shadow);padding:clamp(24px,5vw,56px);position:relative;
  background-image:repeating-linear-gradient(transparent 0 31px,color-mix(in srgb,var(--teal) 16%,transparent) 31px 32px);background-position:0 18px}
.memo::before{content:"";position:absolute;left:clamp(14px,3vw,34px);top:0;bottom:0;border-left:2px solid color-mix(in srgb,var(--red) 45%,transparent)}
.memo .lh{text-align:center;border-bottom:3px double var(--rule);padding-bottom:16px;margin-bottom:26px}
.memo .lh .from{font:.78rem var(--type);letter-spacing:.26em;text-transform:uppercase}
.memo .lh .who{font:800 clamp(1.4rem,4vw,2rem)/1.1 var(--display);margin-top:6px}
.memo .lh .of{font:400 1.3rem var(--script);color:var(--orange)}
.memo p{font:1.04rem/1.95 var(--type);margin-top:1em;padding-left:clamp(6px,2vw,14px)}
.memo p.said{font-size:1.18rem;color:var(--red);padding-left:clamp(18px,4vw,40px)}
.memo .sig{margin-top:28px;font:400 2.2rem/1 var(--script);color:var(--velvet);padding-left:clamp(6px,2vw,14px)}
:root[data-theme="dark"] .memo .sig{color:var(--red)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .memo .sig{color:var(--red)}}
.memo .sig small{display:block;font:.78rem var(--type);color:var(--muted);letter-spacing:.08em;margin-top:6px}
.stamp{position:absolute;right:clamp(10px,3vw,30px);top:clamp(16px,3vw,28px);transform:rotate(11deg);border:3px solid var(--red);color:var(--red);font:800 .86rem/1.15 var(--display);text-transform:uppercase;letter-spacing:.06em;padding:8px 10px;text-align:center;opacity:.82;border-radius:6px}
@media (max-width:620px){.stamp{position:static;display:inline-block;margin:0 0 10px;transform:rotate(-3deg)}}

/* booth excerpt */
.excerpt{max-width:44rem;margin:0 auto 32px;padding:4px 0 4px 20px;border-left:4px solid var(--red);font:1.02rem/1.7 var(--type)}
.excerpt p+p{margin-top:8px}
.excerpt .said{color:var(--red)}
.excerpt a{display:inline-block;margin-top:10px;font:.9rem var(--type)}

/* archives accordion (after skipwire.app) */
.archive{margin-top:56px;display:grid;gap:18px}
.arch{background:var(--paper);border:3px solid var(--rule);box-shadow:var(--shadow);scroll-margin-top:80px}
.arch summary{list-style:none;cursor:pointer;display:grid;gap:4px;padding:20px 64px 20px 24px;position:relative}
.arch summary::-webkit-details-marker{display:none}
.arch summary::after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);width:34px;height:34px;border:2px solid var(--rule);border-radius:50%;display:grid;place-items:center;font:800 1.2rem/1 var(--display);background:var(--mustard);color:#2b2118}
.arch[open] summary::after{content:"–"}
.arch[open] summary{border-bottom:3px double var(--rule)}
.arch-reel{font:.74rem var(--type);letter-spacing:.18em;text-transform:uppercase;color:var(--teal-d)}
:root[data-theme="dark"] .arch-reel{color:var(--teal)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .arch-reel{color:var(--teal)}}
.arch-title{font:800 clamp(1.3rem,3.4vw,1.8rem)/1.1 var(--display)}
.arch-sub{font:.84rem var(--type);color:var(--muted)}
.arch-body{padding:clamp(16px,4vw,40px) clamp(10px,3vw,32px) clamp(24px,4vw,40px)}

/* refusals */
.refusals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
@media (max-width:1000px){.refusals{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.refusals{grid-template-columns:1fr}}
.plaque{background:var(--paper);border:2px solid var(--rule);box-shadow:var(--shadow);padding:22px;display:grid;gap:10px;align-content:start}
.plaque .no{font:.74rem var(--type);letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.plaque h3{font-size:1.45rem}
.plaque h3 s{text-decoration-color:var(--red);text-decoration-thickness:4px;color:var(--muted)}
.plaque p{color:var(--muted);font-size:.98rem;text-wrap:pretty}
.plaque .vow{font:400 1.25rem var(--script);color:var(--red);margin-top:auto}

/* the pencil */
.pencil-stage{max-width:56rem;margin:0 auto 40px;transform:rotate(-3deg)}
.pencil-svg{width:100%;height:auto;display:block;filter:drop-shadow(6px 6px 0 var(--rule))}
.steps-pencil{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;counter-reset:none}
@media (max-width:900px){.steps-pencil{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.steps-pencil{grid-template-columns:1fr}}
.steps-pencil li{background:var(--paper);border:2px solid var(--rule);box-shadow:var(--shadow-sm);padding:18px;display:grid;gap:6px;align-content:start}
.steps-pencil .n{font:800 1.4rem/1 var(--display);color:var(--orange)}
.steps-pencil h3{font-size:1.2rem}
.steps-pencil p{color:var(--muted);font-size:.95rem}
.steps-pencil li.end{background:var(--red);color:#fbf4e2}
.steps-pencil li.end .n{color:#e3a92f}
.steps-pencil li.end p{color:rgba(251,244,226,.85)}
.pencil-pair{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4vw,48px);align-items:center;margin-top:48px}
@media (max-width:820px){.pencil-pair{grid-template-columns:1fr}}
.pencil-plus{background:var(--paper);border:2px dashed var(--muted);padding:22px;transform:rotate(-1.2deg);position:relative}
.pencil-plus::after{content:"Ludicrous";position:absolute;right:14px;top:16px;transform:rotate(12deg);border:3px solid var(--red);color:var(--red);font:800 .9rem/1 var(--display);text-transform:uppercase;letter-spacing:.08em;padding:6px 8px;border-radius:6px;opacity:.85}
.pencil-plus .no{display:block;padding-right:7.5rem;font:.72rem var(--type);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.pencil-plus h3{font-size:1.6rem;margin-top:6px;color:var(--muted)}
.pencil-plus ul{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:8px;font-size:.95rem}
.pencil-plus li{display:flex;justify-content:space-between;gap:12px;border-bottom:1px dotted color-mix(in srgb,var(--rule) 35%,transparent);padding-bottom:6px}
.pencil-plus li b{font:.85rem var(--type);white-space:nowrap}
.pencil-plus .fine{margin-top:12px;font:.78rem var(--type);color:var(--muted)}
.pencil-gus{margin:0;max-width:none}

/* exhibits */
.exhibit{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,5vw,64px);align-items:center;padding-block:40px;border-top:2px dashed color-mix(in srgb,var(--rule) 40%,transparent)}
.exhibit.flip{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.exhibit.flip .copy{order:2}
@media (max-width:820px){.exhibit,.exhibit.flip{grid-template-columns:1fr}.exhibit.flip .copy{order:0}}
.exhibit .copy{display:grid;gap:12px}
.exhibit .tag{font:.78rem var(--type);letter-spacing:.18em;text-transform:uppercase;color:var(--orange)}
.exhibit h3{font-size:clamp(1.6rem,3.4vw,2.3rem)}
.exhibit p{color:var(--muted);text-wrap:pretty}
.exhibit ul{list-style:none;margin:2px 0 0;padding:0;display:grid;gap:6px}
.exhibit li{position:relative;padding-left:24px;font-size:.98rem}
.exhibit li::before{content:"☞";position:absolute;left:0;top:0;color:var(--red)}
.exhibit .aside{font:400 1.2rem/1.3 var(--script);color:var(--teal-d);margin-top:4px}
:root[data-theme="dark"] .exhibit .aside{color:var(--teal)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .exhibit .aside{color:var(--teal)}}
.frame{margin:0;background:var(--cream);border:2px solid var(--rule);box-shadow:var(--shadow);padding:12px;position:relative}
.frame img{width:100%;height:auto;border:1px solid var(--rule)}
.frame figcaption{font:.78rem var(--type);letter-spacing:.08em;text-align:center;margin-top:10px;color:var(--muted)}
.frame.phone{max-width:250px;margin-inline:auto;border-radius:28px;padding:10px}
.frame.phone img{border-radius:20px}
.pair{display:flex;gap:18px;align-items:flex-end;justify-content:center}
.pair .frame.phone{flex:0 1 220px}
.label{position:absolute;top:-14px;left:16px;background:var(--mustard);color:#2b2118;border:2px solid #2b2118;font:.72rem/1 var(--type);letter-spacing:.14em;text-transform:uppercase;padding:5px 8px}

/* booth comparison */
.booth{background:var(--paper);border:2px solid var(--rule);box-shadow:var(--shadow);overflow-x:auto}
.booth table{width:100%;min-width:560px;border-collapse:collapse}
.booth th,.booth td{padding:13px 16px;border-top:1px solid color-mix(in srgb,var(--rule) 30%,transparent);text-align:left;vertical-align:top;font-size:.98rem}
.booth thead th{border-top:0;font:800 1rem var(--display);background:var(--bg-2);border-bottom:2px solid var(--rule)}
.booth thead th.us{background:var(--red);color:#fbf4e2}
.booth tbody th{font:.82rem var(--type);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:400;width:22%}
.booth td.them{color:var(--muted)}
.booth td.us{font-weight:600}

/* ledger */
.ledger{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr));gap:26px;align-items:stretch}
.rate{background:var(--paper);border:2px solid var(--rule);box-shadow:var(--shadow);padding:26px;display:flex;flex-direction:column;gap:12px;position:relative}
.rate.feature{background:var(--cream);outline:3px solid var(--red);outline-offset:-9px}
.rate .ribbon{position:absolute;top:-15px;right:18px;background:var(--red);color:#fbf4e2;font:.72rem/1 var(--type);letter-spacing:.14em;text-transform:uppercase;padding:7px 10px;border:2px solid var(--rule)}
.rate h3{font-size:1.6rem}
.rate .for{font:.82rem var(--type);color:var(--muted);letter-spacing:.04em}
.rate .amt{font:800 3.4rem/1 var(--display);letter-spacing:-.03em}
.rate .amt sup{font-size:.4em;vertical-align:.95em;margin-right:2px}
.rate .amt small{font:.8rem var(--type);letter-spacing:.06em;margin-left:6px;color:var(--muted)}
.rate .then{font:.8rem var(--type);color:var(--muted)}
.rate ul{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:7px;font-size:.96rem}
.rate li{padding-left:24px;position:relative}
.rate li::before{content:"✓";position:absolute;left:0;color:var(--red);font-weight:800}
.rate .foot{margin-top:auto;padding-top:14px;border-top:2px dashed color-mix(in srgb,var(--rule) 35%,transparent);font:400 1.15rem var(--script);color:var(--teal-d)}
:root[data-theme="dark"] .rate .foot{color:var(--teal)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .rate .foot{color:var(--teal)}}
.ledger-note{max-width:48rem;margin:30px auto 0;text-align:center;font:.9rem/1.7 var(--type);color:var(--muted)}

.arith{max-width:52rem;margin:56px auto 0;background:var(--paper);border:2px solid var(--rule);box-shadow:var(--shadow);padding:24px 26px;display:grid;gap:14px}
.arith h3{font-size:1.3rem}
.arith .row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 14px;align-items:center}
.arith .row span{grid-column:1/-1;font:.82rem var(--type);color:var(--muted);letter-spacing:.04em}
.arith .bar{height:16px;border:2px solid var(--rule);width:var(--w)}
.arith .bar.them{background:repeating-linear-gradient(45deg,var(--muted) 0 6px,transparent 6px 10px)}
.arith .bar.us{background:var(--red)}
.arith .val{font:800 1.2rem var(--display);font-variant-numeric:tabular-nums}
.arith .fine{font:.78rem var(--type);color:var(--muted)}

/* FAQ */
.faq{max-width:50rem;margin:0 auto;display:grid;gap:14px}
.faq details{background:var(--paper);border:2px solid var(--rule);box-shadow:var(--shadow-sm);padding:16px 20px}
.faq summary{cursor:pointer;font:800 1.08rem/1.3 var(--display);list-style:none;display:flex;gap:12px;justify-content:space-between}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:var(--type);color:var(--orange);font-size:1.3rem;line-height:1}
.faq details[open] summary::after{content:"–"}
.faq details p{margin-top:12px;color:var(--muted)}
.faq details p b{color:var(--text)}

/* founder */
.founder{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(24px,5vw,60px);align-items:center}
@media (max-width:760px){.founder{grid-template-columns:1fr}}
.founder figure{margin:0;justify-self:center;max-width:320px}
.founder figure img{width:100%;height:auto;filter:drop-shadow(6px 6px 0 rgba(43,33,24,.35))}
.founder figure figcaption{margin-top:10px;text-align:center;font:.78rem var(--type);letter-spacing:.08em;color:var(--muted)}
.inventions{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:8px}
.inventions li{display:grid;grid-template-columns:5.2rem 1fr;gap:12px;font-size:.98rem;border-bottom:1px dashed color-mix(in srgb,var(--rule) 35%,transparent);padding-bottom:8px}
.inventions li b{font:.8rem/1.6 var(--type);letter-spacing:.06em;color:var(--muted);font-weight:400}
.inventions li.now{font-weight:700}
.inventions li.now b{color:var(--red)}

/* mailing list gag */
.mailing{max-width:40rem;margin:0 auto;text-align:center;background:var(--paper);border:2px solid var(--rule);box-shadow:var(--shadow);padding:28px 24px}
.mailing h3{font-size:1.5rem}
.mailing p.small{color:var(--muted);font-size:.95rem;margin-top:8px}
.mailing form{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap;justify-content:center}
.mailing input{flex:1 1 15rem;min-width:0;font:1rem var(--type);padding:12px 14px;border:2px solid var(--rule);background:var(--cream);color:var(--text);border-radius:6px}
.mailing input:disabled{opacity:.55;cursor:not-allowed;text-decoration:line-through}
.mailing button:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:var(--shadow-sm)}
.refusal{margin:18px auto 0;max-width:30rem;display:grid;grid-template-columns:48px 1fr;gap:12px;text-align:left;align-items:start;background:var(--mustard);color:#2b2118;border:2px solid #2b2118;border-radius:12px;box-shadow:4px 4px 0 #2b2118;padding:14px 16px;animation:pop .28s cubic-bezier(.2,1.6,.4,1)}
.refusal img{width:48px;height:48px;border-radius:50%;border:2px solid #2b2118;object-fit:cover;object-position:50% 22%;background:#f6ead0}
.refusal cite{display:block;margin-top:4px;font:400 1.05rem var(--script);color:#8a1c1c;font-style:normal}
@keyframes pop{from{transform:scale(.85);opacity:0}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.refusal{animation:none}.btn{transition:none}}

/* footer */
footer.bottom{margin-top:110px;background:#2b2118;color:#f6ead0;padding-block:52px 40px;border-top:6px double #e3a92f}
footer.bottom a{color:#e3a92f}
footer.bottom .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:28px}
footer.bottom h4{margin:0 0 10px;font:.78rem var(--type);letter-spacing:.2em;text-transform:uppercase;color:#e3a92f;font-weight:400}
footer.bottom ul{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:.95rem}
footer.bottom .sign{font:400 1.8rem/1 var(--script);color:#ec7a42}
footer.bottom .legal{margin-top:36px;padding-top:20px;border-top:1px solid rgba(246,234,208,.2);font:.78rem/1.7 var(--type);color:rgba(246,234,208,.7)}

/* receipt page */
.receipt-page{min-height:100vh;display:grid;place-items:center;padding:40px 16px}
.receipt{width:min(100%,25rem);background:#fbf4e2;color:#2b2118;padding:30px 26px 34px;font:15px/1.6 var(--type);box-shadow:0 30px 60px -30px rgba(0,0,0,.5);position:relative;
  -webkit-mask:linear-gradient(#000,#000) top/100% calc(100% - 12px) no-repeat,radial-gradient(circle at 8px 12px,transparent 7px,#000 7.5px) bottom/16px 12px repeat-x;
  mask:linear-gradient(#000,#000) top/100% calc(100% - 12px) no-repeat,radial-gradient(circle at 8px 12px,transparent 7px,#000 7.5px) bottom/16px 12px repeat-x}
.receipt .c{text-align:center}
.receipt .shop{font:800 1.3rem/1.1 var(--display)}
.receipt .shop span{color:#b8262a}
.receipt hr{border:0;border-top:2px dashed #2b2118;margin:16px 0;opacity:.55}
.receipt .line{display:flex;justify-content:space-between;gap:10px}
.receipt .big{font:800 1.4rem/1.25 var(--display);text-align:center;margin:20px 0 6px}
.receipt .script{font:400 1.6rem/1 "Yellowtail",cursive;color:#d8622a;text-align:center;margin-top:8px}
.receipt .bar{height:46px;margin:22px 0 6px;background:repeating-linear-gradient(90deg,#2b2118 0 2px,transparent 2px 4px,#2b2118 4px 7px,transparent 7px 9px,#2b2118 9px 10px,transparent 10px 13px)}
.receipt .close{display:block;width:100%;margin-top:20px;justify-content:center}
.moral{text-align:center;margin:56px auto 0;max-width:46rem;font:800 clamp(1.5rem,4vw,2.4rem)/1.15 var(--display);text-wrap:balance}
.moral em{font-style:normal;color:var(--red)}
.moral i{font-style:normal;color:var(--teal)}
.hero h1 .s2{margin-right:18%}
/* exhibits: tablet frame, video, pro note, also-in-core */
.frame.tablet{max-width:360px;margin-inline:auto;border-radius:22px;padding:10px}
.frame.tablet img{border-radius:14px}
.frame video{display:block;width:100%;height:auto;border:1px solid var(--rule);background:#fff;pointer-events:none}
.frame.phone video{border-radius:20px}
.frame.phone figcaption,.frame.tablet figcaption{text-wrap:balance}
.exhibit .pro-note{font:.9rem/1.6 var(--type);color:var(--text);border-left:3px solid var(--mustard);padding-left:12px}
.also{margin-top:48px;background:var(--paper);border:2px solid var(--rule);box-shadow:var(--shadow);padding:clamp(20px,4vw,36px)}
.also h3{font-size:clamp(1.5rem,3.4vw,2.1rem);margin-bottom:18px}
.also h3 .script{display:block;font:400 .66em/1 var(--script);color:var(--orange);margin-bottom:.15em}
.also ul{list-style:none;margin:0;padding:0;columns:2 18rem;column-gap:36px}
.also li{break-inside:avoid;position:relative;padding:0 0 9px 24px;font-size:.98rem}
.also li::before{content:"✓";position:absolute;left:0;color:var(--red);font-weight:800}
/* Pro workbenches */
.benches{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));gap:24px;align-items:start}
.bench{background:var(--paper);border:2px solid var(--rule);box-shadow:var(--shadow);padding:22px;display:grid;gap:9px}
.bench .no{font:.72rem var(--type);letter-spacing:.18em;text-transform:uppercase;color:var(--orange)}
.bench h3{font-size:1.7rem}
.bench .who{font:.82rem/1.45 var(--type);color:var(--muted)}
.bench .pitch{font-weight:600}
.bench .runs{justify-self:start;font:.72rem/1 var(--type);letter-spacing:.06em;border:1.5px solid var(--teal);color:var(--teal-d);padding:5px 8px}
:root[data-theme="dark"] .bench .runs{color:var(--teal)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .bench .runs{color:var(--teal)}}
.bench ul{list-style:none;margin:2px 0 0;padding:0;display:grid;gap:6px;font-size:.95rem}
.bench li{position:relative;padding-left:22px}
.bench li::before{content:"✓";position:absolute;left:0;color:var(--red);font-weight:800}
.bench .core{font-size:.88rem;color:var(--muted);border-top:2px dashed color-mix(in srgb,var(--rule) 30%,transparent);padding-top:10px}
.bench .caveat{font:.8rem/1.5 var(--type);color:var(--muted)}
.bench.summary{background:var(--cream);outline:3px solid var(--red);outline-offset:-9px;padding:26px}
.bench.summary .btn{justify-self:start;margin-top:6px}
.bench .aside{font:400 1.15rem/1.3 var(--script);color:var(--teal-d)}
:root[data-theme="dark"] .bench .aside{color:var(--teal)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .bench .aside{color:var(--teal)}}
/* Reel 2 scene */
.scene{max-width:46rem;margin:0 auto;background:var(--paper);border:2px solid var(--rule);box-shadow:var(--shadow);padding:clamp(20px,4vw,36px);display:grid;gap:12px;font:1.02rem/1.75 var(--type)}
.scene .setting{font:.74rem var(--type);letter-spacing:.16em;text-transform:uppercase;color:var(--orange);border-bottom:3px double var(--rule);padding-bottom:10px}
.scene .line{display:grid;grid-template-columns:7.5rem 1fr;gap:12px}
.scene .line span{font:.72rem/2.2 var(--type);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.scene .gus-line{color:var(--red);font-size:1.2rem}
.scene a{font:.9rem var(--type);margin-top:4px}
@media (max-width:520px){.scene .line{grid-template-columns:1fr;gap:0}}
.bridge{text-align:center;max-width:40rem;margin:44px auto 32px;font:400 1.5rem/1.3 var(--script);color:var(--teal-d)}
:root[data-theme="dark"] .bridge{color:var(--teal)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .bridge{color:var(--teal)}}

/* review pass: narrator corrections, subheads, reel dividers */
.narr-note{max-width:44rem;margin:22px auto 0;padding:12px 16px;border:1.5px dashed var(--muted);font:.92rem/1.6 var(--type);color:var(--muted);transform:rotate(.4deg)}
.narr-note b{display:block;font:400 1.15rem/1 var(--script);color:var(--red);margin-bottom:4px}
.subhead{text-align:center;font-size:clamp(1.5rem,3.6vw,2.2rem);margin:72px 0 24px}
.subhead .script{display:block;font:400 .62em/1 var(--script);color:var(--orange);margin-bottom:.15em}
.disputed{font:.78rem var(--type);font-style:normal;color:var(--red)}
.reel{margin-top:96px;padding-top:72px;border-top:3px double color-mix(in srgb,var(--rule) 45%,transparent)}
.reel::before{content:"✦";position:absolute;left:50%;top:-.85em;transform:translateX(-50%);background:var(--bg);color:var(--orange);padding:0 14px;font-size:1.1rem;line-height:1.5}

/* ===== CouchWand house accent: aubergine velvet, with a mustard sofa (icon option B) ===== */
:root{--plum:#4b2342;--plum-ink:#9a6700;--lilac:#e3a92f}
:root[data-theme="dark"]{--plum-ink:#e3a92f}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--plum-ink:#e3a92f}}
.brand b span{color:var(--plum-ink)}
.brand img{border-radius:9px}
.booth thead th.us{background:var(--plum);color:#f6ead0}
.rate.feature,.bench.summary{outline-color:var(--plum-ink)}
.rate .ribbon{background:var(--plum);color:#f6ead0}
.rate li::before,.also li::before,.exhibit li::before{color:var(--plum-ink)}
.hero .claim em,.moral em{color:var(--plum-ink)}
.inventions li.now b{color:var(--plum-ink)}
.memo .sig{color:var(--plum-ink)}
.frame.wide{max-width:none}
.frame.wide img{border-radius:12px}
.frame.phone.short{max-width:280px}

/* steps-not-taken counter */
.counter{max-width:34rem;margin:40px auto 0;background:var(--plum);color:#f6ead0;border:2px solid var(--rule);box-shadow:var(--shadow);padding:16px 20px;text-align:center}
.counter .lbl{display:block;font:.72rem/1.4 var(--type);letter-spacing:.18em;text-transform:uppercase;color:var(--lilac)}
.counter .num{display:block;font:800 clamp(2rem,7vw,3.2rem)/1.1 var(--display);font-variant-numeric:tabular-nums;letter-spacing:.01em;margin-top:6px;color:#f6ead0}
.counter .fine{display:block;font:.78rem/1.5 var(--type);color:var(--lilac);margin-top:6px}

/* the Long-Distance Hand */
.hand-stage{max-width:60rem;margin:0 auto 34px}
.hand-svg{width:100%;height:auto;display:block;filter:drop-shadow(5px 5px 0 var(--rule))}
.hand-svg .tongs{transform-origin:150px 90px;animation:reach 4.5s cubic-bezier(.5,0,.2,1) infinite}
.hand-svg .glove{animation:glove 4.5s cubic-bezier(.5,0,.2,1) infinite}
.hand-svg .press{animation:press 4.5s steps(1) infinite}
@keyframes reach{0%,8%{transform:scaleX(.42)}45%,70%{transform:scaleX(1)}100%{transform:scaleX(.42)}}
@keyframes glove{0%,8%{transform:translateX(-330px)}45%,70%{transform:translateX(0)}100%{transform:translateX(-330px)}}
@keyframes press{0%,46%{opacity:0}47%,70%{opacity:1}71%,100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.hand-svg .tongs,.hand-svg .glove,.hand-svg .press{animation:none}.hand-svg .press{opacity:1}}

/* Bois chart: weight of the Hand, by model */
.chart{max-width:56rem;margin:0 auto;background:var(--paper);border:2px solid var(--rule);box-shadow:var(--shadow);padding:clamp(18px,4vw,30px);display:grid;gap:14px}
.chart h3{font-size:clamp(1.25rem,3vw,1.6rem)}
.chart .sub{font:.82rem/1.5 var(--type);color:var(--muted)}
.chart .row{display:grid;grid-template-columns:9.5rem minmax(0,1fr) 7.5rem;gap:4px 14px;align-items:center}
.chart .row .m{font:.8rem/1.3 var(--type);letter-spacing:.04em}
.chart .row .m b{display:block;font:800 1rem/1.2 var(--display);letter-spacing:0}
.chart .bar{height:18px;border:2px solid var(--rule);background:repeating-linear-gradient(45deg,var(--mustard) 0 7px,color-mix(in srgb,var(--mustard) 70%,var(--orange)) 7px 12px);width:max(3px,var(--w))}
.chart .row.us .bar{background:var(--plum);border-width:1px}
.chart .v{font:800 1rem/1.2 var(--display);text-align:right;font-variant-numeric:tabular-nums}
.chart .v small{display:block;font:.7rem/1.3 var(--type);color:var(--muted);font-weight:400}
.chart .row.us .m b,.chart .row.us .v{color:var(--plum-ink)}
.chart .fine{font:.78rem/1.5 var(--type);color:var(--muted);border-top:2px dashed color-mix(in srgb,var(--rule) 30%,transparent);padding-top:10px}
@media (max-width:620px){.chart .row{grid-template-columns:1fr auto}.chart .row .m{grid-column:1/-1}.chart .bar{grid-column:1}.chart .v{grid-column:2}}

/* Four Acts */
.acts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;counter-reset:none}
@media (max-width:1000px){.acts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.acts{grid-template-columns:1fr}}
.acts li{background:var(--paper);border:2px solid var(--rule);box-shadow:var(--shadow-sm);padding:20px;display:grid;gap:8px;align-content:start}
.acts .n{font:.74rem var(--type);letter-spacing:.2em;text-transform:uppercase;color:var(--orange)}
.acts h3{font-size:1.35rem}
.acts p{color:var(--muted);font-size:.96rem;text-wrap:pretty}
.acts .aside{font:400 1.12rem/1.3 var(--script);color:var(--teal-d);margin-top:auto;padding-top:6px}
:root[data-theme="dark"] .acts .aside{color:var(--teal)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .acts .aside{color:var(--teal)}}
.acts li.done{background:var(--plum);color:#f6ead0}
.acts li.done p{color:rgba(246,234,208,.85)}
.acts li.done .n,.acts li.done .aside{color:var(--lilac)}
.pin{display:flex;align-items:center;gap:10px;font:800 1.7rem/1 var(--display);letter-spacing:.08em;background:var(--cream);border:2px solid var(--rule);padding:10px 12px;justify-content:center;font-variant-numeric:tabular-nums}
.pin small{font:.66rem/1.2 var(--type);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.dot{display:inline-flex;align-items:center;gap:8px;font:.84rem var(--type);background:rgba(246,234,208,.12);border:1.5px solid rgba(246,234,208,.45);border-radius:999px;padding:6px 12px;justify-self:start}
.dot::before{content:"";width:10px;height:10px;border-radius:50%;background:#4cd27a;box-shadow:0 0 0 3px rgba(76,210,122,.25)}
.memo-note{max-width:48rem;margin:36px auto 0;background:var(--paper);border:2px solid var(--rule);border-left:8px solid var(--teal);padding:18px 22px;font:.95rem/1.7 var(--type)}
.memo-note .hd{display:block;font:.72rem var(--type);letter-spacing:.18em;text-transform:uppercase;color:var(--teal-d);margin-bottom:6px}
:root[data-theme="dark"] .memo-note .hd{color:var(--teal)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .memo-note .hd{color:var(--teal)}}
.memo-note .by{display:block;margin-top:8px;font:400 1.1rem var(--script);color:var(--orange)}

/* ledger extras */
.rate .amt.word{font-size:2.6rem}
.why{max-width:52rem;margin:48px auto 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}
@media (max-width:760px){.why{grid-template-columns:1fr}}
.why .plain{background:var(--paper);border:2px solid var(--rule);box-shadow:var(--shadow-sm);padding:20px 22px;display:grid;gap:10px}
.why .plain h3{font-size:1.3rem}
.why .plain p{color:var(--muted);font-size:.97rem}
.why .gus{margin:0;transform:rotate(-.8deg)}

/* requisition office */
.forms{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr));gap:24px}
.form{background:var(--paper);border:2px solid var(--rule);box-shadow:var(--shadow);padding:24px;display:flex;flex-direction:column;gap:10px;position:relative}
.form .no{font:.72rem var(--type);letter-spacing:.18em;text-transform:uppercase;color:var(--orange)}
.form h3{font-size:1.5rem}
.form .does{font-weight:600}
.form .req{font:.8rem var(--type);color:var(--muted)}
.form ul{list-style:none;margin:2px 0 0;padding:0;display:grid;gap:6px;font-size:.93rem;color:var(--muted)}
.form li{position:relative;padding-left:20px}
.form li::before{content:"·";position:absolute;left:4px;color:var(--plum-ink);font-weight:800}
.form .acts-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:10px}
.form .acts-row img{height:46px;width:auto}
.form .fine{font:.76rem/1.5 var(--type);color:var(--muted)}
.form::after{content:attr(data-stamp);position:absolute;right:14px;top:14px;transform:rotate(9deg);border:2.5px solid var(--plum-ink);color:var(--plum-ink);font:800 .7rem/1 var(--display);text-transform:uppercase;letter-spacing:.08em;padding:5px 7px;border-radius:5px;opacity:.8}
.quote-line{text-align:center;margin:40px auto 0;max-width:40rem;font:400 1.5rem/1.3 var(--script);color:var(--teal-d)}
.quote-line cite{display:block;font:.8rem var(--type);color:var(--muted);font-style:normal;margin-top:6px;letter-spacing:.1em;text-transform:uppercase}
:root[data-theme="dark"] .quote-line{color:var(--teal)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .quote-line{color:var(--teal)}}

/* hall of plaques */
.hall{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:18px}
.bronze{background:linear-gradient(160deg,#c99a4b,#9a6a26 60%,#7d5219);color:#2b1a08;border:2px solid #2b2118;box-shadow:4px 4px 0 #2b2118;padding:18px;display:grid;gap:6px;border-radius:4px;position:relative}
.bronze::before,.bronze::after{content:"";position:absolute;top:8px;width:7px;height:7px;border-radius:50%;background:#5a3a10;box-shadow:inset 1px 1px 0 rgba(255,255,255,.4)}
.bronze::before{left:8px}.bronze::after{right:8px}
.bronze .yr{font:800 1.5rem/1 var(--display)}
.bronze p{font:.92rem/1.45 var(--type)}
.bronze .verdict{font:.72rem var(--type);letter-spacing:.14em;text-transform:uppercase;border-top:1px solid rgba(43,26,8,.35);padding-top:6px;margin-top:auto}
.bronze .verdict b{display:block;font:800 1.05rem/1.2 var(--display);letter-spacing:0;text-transform:none}
.footnote{max-width:46rem;margin:28px auto 0;font:.92rem/1.7 var(--type);color:var(--muted);border-left:3px solid var(--muted);padding-left:16px}
.footnote b{color:var(--text);font-weight:400}

/* the exercise gag */
.exercise{max-width:40rem;margin:0 auto;text-align:center;background:var(--paper);border:2px solid var(--rule);box-shadow:var(--shadow);padding:28px 24px}
.exercise h3{font-size:1.5rem;margin-top:16px}
.exercise p.small{color:var(--muted);font-size:.95rem;margin-top:8px}
.exercise .btn{margin-top:18px}
.exercise .btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:var(--shadow-sm);text-decoration:line-through}

/* comparison table helper */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* review pass */
.hero h1 .s1{margin-bottom:.08em}
.pin{font-size:1.35rem;white-space:nowrap;flex-wrap:wrap}
.form .no{padding-right:6.5rem}
.bronze{padding:24px 18px 18px}

/* sponsors, Up There */
.sponsor{max-width:52rem;margin:48px auto 0;display:grid;grid-template-columns:minmax(0,15rem) minmax(0,1fr);gap:clamp(20px,4vw,40px);align-items:center;background:var(--paper);border:2px solid var(--rule);box-shadow:var(--shadow);padding:clamp(18px,4vw,30px)}
@media (max-width:640px){.sponsor{grid-template-columns:1fr}.sponsor-phone{max-width:15rem;margin:0 auto}}
.sponsor-phone{background:#2b2118;border-radius:26px;padding:10px;transform:rotate(-2deg);box-shadow:5px 5px 0 color-mix(in srgb,var(--rule) 40%,transparent)}
.sponsor-bar{position:relative;background:var(--mustard);color:#2b2118;border:2px solid #2b2118;border-radius:14px 14px 4px 4px;padding:8px 10px;font:800 1.1rem/1.1 var(--display);text-align:center}
.sponsor-bar span{display:block;font:.6rem/1.3 var(--type);letter-spacing:.18em;text-transform:uppercase;font-weight:400}
.sponsor-bar::after{content:"↑";position:absolute;right:-30px;top:4px;font:800 1.6rem/1 var(--display);color:var(--orange);animation:nudge 1.6s ease-in-out infinite}
@keyframes nudge{50%{transform:translateY(-5px)}}
@media (prefers-reduced-motion:reduce){.sponsor-bar::after{animation:none}}
.sponsor-pad{margin-top:8px;height:170px;border-radius:4px 4px 16px 16px;background:#4b2342;display:grid;place-items:center;font:.7rem var(--type);letter-spacing:.2em;text-transform:uppercase;color:rgba(246,234,208,.45)}
.sponsor-copy{display:grid;gap:12px}
.sponsor-copy .no{font:.72rem var(--type);letter-spacing:.18em;text-transform:uppercase;color:var(--orange)}
.sponsor-copy h3{font-size:clamp(1.4rem,3.4vw,1.9rem)}
.sponsor-copy h3 em{font-style:normal;color:var(--plum-ink)}
.sponsor-copy .gusline{font:1rem/1.6 var(--type)}
.sponsor-copy .gusline cite{display:block;margin-top:6px;font:400 1.15rem var(--script);color:var(--plum-ink);font-style:normal}
.sponsor-copy .narr-aside{font:.88rem/1.6 var(--type);color:var(--muted);border-left:3px dashed var(--muted);padding-left:12px}
.sponsor-copy .narr-aside b{display:block;font:400 1.1rem/1 var(--script);color:var(--red);margin-bottom:4px}

/* ===================== Easter eggs ===================== */
html:not(.eggs) [data-egg]{display:none!important}
.linkish{background:none;border:0;padding:0;font:inherit;color:var(--teal-d);text-decoration:underline;cursor:pointer;text-align:left}
footer.bottom .linkish{color:#e3a92f}
.egg-note{font:.85rem/1.5 var(--type);color:var(--plum-ink)}
.lake-reply{display:block;font:.8rem/1.5 var(--type);color:rgba(246,234,208,.75);margin-top:4px}

/* the exhibit */
.dont{max-width:52rem;margin:0 auto;text-align:center;background:var(--paper);border:2px solid var(--rule);box-shadow:var(--shadow);padding:28px clamp(14px,3vw,28px)}
.dont h3{font-size:clamp(1.4rem,3.4vw,1.9rem);margin-top:16px}
.dont p.small{color:var(--muted);font-size:.95rem;margin:8px auto 0;max-width:36rem}
.stage{position:relative;aspect-ratio:860/330;margin:18px auto 0;color:var(--text)}
.stage-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.stage-cap{font:400 1.25rem/1.3 var(--script);color:var(--orange);min-height:1.3em;margin-top:6px}
.hit{position:absolute;background:transparent;border:0;padding:0;cursor:pointer;border-radius:12px}
.hit:focus-visible{outline:3px dashed var(--orange);outline-offset:2px}
.hit-machine{left:12.9%;top:38%;width:53.9%;height:54%}
.hit-dome{left:73.4%;top:56%;width:13.3%;height:36%;border-radius:50% 50% 8px 8px}
.machine{transform-box:view-box;transform-origin:150px 298px;animation:teeter 2.6s ease-in-out infinite}
.stage:has(.hit-machine:hover) .machine,.stage:has(.hit-machine:focus-visible) .machine{animation-duration:.9s}
@keyframes teeter{0%,100%{transform:rotate(-1.4deg)}50%{transform:rotate(1.6deg)}}
.tongs-n{transform-box:view-box;transform-origin:230px 187px;transition:transform .45s cubic-bezier(.5,0,.2,1) .35s}
.glove-n{transition:transform .45s cubic-bezier(.5,0,.2,1) .35s}
.stage.nudged .machine{animation:tipover .5s ease-out forwards}
@keyframes tipover{0%{transform:rotate(-1deg)}40%{transform:rotate(-4deg)}100%{transform:rotate(2.5deg)}}
.stage.nudged .tongs-n{transform:scaleX(1.49)}
.stage.nudged .glove-n{transform:translateX(93px)}
.dome{transform-box:view-box;transition:transform .12s}
.stage.pressed .dome{transform:translateY(6px)}
.stage.pressed .dome-top{fill:#8f2219}
.flash{opacity:0;transform-box:view-box;transform-origin:640px 215px}
.stage.pressed .flash{animation:flash .6s ease-out}
@keyframes flash{0%{opacity:1;transform:scale(.4)}100%{opacity:0;transform:scale(1.6)}}
@media (prefers-reduced-motion:reduce){.machine{animation:none}.stage.nudged .machine{animation:none}.tongs-n,.glove-n{transition:none}}

/* the inventory */
.inventory{margin:26px auto 0;max-width:40rem;text-align:left;border-top:3px double var(--rule);padding-top:20px}
.inventory h4{font:800 1.2rem/1.2 var(--display);margin:0;text-align:center}
.inv-count{text-align:center;font:.85rem var(--type);color:var(--muted);margin-top:6px}
.inventory ol{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:8px}
.inventory li{display:grid;grid-template-columns:1.6rem 1fr;gap:8px;font-size:.95rem;border-bottom:1px dashed color-mix(in srgb,var(--rule) 30%,transparent);padding-bottom:7px}
.inventory li .box{font:800 1.05rem/1.4 var(--display);color:var(--muted)}
.inventory li.found .box{color:var(--plum-ink)}
.inventory li b{font-weight:700}
.inventory li span.h{display:block;font:.8rem/1.45 var(--type);color:var(--muted)}
.inventory li.found b{text-decoration:line-through;text-decoration-color:var(--orange)}
.inventory .linkish{display:block;margin:14px auto 0;font:.8rem var(--type);text-align:center}

/* Further! in Reel 2 */
.hand-stage{position:relative}
.eggs .hand-stage{cursor:pointer}
.further-cap{position:absolute;right:4%;top:-14px;font:800 clamp(1.4rem,4vw,2.2rem)/1 var(--display);color:var(--orange);opacity:0;transform:rotate(-6deg) scale(.6);transition:opacity .2s,transform .3s cubic-bezier(.2,1.6,.4,1);pointer-events:none}
.hand-stage.overshoot .further-cap{opacity:1;transform:rotate(-6deg) scale(1)}
.hand-stage.overshoot .hand-svg .tongs{animation:none;transform:scaleX(1.95);transition:transform .5s cubic-bezier(.5,0,.2,1)}
.hand-stage.overshoot .hand-svg .glove{animation:none;transform:translateX(520px);transition:transform .5s cubic-bezier(.5,0,.2,1)}
.counter.twelve .num{color:var(--mustard)}
.eggs .counter{cursor:pointer}

/* the estate, from above */
.estate{display:grid;gap:18px}
#estate-svg{width:100%;aspect-ratio:16/9;border:2px solid var(--rule);background:#d9c99a;display:block}
#estate-svg *{vector-effect:non-scaling-stroke}
#estate-svg .out{fill:#d9c99a;transition:fill .6s}
#estate-svg.space .out{fill:#1d1712}
#estate-svg .county{fill:#e9dcb4;stroke:#2b2118;stroke-width:2;stroke-dasharray:8 5}
#estate-svg .dogs circle{fill:#8a5a2b;opacity:.6}
#estate-svg .water{fill:#8fbcb5;stroke:#2b2118;stroke-width:2}
#estate-svg .land{fill:#e9dcb4;stroke:#2b2118;stroke-width:2}
#estate-svg .hangar{fill:#f6ead0;stroke:#2b2118;stroke-width:2.5}
#estate-svg .zep{fill:#b9bcc2;stroke:#2b2118;stroke-width:2}
#estate-svg .rail{stroke:#2b2118;stroke-width:2;stroke-dasharray:6 3}
#estate-svg .desk{fill:#8a5a2b;stroke:#2b2118;stroke-width:2}
#estate-svg .monitor{fill:#2e7c76;stroke:#2b2118;stroke-width:2}
#estate-svg .wheel{fill:#d8622a;stroke:#2b2118;stroke-width:1.5}
#estate-svg .seat{fill:#e3a92f;stroke:#2b2118;stroke-width:2}
#estate-svg .cush{fill:#c98f22;stroke:#2b2118;stroke-width:2}
#estate-svg .hair{fill:#fbf4e2;stroke:#2b2118;stroke-width:2}
#estate-svg .tie{fill:#d8622a}
#estate-svg .moon{fill:#f1e3c4;stroke:#2b2118;stroke-width:2}
#estate-svg .crater{fill:#d9c9a3}
#estate-svg .lbl{font-family:"Special Elite","Courier New",monospace;fill:#2b2118;opacity:.75;letter-spacing:.1em}
#estate-svg .moonlbl{fill:#f1e3c4}
.estate-cap{display:grid;gap:8px;justify-items:start}
.estate-cap .no{font:.72rem var(--type);letter-spacing:.18em;text-transform:uppercase;color:var(--orange)}
.estate-cap h3{font-size:clamp(1.3rem,3vw,1.7rem)}
.estate-cap p{color:var(--muted);text-wrap:pretty;min-height:3.2em}
.estate-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}
.estate-btns .btn:disabled{opacity:.6;cursor:default;transform:none}

/* Gus storms in (after skipwire.app's "gusback") */
.gusback{position:fixed;inset:-140px 0;z-index:320;display:none;align-items:center;justify-content:center;overflow:hidden;background:#e3a92f;color:#2b2118;padding:156px 16px}
.gusback.on{display:flex}
.gusback.out{animation:gbOut .5s ease both}
@keyframes gbOut{to{opacity:0}}
.gusback-burst{position:absolute;inset:0;display:grid;place-items:center}
.gusback-burst svg{width:160vmax;color:rgba(216,98,42,.35);animation:gbSpin 18s linear infinite}
@keyframes gbSpin{to{transform:rotate(360deg)}}
.gusback-card{position:relative;text-align:center;max-width:640px}
.gusback.on .gusback-card{animation:gbSlam .7s cubic-bezier(.2,1.7,.4,1) both}
@keyframes gbSlam{from{transform:scale(.2) rotate(-14deg);opacity:0}}
.gusback-portrait{width:min(230px,46vw);height:auto;margin:0 auto;filter:drop-shadow(6px 10px 12px rgba(20,10,0,.45))}
.gusback-hold{margin:10px 0 8px;font:800 clamp(34px,8vw,72px)/1 "Rockwell Extra Bold",Rockwell,Georgia,serif;color:#8a1c1c;text-shadow:3px 3px 0 #f6ead0}
.gusback-line{margin:0 auto;max-width:560px;font:clamp(16px,2.4vw,20px)/1.5 "Special Elite","American Typewriter","Courier New",monospace;min-height:3.4em}
.gusback-count{margin:14px 0 0;font:800 64px/1 "Rockwell Extra Bold",Rockwell,Georgia,serif;color:#1f5955;min-height:1em}
@media (max-height:700px){.gusback-portrait{width:min(170px,40vw)}}
@media (prefers-reduced-motion:reduce){.gusback-burst svg,.gusback.on .gusback-card{animation:none}}

/* telegram + toast */
.telegram{position:fixed;top:84px;right:16px;z-index:300;max-width:min(24rem,calc(100vw - 32px));background:#fbf4e2;color:#2b2118;border:2px solid #2b2118;box-shadow:5px 5px 0 #2b2118;padding:14px 16px;font:.9rem/1.55 "Special Elite","Courier New",monospace;transform:rotate(1.2deg);animation:pop .3s cubic-bezier(.2,1.6,.4,1)}
.telegram .tg-head{display:block;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:#d8622a;border-bottom:2px dashed #2b2118;padding-bottom:6px;margin-bottom:8px}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:300;max-width:calc(100vw - 32px);background:#2b2118;color:#f6ead0;border:2px solid #e3a92f;border-radius:10px;padding:12px 16px;font:.92rem/1.5 "Special Elite","Courier New",monospace;box-shadow:4px 4px 0 rgba(0,0,0,.35)}

/* ===== The Right-Sizing (Solitary Lake Partners) ===== */
:root.right-sized:not([data-none]){
  --ink:#2f3a45;--cream:#f4f5f7;--paper:#fff;--bg:#f4f5f7;--bg-2:#eef0f3;
  --teal:#1d2c3c;--teal-d:#1d2c3c;--orange:#1d2c3c;--mustard:#dde1e6;--red:#6b7682;--velvet:#6b7682;--velvet-d:#2f3a45;
  --plum:#1d2c3c;--plum-ink:#1d2c3c;--lilac:#c9d1d9;
  --text:#2f3a45;--muted:#6b7682;--rule:#dde1e6;--on-dark:#fff;
  --shadow:0 1px 3px rgba(29,44,60,.12);--shadow-sm:0 1px 2px rgba(29,44,60,.1);--burst:transparent;--grain:0;
  --display:-apple-system,"Helvetica Neue",Arial,sans-serif;--script:-apple-system,"Helvetica Neue",Arial,sans-serif;
  --type:-apple-system,"Helvetica Neue",Arial,sans-serif;--body:-apple-system,"Helvetica Neue",Arial,sans-serif;color-scheme:light}
.right-sized body{background:#f4f5f7}
.right-sized h1,.right-sized h2,.right-sized h3{font-weight:600;letter-spacing:-.01em}
.right-sized .hero h1 .big{text-shadow:none;font-weight:600;letter-spacing:-.03em}
.right-sized .hero h1 .s1,.right-sized .hero h1 .s2{transform:none;font-weight:400}
.right-sized .btn,.right-sized a.btn,.right-sized a.btn:visited{background:#1d2c3c;color:#fff;border-color:#1d2c3c;border-radius:4px;box-shadow:none}
.right-sized .btn.alt,.right-sized a.btn.alt{background:#fff;color:#1d2c3c}
.right-sized .gus,.right-sized .refusal{background:#fff;border:1px solid #dde1e6;box-shadow:var(--shadow);transform:none;border-radius:4px}
.right-sized .gus img,.right-sized .founder figure img,.right-sized .brand img{filter:grayscale(1)}
.right-sized .gus cite{color:#6b7682}
.right-sized footer.bottom{background:#1d2c3c;border-top:0}
.right-sized .bronze{background:#eef0f3;color:#2f3a45;border-color:#dde1e6;box-shadow:none}
.right-sized .counter{background:#1d2c3c}
.right-sized .reel::before{display:none}
.right-sized .head h2 .script,.right-sized .subhead .script{display:none}
.right-sized .booth thead th.us,.right-sized .rate .ribbon{background:#1d2c3c}
.right-sized .stage-svg{filter:grayscale(1)}
.right-sized .acts li.done{background:#eef0f3;color:#2f3a45}
.right-sized .acts li.done p,.right-sized .acts li.done .n,.right-sized .acts li.done .aside{color:#6b7682}
.right-sized .dot{background:#fff;border-color:#c5cbd2;color:#2f3a45}
.right-sized .dot::before{background:#9aa3ad;box-shadow:none}
.slp-bar{position:fixed;top:0;left:0;right:0;z-index:310;display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;justify-content:center;background:#fff;color:#2f3a45;border-bottom:1px solid #dde1e6;box-shadow:0 2px 8px rgba(29,44,60,.12);padding:10px 16px;font:14px/1.4 -apple-system,"Helvetica Neue",Arial,sans-serif}
.slp-logo{display:inline-flex;align-items:center;gap:10px;color:#1d2c3c}
.slp-mark{width:30px;height:30px;color:#1d2c3c;flex:none}
.slp-word{font-size:14px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;line-height:1.1}
.slp-word small{display:block;font-size:9px;font-weight:400;letter-spacing:.42em;color:#6b7682}
.slp-msg{color:#6b7682}
@media (max-width:520px){.slp-msg{font-size:12px;text-align:center}}

/* round Gus avatars: the cartoon from skipwire.app */
.gus img,.refusal img{object-fit:contain;object-position:50% 50%;background:#2e7c76;border:3px solid #2b2118;box-shadow:0 0 0 3px #e3a92f}

/* ===== The Founder's Archives, after skipwire.app ===== */
#founder .arch-h{font-size:clamp(2.4rem,6vw,4.6rem);line-height:1}
#founder .arch-h .script-after{display:inline-block;font:400 .78em/1 var(--script);color:var(--orange);transform:rotate(-3deg);letter-spacing:0}
.archive{margin-top:8px;display:grid;gap:18px}
.arch{background:var(--paper);border:3px solid var(--rule);box-shadow:var(--shadow);scroll-margin-top:96px}
.arch summary{list-style:none;cursor:pointer;position:relative;display:grid;gap:4px;padding:22px 70px 22px 26px}
.arch summary::-webkit-details-marker{display:none}
.arch summary::after{content:"+";position:absolute;right:24px;top:50%;transform:translateY(-50%);width:auto;height:auto;border:0;border-radius:0;background:none;display:block;font:800 36px/1 var(--display);color:var(--orange);transition:transform .2s}
.arch[open] summary::after{content:"+";transform:translateY(-50%) rotate(45deg)}
.arch[open] summary{border-bottom:0}
.arch summary:focus-visible{outline:3px solid var(--teal);outline-offset:-6px}
.arch-reel{font:13px/1.4 var(--type);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.arch-title{font:800 clamp(22px,3vw,30px)/1.15 var(--display)}
.arch-sub{font:15px/1.5 var(--type);color:var(--muted)}
.arch-body{padding:34px 26px 38px;border-top:2px solid var(--rule)}
.arch-lede{font:1.05rem/1.6 var(--type);color:var(--muted);margin:0 0 30px;max-width:48rem}
@media (max-width:560px){.arch summary{padding:18px 56px 18px 18px}.arch-body{padding:26px 16px 30px}}
/* desk of the founder: portrait + letter */
.desk{display:grid;grid-template-columns:minmax(200px,320px) 1fr;gap:48px;align-items:start}
.desk-portrait{position:sticky;top:100px;text-align:center}
.desk-framed{width:100%;height:auto;filter:drop-shadow(6px 10px 10px rgba(20,10,0,.5)) drop-shadow(1px 2px 1px rgba(20,10,0,.3));animation:sway 7s ease-in-out infinite;transform-origin:50% 0}
@keyframes sway{50%{transform:rotate(-1.2deg)}}
.desk-plate{display:block;width:min(280px,86%);height:auto;margin:22px auto 0;filter:drop-shadow(3px 5px 5px rgba(20,10,0,.45))}
.letter{position:relative;padding:30px 32px;background:var(--paper);border:2px solid var(--rule);box-shadow:var(--shadow);font:1.08rem/1.75 var(--type)}
.letter::before{content:"LETTER";position:absolute;top:-12px;left:22px;background:var(--orange);color:#fbf4e2;font-size:11px;letter-spacing:.3em;padding:2px 10px}
.letter p{margin:0 0 16px}
.letter p.said{color:var(--orange)}
.letter-sig{font:400 40px/1 var(--script)!important;color:var(--teal-d);text-align:right;transform:rotate(-4deg);margin:8px 0 0!important}
:root[data-theme="dark"] .letter-sig{color:var(--teal)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .letter-sig{color:var(--teal)}}
.letter-note{margin:22px 0 0!important;padding-top:14px;border-top:1px dashed var(--muted);font-size:.9rem!important;line-height:1.55;color:var(--muted);font-style:italic}
@media (max-width:760px){.desk{grid-template-columns:1fr;gap:30px}.desk-portrait{position:static;max-width:260px;margin:0 auto}.letter{padding:26px 18px}}
@media (prefers-reduced-motion:reduce){.desk-framed{animation:none}}
/* hall of achievements */
.plaques{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:26px}
.plaques li{position:relative;padding:22px 20px 20px;background:linear-gradient(145deg,#c9964a,#8a5f26 60%,#b07d3a);color:#2a1a0a;border:3px solid #4a3112;border-radius:6px;box-shadow:inset 0 0 0 4px rgba(255,230,170,.35),var(--shadow)}
.plaques li::before,.plaques li::after{content:"";position:absolute;top:10px;width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#f6e2b0,#6b4a1c)}
.plaques li::before{left:10px}.plaques li::after{right:10px}
.plaques-yr{display:block;font:800 34px/1 var(--display);color:#fbe7b5;text-shadow:2px 2px 0 #4a3112}
.plaques h3{font:800 19px/1.2 var(--display);margin:8px 0 6px}
.plaques p{margin:0;font:15px/1.5 var(--type)}
.plaques .plaques-v{margin-top:10px;padding-top:8px;border-top:1px solid rgba(42,26,10,.3);font-size:13px;letter-spacing:.04em}
.plaques li.plaques-now{background:linear-gradient(145deg,#d8622a,#9c3f14)!important;color:#fbf4e2}
.plaques li.plaques-now .plaques-yr{color:#e3a92f}
.plaques li.plaques-now .plaques-v{border-top-color:rgba(251,244,226,.35)}
/* the Skipworth collection */
.inv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:28px}
.inv{display:grid;grid-template-columns:96px 1fr;gap:20px;align-items:start;padding:22px;background:var(--paper);border:2px solid var(--rule);box-shadow:var(--shadow)}
.inv--default{grid-column:1/-1;grid-template-columns:160px 1fr;border-width:3px;background:color-mix(in srgb,var(--mustard) 22%,var(--paper))}
.inv-icon{width:100%;height:auto;border-radius:22.5%;border:3px solid #2b2118;box-shadow:4px 4px 0 #2b2118;background:#2b2118}
.inv-yr{margin:0;font:13px var(--type);letter-spacing:.24em;color:var(--teal-d)}
:root[data-theme="dark"] .inv-yr{color:var(--teal)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .inv-yr{color:var(--teal)}}
.inv h3{font:800 22px/1.15 var(--display);margin:4px 0 8px}
.inv h3 a{color:inherit}
.inv--default h3{font-size:30px}
.inv-body>p{margin:0 0 12px;font-size:16px}
.inv-verdict{font:400 24px/1.2 var(--script)!important;color:var(--orange)}
.inv-verdict span{display:block;font:11px var(--type);letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.inv-badge{display:inline-block;padding:3px 10px;transform:rotate(-2deg);font:12px var(--type);letter-spacing:.14em;text-transform:uppercase;color:var(--plum-ink);border:2px solid var(--plum-ink);border-radius:4px}
@media (max-width:560px){.inv,.inv--default{grid-template-columns:72px 1fr;gap:14px;padding:18px 16px}.inv-grid{grid-template-columns:1fr}}

/* ===== Solitary Lake Partners mode: no colour anywhere ===== */
.right-sized header.top,.right-sized main#main,.right-sized footer.bottom{filter:grayscale(1)}
.right-sized .slp-logo,.right-sized .slp-mark{color:#3c3c3c}
.right-sized .slp-word small,.right-sized .slp-msg{color:#777}
.right-sized .slp-bar{border-bottom-color:#ddd;box-shadow:0 2px 8px rgba(0,0,0,.12)}

/* while acquired: a quiet nudge back to the button, under the exhibit only */
.offer{display:none}
.right-sized .offer{display:grid;justify-items:center;gap:6px;margin-top:10px}
.offer-q{font:15px/1.4 -apple-system,"Helvetica Neue",Arial,sans-serif;color:#6b7682}
.offer-restore{background:none;border:0;padding:0;cursor:pointer;font:12px/1.4 -apple-system,"Helvetica Neue",Arial,sans-serif;color:#8a949e;text-decoration:underline}
.offer-restore:hover,.offer-restore:focus-visible{color:#2f3a45}

/* iris transition into the Solitary Lake Partners version */
.iris{position:fixed;inset:0;z-index:400;pointer-events:all;background:transparent}

/* Gus, standing for once, beside the button in the grey world */
.gus-standing{display:none}
.right-sized .gus-standing{display:inline}
.gus-bubble{display:none}
.right-sized .gus-bubble{display:block;position:absolute;right:0;top:-4%;width:min(44%,300px);margin:0;padding:10px 14px;background:#fff;color:#2b2118;border:2.5px solid #2b2118;border-radius:16px;box-shadow:3px 3px 0 #2b2118;font:clamp(12px,1.9vw,16px)/1.35 "Special Elite","American Typewriter","Courier New",monospace;text-align:left;animation:pop .35s cubic-bezier(.2,1.6,.4,1) .2s both}
.right-sized .gus-bubble small{display:block;margin-top:5px;font-size:.78em;color:#6b6b6b}
.right-sized .gus-bubble::after{content:"";position:absolute;right:9%;bottom:-13px;width:20px;height:20px;background:#fff;border-right:2.5px solid #2b2118;border-bottom:2.5px solid #2b2118;transform:rotate(45deg) skew(8deg,8deg);border-bottom-right-radius:3px}
@media (prefers-reduced-motion:reduce){.right-sized .gus-bubble{animation:none}}
@media (max-width:640px){
  .right-sized .stage{margin-top:92px}
  .right-sized .gus-bubble{top:auto;bottom:86%;width:74%;padding:8px 12px}
}
.right-sized .gus-bubble{padding-bottom:16px}
@media (max-width:640px){.right-sized .gus-bubble{padding-bottom:15px}}

/* ===== Press it again: Lolitary Pake Sartners, deranged (colour datamosh) ===== */
:root.right-sized.deranged:not([data-none]){
  --bg:#0d0221;--bg-2:#1a0033;--paper:#22003d;--cream:#2b004d;--text:#00ffd5;--muted:#ff66ff;--rule:#fff200;
  --orange:#ff2a00;--teal:#00ffea;--teal-d:#00ffea;--mustard:#fff200;--red:#ff0055;--plum:#7a00ff;--plum-ink:#ff00e6;--lilac:#fff200;
  --shadow:6px 6px 0 #ff00e6,-4px -3px 0 #00f0ff;--shadow-sm:4px 4px 0 #ff00e6;
  --display:"Papyrus","Comic Sans MS",Impact,fantasy;--script:"Comic Sans MS","Chalkboard SE",cursive;
  --type:"Comic Sans MS","Chalkboard SE",cursive;--body:"Comic Sans MS","Chalkboard SE",cursive;color-scheme:dark}
.deranged body{background:#0d0221}
.deranged header.top,.deranged footer.bottom{animation:moshHue 1.1s steps(5) infinite}
.deranged main#main{animation:moshHue 1.3s steps(7) infinite,moshShake .42s steps(2) infinite}
@keyframes moshHue{0%{filter:hue-rotate(0) saturate(3) contrast(1.3)}30%{filter:hue-rotate(110deg) saturate(6) contrast(1.6)}55%{filter:hue-rotate(200deg) saturate(4) invert(.12)}80%{filter:hue-rotate(290deg) saturate(7) contrast(1.4)}100%{filter:hue-rotate(360deg) saturate(3)}}
@keyframes moshShake{0%{transform:none}25%{transform:translate(-5px,1px)}50%{transform:translate(6px,-2px)}75%{transform:translate(-3px,3px)}}
.deranged h1,.deranged h2,.deranged h3,.deranged .claim,.deranged .moral{text-shadow:4px 0 #ff00e6,-4px 0 #00f0ff,0 3px #fff200!important}
.deranged .hero h1 .big{animation:moshSplit .25s steps(2) infinite}
@keyframes moshSplit{50%{text-shadow:-8px 0 #ff00e6,8px 2px #00f0ff,0 -4px #fff200}}
.deranged .reel-tag{transform:rotate(-4deg);background:#fff200;color:#ff00e6}
.deranged .btn{background:#ff00e6!important;color:#fff200!important;border-color:#00f0ff!important;border-radius:0!important}
.mosh{position:fixed;inset:0;z-index:315;pointer-events:none;mix-blend-mode:difference;
  background:repeating-linear-gradient(0deg,transparent 0 14px,rgba(0,255,240,.32) 14px 18px,rgba(255,240,0,.22) 18px 21px,transparent 21px 47px),
             linear-gradient(90deg,transparent 0 18%,rgba(255,0,140,.42) 18% 21%,transparent 21% 58%,rgba(0,255,120,.36) 58% 62%,transparent 62% 83%,rgba(80,0,255,.4) 83% 85%,transparent 85%);
  animation:moshScroll .33s steps(3) infinite}
@keyframes moshScroll{0%{background-position:0 0,0 0}33%{background-position:0 -37px,34px 0}66%{background-position:0 53px,-52px 0}100%{background-position:0 11px,12px 0}}
/* the logo, deranged */
.deranged .slp-bar{background:#fff200;border-bottom:4px solid #ff00e6;animation:barJit .3s steps(2) infinite}
@keyframes barJit{50%{transform:translateX(6px) skewX(-6deg);background:#00f0ff}}
.deranged .slp-mark{color:#ff00e6!important;animation:slpSpin .9s linear infinite}
@keyframes slpSpin{to{transform:scaleY(-1) rotate(360deg)}}
.deranged .slp-word{color:#2a00ff!important;font-family:"Comic Sans MS",cursive;font-size:19px;letter-spacing:.32em;transform:skewX(-14deg) rotate(-2deg);display:inline-block;text-shadow:3px 0 #ff00e6,-3px 0 #00f0ff}
.deranged .slp-word small{color:#ff0055!important;letter-spacing:.9em}
.deranged .slp-msg{color:#7a00ff!important;font-family:"Comic Sans MS",cursive}
/* Gus, raving */
.deranged .stage-svg{filter:none;animation:moshHue .9s steps(4) infinite}
.deranged .gus-standing{transform-box:fill-box;transform-origin:50% 100%;rotate:0deg;animation:gusRave .36s steps(3) infinite}
@keyframes gusRave{0%{rotate:-6deg;scale:1}33%{rotate:5deg;scale:1.06 .96}66%{rotate:-2deg;scale:.97 1.05}}
.deranged .gus-bubble{background:#fff200;color:#ff00e6;border-color:#00f0ff;box-shadow:5px 5px 0 #ff00e6,-4px -4px 0 #00f0ff;font-family:"Comic Sans MS",cursive;transform:rotate(-3deg);animation:bubbleJit .28s steps(2) infinite}
.deranged .gus-bubble small{color:#2a00ff}
.deranged .gus-bubble::after{background:#fff200;border-color:#00f0ff}
@keyframes bubbleJit{50%{transform:rotate(2deg) translate(3px,-2px)}}
@media (prefers-reduced-motion:reduce){
  .deranged header.top,.deranged main#main,.deranged footer.bottom,.deranged .stage-svg{animation:none;filter:saturate(4) hue-rotate(140deg)}
  .mosh,.deranged .slp-bar,.deranged .slp-mark,.deranged .gus-standing,.deranged .gus-bubble,.deranged .hero h1 .big{animation:none}}
.deranged .stage{margin-top:170px}
.deranged .gus-bubble{top:auto;bottom:84%;width:min(62%,440px)}
@media (max-width:640px){.deranged .stage{margin-top:230px}.deranged .gus-bubble{width:92%;bottom:82%}}

/* ===== The way home: portal, glove and white-out ===== */
.portal-canvas{position:fixed;inset:0;z-index:402;width:100vw;height:100vh;pointer-events:all;filter:brightness(1.12) drop-shadow(0 0 6px rgba(255,255,255,.9)) drop-shadow(0 0 22px rgba(255,250,236,.75)) drop-shadow(0 0 60px rgba(255,246,230,.55))}
.whiteout{position:fixed;inset:0;z-index:404;background:#fffdf5;opacity:0;pointer-events:all}
.portal-dim{position:fixed;inset:0;z-index:401;pointer-events:all;opacity:0;transition:opacity .7s ease;background:radial-gradient(ellipse at 50% 50%,rgba(8,6,14,.55) 0,rgba(4,3,8,.9) 70%)}
.portal-dim.on{opacity:1}

/* ===== Solitary Lake mode: sponsors, Everywhere ===== */
.slp-ad{display:grid;gap:4px;max-width:46rem;margin:56px auto -40px;padding:14px 18px;background:#fff;border:1px dashed #b9b9b9;border-radius:4px;font:14px/1.5 -apple-system,"Helvetica Neue",Arial,sans-serif;color:#444;text-align:left;position:relative;z-index:1}
.slp-ad p{margin:0}
.slp-ad b{color:#222}
.slp-ad-tag{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#888}
.slp-ad-cta{justify-self:start;margin-top:4px;padding:5px 12px;border:1px solid #999;border-radius:3px;font-size:12px;color:#333}
main#main > .slp-ad:first-child{margin-top:20px}
/* the phone: all banner, a sliver of trackpad, and a magnifying glass */
.sponsor-ads,.sponsor-lens{display:none}
.right-sized .sponsor-phone{position:relative}
.right-sized .sponsor-ads{display:grid;gap:5px;margin-top:5px}
.right-sized .sponsor-ads span{display:grid;place-items:center;height:34px;border-radius:3px;background:repeating-linear-gradient(45deg,#d8d8d8 0 8px,#cfcfcf 8px 16px);border:1px solid #9a9a9a;font:9px/1 -apple-system,"Helvetica Neue",Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#555}
.right-sized .sponsor-pad{height:4px;margin-top:5px;font-size:0;border-radius:2px;background:#6b6b6b}
.right-sized .sponsor-lens{display:grid;place-items:center;position:absolute;right:-10px;bottom:-40px;width:78px;height:78px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#eee 70%);border:5px solid #3b3b3b;box-shadow:0 0 0 2px #aaa,4px 6px 10px rgba(0,0,0,.25);transform:rotate(-8deg)}
.right-sized .sponsor-lens span{font:600 13px/1 -apple-system,"Helvetica Neue",Arial,sans-serif;letter-spacing:.06em;color:#333;border-top:4px solid #6b6b6b;padding-top:5px}
.right-sized .sponsor-lens::after{content:"";position:absolute;width:12px;height:44px;right:-20px;bottom:-36px;background:#3b3b3b;border-radius:6px;transform:rotate(-40deg)}
/* the line from the rift: a plain, thin, cinematic title across the top */
.portal-cap{position:fixed;left:0;right:0;top:9vh;z-index:406;margin:0;padding:0 24px;text-align:center;color:#fff;background:none;border:0;
  font:200 clamp(17px,2.4vw,30px)/1.5 "Helvetica Neue","Avenir Next",-apple-system,"Segoe UI",sans-serif;letter-spacing:.3em;
  text-shadow:0 0 18px rgba(255,255,255,.55),0 0 2px rgba(0,0,0,.35);opacity:0;pointer-events:none}
.portal-cap.on{animation:capIn 1.6s ease-out forwards}
@keyframes capIn{from{opacity:0;letter-spacing:.55em;filter:blur(6px)}to{opacity:1;letter-spacing:.3em;filter:blur(0)}}
@media (prefers-reduced-motion:reduce){.portal-cap.on{animation:none;opacity:1}}