/* THE QUIET WORK, set in the FORMAT system.
   Every measure is a count of --s, the 1440 frame scaled to the window.
   Dark ground, white plates, black ink, one grotesk, one weight. */

:root{
  color-scheme:dark;
  --s:calc(100vw / 1440);
  --bg:#222;--plate:#fff;--ink:#000;--logo:#fff;
  --muted:#939393;--mark:#bfbfbf;--grey:#e9e9e9;--grey2:#f3f3f3;--grey3:#d9d9d9;--dash:#676767;
  --note:#e0ddbf;
  --layer-header:0;--layer-content:1;--layer-burst:10;--layer-curtain:50;
  --drift:.07;--parallax:70;
  --content:1400;--margin:20;
  --sans:"Inter Tight","Helvetica Neue",Helvetica,Arial,system-ui,sans-serif;
  --arabic:"Amiri","Scheherazade New","Noto Naskh Arabic",serif;
  /* legibility floors, used where the design unit would go below reading size */
  --f8:max(10px,calc(8 * var(--s)));
  --f12:max(13px,calc(12 * var(--s)));
  --f14:max(16px,calc(14 * var(--s)));
  --f42:max(28px,calc(42 * var(--s)));
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;-webkit-text-size-adjust:100%;text-size-adjust:100%}
html{overflow-x:clip}body{background:var(--bg);color:var(--plate);font-family:var(--sans);font-weight:400;overflow-x:clip;-webkit-font-smoothing:antialiased}
#app{position:relative;min-height:100vh;visibility:visible;overflow-x:clip}
a{color:inherit}
img{display:block}
p,h1,h2,h3,h4{margin:0;font-weight:400}
.is-loading,.is-loading body{height:100%;overflow:hidden}
.curtain{position:fixed;inset:0;z-index:var(--layer-curtain);background:var(--plate);transform-origin:top;pointer-events:none}

/* underlined link: a 1px rule drawn under the word, hover fades to grey */
.u{position:relative;display:inline-block;line-height:1;text-decoration:none;transition:color .35s}
.u:after{content:"";position:absolute;left:0;right:0;top:calc(100% + var(--rule-drop,0) * var(--s));height:1px;background:currentColor}
.u:hover,.nav__toggle[aria-pressed=true]{color:var(--muted)}

/* masks: text climbs out of its line */
.line{display:block}
.is-loading .line{overflow:hidden;margin-bottom:-2px;padding-bottom:2px}
.line__in{display:block}

/* photos: monochrome, drifting inside a hard frame */
.ph{overflow:hidden;position:absolute}
.ph img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.04);will-change:transform}

/* ===== fixed header: the wordmark, under the content ===== */
.logo-fixed{position:fixed;left:calc(var(--margin) * var(--s));top:calc(19.7 * var(--s));width:calc(var(--content) * var(--s));color:var(--logo);pointer-events:none;z-index:var(--layer-header)}
.logo-svg{width:100%;height:auto;display:block}
.logo-fixed.is-small{top:calc(10 * var(--s));width:calc(180 * var(--s));left:calc(30 * var(--s));z-index:calc(var(--layer-curtain) + 1);pointer-events:auto}

/* ===== the nav line ===== */
.screen{position:relative;z-index:var(--layer-content);width:100%;height:calc(810 * var(--s))}
.nav{position:fixed;z-index:var(--layer-header);left:calc(var(--margin) * var(--s));top:calc(244 * var(--s));width:calc(var(--content) * var(--s));height:calc(29 * var(--s));font-size:calc(12 * var(--s));color:var(--ink)}
.nav__bar,.nav__box{position:absolute;background:var(--plate)}
.nav__bar{left:0;top:0;width:100%;height:calc(16 * var(--s))}
.nav__box{left:calc(696 * var(--s));top:0;width:calc(353 * var(--s));height:calc(29 * var(--s))}
.nav p,.nav a.nav__toggle,.nav button{position:absolute;margin:0;white-space:nowrap}
.nav__credits{left:calc(10 * var(--s));top:calc(-1.5 * var(--s));line-height:calc(18 * var(--s))}
.nav__season{left:calc(704 * var(--s));top:calc(2.5 * var(--s));line-height:calc(12 * var(--s))}
.nav__toggle{font:inherit;line-height:calc(18 * var(--s));color:inherit;cursor:pointer;top:calc(-1.5 * var(--s));background:0 0;border:0;padding:0;text-decoration:none}
.nav__toggle--a{right:calc(191 * var(--s))}
.nav__toggle--b{right:calc(9 * var(--s))}

/* the short nav: comes down from the top edge when the page is read backwards,
   and stays down on every inner page */
.back-nav{position:fixed;z-index:var(--layer-curtain);left:calc(var(--margin) * var(--s));top:calc(10 * var(--s));width:calc(var(--content) * var(--s));height:calc(16 * var(--s));font-size:calc(12 * var(--s));color:var(--ink);transform:translateY(calc(-100% - 12 * var(--s)));visibility:hidden;pointer-events:none;transition:transform .45s cubic-bezier(.22,1,.36,1),visibility 0s linear .45s}
.back-nav.is-down{visibility:visible;pointer-events:auto;transform:translateY(0);transition:transform .45s cubic-bezier(.22,1,.36,1),visibility}
.back-nav__bar{position:absolute;inset:0;background:var(--plate)}
.back-nav p{position:absolute;top:calc(-1.5 * var(--s));line-height:calc(18 * var(--s));margin:0;white-space:nowrap}
.back-nav__credits{left:calc(10 * var(--s))}
.back-nav__links{right:calc(9 * var(--s))}
.back-nav__links .u{margin-left:calc(18 * var(--s))}

/* ===== block grammar ===== */
.blk{position:absolute;z-index:var(--layer-content);margin:0}
.blk p,.blk h2,.blk h3{position:absolute;margin:0;white-space:nowrap}
.plate{background:var(--plate);color:var(--ink)}
.idx{font-size:calc(8 * var(--s));line-height:calc(12 * var(--s))}
.kick{font-size:calc(8 * var(--s));line-height:calc(12 * var(--s));color:var(--mark)}
.ttl{font-size:calc(12 * var(--s));line-height:calc(18 * var(--s))}
.no{font-size:calc(8 * var(--s));line-height:calc(12 * var(--s))}
.spec{position:absolute;font-size:calc(8 * var(--s));line-height:1;white-space:nowrap}
.spec span{display:block;min-height:calc(8 * var(--s))}
.spec span:empty{height:calc(6 * var(--s))}
.is-muted{color:var(--mark)}
.shout{font-size:calc(42 * var(--s));letter-spacing:calc(-1.26 * var(--s));line-height:.9;text-transform:uppercase;white-space:nowrap}
.body{font-size:calc(12 * var(--s));line-height:1.15;color:var(--mark);white-space:normal}
.stamp .idx{left:calc(12 * var(--s))}

/* ===== block one: the vertical card ===== */
.block-one{position:absolute;z-index:var(--layer-content);left:calc(553 * var(--s));top:calc(436 * var(--s));width:calc(335 * var(--s));height:calc(426 * var(--s))}
.block-one__card{position:absolute;inset:0;background:var(--plate);color:var(--ink)}
.block-one__card p,.block-one__card h2{position:absolute;margin:0;white-space:nowrap}
.block-one__photo{left:0;top:calc(10 * var(--s));width:calc(131 * var(--s));height:calc(406 * var(--s))}
.block-one__index{left:calc(12 * var(--s));top:calc(206 * var(--s))}
.block-one__kicker{left:calc(141 * var(--s));top:calc(196 * var(--s))}
.block-one__title{left:calc(141 * var(--s));top:calc(204 * var(--s))}
.block-one__no{left:calc(220 * var(--s));top:calc(var(--top) * var(--s))}
.block-one__spec{left:calc(251 * var(--s));top:calc(var(--top) * var(--s))}
.block-one__round{position:absolute;left:calc(341 * var(--s));top:0;width:calc(68 * var(--s));height:calc(68 * var(--s))}
.face{width:100%;height:100%;display:block;overflow:visible}
.face__disc{fill:var(--plate)}
.face__ticks path{stroke:var(--ink);stroke-width:1}
.face__ball{fill:var(--ink)}
.block-one__square{position:absolute;left:calc(341 * var(--s));top:calc(73 * var(--s));width:calc(68 * var(--s));height:calc(68 * var(--s));overflow:hidden;background:var(--plate)}
.block-one__square img{width:100%;height:100%;object-fit:cover;filter:grayscale(1)}

