:root{--brass:#c8a24c;--brass-hi:#e6c878;--brass-lo:#7d6327;--magenta:#ff2e97;--ui:"Chakra Petch", system-ui, sans-serif;--ease-iris:cubic-bezier(.7, 0, .2, 1);--gutter:clamp(16px, 4vw, 56px);--max:1320px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;overflow-x:clip}img{max-width:100%;height:auto;display:block}a{color:inherit}@property --shut{syntax:"<number>";inherits:true;initial-value:0}.tr-mark .tr-lens{fill:#0000}.tr-mark .tr-blade{transform-box:view-box;transform-origin:var(--px) var(--py);rotate:calc(var(--shut,0) * 1deg)}.grain:after{content:"";z-index:90;pointer-events:none;opacity:var(--grain,.07);mix-blend-mode:overlay;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='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");animation:1s steps(4,end) infinite grain-shift;position:fixed;inset:-50%}@keyframes grain-shift{0%{transform:translate(0)}25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(-1%,-1%)}}:focus-visible{outline:2px solid var(--magenta);outline-offset:3px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.plate{font:600 1rem/1 var(--ui);letter-spacing:.02em;color:#1a1408;background:linear-gradient(180deg, var(--brass-hi), var(--brass) 45%, var(--brass-lo));border:1px solid #5a4416;border-radius:3px;align-items:center;gap:.6em;padding:.85em 1.4em;text-decoration:none;transition:transform .15s,box-shadow .15s,filter .15s;display:inline-flex;box-shadow:inset 0 1px #ffffff73,inset 0 -2px #00000040,0 2px #00000059}.plate:hover{filter:brightness(1.08)}.plate:active{transform:translateY(2px);box-shadow:inset 0 1px #ffffff4d,0 0 #0000}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@font-face{font-family:IM Fell English;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/IMFellEnglish-400i.woff2)format("woff2")}@font-face{font-family:IM Fell English;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/IMFellEnglish-400.woff2)format("woff2")}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ChakraPetch-400.woff2)format("woff2")}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ChakraPetch-600.woff2)format("woff2")}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/ChakraPetch-700.woff2)format("woff2")}:root{--night:#0c1f22;--night-deep:#081517;--oxide:#15373a;--oxide-hi:#1f4a4d;--parchment:#eadcb8;--parchment-ink:#2b2014;--circuit:#39f0c8;--ember:#e4572e;--text:#dfe8e2;--muted:#8fa9a3;--fell:"IM Fell English", "Iowan Old Style", Georgia, serif;color-scheme:dark}body{background:var(--night);color:var(--text);font:400 1.0625rem/1.6 var(--ui)}.wrap{width:min(100% - 2 * var(--gutter), var(--max));margin-inline:auto}.intro{display:none}[data-intro=play] body{overflow:hidden}[data-intro=play] .intro{--s:min(56vmin, 360px);--r:0px;z-index:100;background:var(--intro-bg);-webkit-mask:radial-gradient(circle at calc(50% - .0469 * var(--s)) calc(50% - .1758 * var(--s)), transparent var(--r), #000 calc(var(--r) + 1px));mask:radial-gradient(circle at calc(50% - .0469 * var(--s)) calc(50% - .1758 * var(--s)), transparent var(--r), #000 calc(var(--r) + 1px));animation:iris-out .9s var(--ease-iris) 2.15s forwards;place-items:center;display:grid;position:fixed;inset:0}@property --r{syntax:"<length>";inherits:false;initial-value:0}@keyframes iris-out{to{--r:150vmax}}.intro-mark{width:var(--s);height:var(--s);filter:var(--intro-glow);grid-area:1/1}.intro-mark .tr-gear{fill:var(--gear-fill)}.intro-mark .tr-body path{fill:var(--body-fill)}.intro-sheen{filter:none;mix-blend-mode:screen;pointer-events:none}.intro-sheen .tr-gear,.intro-sheen .tr-body path,.intro-sheen .tr-blade{fill:url(#tr-sheen)}.intro-defs{width:0;height:0;position:absolute}[data-palette=a] .intro{--intro-bg:radial-gradient(ellipse at 50% 42%, #1d4346 0%, #0c1f22 45%, #050d0e 85%);--gear-fill:url(#tr-brass);--body-fill:url(#tr-brass-body);--intro-glow:drop-shadow(0 2px 0 #2b1f08) drop-shadow(0 18px 40px #0000008c) drop-shadow(0 0 60px #e6be641f);--word:#d8b866}.intro,[data-palette=b] .intro{--intro-bg:radial-gradient(ellipse at 50% 45%, #2a1446 0%, #120b24 45%, #05040b 90%);--gear-fill:url(#tr-brass);--body-fill:url(#tr-brass-body);--intro-glow:drop-shadow(3px 0 0 #ff2e97d9) drop-shadow(-3px 0 0 #39f0c8d9) drop-shadow(0 0 36px #ff2e9773);--word:#ff7cc0}[data-palette=c] .intro{--intro-bg:radial-gradient(ellipse at 50% 42%, #1f4a45 0%, #0c1f22 50%, #040b0c 90%);--gear-fill:url(#tr-copper);--body-fill:url(#tr-brass-body);--intro-glow:drop-shadow(0 2px 0 #1a0d05) drop-shadow(0 18px 40px #0000008c) drop-shadow(0 0 50px #39f0c824);--word:#6fd3bd}.intro-mark .tr-gear{transform-box:view-box;transform-origin:256px 256px;animation:gear-in 1s var(--ease-iris) both}.intro-mark .tr-body,.intro-mark .tr-eye{transform-box:view-box;transform-origin:256px 330px;animation:.8s cubic-bezier(.3,1.4,.5,1) .35s both body-in}.intro-mark .tr-iris{transform-box:view-box;transform-origin:232px 166px;animation:eye-spin .75s var(--ease-iris) 1.05s both}.intro-mark .tr-blade{fill:var(--body-fill)}@keyframes gear-in{0%{opacity:0;transform:rotate(-120deg)scale(.55)}to{opacity:1;transform:none}}@keyframes body-in{0%{opacity:0;transform:translateY(14%)scale(.8)}to{opacity:1;transform:none}}@keyframes eye-spin{0%{transform:rotate(-150deg)scale(0)}70%{transform:rotate(10deg)scale(1.15)}to{transform:none}}.intro-word{font:600 .95rem/1 var(--ui);letter-spacing:.32em;text-transform:uppercase;color:var(--word,var(--brass));grid-area:1/1;align-self:end;margin-bottom:12vh;animation:.6s 1.2s both word-in}@keyframes word-in{0%{opacity:0;letter-spacing:.6em}}.intro-skip{color:var(--brass);font:500 .8rem/1 var(--ui);cursor:pointer;background:0 0;border:1px solid #c8a24c66;border-radius:2px;padding:.6em 1em;position:absolute;bottom:20px;right:20px}.top{z-index:20;padding:18px var(--gutter);justify-content:space-between;align-items:center;gap:1rem;display:flex;position:absolute;inset:0 0 auto}.brand{color:var(--brass);align-items:center;gap:.7rem;text-decoration:none;display:flex}.brand .tr-mark{width:46px;height:46px}.brand .tr-eye{transition:--shut .45s var(--ease-iris)}.brand:hover .tr-eye{--shut:-45}.brand-name{font:400 1.35rem/1 var(--fell);color:var(--parchment)}.brand-name small{font:600 .62rem/1.4 var(--ui);letter-spacing:.3em;text-transform:uppercase;color:var(--brass);display:block}.nav{font:500 .95rem/1 var(--ui);gap:clamp(.8rem,2vw,2rem);display:flex}.nav a{color:var(--text);border-bottom:1px solid #0000;padding:.4em 0;text-decoration:none}.nav a:hover{color:var(--brass-hi);border-color:var(--brass)}.nav .soon{color:var(--muted)}.nav .soon em{color:var(--brass);margin-left:.35em;font-size:.72em;font-style:normal}@media (width<=860px){.nav{display:none}}.hero{isolation:isolate;position:relative}.hero-inner{position:relative}.hero-grid{z-index:1;position:relative}.hero-bg{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.grid-floor{transform-origin:50% 100%;height:46%;opacity:calc(.35 + var(--p,0) * .65);background:linear-gradient(0deg,#0000 0 0),repeating-linear-gradient(90deg,#39f0c847 0 1px,#0000 1px 80px),repeating-linear-gradient(0deg,#ff2e9747 0 1px,#0000 1px 48px);position:absolute;bottom:0;left:-25%;right:-25%;transform:perspective(420px)rotateX(62deg);-webkit-mask:linear-gradient(#0000 15%,#000 90%);mask:linear-gradient(#0000 15%,#000 90%)}.gear-sun{aspect-ratio:1;color:#0000;width:min(78vmin,820px);rotate:calc(var(--p,0) * 90deg);opacity:.5;position:absolute;top:8%;right:-8%;-webkit-mask:repeating-linear-gradient(#000 0 14px,#0000 14px 20px);mask:repeating-linear-gradient(#000 0 14px,#0000 14px 20px)}.gear-sun path{fill:url(#sunfill)}.hero-copy{padding-top:clamp(96px,14vh,150px)}.sd-logo{aspect-ratio:3840/1097;object-fit:cover;-webkit-mask-composite:source-in;width:min(100%,640px);margin-left:-2%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 9% 91%,#0000),linear-gradient(#0000,#000 22% 78%,#0000);mask-image:linear-gradient(90deg,#0000,#000 9% 91%,#0000),linear-gradient(#0000,#000 22% 78%,#0000);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:border-box,border-box;mask-clip:border-box,border-box;-webkit-mask-origin:border-box,border-box;mask-origin:border-box,border-box;mask-composite:intersect;mask-mode:match-source,match-source}.hero h1{font:400 clamp(2.4rem, 5vw, 4.4rem)/.98 var(--fell);letter-spacing:-.01em;color:var(--parchment);text-wrap:balance;max-width:12ch;margin:.3em 0 .35em}.hero h1 .src{font:500 .82rem/1.4 var(--ui);letter-spacing:.04em;color:var(--muted);margin-top:.55em;display:block}.hero p.lede{color:#c5d3cd;max-width:46ch;margin:0 0 1.8rem}.actions{flex-wrap:wrap;align-items:center;gap:.8rem 1.4rem;display:flex}.ghost{font:500 1rem/1 var(--ui);color:var(--text);border-bottom:1px solid var(--brass);padding-bottom:.3em;text-decoration:none}.ghost:hover{color:var(--brass-hi)}.live{font:600 .78rem/1 var(--ui);color:var(--magenta);letter-spacing:.06em;align-items:center;gap:.5em;display:inline-flex}.live:before{content:"";background:var(--magenta);width:8px;height:8px;box-shadow:0 0 10px var(--magenta);border-radius:50%;animation:1.6s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.35}}.portal{place-items:center;display:grid}.portal-stick{width:min(100%,440px);position:relative}.frame{aspect-ratio:994/1538;box-shadow:0 0 0 3px #3a2c10, 0 0 0 9px var(--brass), 0 0 0 11px #3a2c10, 0 0 0 13px var(--brass-lo), 0 30px 80px #0009, 0 0 calc(var(--p) * 90px) rgba(57, 240, 200, calc(var(--p) * .55));background:#000;border-radius:4px;position:relative;overflow:hidden}.frame img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.era-past{filter:sepia(calc(.15 + var(--p) * .4)) contrast(1.05);scale:calc(1 + var(--p) * .08)}.era-ai{--open:clamp(0, (var(--p) - .12) / .7, 1);clip-path:polygon(calc(50% + 0% * var(--open)) calc(50% - 75% * var(--open)), calc(50% + 72% * var(--open)) calc(50% - 38% * var(--open)), calc(50% + 72% * var(--open)) calc(50% + 38% * var(--open)), calc(50% + 0% * var(--open)) calc(50% + 75% * var(--open)), calc(50% - 72% * var(--open)) calc(50% + 38% * var(--open)), calc(50% - 72% * var(--open)) calc(50% - 38% * var(--open)));rotate:calc((1 - var(--open)) * -60deg);scale:calc(1.25 - var(--open) * .25)}.scan{pointer-events:none;opacity:calc(var(--p) * .9);mix-blend-mode:multiply;background:repeating-linear-gradient(0deg,#00000040 0 1px,#0000 1px 3px);position:absolute;inset:0}.rivet{z-index:2;background:radial-gradient(circle at 35% 30%, #fff3c4, var(--brass) 45%, #4a3810);border-radius:50%;width:9px;height:9px;position:absolute}.rivet:first-of-type{top:8px;left:8px}.rivet:nth-of-type(2){top:8px;right:8px}.rivet:nth-of-type(3){bottom:8px;left:8px}.rivet:nth-of-type(4){bottom:8px;right:8px}.plates{text-align:center;height:2.6em;font:600 .8rem/1.3 var(--ui);letter-spacing:.14em;text-transform:uppercase;margin-top:26px;position:relative}.plates span{place-items:center;transition:opacity .3s,transform .3s;display:grid;position:absolute;inset:0}.plates .p1{color:var(--brass);opacity:calc(1 - var(--p) * 2.2)}.plates .p2{color:var(--circuit);opacity:calc(var(--p) * 2.2 - 1.1);text-shadow:2px 0 var(--magenta), -2px 0 #39f0c899}.scroll-cue{text-align:center;font:500 .75rem/1 var(--ui);color:var(--muted);opacity:calc(1 - var(--p) * 4);margin-top:1rem}@media (width>=900px){.hero{height:230vh}.hero-inner{height:100svh;position:sticky;top:0}.hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:clamp(2rem,5vw,6rem);height:100%;padding-top:70px;display:grid}.hero-copy{padding-top:40px}.portal-stick{width:min(100%,64.6294svh - 148.648px)}}@media (width<=899.98px){.hero-copy{padding-bottom:3.5rem}.portal{align-items:start;height:150svh}.portal-stick{width:min(78vw,64.6294svh - 122.796px);position:sticky;top:max(70px,50svh - 46vh + 40px)}.gear-sun{opacity:.35;width:120vw;top:auto;bottom:8%;right:-45%}}.broadside{color:var(--parchment-ink);background:radial-gradient(ellipse at 20% 0%, #ffffff59, transparent 60%), radial-gradient(ellipse at 90% 100%, #78501e40, transparent 55%), var(--parchment);clip-path:polygon(0 1.4vw,6% 0,14% 1vw,23% .2vw,31% 1.2vw,42% 0,55% .9vw,63% .1vw,74% 1.3vw,86% .2vw,94% 1vw,100% 0,100% calc(100% - 1vw),90% 100%,79% calc(100% - 1.2vw),66% calc(100% - .2vw),52% calc(100% - 1.1vw),39% 100%,27% calc(100% - .9vw),15% calc(100% - .1vw),6% calc(100% - 1.2vw),0 100%);padding:clamp(4rem,10vw,8rem) 0;position:relative}.broadside blockquote{margin:0}.broadside blockquote p{font:italic 400 clamp(2rem, 4.6vw, 4.2rem)/1.08 var(--fell);text-wrap:balance;max-width:22ch;margin:0}.broadside .rule{background:linear-gradient(var(--parchment-ink) 0 1px, transparent 1px 4px, var(--parchment-ink) 4px);width:140px;height:6px;margin:2rem 0 1rem}.broadside cite{font:600 .9rem/1.5 var(--ui);letter-spacing:.02em;font-style:normal}.broadside .inner{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3rem;display:grid}.broadside .seal{color:#6b2a17;opacity:.85;width:clamp(120px,18vw,230px);rotate:-8deg}@media (width<=700px){.broadside .inner{grid-template-columns:1fr}.broadside .seal{justify-self:end;width:110px;margin-top:-1rem}}.sec{padding:clamp(4.5rem,10vw,8.5rem) 0}.sec-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:clamp(2rem,4vw,3.5rem);display:flex}.sec-head h2{font:400 clamp(2.2rem, 4.4vw, 3.6rem)/1 var(--fell);color:var(--parchment);margin:0}.sec-head p{max-width:44ch;color:var(--muted);margin:0}.books{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.5rem,4vw,4rem);display:grid}.book{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start;gap:clamp(1.2rem,2.5vw,2.2rem);display:grid}.cover{perspective:900px}.cover-in{transform:rotateY(var(--ry,-8deg)) rotateX(var(--rx,2deg));border-radius:2px 6px 6px 2px;transition:transform .4s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden;box-shadow:inset -1px 0 #ffffff26,18px 24px 40px #0000008c,4px 4px #061012}.cover-in:after{content:"";pointer-events:none;background:linear-gradient(105deg,#ffffff2e,#0000 30% 70%,#ffffff0f);position:absolute;inset:0}.book h3{font:400 clamp(1.7rem, 2.6vw, 2.3rem)/1.05 var(--fell);color:var(--parchment);margin:0 0 .2rem}.book .vol{font:600 .8rem/1 var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--brass)}.spec{grid-template-columns:auto 1fr;gap:.45rem 1rem;margin:1.2rem 0 1.6rem;font-size:.92rem;display:grid}.spec dt{color:var(--muted)}.spec dd{margin:0}.spec>*{border-bottom:1px dashed #c8a24c38;padding-bottom:.45rem}.book .note{color:var(--muted);margin:0;font-size:.9rem}@media (width<=1100px){.books{grid-template-columns:1fr}}@media (width<=560px){.book{grid-template-columns:1fr}.book .cover{width:72%}}.printing{border-top:1px solid #c8a24c40;grid-template-columns:auto 1fr;align-items:center;gap:1.5rem;margin-top:clamp(3rem,6vw,5rem);padding-top:2rem;display:grid}.printing q{font:italic 400 clamp(1.4rem, 2.4vw, 2rem)/1.2 var(--fell);color:var(--parchment);quotes:"“" "”"}.printing p{color:var(--muted);max-width:60ch;margin:.4rem 0 0}.printing .gearbit{width:54px;color:var(--brass)}.cast{background:linear-gradient(180deg, var(--night), #102a2d 30%, #102a2d 70%, var(--night))}.lineup{background:#8db3a8;border-radius:6px;position:relative;overflow:hidden}.lineup img{width:100%}.cast-names{grid-template-columns:repeat(5,minmax(0,1fr));gap:1.2rem;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}.cast-names b{font:400 1.25rem/1.15 var(--fell);color:var(--parchment);font-weight:400;display:block}.cast-names span{color:var(--muted);font-size:.88rem}@media (width<=760px){.lineup{scroll-snap-type:x mandatory;overflow-x:auto}.lineup img{width:220%;max-width:none}.cast-names{grid-template-columns:1fr 1fr}}.flow{--w:clamp(220px, 25vw, 340px);padding-bottom:1rem;position:relative}.flow:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(40% 50% at 50% 45%,#ff2e9738,#39f0c80f 55%,#0000 75%);position:absolute;inset:-10% 0 10%}.flow-stage{height:calc(var(--w) * 1538 / 994 + 48px);perspective:1400px;touch-action:pan-y;user-select:none;outline-offset:-3px;position:relative;overflow:clip visible}.flow-card{width:var(--w);margin:0 0 0 calc(var(--w) / -2);cursor:pointer;transform:translateX(calc(var(--d,0) * var(--w) * .78)) translateZ(calc(var(--ad,0) * -140px)) rotateY(calc(var(--sd,0) * -32deg));opacity:calc(1.6 - var(--ad,0) * .55);z-index:calc(10 - var(--ad,0));filter:brightness(calc(1 - var(--ad,0) * .22));transition:transform .7s var(--ease-iris), opacity .7s, filter .7s, box-shadow .7s, border-color .7s;background:linear-gradient(160deg,#e6c87838,#140c248c 40%,#ff2e971f);border:1px solid #e6c87873;border-radius:12px;padding:10px;position:absolute;top:18px;left:50%;box-shadow:0 30px 50px -20px #000c,inset 0 1px #ffffff26}.flow-card[data-active]{cursor:default;border-color:var(--brass-hi);box-shadow:0 0 0 1px #ff2e9759,0 0 40px #ff2e9759,0 30px 60px -20px #000000e6}.flow-card img{pointer-events:none;border-radius:6px}.flow-nav{z-index:20;justify-content:center;align-items:center;gap:1.4rem;margin-top:1.25rem;display:flex;position:relative}.flow-btn{cursor:pointer;width:44px;height:44px;color:var(--brass-hi);border:1px solid var(--brass);background:#0c1f2299;border-radius:50%;place-items:center;transition:background .2s,color .2s,box-shadow .2s;display:grid}.flow-btn:hover{background:var(--brass);color:#1a1408;box-shadow:0 0 18px #e6c87859}.flow-btn svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.flow-count{font:600 .9rem/1 var(--ui);color:var(--muted);text-align:center;font-variant-numeric:tabular-nums;min-width:4.5ch}.flow-count b{color:var(--text);font-weight:700}@media (width<=760px){.flow{--w:min(62vw, 300px)}}.tapes{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),460px));justify-content:center;gap:clamp(1.5rem,3vw,2.5rem);display:grid}.tape{aspect-ratio:187/103;color:#111;background:linear-gradient(#232323,#121212);border-radius:8px;grid-template-rows:auto 1fr;gap:5%;padding:4.5% 5% 5%;text-decoration:none;transition:transform .25s;display:grid;position:relative;box-shadow:inset 0 0 0 1px #333,inset 0 -6px #0a0a0a,0 20px 40px #00000080}.tape:hover{transform:translateY(-4px)rotate(-.6deg)}.tape-label{background:linear-gradient(180deg, var(--c1) 0 8px, #f3ead2 8px calc(100% - 8px), var(--c2) calc(100% - 8px));border-radius:3px;align-content:center;padding:14px 16px 12px;display:grid}.tape-label .ch{font:700 .66rem/1 var(--ui);letter-spacing:.2em;text-transform:uppercase;color:#7a6f57}.tape-label h3{font:700 clamp(1.1rem, 1.9vw, 1.5rem)/1 var(--ui);letter-spacing:-.01em;text-transform:uppercase;margin:.3em 0 .25em}.tape-label p{font:500 .82rem/1.35 var(--ui);color:#3e3a30;margin:0}.tape .go{font:700 .74rem/1 var(--ui);color:#8a6a22;margin-top:.55em}.reels{background:linear-gradient(#28282ee6,#0e0e12f2);border-radius:6px;justify-content:space-between;justify-self:center;align-items:center;width:58%;min-height:72px;padding:0 8%;display:flex;box-shadow:inset 0 0 0 2px #050505,inset 0 2px 10px #000c}.reels i{aspect-ratio:1;background:repeating-conic-gradient(#ddd 0 20deg, #888 20deg 60deg);border-radius:50%;height:64%;min-height:44px;box-shadow:inset 0 0 0 6px #0d0d0d,inset 0 0 0 8px #444,0 0 0 7px #2b2219}.reels i+i{box-shadow:inset 0 0 0 6px #0d0d0d,inset 0 0 0 8px #444,0 0 0 2px #2b2219}.tape:hover .reels i{animation:1.2s linear infinite spin}@keyframes spin{to{rotate:360deg}}@media (width<=760px){.tapes{grid-template-columns:1fr}.tape{aspect-ratio:auto}}.creators{grid-template-columns:repeat(auto-fill,minmax(min(100%,520px),1fr));gap:2rem;display:grid}.creator{background:#15373a80;border:1px solid #c8a24c59;border-radius:4px;grid-template-columns:180px 1fr;align-items:center;gap:1.6rem;padding:1.4rem;text-decoration:none;display:grid}.creator:hover{border-color:var(--brass);background:var(--oxide)}.creator .shot{aspect-ratio:1;width:180px;box-shadow:0 0 0 4px var(--night), 0 0 0 6px var(--brass);border-radius:50%;overflow:hidden}.creator .shot img{object-fit:cover;object-position:50% 20%;width:100%;height:100%}.creator h3{font:400 1.9rem/1.05 var(--fell);color:var(--parchment);margin:0 0 .3rem}.creator p{color:var(--muted);margin:0 0 .9rem}.creator .ghost{font-size:.95rem}@media (width<=520px){.creator{grid-template-columns:1fr}.creator .shot{width:140px}}.foot{color:var(--muted);border-top:1px solid #c8a24c40;padding:3rem 0 4rem;font-size:.9rem}.foot .wrap{grid-template-columns:auto 1fr auto;align-items:center;gap:2rem;display:grid}.foot .tr-mark{width:64px;color:var(--brass)}.foot nav{flex-wrap:wrap;justify-content:end;gap:1.4rem;display:flex}.foot a{text-decoration:none}.foot a:hover{color:var(--brass-hi)}@media (width<=700px){.foot .wrap{grid-template-columns:1fr}.foot nav{justify-content:start}}
