@font-face{font-family:'Fraunces Variable';font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/fraunces-latin-wght-normal-7f9d191d.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Fraunces Variable';font-style:italic;font-weight:100 900;font-display:swap;src:url(/fonts/fraunces-latin-wght-italic-bceec2ef.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Work Sans Variable';font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/work-sans-latin-wght-normal-1dd49afc.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

@property --cw{syntax:'<length-percentage>';inherits:false;initial-value:16%}
:root{
  --ink:#10201F; --ink2:#2F3F3D; --mute:#51605D; --faint:#5A6865;
  --paper:#FFFDF7; --ground:#E3ECE7; --band:#E7EFEA; --panel:#F6F8F2;
  --rule:#CBD8D1; --rule-strong:#10201F;
  --house:#062A2B; --house2:#0B3B3C; --teal:#14605C; --verd:#2E8C83; --verd-hi:#7CC7BA;
  --brass:#C49A48; --brass-hi:#EDCF8C; --brass-deep:#6B4F1C;
  --crimson:#A3192B; --crimson-hi:#C9363F; --crimson-deep:#5C0B17; --crimson-wash:#FBEAE7;
  --film:#081413; --hole:#A9BDB7;
  --orange:var(--crimson); --orange-deep:var(--crimson-deep); --orange-wash:var(--crimson-wash); --track:var(--house);
  --grid:rgba(0,0,0,0);
  --sans:"Work Sans Variable","Work Sans","Helvetica Neue",Arial,sans-serif;
  --mono:"Work Sans Variable","Work Sans",ui-monospace,Menlo,monospace;
  --serif:"Fraunces Variable","Fraunces",Georgia,serif;
  --frame:78rem; --pad:1.4rem; --measure:44rem;
  
  --scr-w:min(52vw,56rem); --scr-top:4.9rem; --scr-gap:1.5rem; --floor:3.4rem; --cgap:2.8rem;
  --val:1.35rem; --swag:6rem; --swag-h:1.7rem; --bulb:40px;
  --banner:url(/decor/banner-home-22d9c144.webp);
}

body:has(.crumbs a[href="/reel-makers/"]),body:has(.mh-nav a[aria-current][href="/reel-makers/"]){--banner:url(/decor/banner-makers-d454fe6e.webp)}
body:has(.crumbs a[href="/what-is-shown/"]),body:has(.mh-nav a[aria-current][href="/what-is-shown/"]){--banner:url(/decor/banner-shown-8a18e49f.webp)}
body:has(.crumbs a[href="/reel-pairs/"]),body:has(.mh-nav a[aria-current][href="/reel-pairs/"]){--banner:url(/decor/banner-pairs-5865a756.webp)}
body:has(.crumbs a[href="/reel-questions/"]),body:has(.mh-nav a[aria-current][href="/reel-questions/"]){--banner:url(/decor/banner-questions-d2686286.webp);--scr-pos:center 80%}
body:has(.crumbs a[href="/reel-terms/"]),body:has(.mh-nav a[aria-current][href="/reel-terms/"]){--banner:url(/decor/banner-terms-d67611ef.webp)}
body:has(.crumbs a[href="/viewing-notes/"]),body:has(.mh-nav a[aria-current][href="/viewing-notes/"]){--banner:url(/decor/banner-notes-8fe234bd.webp)}
body:has(.crumbs a[href="/how-reels-are-read/"]),body:has(.mh-nav a[aria-current][href="/how-reels-are-read/"]){--banner:url(/decor/banner-method-f71def3a.webp)}
body:has(.crumbs a[href="/datasets/"]),body:has(.mh-nav a[aria-current][href="/datasets/"]){--banner:url(/decor/banner-datasets-f636a2ad.webp)}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:4rem}

body{margin:0;overflow-x:clip;background-color:var(--ground);color:var(--ink);font:400 18px/1.6 var(--sans);font-variant-numeric:tabular-nums;
  background-image:
    radial-gradient(circle at 50% 100%,transparent 0 13px,rgba(20,96,92,.075) 13px 14px,transparent 14px 19px,rgba(20,96,92,.075) 19px 20px,transparent 20px 25px,rgba(20,96,92,.075) 25px 26px,transparent 26px),
    radial-gradient(circle at 50% 100%,transparent 0 13px,rgba(20,96,92,.075) 13px 14px,transparent 14px 19px,rgba(20,96,92,.075) 19px 20px,transparent 20px 25px,rgba(20,96,92,.075) 25px 26px,transparent 26px);
  background-size:52px 26px;background-position:0 0,26px 13px}