/* ===== the ground and the horizontal cluster ===== */
.ground{position:absolute;z-index:var(--layer-content);left:calc(-26 * var(--s));top:calc(1074 * var(--s));width:calc(1497 * var(--s));height:calc(999 * var(--s));overflow:hidden;background:var(--grey3)}
.ground img{width:100%;height:112%;object-fit:cover;filter:grayscale(1) contrast(1.05);will-change:transform;margin-top:-6%}
.wide{left:calc(178 * var(--s));top:calc(1111 * var(--s));width:calc(1045 * var(--s));height:calc(448 * var(--s));background:var(--plate);color:var(--ink)}
.wide__photo{left:0;top:0;width:calc(492 * var(--s));height:100%}
.wide__index{left:calc(508 * var(--s));top:calc(221 * var(--s))}
.wide__kicker{left:calc(496 * var(--s));top:calc(211 * var(--s));left:calc(636 * var(--s))}
.wide__title{left:calc(636 * var(--s));top:calc(219 * var(--s))}
.wide__reel{position:absolute;left:calc(690 * var(--s));top:0;width:calc(348 * var(--s));height:100%;overflow:hidden}
.wide__reel-in{position:absolute;left:0;top:0;font-size:calc(42 * var(--s));letter-spacing:calc(-1.26 * var(--s));line-height:.9;white-space:nowrap}
.wide__reel-in span{display:block}
.tag{left:calc(20 * var(--s));top:calc(1187 * var(--s));width:calc(171 * var(--s));height:calc(122 * var(--s));background:var(--plate);color:var(--ink);overflow:hidden}
.tag__kicker{left:50%;transform:translateX(-50%);top:calc(8 * var(--s))}
.tag__word{left:50%;transform:translateX(-50%);top:calc(42 * var(--s))}
.tag__cut{position:absolute;background:var(--grey);left:calc(var(--x) * var(--s));top:calc(var(--y) * var(--s));width:calc(var(--w) * var(--s));height:calc(var(--h) * var(--s));overflow:hidden}
.tag__cut img{position:absolute;width:calc(171 * var(--s));height:calc(122 * var(--s));object-fit:cover;filter:grayscale(1);left:calc(var(--ix) * var(--s));top:calc(var(--iy) * var(--s))}
.side{left:calc(1249 * var(--s));top:calc(1187 * var(--s));width:calc(171 * var(--s));height:calc(122 * var(--s));background:var(--plate);color:var(--ink);overflow:hidden}
.side__title,.side__kicker,.side__index,.side__note{position:absolute;margin:0;white-space:nowrap;transform-origin:0 0}
.side__title{left:calc(14 * var(--s));top:calc(110 * var(--s));font-size:calc(12 * var(--s));transform:rotate(-90deg)}
.side__kicker{left:calc(6 * var(--s));top:calc(110 * var(--s));font-size:calc(8 * var(--s));color:var(--mark);transform:rotate(-90deg)}
.side__index{left:calc(14 * var(--s));top:calc(112 * var(--s));font-size:calc(8 * var(--s));transform:rotate(-90deg) translateX(calc(-84 * var(--s)))}
.side__note{left:calc(var(--x) * var(--s));top:calc(var(--y) * var(--s));font-size:calc(var(--size) * var(--s));line-height:1;transform:rotate(-90deg)}
.side__note span{display:block}
.side__note span+span{color:var(--mark)}
.screens{left:calc(553 * var(--s));top:calc(1500 * var(--s));width:calc(335 * var(--s));height:calc(226 * var(--s))}
.screens__card{position:absolute;inset:0;background:var(--plate);color:var(--ink)}
.screens__index{left:calc(12 * var(--s));top:calc(12 * var(--s))}
.screens__kicker{left:calc(44 * var(--s));top:calc(4 * var(--s))}
.screens__title{left:calc(44 * var(--s));top:calc(12 * var(--s))}
.screens__no{left:calc(12 * var(--s));top:calc(var(--top) * var(--s))}
.screens__spec{left:calc(44 * var(--s));top:calc(var(--top) * var(--s))}
.screens__photo{left:calc(131 * var(--s));top:0;width:calc(204 * var(--s));height:100%;background:#000}
.screens__shout{position:absolute;margin:0;color:var(--plate);font-size:calc(42 * var(--s));letter-spacing:calc(-1.26 * var(--s));line-height:.9;white-space:nowrap;transform-origin:0 0;transform:rotate(-90deg)}
.screens__shout--a{left:calc(143 * var(--s));top:calc(218 * var(--s))}
.screens__shout--b{left:calc(243 * var(--s));top:calc(218 * var(--s))}

/* ===== the clock section ===== */
.clock-section{position:absolute;z-index:var(--layer-content);left:0;top:calc(1554 * var(--s));width:100%;height:calc(513 * var(--s))}
.clock{--c:256.5;--r:220.2;position:absolute;top:0;left:50%;width:calc(513 * var(--s));height:calc(513 * var(--s));transform:translateX(-50%)}
.clock__bg{position:absolute;inset:0;border-radius:50%;background:var(--plate)}
.clock__mark{--angle:calc(var(--i) * 30deg);position:absolute;margin:0;left:calc((var(--c) + var(--r) * cos(var(--angle))) * var(--s));top:calc((var(--c) + var(--r) * sin(var(--angle))) * var(--s));width:calc(46 * var(--s));height:calc(11 * var(--s));font-size:calc(12 * var(--s));line-height:.9;text-align:right;white-space:nowrap;color:var(--mark);transform:translate(-50%,-50%) rotate(var(--angle))}
.clock__mark.is-active{color:var(--ink)}
.clock__hand{position:absolute;left:calc(255 * var(--s));top:calc(247 * var(--s));width:calc(197 * var(--s));height:calc(19 * var(--s));transform-origin:0 0;color:var(--ink)}
.clock__hand-near,.clock__hand-far{position:absolute;white-space:nowrap;line-height:1.5}
.clock__hand-near{left:0;top:calc(2 * var(--s));font-size:calc(8 * var(--s))}
.clock__hand-far{left:calc(165 * var(--s));top:0;font-size:calc(12 * var(--s))}
.clock__hand-rule{position:absolute;left:0;top:calc(18 * var(--s));width:calc(196 * var(--s));height:1px;background:currentColor}
.clock__burst{position:fixed;left:0;top:0;width:0;height:0;z-index:var(--layer-burst);pointer-events:none}
.clock__ball{position:absolute;border-radius:50%}
.clock__ball--dot{background:var(--ink)}.clock__ball--light{background:var(--plate)}.clock__ball--dark{background:var(--bg)}

/* ===== the fog and the seven ===== */
.fog{position:absolute;z-index:var(--layer-content);left:0;top:calc(2140 * var(--s));width:100%;height:calc(1500 * var(--s));overflow:hidden}
.fog img{width:100%;height:112%;object-fit:cover;filter:grayscale(1) contrast(1.02);opacity:.45;will-change:transform;margin-top:-6%}
.seven{position:absolute;z-index:var(--layer-content);left:0;top:calc(2200 * var(--s));width:100%;height:calc(1400 * var(--s))}
.seven > *{position:absolute}
.seven p,.seven h2,.seven h3{position:absolute;margin:0;white-space:nowrap}
.v-card__index{left:calc(12 * var(--s));top:calc(14 * var(--s));color:var(--ink)}
.v-card__kicker{left:calc(44 * var(--s));top:calc(6 * var(--s))}
.v-card__title{left:calc(44 * var(--s));top:calc(14 * var(--s));color:var(--ink)}
.v-card{left:calc(553 * var(--s));top:0;width:calc(335 * var(--s));height:calc(426 * var(--s))}
.v-card__plate{position:absolute;inset:0;background:var(--plate)}
.v-turn{position:absolute;margin:0;color:var(--ink);white-space:nowrap;font-size:calc(var(--size) * var(--s));line-height:1;left:calc(var(--x) * var(--s));top:calc(var(--y) * var(--s));transform-origin:0 0;transform:rotate(-90deg) translateX(-100%)}
.v-turn .lines span{display:block}
.v-turn .lines span:empty{height:calc(6 * var(--s))}
.v-card__no{position:absolute;left:calc(20 * var(--s));top:calc(205 * var(--s));color:var(--ink);font-size:calc(8 * var(--s));line-height:calc(12 * var(--s))}
.v-card__shout{position:absolute;left:calc(20 * var(--s));top:calc(223 * var(--s));color:var(--ink);font-size:calc(42 * var(--s));letter-spacing:calc(-1.26 * var(--s));line-height:.9;white-space:nowrap}
.v-card__shout span{display:block}
.v-card__shout span:empty{height:calc(18 * var(--s))}
.tile{left:calc(178 * var(--s));top:calc(160 * var(--s));width:calc(335 * var(--s));height:calc(226 * var(--s));background:var(--ink);display:block;text-decoration:none;color:var(--plate)}
.tile__disc{position:absolute;left:calc(20 * var(--s));top:calc(34 * var(--s));width:calc(158 * var(--s));height:calc(158 * var(--s));border-radius:50%;background:var(--plate)}
.tile__mark{position:absolute;width:calc(64 * var(--s));height:auto;right:calc(20 * var(--s))}
.tile__mark--a{top:calc(34 * var(--s))}.tile__mark--b{bottom:calc(34 * var(--s))}
.tile__kicker{position:absolute;left:calc(200 * var(--s));top:calc(98 * var(--s));font-size:calc(8 * var(--s));color:var(--muted);margin:0}
.tile__title{position:absolute;left:calc(200 * var(--s));top:calc(106 * var(--s));font-size:calc(12 * var(--s));margin:0}
.bar{left:calc(178 * var(--s));top:calc(450 * var(--s));width:calc(1045 * var(--s));height:calc(226 * var(--s))}
.bar__plate,.pill__plate{position:absolute;inset:0;background:var(--plate);overflow:hidden}
.pill__plate{border-radius:calc(79 * var(--s))}
.bar__disc,.pill__disc{position:absolute;right:calc(20 * var(--s));top:calc(39 * var(--s));width:calc(148 * var(--s));height:calc(148 * var(--s));border-radius:50%;border:1px solid var(--grey)}
.pill__square{position:absolute;right:calc(74 * var(--s));top:calc(93 * var(--s));width:calc(40 * var(--s));height:calc(40 * var(--s));background:var(--ink)}
.bar__index,.pill__index{left:calc(20 * var(--s));top:calc(76 * var(--s));color:var(--ink)}
.bar__kicker,.pill__kicker{left:calc(163 * var(--s));top:calc(66 * var(--s))}
.bar__title,.pill__title{left:calc(163 * var(--s));top:calc(74 * var(--s));color:var(--ink)}
.bar__body,.pill__body{left:calc(163 * var(--s));top:calc(101 * var(--s));width:calc(560 * var(--s));white-space:normal}
.bar__link,.pill__link{left:calc(163 * var(--s));top:calc(188 * var(--s));color:var(--ink);font-size:calc(8 * var(--s))}
.pill{left:calc(178 * var(--s));top:calc(700 * var(--s));width:calc(1045 * var(--s));height:calc(226 * var(--s))}
.pill .bar__disc{right:calc(40 * var(--s))}

.dial{left:calc(20 * var(--s));top:calc(960 * var(--s));width:calc(697 * var(--s));height:calc(697 * var(--s))}
.dial__rim{position:absolute;inset:0;border-radius:50%;background:var(--plate)}
.dial__inner{position:absolute;left:50%;top:50%;width:calc(504 * var(--s));height:calc(504 * var(--s));transform:translate(-50%,-50%);border-radius:50%;border:1px solid var(--grey)}
.dial__dot{position:absolute;left:50%;top:50%;width:calc(var(--d) * var(--s));height:calc(var(--d) * var(--s));border-radius:50%;background:var(--ink);margin:calc(var(--d) * var(--s) / -2) 0 0 calc(var(--d) * var(--s) / -2)}
.dial__hour{--a:calc(var(--i) * 30deg - 90deg);position:absolute;margin:0;left:calc((348.5 + 326 * cos(var(--a))) * var(--s));top:calc((348.5 + 326 * sin(var(--a))) * var(--s));font-size:calc(12 * var(--s));color:var(--ink);transform:translate(-50%,-50%) rotate(calc(var(--a) + 90deg))}
.dial__kicker{left:50%;top:calc(338 * var(--s));transform:translateX(-50%);color:var(--mark)}
.dial__title{left:50%;top:calc(346 * var(--s));transform:translateX(-50%);color:var(--ink)}
.dial__title{font-size:calc(12 * var(--s))}
.side-a{left:calc(723 * var(--s));top:calc(960 * var(--s));width:calc(697 * var(--s));height:calc(697 * var(--s))}
.side-a__ring{position:absolute;inset:0;border-radius:50%;background:var(--plate)}
.side-a__fill{position:absolute;inset:0;border-radius:50%;border:calc(24 * var(--s)) solid var(--ink)}
.side-a__spin{position:absolute;inset:0;border-radius:50%;overflow:hidden;will-change:transform}
.side-a__shout{position:absolute;left:50%;top:calc(59 * var(--s));transform:translateX(-50%);text-align:center;color:var(--ink)}
.side-a__shout span{display:block}
.side-a__shout span:empty{height:calc(60 * var(--s))}
.side-a__index{left:calc(40 * var(--s));top:calc(342 * var(--s));color:var(--ink)}
.side-a__kicker{left:calc(166 * var(--s));top:calc(334 * var(--s))}
.side-a__title{left:calc(166 * var(--s));top:calc(342 * var(--s));color:var(--ink)}
.side-a__core{position:absolute;left:50%;top:50%;width:calc(246 * var(--s));height:calc(246 * var(--s));transform:translate(-50%,-50%);border-radius:50%;background:rgba(255,255,255,.35);backdrop-filter:blur(calc(10 * var(--s)));-webkit-backdrop-filter:blur(calc(10 * var(--s)))}
.side-a__core:after{content:"";position:absolute;left:50%;top:50%;width:calc(46 * var(--s));height:calc(46 * var(--s));border-radius:50%;background:var(--bg);transform:translate(-50%,-50%)}

.tri{left:calc(368 * var(--s));top:calc(1700 * var(--s));width:calc(704 * var(--s));height:calc(609 * var(--s))}
.tri__form{position:absolute;inset:0;width:100%;height:100%;color:var(--plate)}
.tri__half{position:absolute;left:0;top:calc(102 * var(--s));width:calc(315 * var(--s));height:calc(507 * var(--s));background:var(--grey2);clip-path:polygon(100% 0,100% 100%,92.8% 100%,0 0)}
.tri__half--right{left:auto;right:0;background:#111;clip-path:polygon(0 0,100% 0,7.2% 100%,0 100%);overflow:hidden;color:var(--plate)}
.tri__half--right .ph{position:absolute;inset:0}
.tri__half--right .ph img{opacity:.55}
.tri__shout{position:absolute;left:calc(8 * var(--s));top:calc(8 * var(--s));margin:0;color:var(--plate);font-size:calc(42 * var(--s));letter-spacing:calc(-1.26 * var(--s));line-height:.9;text-transform:uppercase;white-space:nowrap;text-align:right;width:calc(300 * var(--s))}
.tri__shout span{display:block}
.tri__stud{position:absolute;top:calc(30 * var(--s));width:calc(33 * var(--s));height:calc(33 * var(--s));border-radius:50%;background:var(--ink)}
.tri__stud--a{left:calc(28 * var(--s))}.tri__stud--b{right:calc(28 * var(--s))}
.tri__title{left:50%;top:calc(18.67 * var(--s));transform:translateX(-50%);color:var(--ink)}
.tri__lead{left:calc(44 * var(--s));top:calc(80 * var(--s));color:var(--ink);font-size:calc(12 * var(--s))}
.tri__lead--turned{left:calc(332 * var(--s));top:calc(106 * var(--s));transform-origin:0 0;transform:rotate(90deg);color:var(--ink)}
.tri__index{left:calc(174 * var(--s));top:calc(190 * var(--s));color:var(--ink);font-size:calc(8 * var(--s))}
.tri__kicker{left:calc(300 * var(--s));top:calc(182 * var(--s));transform:translateX(-50%)}
.tri__name{left:calc(300 * var(--s));top:calc(190 * var(--s));transform:translateX(-50%);color:var(--ink);font-size:calc(12 * var(--s))}
.tri__reads{left:calc(130 * var(--s));top:calc(240 * var(--s));color:var(--ink);text-align:center;width:calc(200 * var(--s))}
.tri__reads span{display:block}
.tri__note{left:calc(74 * var(--s));top:calc(540 * var(--s));color:var(--mark);font-size:calc(8 * var(--s))}

.special{left:calc(368 * var(--s));top:calc(2360 * var(--s));width:calc(705 * var(--s));height:calc(327 * var(--s))}
.special__plate{position:absolute;inset:0;background:var(--plate)}
.special__cut{position:absolute;left:calc(232 * var(--s));top:calc(43 * var(--s));width:calc(241 * var(--s));height:calc(241 * var(--s));border-radius:50%;background:var(--bg)}
.special__photo{left:0;top:0;width:calc(352 * var(--s));height:100%}
.special__index{left:calc(372 * var(--s));top:calc(153 * var(--s));color:var(--ink)}
.special__kicker{left:calc(404 * var(--s));top:calc(143 * var(--s))}
.special__title{left:calc(404 * var(--s));top:calc(151 * var(--s));color:var(--ink)}
.special__no{left:calc(504 * var(--s));top:calc(var(--top) * var(--s));color:var(--ink)}
.special__spec{left:calc(535 * var(--s));top:calc(var(--top) * var(--s));color:var(--ink)}
.special__body{left:calc(372 * var(--s));top:calc(190 * var(--s));width:calc(312 * var(--s));white-space:normal;font-size:calc(8 * var(--s));line-height:1.3;color:var(--ink)}

/* ===== the essays plate ===== */
.deck{position:absolute;z-index:var(--layer-content);left:calc(20 * var(--s));top:calc(4980 * var(--s));width:calc(1400 * var(--s));height:calc(700 * var(--s));background:var(--plate);color:var(--ink)}
.deck__index{position:absolute;left:calc(20 * var(--s));top:calc(28 * var(--s));margin:0}
.deck__kicker{position:absolute;left:calc(163 * var(--s));top:calc(18 * var(--s));margin:0}
.deck__title{position:absolute;left:calc(163 * var(--s));top:calc(26 * var(--s));margin:0}
.deck__lede{position:absolute;left:calc(163 * var(--s));top:calc(46 * var(--s));margin:0;color:var(--mark);font-size:calc(8 * var(--s))}
.deck__shout{position:absolute;left:calc(20 * var(--s));top:calc(560 * var(--s));margin:0}
.deck__list{position:absolute;left:calc(163 * var(--s));top:calc(100 * var(--s));width:calc(1217 * var(--s));margin:0;padding:0;list-style:none;columns:2;column-gap:calc(60 * var(--s))}
.deck__list li{break-inside:avoid;border-top:1px solid var(--grey);display:grid;grid-template-columns:calc(40 * var(--s)) 1fr calc(50 * var(--s));align-items:baseline;padding:calc(10 * var(--s)) 0 calc(9 * var(--s))}
.deck__list a{text-decoration:none;color:inherit;font-size:calc(12 * var(--s));line-height:1.1;transition:color .35s}
.deck__list a:hover{color:var(--muted)}
.deck__list b,.deck__list i{font-weight:400;font-style:normal;font-size:calc(8 * var(--s));color:var(--mark)}
.deck__list i{text-align:right}
.deck__reel{position:absolute;left:0;right:0;bottom:0;height:calc(60 * var(--s));overflow:hidden;border-top:1px solid var(--grey)}
.deck__reel-in{position:absolute;left:0;top:calc(10 * var(--s));white-space:nowrap;font-size:calc(42 * var(--s));letter-spacing:calc(-1.26 * var(--s));line-height:.9;text-transform:uppercase;will-change:transform}
.deck__reel-in span{display:inline-block;margin-right:calc(40 * var(--s))}

/* ===== the windows plate: a disc turning behind two cut windows ===== */
.win{position:absolute;z-index:var(--layer-content);left:calc(20 * var(--s));top:calc(5760 * var(--s));width:calc(1400 * var(--s));height:calc(448 * var(--s));overflow:hidden}
.win__disc{position:absolute;left:50%;top:50%;width:calc(900 * var(--s));height:calc(900 * var(--s));transform:translate(-50%,-50%);will-change:transform}
.win__face{position:absolute;inset:0;border-radius:50%;background:var(--ink)}
.win__arc{position:absolute;left:50%;top:50%;transform-origin:0 0;color:var(--plate);white-space:nowrap;font-size:calc(42 * var(--s));letter-spacing:calc(-1.26 * var(--s));line-height:.9;text-transform:uppercase;transform:rotate(calc(var(--q) * 90deg)) translate(calc(-50% + 0px),calc(-400 * var(--s)))}
.win__arc i,.win__arc b,.win__arc u{font-style:normal;font-weight:400;text-decoration:none;display:block}
.win__arc i{font-size:calc(8 * var(--s));letter-spacing:0;text-transform:none;color:var(--mark)}
.win__arc u{font-size:calc(8 * var(--s));letter-spacing:0;text-transform:none}
.win__plate{position:absolute;background:var(--plate)}
.win__plate--west{left:0;top:0;width:calc(466 * var(--s));height:100%}
.win__plate--east{right:0;top:0;width:calc(466 * var(--s));height:100%}
.win__plate--head{left:calc(466 * var(--s));top:0;width:calc(468 * var(--s));height:calc(60 * var(--s))}
.win__plate--waist{left:calc(466 * var(--s));top:calc(204 * var(--s));width:calc(468 * var(--s));height:calc(40 * var(--s))}
.win__plate--foot{left:calc(466 * var(--s));bottom:0;width:calc(468 * var(--s));height:calc(60 * var(--s))}
.win__rule{position:absolute;top:0;bottom:0;width:1px;background:var(--grey)}
.win__rule--west{left:calc(466 * var(--s))}.win__rule--east{left:calc(934 * var(--s))}
.win__shot{position:absolute;top:calc(40 * var(--s));width:calc(386 * var(--s));height:calc(368 * var(--s));overflow:hidden;background:var(--grey)}
.win__shot--left{left:calc(40 * var(--s))}.win__shot--right{right:calc(40 * var(--s))}
.win__shot img{width:100%;height:100%;object-fit:cover;filter:grayscale(1)}
.win__no,.win__kicker,.win__name{position:absolute;margin:0;color:var(--ink);white-space:nowrap}
.win__no{left:calc(20 * var(--s));top:calc(20 * var(--s))}
.win__kicker{left:calc(706 * var(--s));top:calc(12 * var(--s))}
.win__name{left:calc(706 * var(--s));top:calc(20 * var(--s))}
.win__list{position:absolute;left:calc(706 * var(--s));top:calc(380 * var(--s));margin:0;font-size:calc(8 * var(--s));color:var(--ink);line-height:1.2;white-space:nowrap}
.win__list a{text-decoration:none}

/* ===== the vee: two long cards over a triangle (Start Here) ===== */
.vee{position:absolute;z-index:var(--layer-content);left:calc(20 * var(--s));top:calc(6300 * var(--s));width:calc(1400 * var(--s));height:calc(1300 * var(--s))}
.vee__card{position:absolute;top:0;width:calc(694 * var(--s));height:calc(416 * var(--s));background:var(--plate);color:var(--ink);overflow:hidden}
.vee__card--west{left:0}.vee__card--east{right:0}
.vee__shot{position:absolute;left:0;top:0;width:100%;height:100%}
.vee__band{position:absolute;left:0;width:100%;background:var(--plate)}
.vee__band--one{top:0;height:calc(120 * var(--s))}
.vee__band--two{bottom:0;height:calc(120 * var(--s))}
.vee__head{position:absolute;left:0;top:0;width:100%;height:calc(160 * var(--s));background:var(--plate)}
.vee__shot--east{top:calc(160 * var(--s));height:calc(256 * var(--s))}
.vee__no{position:absolute;left:calc(20 * var(--s));margin:0}
.vee__kicker,.vee__name,.vee__mark{position:absolute;margin:0;white-space:nowrap}
.vee__list{position:absolute;margin:0;font-size:calc(8 * var(--s));line-height:1.2;white-space:nowrap}
.vee__list b{font-weight:400;display:block;margin-bottom:calc(6 * var(--s))}
.vee__list span{display:block}
.vee__list a{text-decoration:none}
.vee__step{position:absolute;width:calc(300 * var(--s));white-space:normal;font-size:calc(8 * var(--s));line-height:1.3;margin:0;color:var(--ink)}
.vee__step b{font-weight:400;display:block;font-size:calc(12 * var(--s));margin-bottom:calc(4 * var(--s))}
.vee__step a{display:inline-block;margin-top:calc(6 * var(--s));text-decoration:none}
.vee__turned{position:absolute;margin:0;color:var(--plate);font-size:calc(42 * var(--s));letter-spacing:calc(-1.26 * var(--s));line-height:.9;white-space:nowrap;transform-origin:0 0;transform:rotate(-90deg)}
.vee__plate{position:absolute;left:calc(348 * var(--s));top:calc(422 * var(--s));width:calc(704 * var(--s));height:calc(609 * var(--s));color:var(--plate)}
.vee__form{position:absolute;inset:0;width:100%;height:100%}
.vee__word{position:absolute;left:50%;top:calc(26.38 * var(--s));transform:translateX(-50%);margin:0;color:var(--ink);text-align:center}
.vee__reads{position:absolute;left:50%;top:calc(230 * var(--s));transform:translateX(-50%);margin:0;color:var(--ink);text-align:center;line-height:.9}
.vee__reads span{display:block}
.vee__door{position:absolute;left:50%;transform:translateX(-50%);top:calc(120 * var(--s));margin:0;width:calc(360 * var(--s));text-align:center;color:var(--ink);font-size:calc(8 * var(--s));line-height:1.3;white-space:normal}
.vee__door b{display:block;font-weight:400;font-size:calc(12 * var(--s));margin-bottom:calc(6 * var(--s))}
.vee__door a{text-decoration:none;margin:0 calc(6 * var(--s))}
.vee__studs{position:absolute;inset:0;width:100%;height:100%;color:var(--ink)}

/* ===== the gauge: two half dials reading the six sections ===== */
.gauge{position:absolute;z-index:var(--layer-content);left:0;top:calc(7700 * var(--s));width:100%;height:calc(1401 * var(--s))}
.gauge__dial{position:absolute;top:0;width:calc(1401 * var(--s));height:calc(1401 * var(--s))}
.gauge__dial--left{left:calc(-700.5 * var(--s))}.gauge__dial--right{right:calc(-700.5 * var(--s))}
.gauge__ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%}
.gauge__ring--white{width:100%;height:100%;background:var(--plate)}
.gauge__ring--black{width:calc(1100 * var(--s));height:calc(1100 * var(--s));background:var(--ink)}
.gauge__ring--glass{width:calc(700 * var(--s));height:calc(700 * var(--s));background:rgba(255,255,255,.08);backdrop-filter:blur(calc(8 * var(--s)));-webkit-backdrop-filter:blur(calc(8 * var(--s)))}
.gauge__ring--glass:after{content:"";position:absolute;left:50%;top:50%;width:calc(60 * var(--s));height:calc(60 * var(--s));border-radius:50%;background:var(--bg);transform:translate(-50%,-50%)}
.gauge__words,.gauge__needle{position:absolute;left:0;top:0;width:100%;height:100%}
.gauge__word{position:absolute;left:50%;top:50%;margin:0;transform-origin:0 50%;color:var(--mark);font-size:calc(12 * var(--s));white-space:nowrap;transform:rotate(var(--a)) translateX(calc(var(--r) * var(--s)))}
.gauge__word.is-read{color:var(--plate);font-size:calc(42 * var(--s));letter-spacing:calc(-1.26 * var(--s));text-transform:uppercase;transform:rotate(var(--a)) translateX(calc(var(--r2) * var(--s)))}
.gauge__word a{text-decoration:none}
.gauge__needle{transform-origin:50% 50%;will-change:transform}
.gauge__needle:before{content:"";position:absolute;left:50%;top:50%;width:calc(640 * var(--s));height:1px;background:var(--plate);transform-origin:0 0}
.gauge__no{position:absolute;left:calc(50% + 560 * var(--s));top:calc(50% - 16 * var(--s));color:var(--plate);font-size:calc(12 * var(--s))}
.gauge__center{position:absolute;left:50%;top:calc(560 * var(--s));transform:translateX(-50%);margin:0;color:var(--plate);text-align:center;font-size:calc(12 * var(--s));line-height:calc(18 * var(--s))}
.gauge__center i{display:block;font-style:normal;color:var(--mark);font-size:calc(8 * var(--s))}
.gauge__shape{position:absolute;left:50%;top:50%;width:calc(246 * var(--s));height:calc(246 * var(--s));transform:translate(-50%,-50%);background:var(--plate);will-change:transform,border-radius}

/* ===== the poster: the manifesto, set letter by letter ===== */
.poster{position:absolute;z-index:var(--layer-content);left:0;top:calc(9200 * var(--s));width:100%;height:calc(1617 * var(--s))}
.poster__edge{position:absolute;left:0;top:0;width:100%;height:100%;fill:none;stroke:var(--plate);stroke-width:0}
.poster__say{--say:118;--lead:calc(var(--say) * .9);position:absolute;left:0;top:calc(100 * var(--s));width:100%;height:calc(520 * var(--s));margin:0;font-size:calc(var(--say) * var(--s));letter-spacing:calc(-2.76 * var(--s));line-height:.9;color:var(--plate)}
.poster__line{position:absolute;left:calc(var(--x) * var(--s));top:calc((var(--top,6) + var(--n) * var(--lead)) * var(--s));white-space:pre}
.poster__line .ch{display:inline-block;will-change:transform}
.poster__shot{position:absolute;left:calc(20 * var(--s));top:calc(720 * var(--s));width:calc(335 * var(--s));height:calc(426 * var(--s))}
.poster__no,.poster__kicker,.poster__name,.poster__list,.poster__advice,.poster__tell{position:absolute;margin:0;color:var(--plate);white-space:nowrap}
.poster__no--one{left:calc(375 * var(--s));top:calc(730 * var(--s))}
.poster__kicker--one{left:calc(504 * var(--s));top:calc(720 * var(--s));color:var(--mark)}
.poster__name{left:calc(504 * var(--s));top:calc(728 * var(--s));font-size:calc(12 * var(--s))}
.poster__no{left:calc(583 * var(--s));top:calc((720 + var(--top)) * var(--s));font-size:calc(8 * var(--s))}
.poster__list{left:calc(614 * var(--s));top:calc((720 + var(--top)) * var(--s));font-size:calc(8 * var(--s));line-height:1.1}
.poster__list b{display:block;font-weight:400;margin-bottom:calc(6 * var(--s))}
.poster__list span{display:block}
.poster__list--dim,.poster__no--dim{color:var(--mark)}
.poster__about{position:absolute;left:calc(375 * var(--s));top:calc(1000 * var(--s));width:calc(560 * var(--s));margin:0;color:var(--plate);font-size:calc(12 * var(--s));line-height:1.3;white-space:normal}
.poster__about p+p{margin-top:calc(12 * var(--s))}
.poster__advice{font-size:calc(8 * var(--s));color:var(--mark)}
.poster__advice--one{left:calc(730 * var(--s));top:calc(712 * var(--s))}
.poster__advice--two{left:calc(1084 * var(--s));top:calc(712 * var(--s))}
.poster__tell{--say:42;--lead:calc(var(--say) * .9);font-size:calc(var(--say) * var(--s));letter-spacing:calc(-1.26 * var(--s));line-height:.9;text-transform:uppercase;top:calc(730 * var(--s));left:0;width:100%}
.poster__tell a{text-decoration:none}
.poster__dial{position:absolute;left:calc(1084 * var(--s));top:calc(1000 * var(--s));width:calc(246 * var(--s));height:calc(246 * var(--s));border-radius:50%;border:1px solid var(--plate)}
.poster__hand{position:absolute;left:calc(1207 * var(--s));top:calc(1123 * var(--s));width:calc(123 * var(--s));height:calc(20 * var(--s));transform-origin:0 0;color:var(--plate)}
.poster__hand:after{content:"";position:absolute;left:0;top:calc(19 * var(--s));width:100%;height:1px;background:currentColor}
.poster__hand b,.poster__hand i{position:absolute;font-weight:400;font-style:normal;white-space:nowrap;line-height:1.5}
.poster__no--clock{left:0;top:calc(3 * var(--s));font-size:calc(8 * var(--s))}
.poster__kicker--clock{left:calc(40 * var(--s));top:calc(-8 * var(--s));font-size:calc(8 * var(--s));color:var(--mark)}
.poster__name--clock{left:calc(40 * var(--s));top:0;font-size:calc(12 * var(--s))}
.poster__seat{position:absolute;left:calc(730 * var(--s));top:calc(1000 * var(--s));width:calc(246 * var(--s));height:calc(246 * var(--s));border-radius:50%;background:var(--plate);opacity:0}

/* ===== the field: the dispatch ===== */
.field{--dash-on:calc(4 * var(--s));--dash-off:calc(8 * var(--s));position:absolute;z-index:var(--layer-content);left:50%;top:calc(10900 * var(--s));width:calc(var(--content) * var(--s));height:calc(760 * var(--s));margin-left:calc(var(--content) / -2 * var(--s));cursor:crosshair;overflow:hidden;
  background-image:repeating-linear-gradient(to right,var(--dash) 0 var(--dash-on),transparent var(--dash-on) var(--dash-off)),repeating-linear-gradient(to right,var(--dash) 0 var(--dash-on),transparent var(--dash-on) var(--dash-off)),repeating-linear-gradient(to bottom,var(--dash) 0 var(--dash-on),transparent var(--dash-on) var(--dash-off)),repeating-linear-gradient(to bottom,var(--dash) 0 var(--dash-on),transparent var(--dash-on) var(--dash-off));
  background-position:0 0,0 100%,0 0,100% 0;background-repeat:no-repeat;background-size:100% 1px,100% 1px,1px 100%,1px 100%}
.field__rule{position:absolute;background:repeating-linear-gradient(to right,var(--dash) 0 var(--dash-on),transparent var(--dash-on) var(--dash-off));opacity:.5}
.field__rule--h{left:0;top:50%;width:100%;height:1px}
.field__rule--v{left:50%;top:0;width:1px;height:100%;background:repeating-linear-gradient(to bottom,var(--dash) 0 var(--dash-on),transparent var(--dash-on) var(--dash-off))}
.field__rule--d1,.field__rule--d2{left:50%;top:50%;width:calc(1600 * var(--s));height:1px;transform-origin:0 0;opacity:.3}
.field__rule--d1{transform:translate(-50%,-50%) rotate(28.5deg)}
.field__rule--d2{transform:translate(-50%,-50%) rotate(-28.5deg)}
.field__says{position:absolute;inset:0;color:var(--plate)}
.field__tick,.field__call{position:absolute;margin:0;font-size:calc(42 * var(--s));letter-spacing:calc(-1.26 * var(--s));line-height:.9;white-space:nowrap}
.field__tick--top{left:calc(40 * var(--s));top:calc(40 * var(--s))}
.field__tick--foot{right:calc(40 * var(--s));bottom:calc(40 * var(--s))}
.field__call--left{left:calc(40 * var(--s));bottom:calc(40 * var(--s));font-size:calc(12 * var(--s));letter-spacing:0;line-height:1.2}
.field__call--right{right:calc(40 * var(--s));top:calc(40 * var(--s));font-size:calc(12 * var(--s));letter-spacing:0;line-height:1.2;text-align:right}
.field__mask{display:inline-block;overflow:hidden;vertical-align:bottom}
.field__word{display:inline-block;transform:translateY(110%);opacity:calc(1 - var(--phase,0) * .75)}
.field__form{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(520 * var(--s));background:var(--plate);color:var(--ink);padding:calc(30 * var(--s)) calc(30 * var(--s)) calc(28 * var(--s))}
.field__form h2{font-size:calc(42 * var(--s));letter-spacing:calc(-1.26 * var(--s));line-height:.9;text-transform:uppercase;margin:0 0 calc(14 * var(--s));white-space:normal}
.field__form p{font-size:calc(12 * var(--s));line-height:1.3;color:var(--mark);margin:0 0 calc(18 * var(--s));white-space:normal}
.field__form .row{display:flex;gap:calc(10 * var(--s))}
.field__form input{flex:1;font:inherit;font-size:calc(12 * var(--s));padding:calc(10 * var(--s)) calc(12 * var(--s));border:1px solid var(--grey);background:var(--grey2);color:var(--ink);outline:none;min-width:0}
.field__form button,.field__form a.btn{font:inherit;font-size:calc(12 * var(--s));padding:calc(10 * var(--s)) calc(22 * var(--s));border:0;background:var(--ink);color:var(--plate);cursor:pointer;text-decoration:none;transition:opacity .35s;white-space:nowrap}
.field__form button:hover,.field__form a.btn:hover{opacity:.7}
.field__form small{display:block;margin-top:calc(10 * var(--s));font-size:calc(8 * var(--s));color:var(--mark)}
.field__form form{margin:0}
.field__form .dispatch__msg{margin:calc(10 * var(--s)) 0 0;min-height:calc(14 * var(--s));color:var(--ink)}
.field__form .dispatch__msg:empty{margin:0;min-height:0}
.field__form small a{color:var(--ink)}
.dispatch.is-busy button{opacity:.5;pointer-events:none}

/* ===== the footer: the arrival, once more ===== */
.footer{position:absolute;z-index:var(--layer-content);left:0;top:calc(11800 * var(--s));width:100%;height:calc(420 * var(--s));font-size:calc(12 * var(--s))}
.footer__logo{position:absolute;left:calc(19 * var(--s));top:0;width:calc(1401 * var(--s));height:calc(214.657 * var(--s));color:var(--plate);display:block;overflow:hidden}
.footer__line{position:absolute;left:calc(var(--margin) * var(--s));top:calc(236 * var(--s));width:calc(var(--content) * var(--s));height:calc(29 * var(--s));color:var(--ink)}
.footer__bar,.footer__box{position:absolute;background:var(--plate);transform-origin:top}
.footer__bar{left:0;top:0;width:100%;height:calc(16 * var(--s))}
.footer__box{left:calc(696 * var(--s));top:0;width:calc(353 * var(--s));height:calc(29 * var(--s))}
.footer__line p{position:absolute;margin:0;white-space:nowrap}
.footer__credits{left:calc(10 * var(--s));top:calc(-1.5 * var(--s));line-height:calc(18 * var(--s))}
.footer__season{left:calc(704 * var(--s));top:calc(2.5 * var(--s));line-height:calc(12 * var(--s))}
.footer__by{right:calc(9 * var(--s));top:calc(-1.5 * var(--s));line-height:calc(18 * var(--s))}
.footer__links{position:absolute;left:calc(var(--margin) * var(--s));top:calc(300 * var(--s));width:calc(var(--content) * var(--s));display:grid;grid-template-columns:repeat(3,1fr);color:var(--plate);font-size:calc(12 * var(--s));line-height:calc(18 * var(--s))}
.footer__links h4{margin:0 0 calc(6 * var(--s));font-size:calc(8 * var(--s));color:var(--mark)}
.footer__links a{display:block;text-decoration:none;width:fit-content}
.footer__links a:hover{color:var(--muted)}
.footer__links p{margin:0;color:var(--mark);font-size:calc(8 * var(--s))}
.page-bottom{height:calc(12300 * var(--s))}

/* ===== notes mode (the index of what is on this page) ===== */
.note{--pad:calc(3 * var(--s));position:absolute;width:calc(140 * var(--s));height:calc(var(--h) * var(--s));background:var(--note);color:var(--ink);opacity:0;pointer-events:none;user-select:none;margin:0;transition:opacity .18s;z-index:calc(var(--layer-burst) + 1)}
.note__label,.note__text{position:absolute;margin:0;font-size:calc(8 * var(--s));white-space:normal}
.note__label{left:calc(10 * var(--s));top:calc(6 * var(--s));opacity:.4}
.note__text{left:calc(41 * var(--s));top:calc(8 * var(--s));width:calc(var(--w) * var(--s));line-height:1}
.is-notes .note{opacity:1;pointer-events:auto}
.note a{text-decoration:none}

/* ===== inner pages: the plate column ===== */
.page{position:relative;z-index:var(--layer-content);padding:calc(70 * var(--s)) 0 calc(120 * var(--s))}
.sheet{position:relative;width:calc(760 * var(--s));max-width:calc(100vw - 32px);margin:0 auto;background:var(--plate);color:var(--ink);padding:calc(60 * var(--s)) calc(80 * var(--s)) calc(80 * var(--s))}
.sheet--wide{width:calc(1100 * var(--s))}
.sheet--full{width:calc(1400 * var(--s))}
.sheet .stamp{position:relative;margin-bottom:calc(40 * var(--s))}
.sheet .stamp .idx{position:absolute;left:calc(-50 * var(--s));top:calc(2 * var(--s));font-size:var(--f8)}
.sheet .stamp .kick{font-size:var(--f8);color:var(--mark);margin-bottom:calc(6 * var(--s))}
.sheet .stamp h1{font-size:var(--f42);letter-spacing:calc(-1.26 * var(--s));line-height:.92;text-transform:uppercase;margin:0 0 calc(18 * var(--s))}
.sheet .stamp .dek{font-size:var(--f12);line-height:1.3;color:var(--muted);max-width:calc(560 * var(--s))}
.sheet .stamp .by{font-size:var(--f8);color:var(--mark);margin-top:calc(14 * var(--s))}
.sheet .stamp .spec{position:static;margin-top:calc(16 * var(--s));font-size:var(--f8);line-height:1.25;color:var(--ink)}
.sheet .stamp .spec a{text-decoration:none;color:inherit}
.sheet .stamp .spec a:hover{color:var(--muted)}
.prose{font-size:var(--f14);line-height:1.5;max-width:calc(600 * var(--s))}
.prose>*+*{margin-top:calc(14 * var(--s))}
.prose h2{font-size:var(--f12);line-height:1.2;margin-top:calc(44 * var(--s));padding-top:calc(14 * var(--s));border-top:1px solid var(--grey);display:grid;grid-template-columns:calc(40 * var(--s)) 1fr;gap:0}
.prose h2:before{content:attr(data-n);font-size:var(--f8);color:var(--mark);line-height:1.6}
.prose h2 .kick{display:block;font-size:var(--f8);color:var(--mark);margin-bottom:calc(2 * var(--s))}
.prose h3{font-size:var(--f12);line-height:1.3;margin-top:calc(28 * var(--s));color:var(--ink)}
.prose h4{font-size:var(--f8);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-top:calc(22 * var(--s))}
.prose p{margin-top:calc(14 * var(--s))}
.prose p[data-em],.prose p.lead{color:var(--muted)}
.prose [data-ar],.prose .ar{font-family:var(--arabic);font-size:calc(var(--f14) * 1.7);line-height:1.9;direction:rtl;text-align:right;color:var(--ink);margin-top:calc(18 * var(--s))}
.prose [data-tl],.prose .tl{color:var(--muted);font-size:var(--f12)}
.prose .cite,.prose [data-label]{font-size:var(--f8);color:var(--mark);text-transform:none}
.prose blockquote{margin:calc(18 * var(--s)) 0 0;padding-left:calc(40 * var(--s));border-left:1px solid var(--grey);color:var(--muted)}
.prose ul,.prose ol{padding-left:calc(40 * var(--s));margin-top:calc(10 * var(--s))}
.prose li+li{margin-top:calc(6 * var(--s))}
.prose a{color:inherit;text-decoration:none;border-bottom:1px solid currentColor;transition:color .35s}
.prose a:hover{color:var(--muted)}
.prose hr{border:0;border-top:1px solid var(--grey);margin:calc(36 * var(--s)) 0 0}
.prose img{max-width:100%;height:auto;filter:grayscale(1)}
.prose table{border-collapse:collapse;width:100%;font-size:var(--f12);margin-top:calc(14 * var(--s))}
.prose th,.prose td{text-align:left;padding:calc(8 * var(--s)) calc(8 * var(--s)) calc(8 * var(--s)) 0;border-top:1px solid var(--grey);vertical-align:top}
.prose th{font-weight:400;color:var(--mark);font-size:var(--f8)}
.prose .verse{margin-top:calc(24 * var(--s));padding-top:calc(12 * var(--s));border-top:1px solid var(--grey)}
.prose .verse .n{font-size:var(--f8);color:var(--mark)}
.prose .div{text-align:center;color:var(--mark);letter-spacing:.4em;font-size:var(--f8);margin-top:calc(28 * var(--s))}
.prose .quiz{border:1px solid var(--grey);padding:calc(20 * var(--s));margin-top:calc(30 * var(--s))}
.prose .quiz [data-btn]{display:block;padding:calc(6 * var(--s)) 0;border-top:1px solid var(--grey2);font-size:var(--f12)}
.prose .quiz [data-btn]:first-child{border-top:0}
.prose .names{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(1 * var(--s));margin-top:calc(20 * var(--s));background:var(--grey)}
.prose .names>*{background:var(--plate);padding:calc(14 * var(--s)) calc(12 * var(--s)) calc(12 * var(--s))}
.prose .names [data-ar]{font-size:calc(var(--f14) * 1.5);text-align:left;direction:rtl;margin:0;line-height:1.5}
.sheet .foot{margin-top:calc(60 * var(--s));padding-top:calc(16 * var(--s));border-top:1px solid var(--grey);font-size:var(--f8);color:var(--mark);display:flex;justify-content:space-between;gap:calc(20 * var(--s));flex-wrap:wrap}
.sheet .foot a{text-decoration:none;color:var(--ink)}
.sheet .foot a:hover{color:var(--muted)}
.sheet .foot span{display:inline-block;margin-right:calc(16 * var(--s))}

/* lists on plates: index pages */
.ls{list-style:none;margin:calc(10 * var(--s)) 0 0;padding:0}
.ls li{border-top:1px solid var(--grey);display:grid;grid-template-columns:calc(48 * var(--s)) 1fr auto;gap:calc(16 * var(--s));align-items:baseline;padding:calc(12 * var(--s)) 0 calc(11 * var(--s))}
.ls li:last-child{border-bottom:1px solid var(--grey)}
.ls a{text-decoration:none;color:inherit;font-size:var(--f12);line-height:1.2;transition:color .35s}
.ls a:hover{color:var(--muted)}
.ls b,.ls i,.ls em{font-weight:400;font-style:normal;font-size:var(--f8);color:var(--mark)}
.ls small{display:block;font-size:var(--f8);color:var(--mark);margin-top:calc(4 * var(--s));line-height:1.3;white-space:normal}
.ls .ar{font-family:var(--arabic);direction:rtl;font-size:calc(var(--f12) * 1.3);color:var(--ink);white-space:nowrap}
.ls--3{columns:3;column-gap:calc(40 * var(--s))}
.ls--3 li{break-inside:avoid}
.ls--2{columns:2;column-gap:calc(40 * var(--s))}
.ls--2 li{break-inside:avoid}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(20 * var(--s));margin-top:calc(30 * var(--s))}
.card{background:var(--grey2);padding:calc(18 * var(--s));text-decoration:none;color:var(--ink);display:block;transition:background .35s;min-height:calc(130 * var(--s))}
.card:hover{background:var(--grey)}
.card .kick{display:block;margin-bottom:calc(10 * var(--s))}
.card b{font-weight:400;font-size:var(--f12);display:block;line-height:1.2}
.card small{display:block;font-size:var(--f8);color:var(--muted);margin-top:calc(8 * var(--s));line-height:1.3}
.sheet .section{margin-top:calc(48 * var(--s));padding-top:calc(16 * var(--s));border-top:1px solid var(--grey)}
.sheet .section>.kick{font-size:var(--f8);color:var(--mark)}
.sheet .section>h2{font-size:var(--f12);margin:calc(2 * var(--s)) 0 0}
.sheet .section>p{font-size:var(--f12);color:var(--muted);line-height:1.4;margin-top:calc(8 * var(--s));max-width:calc(560 * var(--s))}
.sheet .section>p a{color:var(--ink);text-decoration:none;border-bottom:1px solid currentColor}
.search input{width:100%;font:inherit;font-size:var(--f14);padding:calc(14 * var(--s)) 0;border:0;border-bottom:1px solid var(--ink);background:none;outline:none;color:var(--ink)}
.search .count{font-size:var(--f8);color:var(--mark);margin-top:calc(10 * var(--s))}

/* clock face on inner pages lives in the nav as a 16 unit dot */
.sheet .ar-big{font-family:var(--arabic);font-size:calc(var(--f42) * .9);line-height:1.7;direction:rtl;text-align:right;margin:0 0 calc(10 * var(--s))}

/* ===== small screens: the poster becomes a column ===== */
.m-home{display:none}
@media (max-width:900px){
  :root{--s:1.2px;--f42:clamp(26px,calc(42 * var(--s)),40px)}
  .is-home .desk-only,.is-home .logo-fixed,.is-home .screen,.is-home .block-one,.is-home .ground,.is-home .wide,.is-home .tag,.is-home .side,.is-home .screens,.is-home .notes,.is-home .clock-section,.is-home .fog,.is-home .seven,.is-home .deck,.is-home .win,.is-home .vee,.is-home .gauge,.is-home .poster,.is-home .field,.is-home .footer,.is-home .page-bottom{display:none}
  .m-home{display:block;position:relative;z-index:var(--layer-content);padding-block:72px 60px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));color:var(--plate)}
  .m-home .m-logo{width:100%;height:auto;color:var(--plate);display:block;margin:8px 0 14px}
  .m-home .m-nav{background:var(--plate);color:var(--ink);font-size:var(--f12);line-height:1.4;padding:8px 10px;display:flex;flex-wrap:wrap;gap:6px 14px}
  .m-home .m-nav a{text-decoration:none}
  .m-home .m-lede{font-size:var(--f12);line-height:1.4;color:var(--mark);margin:18px 2px 24px}
  .m-plate{position:relative;background:var(--plate);color:var(--ink);padding:18px 16px 20px;margin:12px 0;overflow:hidden}
  .m-plate.is-dark{background:var(--ink);color:var(--plate)}
  .m-plate .m-stamp{display:grid;grid-template-columns:32px 1fr;gap:0 8px;align-items:start;margin-bottom:12px}
  .m-plate .m-stamp .idx{font-size:var(--f8);padding-top:14px}
  .m-plate .m-stamp .kick{font-size:var(--f8);color:var(--mark);display:block}
  .m-plate .m-stamp .ttl{font-size:var(--f12);line-height:1.3}
  .m-plate .m-stamp a{text-decoration:none;color:inherit}
  .m-plate .m-photo{position:relative;width:100%;aspect-ratio:4/3;overflow:hidden;margin:0 0 14px}
  .m-plate .m-photo img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.04)}
  .m-plate .m-specs{display:grid;grid-template-columns:1fr 1fr;gap:14px 12px;margin-top:6px}
  .m-plate .m-specs .spec{position:static;font-size:var(--f8);line-height:1.35;white-space:normal}
  .m-plate .m-specs .no{font-size:var(--f8);margin-bottom:2px}
  .m-plate .body{position:static;font-size:var(--f12);line-height:1.45;color:var(--muted);white-space:normal;margin-top:6px}
  .m-plate .m-link{display:inline-block;margin-top:14px;font-size:var(--f8);text-decoration:none;border-bottom:1px solid currentColor}
  .m-plate .m-shout{font-size:var(--f42);letter-spacing:-.03em;line-height:.9;text-transform:uppercase;margin:6px 0 4px;white-space:normal}
  .m-plate .m-reel{height:150px;overflow:hidden;position:relative;margin-top:12px}
  .m-plate .m-reel-in{position:absolute;left:0;top:0;font-size:var(--f42);letter-spacing:-.03em;line-height:.9;white-space:nowrap}
  .m-plate .m-reel-in span{display:block}
  .m-plate .ls li{grid-template-columns:32px 1fr auto;padding:9px 0 8px}
  .m-plate .ls a{font-size:var(--f12)}
  .m-plate .m-clock{position:relative;width:min(100%,320px);aspect-ratio:1;margin:8px auto 4px}
  .m-plate .m-clock .face{position:absolute;inset:0;width:100%;height:100%}
  .m-plate .m-clock .face__ticks path{stroke:var(--grey3)}
  .m-plate .m-clock .m-clock__mid{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center}
  .m-plate .m-clock .m-clock__mid .kick{font-size:var(--f8);color:var(--mark)}
  .m-plate .m-clock .m-clock__mid .ttl{font-size:var(--f12)}
  .m-plate .m-disc{position:relative;width:min(100%,320px);aspect-ratio:1;margin:8px auto 4px;border-radius:50%;background:var(--ink);color:var(--plate);overflow:hidden}
  .m-plate .m-disc .side-a__spin{position:absolute;inset:0;border-radius:50%}
  .m-plate .m-disc .side-a__shout{position:absolute;left:50%;top:10%;transform:translateX(-50%);text-align:center;color:var(--plate);font-size:clamp(18px,7vw,28px);letter-spacing:-.03em;line-height:.95;text-transform:uppercase;white-space:nowrap}
  .m-plate .m-disc .side-a__shout span{display:block}
  .m-plate .m-disc .side-a__shout span:empty{height:20px}
  .m-plate .m-disc .m-core{position:absolute;left:50%;top:50%;width:34%;height:34%;transform:translate(-50%,-50%);border-radius:50%;background:rgba(255,255,255,.35);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
  .m-plate .m-tri{position:relative;width:100%;aspect-ratio:704/609;margin:10px 0 0;color:var(--grey2)}
  .m-plate .m-tri svg{position:absolute;inset:0;width:100%;height:100%}
  .m-plate .m-tri .m-shout{position:absolute;left:50%;top:14%;transform:translateX(-50%);text-align:center;font-size:clamp(16px,6vw,26px)}
  .m-plate .m-tri .m-shout span{display:block}
  .m-plate .m-form{margin-top:14px}
  .m-plate .m-form input{width:100%;font:inherit;font-size:var(--f12);padding:12px;border:1px solid var(--grey);background:var(--grey2);color:var(--ink);outline:none;margin-bottom:8px}
  .m-plate .m-form .btn{display:block;text-align:center;font-size:var(--f12);padding:12px;background:var(--ink);color:var(--plate);text-decoration:none}
  .m-plate .m-form small{display:block;margin-top:8px;font-size:var(--f8);color:var(--mark)}
  .m-plate .m-form .dispatch__msg{margin:8px 0 0;font-size:var(--f12);color:var(--ink);min-height:0}
  .m-plate .m-form .btn{width:100%;border:0;cursor:pointer;font:inherit;font-size:var(--f12)}
  .m-plate .m-steps{display:grid;gap:12px;margin-top:8px}
  .m-plate .m-steps p{font-size:var(--f8);line-height:1.35;white-space:normal}
  .m-plate .m-steps b{display:block;font-weight:400;font-size:var(--f12);margin-bottom:3px}
  .m-plate .m-steps a{display:inline-block;margin-top:5px;text-decoration:none;border-bottom:1px solid currentColor}
  .m-plate .m-say{font-size:clamp(28px,9vw,44px);letter-spacing:-.03em;line-height:.95;white-space:normal;margin:6px 0 14px}
  .m-plate .m-say i{font-style:normal;color:var(--mark)}
  .m-foot{margin-top:28px;font-size:var(--f12);line-height:1.6}
  .m-foot h4{font-size:var(--f8);color:var(--mark);margin:18px 0 4px}
  .m-foot a{display:block;text-decoration:none;color:var(--plate)}
  .m-foot p{font-size:var(--f8);color:var(--mark);margin:0}
  .m-foot .m-logo{margin-top:30px}
  /* inner pages */
  .back-nav{font-size:var(--f12);height:auto;padding:7px 10px;left:0;width:100%;top:0;transform:translateY(-110%)}
  .back-nav p{position:static;line-height:1.4;white-space:normal}
  .back-nav__links{margin-top:4px}
  .back-nav__links .u{margin:0 10px 0 0}
  .page{padding:72px 0 60px}
  .sheet,.sheet--wide,.sheet--full{width:auto;max-width:none;margin:0 max(16px,env(safe-area-inset-left,0px)) 0 max(16px,env(safe-area-inset-right,0px));padding:22px 16px 30px}
  .sheet .stamp .idx{position:static;display:block;margin-bottom:8px}
  .sheet .stamp h1{line-height:.95}
  .sheet .stamp .dek{max-width:none}
  .prose{max-width:none}
  .prose h2{grid-template-columns:30px 1fr}
  .prose blockquote{padding-left:16px}
  .prose ul,.prose ol{padding-left:20px}
  .cards{grid-template-columns:1fr 1fr;gap:8px}
  .card{padding:12px;min-height:0}
  .ls--3,.ls--2{columns:1}
  .prose .names{grid-template-columns:1fr 1fr}
  .sheet .foot{flex-direction:column;gap:10px}
}
@media (max-width:560px){
  .cards{grid-template-columns:1fr}
  .prose .names{grid-template-columns:1fr}
}