a{color:inherit;text-decoration:none}
p a,li a,td a,dd a{text-decoration:underline;text-decoration-color:var(--crimson);text-decoration-thickness:1.5px;text-underline-offset:3px}
p a:hover,li a:hover,td a:hover,dd a:hover{color:var(--crimson)}
::selection{background:var(--crimson);color:#FFFFFF}
.asof,.rl span,.stamp,caption,thead th,.tag,.meta,.crumbs{font-family:var(--mono);letter-spacing:.02em;text-transform:none}

.skip{position:absolute;left:-999px;top:0;background:var(--brass);color:var(--film);padding:.5rem .8rem;z-index:50}
.skip:focus{left:.5rem}

.masthead{background-color:var(--film);color:#FFFFFF;padding:14px 0;
  background-image:repeating-linear-gradient(90deg,var(--hole) 0 12px,transparent 12px 26px),
                   repeating-linear-gradient(90deg,var(--hole) 0 12px,transparent 12px 26px);
  background-size:100% 6px,100% 6px;background-position:0 4px,0 calc(100% - 4px);background-repeat:no-repeat}
.mh{max-width:var(--frame);margin:0 auto;padding:.7rem var(--pad) .6rem;display:flex;align-items:center;justify-content:space-between;gap:.8rem 1.6rem;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:.55rem;font:600 1.4rem/1 var(--serif);letter-spacing:-.02em;font-variation-settings:"SOFT" 60,"WONK" 1}
.mark{display:inline-flex;color:var(--brass)}
.mark svg{width:1.9rem;height:1.9rem}
.mh-tag{display:block;margin:.35rem 0 0;font:400 .72rem/1.3 var(--mono);color:#A9BDB7}
.mh-nav{display:flex;flex-wrap:wrap;gap:.2rem .3rem;font:500 .74rem/1 var(--mono);letter-spacing:.06em;text-transform:uppercase}
.mh-nav a{padding:.45rem .62rem;border-radius:2px;color:#E3ECE7;transition:background .2s,color .2s}
.mh-nav a:hover{background:var(--house2);color:#FFFFFF}
.mh-nav a[aria-current=page]{background:var(--crimson);color:#FFFFFF;box-shadow:inset 0 -2px 0 var(--brass)}

.sheet{--scr-h:calc(var(--scr-w) / 2.17);--stage-h:calc(var(--scr-top) + var(--scr-h) + var(--scr-gap) + var(--floor));
  position:relative;max-width:var(--frame);margin:0 auto;padding:0 var(--pad) 4rem;display:grid;grid-template-columns:minmax(0,1fr) 13.5rem;column-gap:2.6rem}
.sheet::before,.sheet::after{content:"";grid-column:1/-1;grid-row:1;display:block;margin-inline:calc(50% - 50vw);height:var(--stage-h);pointer-events:none}
.sheet::before{z-index:0}
.sheet::after{z-index:2}

.sheet::before{
  background:
    radial-gradient(circle at 50% 50%,#FFF3CC 0 2.6px,rgba(255,220,140,.6) 3.8px,rgba(255,205,120,.14) 7px,transparent 10px) 0 calc(100% - (var(--floor) - 22px) / 2)/var(--bulb) 22px repeat-x,
    linear-gradient(var(--brass),var(--brass)) 0 calc(100% - var(--floor))/100% 2px no-repeat,
    linear-gradient(180deg,#46101B,#22070D) 0 100%/100% var(--floor) no-repeat,
    linear-gradient(#030707,#030707) 50% calc(var(--scr-top) - 6px)/calc(var(--scr-w) + 12px) calc(var(--scr-h) + 12px) no-repeat,
    linear-gradient(135deg,var(--brass-hi),var(--brass) 38%,var(--brass-deep) 62%,var(--brass-hi)) 50% calc(var(--scr-top) - 10px)/calc(var(--scr-w) + 20px) calc(var(--scr-h) + 20px) no-repeat,
    linear-gradient(var(--house),var(--house)) 50% calc(var(--scr-top) - 16px)/calc(var(--scr-w) + 32px) calc(var(--scr-h) + 32px) no-repeat,
    linear-gradient(135deg,var(--brass-hi),var(--brass) 40%,var(--brass-deep) 60%,var(--brass-hi)) 50% calc(var(--scr-top) - 19px)/calc(var(--scr-w) + 38px) calc(var(--scr-h) + 38px) no-repeat,
    radial-gradient(ellipse 50% 62% at 50% 46%,rgba(124,199,186,.26),rgba(124,199,186,.05) 58%,transparent 72%),
    repeating-conic-gradient(from -90deg at 50% 100%,rgba(124,199,186,.07) 0 3.5deg,transparent 3.5deg 9deg),
    linear-gradient(180deg,#0B3637,#072829 64%,#041C1D);
  animation:houselights 2.2s ease-out both}

.column::before{content:"";position:absolute;z-index:1;top:var(--scr-top);left:50%;width:var(--scr-w);height:var(--scr-h);transform:translateX(-50%);pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,0) 22%,rgba(0,0,0,0) 78%,rgba(0,0,0,.24)),var(--banner) var(--scr-pos,center 55%)/cover no-repeat,#120D09;
  animation:projector 2.4s .3s ease-out both}

.sheet::after{--cw:calc(50% - var(--scr-w) / 2 - var(--cgap));
  background:
    radial-gradient(circle at 50% 100%,var(--brass-hi) 0 3.4px,var(--brass) 4px,rgba(196,154,72,0) 5.4px) calc(var(--swag) / 2) calc(var(--val) + 3px)/var(--swag) calc(var(--swag-h) + 4px) repeat-x,
    radial-gradient(ellipse 50% 100% at 50% 0,rgba(255,190,170,.12) 0 30%,rgba(0,0,0,0) 31%) 0 calc(var(--val) + 3px)/var(--swag) var(--swag-h) repeat-x,
    radial-gradient(ellipse 50% 100% at 50% 0,var(--crimson) 0 54%,var(--crimson-deep) 56% 57%,var(--brass) 58% 64%,rgba(196,154,72,0) 66%) 0 calc(var(--val) + 3px)/var(--swag) var(--swag-h) repeat-x,
    linear-gradient(var(--brass),var(--brass)) 0 var(--val)/100% 3px no-repeat,
    repeating-linear-gradient(90deg,var(--crimson-deep) 0,var(--crimson) .55rem,var(--crimson-hi) .95rem,var(--crimson) 1.3rem,var(--crimson-deep) 1.9rem) 0 0/100% var(--val) no-repeat,
    
    linear-gradient(90deg,rgba(0,0,0,.42),rgba(0,0,0,0) 20%,rgba(255,180,160,.08) 62%,rgba(0,0,0,.5) 93%,rgba(0,0,0,.82)) 0 0/var(--cw) 100% no-repeat,
    linear-gradient(180deg,rgba(255,205,185,.12),rgba(0,0,0,0) 34%,rgba(0,0,0,.38)) 0 0/var(--cw) 100% no-repeat,
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220' preserveAspectRatio='none' viewBox='0 0 220 220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85 .05' numOctaves='2' seed='3'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 .55 0'/></filter><rect width='220' height='220' filter='url(%23n)'/></svg>") 0 0/var(--cw) 220px repeat-y,
    repeating-linear-gradient(90deg,rgba(0,0,0,0) 0,rgba(0,0,0,.26) 2.2rem,rgba(0,0,0,0) 3.6rem,rgba(255,200,180,.09) 4.4rem,rgba(0,0,0,0) 5.3rem) 0 0/var(--cw) 100% no-repeat,
    repeating-linear-gradient(90deg,rgba(0,0,0,.34) 0,rgba(0,0,0,0) .9rem,rgba(255,190,170,.13) 1.6rem,rgba(0,0,0,0) 2.3rem,rgba(0,0,0,.3) 3.1rem) 0 0/var(--cw) 100% no-repeat,
    linear-gradient(90deg,var(--crimson-deep),var(--crimson) 45%,var(--crimson-deep)) 0 0/var(--cw) 100% no-repeat,
    
    linear-gradient(270deg,rgba(0,0,0,.42),rgba(0,0,0,0) 20%,rgba(255,180,160,.08) 62%,rgba(0,0,0,.5) 93%,rgba(0,0,0,.82)) 100% 0/var(--cw) 100% no-repeat,
    linear-gradient(180deg,rgba(255,205,185,.12),rgba(0,0,0,0) 34%,rgba(0,0,0,.38)) 100% 0/var(--cw) 100% no-repeat,
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220' preserveAspectRatio='none' viewBox='0 0 220 220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85 .05' numOctaves='2' seed='8'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 .55 0'/></filter><rect width='220' height='220' filter='url(%23n)'/></svg>") 100% 0/var(--cw) 220px repeat-y,
    repeating-linear-gradient(270deg,rgba(0,0,0,0) 0,rgba(0,0,0,.24) 1.9rem,rgba(0,0,0,0) 3.3rem,rgba(255,200,180,.09) 4.9rem,rgba(0,0,0,0) 5.9rem) 100% 0/var(--cw) 100% no-repeat,
    repeating-linear-gradient(270deg,rgba(0,0,0,.34) 0,rgba(0,0,0,0) 1.1rem,rgba(255,190,170,.13) 1.8rem,rgba(0,0,0,0) 2.4rem,rgba(0,0,0,.3) 3.4rem) 100% 0/var(--cw) 100% no-repeat,
    linear-gradient(270deg,var(--crimson-deep),var(--crimson) 45%,var(--crimson-deep)) 100% 0/var(--cw) 100% no-repeat;
  animation:curtains 1.9s .25s cubic-bezier(.65,0,.25,1) both}

.sheet:has(.crumbs a~a){--scr-w:min(66vw,62rem);--scr-h:8.6rem;--scr-top:4.2rem;--scr-gap:1rem;--floor:2.5rem;--cgap:2rem}
.sheet:has(.hero){--scr-w:min(60vw,64rem)}
.column{grid-column:1;grid-row:2;min-width:0;padding-top:1.3rem}
.rail{grid-column:2;grid-row:2;position:sticky;top:1rem;align-self:start;margin-top:3.4rem;font:400 .84rem/1.45 var(--sans);color:var(--ink2)}
.rl,.rl-figs{display:none}

.secnav{padding:1rem 1rem 1.05rem;background:var(--paper);border-radius:3px;
  box-shadow:inset 0 3px 0 var(--crimson),inset 0 0 0 1px var(--rule),0 14px 24px -20px rgba(6,42,43,.55)}
.rl-h{display:flex;align-items:center;gap:.5rem;margin:0 0 .5rem;padding-bottom:.5rem;border-bottom:3px double var(--brass);font:600 .7rem/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--crimson)}
.rl-h::before{content:"";width:.8rem;height:.8rem;background:repeating-conic-gradient(from -90deg at 50% 100%,var(--brass) 0 12deg,transparent 12deg 24deg);-webkit-mask:radial-gradient(circle at 50% 100%,#000 0 70%,transparent 71%);mask:radial-gradient(circle at 50% 100%,#000 0 70%,transparent 71%)}
.secnav ol{list-style:none;margin:0;padding:0}
.secnav li{margin:0;border-bottom:1px dotted var(--rule)}
.secnav li:last-child{border-bottom:0}
.secnav a{display:grid;grid-template-columns:1.7rem minmax(0,1fr);align-items:baseline;padding:.38rem 0;color:var(--ink2);text-decoration:none;transition:color .2s,transform .2s}
.secnav a i{justify-self:start;display:inline-flex;align-items:center;justify-content:center;min-width:1.2rem;height:1.2rem;padding:0 .2rem;border-radius:999px;box-shadow:inset 0 0 0 1px var(--crimson);
  font:600 .66rem/1 var(--sans);font-style:normal;color:var(--crimson)}
.secnav a:hover{color:var(--crimson);transform:translateX(3px)}
.secnav a:hover i{background:var(--crimson);color:#FFFFFF}
.sheet:has(.hero){grid-template-columns:minmax(0,1fr)}
.sheet:has(.hero) .rail{display:none}

.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem .45rem;margin:0 0 1.6rem;font-size:.74rem;color:var(--mute)}
.crumbs a{padding:.24rem .6rem;border-radius:2px;background:var(--paper);box-shadow:inset 0 0 0 1px var(--rule);color:var(--ink2);text-decoration:none;transition:background .2s,color .2s}
.crumbs a:hover{background:var(--crimson);color:#FFFFFF}
.sheet:has(.hero) .crumbs{display:none}

main#doc{position:relative;background:
    radial-gradient(circle at 0 0,transparent 0 1.3rem,var(--brass) 1.3rem 1.42rem,transparent 1.5rem) 0 0/2.4rem 2.4rem no-repeat,
    radial-gradient(circle at 100% 0,transparent 0 1.3rem,var(--brass) 1.3rem 1.42rem,transparent 1.5rem) 100% 0/2.4rem 2.4rem no-repeat,
    radial-gradient(circle at 0 100%,transparent 0 1.3rem,var(--brass) 1.3rem 1.42rem,transparent 1.5rem) 0 100%/2.4rem 2.4rem no-repeat,
    radial-gradient(circle at 100% 100%,transparent 0 1.3rem,var(--brass) 1.3rem 1.42rem,transparent 1.5rem) 100% 100%/2.4rem 2.4rem no-repeat,
    var(--paper);
  border-radius:3px;padding:2.15rem 2.8rem 2.8rem;
  box-shadow:inset 0 0 0 7px var(--paper),inset 0 0 0 8px var(--brass),inset 0 0 0 11px var(--paper),inset 0 0 0 12px rgba(196,154,72,.5),0 1px 0 var(--rule),0 22px 40px -28px rgba(6,42,43,.55)}

main#doc::before{content:"";position:absolute;top:-1.55rem;left:2.4rem;width:5.4rem;height:2.7rem;
  background:radial-gradient(circle at 50% 100%,var(--crimson) 0 .55rem,transparent .6rem),
             repeating-conic-gradient(from -90deg at 50% 100%,var(--brass) 0 5deg,transparent 5deg 12deg),
             radial-gradient(circle at 50% 100%,var(--house) 0 69%,transparent 70%);
  -webkit-mask:radial-gradient(circle at 50% 100%,#000 0 70%,transparent 71%);mask:radial-gradient(circle at 50% 100%,#000 0 70%,transparent 71%)}
main#doc>*{animation:rise .8s cubic-bezier(.2,.7,.2,1) both}
main#doc>:nth-child(1){animation-delay:.6s} main#doc>:nth-child(2){animation-delay:.7s} main#doc>:nth-child(3){animation-delay:.8s}
main#doc>:nth-child(n+4){animation-delay:.9s}
main#doc>p,main#doc>ul:not(.entries):not(.facts):not(.posters):not(.board),main#doc>ol,main#doc>blockquote,main#doc>.answer,main#doc>.clause,main#doc>.statusbox{max-width:var(--measure)}
h1{font:600 clamp(2rem,3.6vw,3.1rem)/1.08 var(--serif);margin:0 0 1.1rem;letter-spacing:-.025em;font-variation-settings:"SOFT" 60,"WONK" 1;text-wrap:balance}
h2{font:600 1.42rem/1.25 var(--serif);margin:2.8rem 0 .95rem;padding-bottom:.55rem;display:flex;align-items:center;gap:.7rem;border-bottom:1px solid var(--rule);font-variation-settings:"SOFT" 40;
  background:linear-gradient(var(--crimson),var(--crimson)) 0 100%/3rem 2px no-repeat}
h2::before{content:"";flex:0 0 1.5rem;height:1.05rem;border-radius:1px;background:var(--house);
  background-image:repeating-linear-gradient(90deg,var(--hole) 0 2px,transparent 2px 5px),repeating-linear-gradient(90deg,var(--hole) 0 2px,transparent 2px 5px),linear-gradient(var(--verd-hi),var(--verd-hi));
  background-size:100% 2px,100% 2px,62% 42%;background-position:0 1px,0 calc(100% - 1px),50% 50%;background-repeat:no-repeat}
h2 .secno{order:-1;min-width:1.4rem;font:500 1.3rem/1 var(--serif);font-variation-settings:"SOFT" 100,"WONK" 0;color:var(--crimson);text-decoration:none}
h3{font:700 1.04rem/1.3 var(--sans);margin:1.6rem 0 .5rem;color:var(--ink2)}
p{margin:0 0 1rem}
ul,ol{margin:0 0 1rem;padding-left:1.3rem}
li{margin:.25rem 0}
b,strong{font-weight:700}
main#doc>ul:not([class]){list-style:none;padding-left:0}
main#doc>ul:not([class])>li{position:relative;padding-left:1.4rem}
main#doc>ul:not([class])>li::before{content:"";position:absolute;left:.1rem;top:.55em;width:.55rem;height:.55rem;transform:rotate(45deg);background:var(--crimson);box-shadow:0 0 0 2px var(--paper),0 0 0 3px var(--brass)}

.answer{position:relative;font:450 1.06rem/1.6 var(--sans);background:var(--crimson-wash);border-radius:4px;padding:1.05rem 1.4rem 1.05rem 2rem;margin:0 0 1.6rem;
  -webkit-mask:radial-gradient(circle at 0 50%,transparent 0 .7rem,#000 .75rem) 0 0/51% 100% no-repeat,radial-gradient(circle at 100% 50%,transparent 0 .7rem,#000 .75rem) 100% 0/51% 100% no-repeat;
  mask:radial-gradient(circle at 0 50%,transparent 0 .7rem,#000 .75rem) 0 0/51% 100% no-repeat,radial-gradient(circle at 100% 50%,transparent 0 .7rem,#000 .75rem) 100% 0/51% 100% no-repeat}
.answer::before{content:"";position:absolute;left:1.05rem;top:.55rem;bottom:.55rem;border-left:2px dashed var(--crimson);opacity:.45}
.asof{display:inline-block;margin-left:.35rem;font-size:.72rem;color:var(--crimson-deep);white-space:nowrap}
.answer .asof{display:block;width:max-content;margin:.55rem 0 0;padding:.1rem .5rem;border-radius:2px;background:rgba(163,25,43,.08)}

.statusbox{display:grid;grid-template-columns:repeat(auto-fit,minmax(10.5rem,1fr));gap:.45rem;margin:1.2rem 0}
.sb-row{padding:.6rem .75rem;background:var(--house);border-radius:3px;color:#E3ECE7;box-shadow:inset 0 0 0 1px #1C5352,inset 0 3px 0 var(--brass)}
.statusbox dt{font:500 .62rem/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--brass-hi)}
.statusbox dd{margin:.28rem 0 0;font:500 .93rem/1.35 var(--sans);color:#FFFFFF}

ul.facts{list-style:none;padding:0;margin:1.2rem 0 1.6rem}
li.fact{position:relative;display:grid;grid-template-columns:9.5rem minmax(0,1fr);gap:.2rem 1rem;padding:.8rem 1rem .8rem 1.2rem;margin:0 0 .45rem;background:var(--panel);border-radius:3px;
  box-shadow:inset 4px 0 0 var(--teal),inset 0 0 0 1px var(--rule);transition:box-shadow .2s}
li.fact:hover{box-shadow:inset 4px 0 0 var(--crimson),inset 0 0 0 1px var(--brass)}
li.fact .tag{font-weight:600;font-size:.66rem;line-height:1.5;letter-spacing:.06em;text-transform:uppercase;color:var(--teal)}
li.fact .fv{display:flex;flex-direction:column;gap:.12rem;min-width:0}
li.fact .val{font:600 1.02rem/1.45 var(--serif)}
li.fact .note{font-size:.86rem;color:var(--ink2)}
li.fact .meta{font-size:.7rem;color:var(--faint)}
li.fact .meta .sep{margin:0 .3rem;color:var(--rule)}

blockquote{position:relative;margin:1.4rem 0 1.6rem;padding:1.2rem 1.4rem 1.05rem 3.3rem;background:var(--house);border-radius:3px;color:#EAF2EE;
  font:italic 400 1.05rem/1.6 var(--serif);box-shadow:inset 0 0 0 5px var(--house),inset 0 0 0 6px rgba(196,154,72,.7)}
blockquote::before{content:"\201C";position:absolute;left:1rem;top:.55rem;font:600 3rem/1 var(--serif);font-style:normal;color:var(--brass-hi)}
blockquote p{margin:0 0 .45rem}
blockquote cite{font:normal 400 .72rem/1.3 var(--mono);color:#A9BDB7}
blockquote a{color:var(--brass-hi)}

.chart,.fig-dia,.tablewrap{
  background:linear-gradient(90deg,var(--panel) 2rem,rgba(246,248,242,0) 2.8rem) 0 0/2.8rem 100% no-repeat local,
             linear-gradient(270deg,var(--panel) 2rem,rgba(246,248,242,0) 2.8rem) 100% 0/2.8rem 100% no-repeat local,
             url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><circle cx='12' cy='12' r='11' fill='%23A3192B'/><path d='M7 12h9m-3.5-4 4 4-4 4' fill='none' stroke='%23EDCF8C' stroke-width='2'/></svg>") calc(100% - .5rem) var(--cue-y,.5rem)/var(--cue-s,1.3rem) var(--cue-s,1.3rem) no-repeat scroll,
             radial-gradient(farthest-side at 100% 50%,rgba(6,42,43,.2),rgba(6,42,43,0)) 100% 0/1rem 100% no-repeat scroll,
             radial-gradient(farthest-side at 0 50%,rgba(6,42,43,.2),rgba(6,42,43,0)) 0 0/1rem 100% no-repeat scroll,
             var(--panel)}

.tablewrap{overflow-x:auto;margin:1.2rem 0 .4rem;border-radius:3px;box-shadow:inset 0 0 0 1px var(--rule)}
table{width:100%;border-collapse:collapse;font-size:.9rem}
caption{caption-side:top;text-align:left;padding:.65rem .8rem;font-size:.76rem;font-weight:500;color:var(--ink2);border-bottom:1px solid var(--rule)}
thead th{text-align:left;font-size:.64rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--brass-hi);background:var(--house);padding:.62rem .8rem;border-bottom:2px solid var(--brass)}
tbody td{padding:.55rem .8rem;border-bottom:1px solid var(--band);vertical-align:top;background:var(--paper)}
tbody td:first-child{font-weight:650}
tbody tr:nth-child(even) td{background:#F8FAF5}
tbody tr:hover td{background:var(--crimson-wash)}
tbody tr:last-child td{border-bottom:0}
tr.is-current td{background:var(--crimson-wash)!important;font-weight:700}
tr.is-current td:first-child{box-shadow:inset 4px 0 0 var(--crimson)}
.tablewrap:has(th:nth-child(6)) td{min-width:10rem}
.tablewrap:has(th:nth-child(6)) :is(td,th):first-child{position:sticky;left:0;z-index:1;box-shadow:inset -1px 0 0 var(--rule)}
.rule{font-size:.8rem;color:var(--ink2);margin:.4rem 0 1.4rem}
.rule b{font-family:var(--mono);font-size:.72rem;font-weight:600;text-transform:uppercase;color:var(--ink)}
.clause{font-size:.88rem;color:var(--ink2)}

main ul.entries{list-style:none;padding:0;margin:1.1rem 0 1.9rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.6rem;max-width:none}
ul.entries li{position:relative;margin:0;padding:.8rem .9rem .8rem 1.5rem;background:var(--crimson-wash);border-radius:4px;font-size:.86rem;color:var(--ink2);
  box-shadow:inset 0 0 0 1px rgba(163,25,43,.22);transition:transform .2s,box-shadow .2s,background .2s}
ul.entries li::before{content:"";position:absolute;left:.62rem;top:.45rem;bottom:.45rem;border-left:2px dotted var(--crimson);opacity:.5}
ul.entries li:hover{transform:translateY(-2px) rotate(-.4deg);background:#FFF3F0;box-shadow:inset 0 0 0 1px var(--crimson),0 12px 18px -14px rgba(6,42,43,.55)}
ul.entries a{display:block;font:600 1rem/1.3 var(--serif);color:var(--ink);margin-bottom:.15rem;text-decoration:none}
ul.entries a:hover{color:var(--crimson)}

.stamp{font-size:.72rem;color:var(--faint)}

main a[href^="http"]{color:var(--teal);text-decoration:underline;text-decoration-color:var(--crimson);text-decoration-thickness:1.5px;text-underline-offset:3px}
main a[href^="http"]:hover{color:var(--crimson)}
li.fact .meta a[href^="http"]{color:var(--mute);text-decoration-color:var(--rule)}
blockquote a[href^="http"]{color:var(--brass-hi)}

main#doc:has(.hero){background:none;box-shadow:none;padding:1rem 0 0}
main#doc:has(.hero)::before{display:none}
.hero{position:relative;margin:.8rem .8rem 2.8rem;padding:2.3rem 2.5rem 2.1rem;background:var(--house);color:#EAF2EE;border-radius:10px;
  background-image:repeating-conic-gradient(from -90deg at 100% 100%,rgba(124,199,186,.06) 0 4deg,transparent 4deg 10deg)}
.hero::before{content:"";position:absolute;inset:-12px;border-radius:16px;padding:10px;z-index:0;
  background:radial-gradient(circle at center,#FFF0C2 0 2.4px,rgba(246,217,142,.25) 3.2px,transparent 4.2px) 0 0/19px 19px,var(--crimson);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);animation:bulbs 3s ease-in-out infinite alternate}
.hero>*{position:relative;z-index:1}
.hero .eyebrow{font:600 .7rem/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--brass-hi);margin:0 0 .9rem}
.hero h1{color:#FFFFFF;font-size:clamp(2.3rem,5vw,3.6rem);max-width:17ch;font-weight:500}
.hero .answer{background:rgba(234,242,238,.08);color:#E3ECE7;max-width:46rem;-webkit-mask:none;mask:none;box-shadow:inset 0 0 0 1px rgba(196,154,72,.4)}
.hero .answer::before{border-left-color:var(--brass)}
.hero .asof{color:var(--brass-hi);background:rgba(196,154,72,.14)}
ul.board{list-style:none;margin:1.6rem 0 .2rem;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;max-width:none;
  background:rgba(196,154,72,.45);border:1px solid rgba(196,154,72,.45);border-radius:4px;overflow:hidden}
ul.board li{margin:0}
ul.board a{display:flex;flex-direction:column;gap:.35rem;height:100%;padding:.8rem .9rem .85rem;background:var(--house);color:#EAF2EE;text-decoration:none;transition:background .2s}
ul.board b{font:600 2.4rem/1 var(--serif);font-variation-settings:"SOFT" 100;color:var(--brass-hi)}
ul.board span{font:600 .7rem/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#CFE0DA}
ul.board a:hover{background:var(--house2)}

main#doc>ul.posters,main#doc>ul.board,.hero ul.board{max-width:none}
ul.posters{list-style:none;padding:0;margin:1.2rem 0 2.4rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(13.2rem,1fr));gap:1rem;max-width:none}
ul.posters li{margin:0}
ul.posters a{display:flex;flex-direction:column;height:100%;padding:1rem 1rem 0;background:var(--house);color:#EAF2EE;
             border-radius:4px;text-decoration:none;box-shadow:inset 0 0 0 1px rgba(196,154,72,.35),0 10px 18px -14px #000;transition:transform .2s ease,box-shadow .2s ease;
             background-image:linear-gradient(180deg,rgba(163,25,43,.55),transparent 38%)}
ul.posters a:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 2px var(--brass),0 18px 24px -14px #000}
ul.posters .reel{font:600 .62rem/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--brass-hi)}
ul.posters .nm{font:600 1.45rem/1.12 var(--serif);color:#FFFFFF;margin:.55rem 0 .45rem;letter-spacing:-.01em}
ul.posters .ds{flex:1;font:400 .84rem/1.45 var(--sans);color:#C9DAD4}
ul.posters .strip{display:grid;grid-template-columns:repeat(9,1fr);gap:3px;margin:.9rem -1rem 0;padding:9px .7rem;background:#020808;border-radius:0 0 4px 4px;
  background-image:repeating-linear-gradient(90deg,#3E5754 0 5px,transparent 5px 10px),repeating-linear-gradient(90deg,#3E5754 0 5px,transparent 5px 10px);
  background-size:100% 3px,100% 3px;background-position:0 2px,0 calc(100% - 2px);background-repeat:no-repeat}
ul.posters .strip i{display:block;height:1.05rem;border-radius:1px;position:relative}
ul.posters .strip i.on{background:var(--brass)}
ul.posters .strip i.off{background:#12302F;box-shadow:inset 0 0 0 1px #2B4B49}
ul.posters .strip b{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.chart,.fig{width:fit-content;max-width:100%;min-width:min(100%,24rem);margin:1.6rem 0 1rem;padding:1.1rem 1.2rem 1rem;border-radius:3px;box-shadow:inset 0 0 0 1px var(--rule),inset 0 3px 0 var(--teal)}
.fig:not(.fig-dia){background:var(--panel)}
.fig:has(img){width:auto}
.chart,.fig-dia{overflow-x:auto;overscroll-behavior-x:contain}
.chart svg,.fig-dia svg{display:block;max-width:100%;overflow:visible;height:auto;margin:0 auto;min-width:calc(attr(width px,0px) * var(--floor,.6))}
.ch-matrix:not(.ch-hl) svg[width^="1"]{max-width:none}
.chart figcaption,.fig figcaption{contain:inline-size;position:sticky;left:0;max-width:var(--measure);margin-top:.6rem;font:400 .8rem/1.5 var(--sans);color:var(--mute)}
.fign{float:left;margin:.1rem .55rem 0 0;padding:.05rem .45rem;border-radius:2px;background:var(--house);font:500 .64rem/1.5 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--brass-hi)}
a.fign:hover{background:var(--crimson);color:#FFFFFF}
.ch-title{font:600 .7rem/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;fill:var(--ink)}
.ch-lab{font:400 .84rem/1 var(--sans);fill:var(--ink2);text-anchor:end}
.ch-lab2{font:400 .84rem/1 var(--sans);fill:var(--ink2)}
.ch-col{font:600 .64rem/1 var(--mono);letter-spacing:.04em;text-transform:uppercase;fill:var(--ink2);text-anchor:middle}
.ch-val{font:600 .8rem/1 var(--sans);fill:var(--ink);dominant-baseline:middle}
.ch-na{font:italic 400 .8rem/1 var(--serif);fill:var(--faint);dominant-baseline:middle}
.ch-bar{fill:var(--teal)}
.ch-val-in{text-anchor:end;fill:var(--brass-hi)}
.ch-hl .ch-bar{opacity:.25}
.ch-hl .ch-hi{opacity:1;fill:var(--crimson)}
.ch-lab-hi{font-weight:700;fill:var(--ink)}
.ch-a{opacity:1}
.ch-b{opacity:.42}
.ch-keyt{font:600 .72rem/1 var(--mono);fill:var(--mute)}
.ch-gap{fill:none;stroke:var(--rule);stroke-dasharray:3 3}
.ch-cell{fill:var(--band);stroke:none}
.ch-cell.ch-cur{fill:var(--crimson-wash);stroke:var(--crimson);stroke-width:1.2}
.ch-mark{stroke:var(--house);stroke-width:1.3}
.ch-m-yes{fill:var(--crimson);stroke:var(--crimson-deep)}
.ch-m-part{fill:none}
.ch-m-none{fill:none;stroke:var(--mute);stroke-width:1.2;opacity:.6}
.ch-half{fill:var(--crimson)}
.ch-axis,.ch-drop{stroke:var(--rule-strong)}
.ch-dot{fill:var(--crimson)}
.ch-date{font:400 .74rem/1 var(--mono);fill:var(--faint);text-anchor:end}
.ch-track{fill:var(--band)}
.ch-span{fill:var(--teal)}
.fig img{display:block;width:100%;height:auto;background:var(--band)}
.fig>img,.figs img{border:1px solid var(--rule)}
.fig .credit{display:block;margin-top:.3rem;font:400 .68rem/1.4 var(--mono);color:var(--faint)}
.figs{display:grid;grid-template-columns:repeat(var(--figcols,3),1fr);gap:.45rem}
.fig-shot img{border:1px solid var(--rule-strong)}
.fig-dia{overflow-x:auto}
.dg-band{fill:var(--band)}
.dg-head{font:600 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;fill:var(--crimson)}
.dg-box{fill:var(--crimson-wash);stroke:var(--crimson);stroke-width:1;stroke-opacity:.5}
rect.dg-box[height="62"]+text.dg-head{transform:translateY(12px)}
.dg-store{font:600 14px/1 var(--serif);fill:var(--ink)}
.dg-arrow{stroke:var(--teal);stroke-width:1.4;fill:none}
.dg-head-tip{fill:var(--teal)}
.dg-travels{font:400 11.5px/1 var(--sans);fill:var(--mute)}
path.dg-head-tip+text.dg-travels{transform:translateY(-3px)}
.dg-bar{fill:var(--house)}
.dg-bartext{font:600 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;fill:var(--brass-hi)}
.dg-rule{stroke:var(--rule);stroke-width:1;stroke-dasharray:2 3}
.dg-footlab{font:600 9.5px/1 var(--mono);fill:var(--mute);letter-spacing:.08em;text-transform:uppercase}
.dg-after{font:400 12.5px/1 var(--sans);fill:var(--ink2)}

.site-foot{background-color:var(--house);color:#E3ECE7;margin-top:2rem;border-top:3px solid var(--brass);padding-top:10px;
  background-image:repeating-linear-gradient(90deg,#0F4546 0 12px,transparent 12px 26px),repeating-conic-gradient(from -90deg at 50% 100%,rgba(124,199,186,.05) 0 3deg,transparent 3deg 8deg);
  background-size:100% 6px,100% 100%;background-position:0 6px,0 0;background-repeat:no-repeat}
.sf{max-width:var(--frame);margin:0 auto;padding:2.4rem var(--pad) 1.4rem;display:grid;grid-template-columns:16rem minmax(0,1fr);gap:2.8rem}
.sf-id{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:.6rem;align-self:start}
.sf-id .mark svg{width:1.7rem;height:1.7rem;color:var(--brass)}
.sf-name{font:600 1.25rem/1 var(--serif);color:#FFFFFF}
.sf-note{grid-column:1/-1;margin:.9rem 0 0;font-size:.84rem;line-height:1.6;color:#A9BDB7}
.sf-map{columns:4 11rem;column-gap:1.8rem}
.sfc{break-inside:avoid;margin:0 0 1.4rem}
.sfc ul{list-style:none;margin:0;padding:0}
.sfc li{margin:.2rem 0;font-size:.82rem}
.sfc a{color:#E3ECE7;text-decoration:none}
.sfc a:hover{color:#FFFFFF;text-decoration:underline;text-decoration-color:var(--crimson-hi)}
.sfh{display:block;font:600 .66rem/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--brass-hi);margin:0 0 .55rem;padding-bottom:.45rem;border-bottom:1px solid #1C5352}
details.sfc>summary.sfh{cursor:pointer;list-style:none;display:flex;align-items:baseline;gap:.4rem}
details.sfc>summary.sfh::-webkit-details-marker{display:none}
details.sfc>summary.sfh::after{content:"+";margin-left:auto;font-weight:700;opacity:.8}
details.sfc[open]>summary.sfh::after{content:"\2212"}
.sfh .sfn{font-weight:400;opacity:.65}
details.sfc[open]{column-span:all}
details.sfc[open]>ul{columns:4 11rem;column-gap:1.6rem}
details.sfc[open]>ul li{break-inside:avoid}
.sf-bar{max-width:var(--frame);margin:0 auto;padding:.9rem var(--pad) 1.8rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem;border-top:1px solid #1C5352;font:400 .72rem/1.4 var(--mono);color:#98AFA9}
.sf-dom{font-family:var(--mono);letter-spacing:.06em}

h2:target,li.fact:target{background-color:var(--crimson-wash)}
a:focus-visible,summary:focus-visible{outline:2px solid var(--crimson);outline-offset:2px}

@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes curtains{from{--cw:50.5%}}
@keyframes houselights{from{filter:brightness(.35)}to{filter:none}}
@keyframes projector{0%{opacity:0;filter:brightness(2.2) saturate(0)}35%{opacity:.9}100%{opacity:1;filter:none}}
@keyframes bulbs{from{filter:brightness(.92)}to{filter:brightness(1.18)}}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
}

@media (max-width:62rem){
  :root{--scr-w:min(68vw,42rem);--cgap:1.6rem}
  .sheet:has(.hero){--scr-w:min(72vw,44rem)}
  .sheet:has(.crumbs a~a){--scr-w:min(76vw,44rem);--scr-h:8.4rem;--cgap:1.2rem}
  .sheet{display:flex;flex-direction:column}
  .sheet::before,.sheet::after{order:-1;flex:none}
  .sheet::after{margin-top:calc(-1 * var(--stage-h))}
  .column{order:1}
  .rail{order:2;position:static;margin-top:1.6rem}
  main#doc{padding:2.1rem 1.5rem 2.2rem}
  main#doc::before{left:1.4rem}
  li.fact{grid-template-columns:1fr}
  ul.board{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sf{display:block}
  .sf-id{margin-bottom:1.6rem}
}
@media (max-width:640px){.figs{grid-template-columns:1fr;gap:.45rem}}

@media (max-width:40rem){
  main#doc{padding:1.7rem .95rem 1.6rem;box-shadow:inset 0 0 0 1px var(--brass),0 18px 30px -24px rgba(6,42,43,.5)}
  .answer{padding:.85rem .9rem .85rem 1.55rem}
  .answer::before{left:.8rem}
  .chart,.fig{--floor:.76;--cue-y:.35rem;--cue-s:1.2rem;margin-inline:-.55rem;max-width:calc(100% + 1.1rem);min-width:calc(100% + 1.1rem);padding:1.9rem .7rem .9rem}
  .tablewrap{margin-inline:-.55rem}
  tbody td,thead th{padding-inline:.65rem}
  h2{font-size:1.28rem}
}

@media (max-width:48rem){
  :root{--scr-w:76vw;--scr-top:3.6rem;--floor:2.4rem;--scr-gap:1rem;--cgap:.6rem;--val:1rem;--swag:3.6rem;--swag-h:1.15rem;--bulb:28px}
  .sheet:has(.hero){--scr-w:78vw}
  .sheet:has(.crumbs a~a){--scr-w:82vw;--scr-h:6.6rem;--scr-top:3.3rem;--floor:2rem;--scr-gap:.8rem;--cgap:.45rem}
  .masthead{padding:10px 0}
  .mh{padding:.5rem 1rem .45rem;gap:.45rem}
  .brand{font-size:1.1rem}
  .mh-tag{display:none}
  .mh-nav{gap:.1rem;font-size:.64rem;letter-spacing:.03em}
  .mh-nav a{padding:.3rem .38rem}
  .sheet{padding:0 .8rem 2rem}
  .column{padding-top:1.1rem}
  h1{font-size:1.7rem}
  main#doc::before{width:4.2rem;height:2.1rem;top:-1.2rem}
  .hero{margin:.5rem .2rem 2rem;padding:1.3rem 1.1rem 1.2rem}
  .hero::before{inset:-8px;padding:7px;border-radius:12px;background-size:15px 15px,auto}
  .hero h1{font-size:2rem}
  .hero .answer{padding:.8rem .9rem .8rem 1.5rem;font-size:.98rem}
  main#doc:has(.hero){padding:.6rem 0 0}
  ul.board b{font-size:1.8rem}
  ul.posters{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}
  ul.posters a{padding:.75rem .75rem 0}
  ul.posters .nm{font-size:1.12rem}
  ul.posters .ds{font-size:.76rem}
  ul.posters .strip{margin:.7rem -.75rem 0;padding:8px .45rem;gap:2px}
  ul.posters .strip i{height:.8rem}
}

.rankwrap table :is(th,td):nth-child(5){white-space:nowrap}
.rankwrap table :is(th,td):nth-child(4){min-width:15em}