/* ===== listen: the page read aloud ===== */
.listen{display:flex;align-items:center;flex-wrap:wrap;gap:calc(14 * var(--s));margin:calc(22 * var(--s)) 0 calc(6 * var(--s));padding:calc(12 * var(--s)) 0;border-top:1px solid var(--grey);border-bottom:1px solid var(--grey);font-size:var(--f8)}
.listen__play{font:inherit;font-size:var(--f12);color:var(--ink);background:none;border:0;padding:0;cursor:pointer;display:inline-flex;align-items:center;gap:calc(8 * var(--s))}
.listen__dot{width:calc(10 * var(--s));height:calc(10 * var(--s));border-radius:50%;background:var(--ink);transition:transform .35s}
.listen__play.is-on .listen__dot{animation:pulse 1.2s infinite}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(.6)}}
.listen__voice{display:inline-flex;border:1px solid var(--grey)}
.listen__voice button,.rafiq__voice button{font:inherit;font-size:var(--f8);background:none;border:0;padding:calc(5 * var(--s)) calc(10 * var(--s));color:var(--mark);cursor:pointer}
.listen__voice button[aria-pressed=true],.rafiq__voice button[aria-pressed=true]{background:var(--ink);color:var(--plate)}
.listen__state{color:var(--mark)}
.is-reading{color:var(--ink) !important;box-shadow:calc(-10 * var(--s)) 0 0 0 var(--plate),calc(-11 * var(--s)) 0 0 0 var(--ink)}
.playline{font:inherit;font-size:var(--f8);background:none;border:1px solid var(--grey);padding:calc(4 * var(--s)) calc(10 * var(--s));color:var(--ink);cursor:pointer;margin-top:calc(8 * var(--s))}
.playline:hover{border-color:var(--ink)}

/* ===== rafīq ===== */
.rafiq{margin-top:calc(30 * var(--s))}
.rafiq__gate p{font-size:var(--f12);line-height:1.5;color:var(--muted);max-width:calc(560 * var(--s));margin-top:calc(10 * var(--s))}
.rafiq__gate .row{display:flex;flex-wrap:wrap;gap:calc(10 * var(--s));margin-top:calc(18 * var(--s))}
.btn-ink,.btn-grey{font:inherit;font-size:var(--f12);padding:calc(10 * var(--s)) calc(20 * var(--s));border:0;cursor:pointer;text-decoration:none;display:inline-block;transition:opacity .35s}
.btn-ink{background:var(--ink);color:var(--plate)}.btn-grey{background:var(--grey);color:var(--ink)}
.btn-ink:hover,.btn-grey:hover{opacity:.75}
.rafiq__bar{display:flex;flex-wrap:wrap;align-items:center;gap:calc(10 * var(--s));padding:calc(10 * var(--s)) 0;border-top:1px solid var(--grey);border-bottom:1px solid var(--grey);font-size:var(--f8)}
.rafiq__bar button{font:inherit;font-size:var(--f8);background:none;border:1px solid var(--grey);padding:calc(5 * var(--s)) calc(10 * var(--s));color:var(--ink);cursor:pointer}
.rafiq__bar button[aria-pressed=true]{background:var(--ink);color:var(--plate);border-color:var(--ink)}
.rafiq__voice{display:inline-flex;border:1px solid var(--grey)}
.rafiq__voice button{border:0 !important}
.rafiq__log{min-height:calc(280 * var(--s));max-height:60vh;overflow:auto;padding:calc(14 * var(--s)) 0;display:flex;flex-direction:column;gap:calc(14 * var(--s))}
.msg{display:grid;grid-template-columns:calc(60 * var(--s)) 1fr auto;gap:calc(10 * var(--s));align-items:start}
.msg__who{font-size:var(--f8);color:var(--mark);padding-top:calc(3 * var(--s))}
.msg__body{font-size:var(--f14);line-height:1.5;max-width:calc(560 * var(--s))}
.msg__body p+p{margin-top:calc(8 * var(--s))}
.msg--user .msg__body{color:var(--muted)}
.msg__play{font:inherit;font-size:var(--f8);background:none;border:1px solid var(--grey);padding:calc(3 * var(--s)) calc(8 * var(--s));color:var(--ink);cursor:pointer}
.rafiq__form{display:flex;gap:calc(8 * var(--s));border-top:1px solid var(--grey);padding-top:calc(12 * var(--s));align-items:flex-end}
.rafiq__input{flex:1;min-width:0;font:inherit;font-size:var(--f14);line-height:1.4;padding:calc(10 * var(--s)) 0;border:0;border-bottom:1px solid var(--ink);background:none;outline:none;color:var(--ink);resize:none;max-height:calc(140 * var(--s))}
.rafiq__form button{font:inherit;font-size:var(--f12);background:var(--ink);color:var(--plate);border:0;padding:calc(10 * var(--s)) calc(18 * var(--s));cursor:pointer}
.rafiq__form button[data-act=mic]{background:none;color:var(--ink);border:1px solid var(--grey)}
.rafiq__form button[data-act=mic][aria-pressed=true]{background:var(--note);border-color:var(--note)}
.rafiq__status{font-size:var(--f8);color:var(--mark);min-height:calc(14 * var(--s));margin-top:calc(8 * var(--s))}
.rafiq__foot{margin-top:calc(16 * var(--s));font-size:var(--f8);color:var(--mark);line-height:1.5}
.rafiq__foot button{font:inherit;font-size:var(--f8);background:none;border:0;padding:0;color:var(--ink);cursor:pointer;text-decoration:underline}
@media (max-width:900px){.msg{grid-template-columns:1fr;gap:4px}.msg__play{justify-self:start}.rafiq__log{max-height:none}}

/* ===== whole blocks are doors ===== */
.hit{position:absolute;inset:0;z-index:3;display:block;text-decoration:none;cursor:pointer}
.hit--round{border-radius:50%}
.hit:focus-visible{outline:2px solid var(--plate);outline-offset:calc(4 * var(--s))}
.block-one:has(.hit:hover) .block-one__title,.wide:has(.hit:hover) .wide__title,.screens:has(.hit:hover) .screens__title,.tag:has(.hit:hover) .tag__word,.side:has(.hit:hover) .side__title,.v-card:has(.hit:hover) .v-card__title,.bar:has(.hit:hover) .bar__title,.pill:has(.hit:hover) .pill__title,.dial:has(.hit:hover) .dial__title,.side-a:has(.hit:hover) .side-a__title,.tri:has(.hit:hover) .tri__title{color:var(--muted)}
.win__shot{cursor:pointer}
/* full-width containers must not swallow clicks meant for the blocks under them */
.clock-section,.seven,.gauge,.poster,.fog,.ground,.notes,.page-bottom{pointer-events:none}
.clock-section .clock,.seven > *,.gauge__dial,.gauge__center,.poster > *{pointer-events:auto}
/* the clock sits under the screens card, not on it */
.clock-section{top:calc(1760 * var(--s))}
.fog{top:calc(2300 * var(--s))}
.seven{top:calc(2340 * var(--s))}

.seven .bar__body,.seven .pill__body,.seven .special__body,.seven .tri__note{white-space:normal}

.w.is-word{background:var(--note);box-shadow:0 0 0 calc(2 * var(--s)) var(--note);color:var(--ink)}

/* ===== membership: the account sheet and the memory line in Rafīq ===== */
.rafiq__memory{font-size:var(--f8);color:var(--ink);margin-top:calc(14 * var(--s));min-height:0}
.rafiq__memory:empty{display:none}
.account__form{margin:calc(18 * var(--s)) 0}
.account__form label{display:block;font-size:var(--f8);color:var(--mark);margin-bottom:calc(14 * var(--s))}
.account__form input,.account__form textarea{display:block;width:100%;box-sizing:border-box;margin-top:calc(6 * var(--s));font:inherit;font-size:var(--f14);padding:calc(10 * var(--s)) 0;border:0;border-bottom:1px solid var(--ink);background:none;outline:none;color:var(--ink);resize:vertical}
.account__form .row{display:flex;flex-wrap:wrap;gap:calc(10 * var(--s))}
.account__form button[disabled]{opacity:.4;cursor:default}
.account__note{font-size:var(--f12);color:var(--ink);min-height:0}
.account__note:empty{display:none}
.account__switches label{display:block;font-size:var(--f12);margin:calc(8 * var(--s)) 0;cursor:pointer}
.account__switches input{margin-right:calc(8 * var(--s));accent-color:#000}
.account__memories li button{font:inherit;font-size:var(--f8);background:none;border:0;padding:0;cursor:pointer;color:var(--ink)}
.account__memories li div{white-space:normal;font-size:var(--f12);line-height:1.5}
.account .prose button.u{font:inherit;background:none;border:0;padding:0;cursor:pointer;color:var(--ink)}
.account.is-busy{opacity:.6;pointer-events:none}