@font-face{font-family:'Space Grotesk Variable';font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/space-grotesk-latin-wght-normal-06408904.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:'Space Mono';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/space-mono-latin-400-normal-fb4a81a2.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:'Space Mono';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/space-mono-latin-700-normal-2d46bd15.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}

:root{
  --ink:#E8EEF2; --ink2:#C2CCD4; --mute:#94A2AD; --faint:#94A2AD;
  --paper:#11161B; --ground:#07090C; --band:#1E262E; --panel:#161C22;
  --rule:#27313A; --rule-strong:#E8EEF2;
  --cyan:#3CE4D2; --cyan-hi:#8DF3E8; --cyan-wash:#0F3134; --tally:#FFB547; --rec:#FF4D55;
  --orange:var(--cyan); --orange-deep:var(--cyan-hi); --orange-wash:var(--cyan-wash); --track:#050608;
  --grid:rgba(60,228,210,.07);
  --sans:"Space Grotesk Variable","Space Grotesk","Helvetica Neue",Arial,sans-serif;
  --mono:"Space Mono",ui-monospace,Menlo,monospace;
  --serif:var(--sans);
  --frame:80rem; --pad:1.6rem; --measure:44rem;
  --vf-h:clamp(230px,26vw,380px); --vf-pos:50% 50%;
  --cap:#B8C4C8;
  --arrow:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 12'><path d='M1 6h30' stroke='%233CE4D2' stroke-width='1.6' stroke-dasharray='3 3'/><path d='M30 1.5 38 6l-8 4.5z' fill='%23FFB547'/></svg>");
  --banner:url(/decor/banner-home-d7062f17.webp);
  color-scheme:dark;
}

body:has(.crumbs a[href="/video-models/"]),body:has(.mh-nav a[aria-current][href="/video-models/"]){--banner:url(/decor/banner-models-2bc69853.webp);--vf-pos:50% 50%}
body:has(.crumbs a[href="/camera-fields/"]),body:has(.mh-nav a[aria-current][href="/camera-fields/"]){--banner:url(/decor/banner-fields-7976bc5e.webp);--vf-pos:50% 55%}
body:has(.crumbs a[href="/camera-words/"]),body:has(.mh-nav a[aria-current][href="/camera-words/"]){--banner:url(/decor/banner-words-77547c5f.webp);--vf-pos:50% 42%}
body:has(.crumbs a[href="/model-pairs/"]),body:has(.mh-nav a[aria-current][href="/model-pairs/"]){--banner:url(/decor/banner-pairs-3a87d5a5.webp);--vf-pos:50% 58%}
body:has(.crumbs a[href="/shot-questions/"]),body:has(.mh-nav a[aria-current][href="/shot-questions/"]){--banner:url(/decor/banner-questions-9b44430b.webp);--vf-pos:50% 38%}
body:has(.crumbs a[href="/directing-notes/"]),body:has(.mh-nav a[aria-current][href="/directing-notes/"]){--banner:url(/decor/banner-notes-eb318670.webp);--vf-pos:50% 58%}
body:has(.crumbs a[href="/how-docs-are-read/"]),body:has(.mh-nav a[aria-current][href="/how-docs-are-read/"]){--banner:url(/decor/banner-method-d405e342.webp);--vf-pos:50% 58%}
body:has(.crumbs a[href="/datasets/"]),body:has(.mh-nav a[aria-current][href="/datasets/"]){--banner:url(/decor/banner-data-d9619e4b.webp);--vf-pos:50% 50%}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:1.5rem;background:var(--ground)}
body{margin:0;overflow-x:clip;color:var(--ink);font:400 17.5px/1.64 var(--sans);font-variant-numeric:tabular-nums;
  background-color:var(--ground);
  background-image:radial-gradient(90% 55% at 50% 0%,rgba(60,228,210,.09),rgba(60,228,210,0) 70%),
                   radial-gradient(60% 40% at 100% 30%,rgba(255,181,71,.06),rgba(255,181,71,0) 70%),
                   repeating-linear-gradient(104deg,rgba(190,220,235,.035) 0 1px,transparent 1px 23px),
                   repeating-linear-gradient(101deg,rgba(190,220,235,.025) 0 1px,transparent 1px 41px);
  background-attachment:fixed}
body::after{content:"";position:fixed;inset:0;z-index:60;pointer-events:none;opacity:.08;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}
a{color:inherit;text-decoration:none}
p a,li a,td a,dd a{text-decoration:underline;text-decoration-color:var(--cyan);text-decoration-thickness:1.5px;text-underline-offset:3px}
p a:hover,li a:hover,td a:hover,dd a:hover{color:var(--cyan-hi)}
.asof,.rl span,.stamp,caption,thead th,.tag,.meta,.crumbs{font-family:var(--mono);letter-spacing:.02em;text-transform:none}
::selection{background:var(--cyan);color:var(--track)}

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

.masthead{position:relative;z-index:5;background:rgba(5,6,8,.86);border-bottom:1px solid var(--rule);backdrop-filter:blur(6px)}
.mh{max-width:var(--frame);margin:0 auto;padding:.85rem var(--pad);display:flex;align-items:center;justify-content:space-between;gap:.6rem 1.6rem;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:.6rem;font:700 1.3rem/1 var(--sans);letter-spacing:-.02em;color:#FFFFFF}
.brand::before{content:"";flex:none;width:.6rem;height:.6rem;border-radius:50%;background:var(--rec);box-shadow:0 0 0 3px rgba(255,77,85,.2),0 0 12px rgba(255,77,85,.8)}
.mark{display:inline-flex;color:var(--cyan)}
.mark svg{width:1.55rem;height:1.55rem}
.mh-tag{display:block;flex:1 1 12rem;min-width:0;margin:0;font:400 .7rem/1.35 var(--mono);color:var(--mute)}
.mh-nav{display:flex;flex-wrap:wrap;gap:.2rem;font:400 .7rem/1 var(--mono);text-transform:uppercase;letter-spacing:.06em}
.mh-nav a{position:relative;padding:.5rem .65rem;color:var(--ink2);border:1px solid transparent;border-radius:3px;transition:color .2s,border-color .2s}
.mh-nav a:hover{color:var(--cyan);border-color:rgba(60,228,210,.35)}
.mh-nav a[aria-current=page]{color:var(--track);background:var(--cyan);box-shadow:0 0 16px -4px rgba(60,228,210,.8)}

.sheet{position:relative;max-width:var(--frame);margin:0 auto;padding:1.2rem var(--pad) 4rem;display:grid;grid-template-columns:minmax(0,1fr) 14rem;column-gap:2.2rem}
.sheet::before,.sheet::after{content:"";grid-column:1/-1;grid-row:1;display:block;height:var(--vf-h);margin-bottom:1.6rem;border-radius:6px}
.sheet::before{background:radial-gradient(ellipse at 50% 50%,rgba(7,9,12,0) 55%,rgba(7,9,12,.55) 100%),
                           linear-gradient(180deg,rgba(7,9,12,.25),rgba(7,9,12,0) 30%,rgba(7,9,12,0) 70%,rgba(7,9,12,.45)),
                           var(--banner) var(--vf-pos)/cover no-repeat,#0B0F13;
  box-shadow:0 0 0 1px #2B353F,0 0 0 8px #030405,0 0 0 9px #1B232B,0 40px 70px -40px rgba(60,228,210,.35);
  animation:poweron 1.1s cubic-bezier(.2,.8,.2,1) both}
.sheet::after{z-index:1;pointer-events:none;--m:rgba(255,255,255,.92);--l:44px;--i:18px;--t:rgba(255,255,255,.2);
  background:
    linear-gradient(var(--m),var(--m)) top var(--i) left var(--i)/var(--l) 2px no-repeat,
    linear-gradient(var(--m),var(--m)) top var(--i) left var(--i)/2px var(--l) no-repeat,
    linear-gradient(var(--m),var(--m)) top var(--i) right var(--i)/var(--l) 2px no-repeat,
    linear-gradient(var(--m),var(--m)) top var(--i) right var(--i)/2px var(--l) no-repeat,
    linear-gradient(var(--m),var(--m)) bottom var(--i) left var(--i)/var(--l) 2px no-repeat,
    linear-gradient(var(--m),var(--m)) bottom var(--i) left var(--i)/2px var(--l) no-repeat,
    linear-gradient(var(--m),var(--m)) bottom var(--i) right var(--i)/var(--l) 2px no-repeat,
    linear-gradient(var(--m),var(--m)) bottom var(--i) right var(--i)/2px var(--l) no-repeat,
    linear-gradient(var(--t),var(--t)) 33.333% 0/1px 100% no-repeat,
    linear-gradient(var(--t),var(--t)) 66.666% 0/1px 100% no-repeat,
    linear-gradient(var(--t),var(--t)) 0 33.333%/100% 1px no-repeat,
    linear-gradient(var(--t),var(--t)) 0 66.666%/100% 1px no-repeat,
    linear-gradient(to top,#46E38C 0 58%,var(--tally) 58% 76%,rgba(255,255,255,.18) 76%) left calc(var(--i) + 10px) bottom calc(var(--i) + 14px)/5px 52px no-repeat,
    linear-gradient(to top,#46E38C 0 44%,rgba(255,255,255,.18) 44%) left calc(var(--i) + 19px) bottom calc(var(--i) + 14px)/5px 52px no-repeat;
  animation:overlay .8s ease .7s both}

.column::before{content:"";position:absolute;top:calc(1.2rem + 13px);left:calc(var(--pad) + 76px);width:12px;height:12px;border-radius:50%;z-index:2;
  background:var(--rec);box-shadow:0 0 0 3px rgba(255,77,85,.25),0 0 14px 2px rgba(255,77,85,.75);animation:blink 1.6s linear 1.2s infinite}
.column{grid-column:1;grid-row:2;min-width:0;position:static}
.rail{grid-column:2;grid-row:2;position:sticky;top:1.2rem;align-self:start;font:400 .8rem/1.45 var(--mono);color:var(--ink2)}
.rl,.rl-figs{display:none}
.rl span{display:block;font-size:.64rem;color:var(--mute)}
.rl b{display:block;font:700 1rem/1.3 var(--mono)}
.rl-figs a{display:inline-block;margin:.12rem .35rem .12rem 0;font-family:var(--mono);font-size:.74rem;color:var(--mute)}
.rl-h{display:flex;align-items:center;gap:.5rem;font:700 .66rem/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--tally);margin:0 0 .8rem}
.rl-h::before{content:"";width:.5rem;height:.5rem;background:var(--tally);border-radius:1px;box-shadow:0 0 8px rgba(255,181,71,.7)}
.secnav{position:relative;padding:1rem .9rem .8rem;background:rgba(17,22,27,.85);border:1px solid var(--rule);border-radius:6px;
  --m:var(--cyan);background-image:linear-gradient(var(--m),var(--m)),linear-gradient(var(--m),var(--m)),linear-gradient(var(--m),var(--m)),linear-gradient(var(--m),var(--m));
  background-size:14px 1.5px,1.5px 14px,14px 1.5px,1.5px 14px;background-position:6px 6px,6px 6px,right 6px bottom 6px,right 6px bottom 6px;background-repeat:no-repeat}
.secnav ol{list-style:none;margin:0;padding:0}
.secnav li{margin:0}
.secnav a{display:grid;grid-template-columns:1.9rem minmax(0,1fr);gap:.3rem;padding:.38rem 0 .38rem .2rem;border-top:1px solid var(--band);color:var(--ink2);transition:color .2s,background-color .2s}
.secnav li:first-child a{border-top:0}
.secnav a i{font-style:normal;color:var(--cyan)}
.secnav a:hover{color:#FFFFFF;background:linear-gradient(90deg,var(--cyan-wash),transparent)}

.crumbs{margin:0 0 .9rem;font-size:.72rem;color:var(--mute)}
.crumbs a{color:var(--ink2);text-decoration:underline;text-decoration-color:rgba(60,228,210,.5);text-underline-offset:3px}
.crumbs a:hover{color:var(--cyan)}

main#doc{position:relative;background:linear-gradient(180deg,rgba(60,228,210,.05),rgba(60,228,210,0) 180px),var(--paper);border:1px solid var(--rule);border-radius:8px;padding:2.6rem 2.9rem 3rem;
  box-shadow:inset 0 1px 0 rgba(60,228,210,.35),0 30px 60px -40px rgba(0,0,0,.9)}
main#doc>*{animation:rise .7s cubic-bezier(.2,.7,.2,1) both}
main#doc>:nth-child(1){animation-delay:.55s} main#doc>:nth-child(2){animation-delay:.62s} main#doc>:nth-child(3){animation-delay:.69s}
main#doc>:nth-child(4){animation-delay:.76s} main#doc>:nth-child(n+5){animation-delay:.82s}

main#doc>:is(.fig-dia,.tablewrap){animation:none}
main#doc>p,main#doc>ul,main#doc>ol,main#doc>blockquote,main#doc>.answer,main#doc>.clause,main#doc>.statusbox{max-width:var(--measure)}
main#doc>ul.entries,main#doc>ul.facts{max-width:none}
h1{font:700 clamp(2.2rem,4.2vw,3.6rem)/1.03 var(--sans);margin:0 0 1.2rem;letter-spacing:-.035em;color:#FFFFFF;text-wrap:balance}
h2{display:flex;align-items:center;gap:.75rem;font:700 1.55rem/1.2 var(--sans);letter-spacing:-.02em;margin:3.1rem 0 1rem;padding-top:1.1rem;border-top:1px solid var(--rule);color:#FFFFFF}
h2 .secno{flex:none;display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .55rem .3rem .45rem;border:1px solid rgba(255,181,71,.45);border-radius:3px;background:rgba(255,181,71,.08);
  font:700 .74rem/1 var(--mono);letter-spacing:.08em;color:var(--tally)}
h2 .secno::before{content:"";width:.45rem;height:.45rem;border-radius:50%;background:var(--tally);box-shadow:0 0 8px rgba(255,181,71,.8)}
h3{font:700 1.06rem/1.3 var(--sans);margin:1.7rem 0 .5rem;color:var(--ink2)}
p{margin:0 0 1rem}
ul,ol{margin:0 0 1rem;padding-left:1.3rem}
li{margin:.28rem 0}
b,strong{font-weight:700;color:#FFFFFF}
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;border:1.5px solid var(--cyan);border-radius:1px}

.answer{margin:0 0 2.2rem;padding:.2rem 0 .2rem 1.2rem;border-left:2px solid var(--cyan);font:400 1.24rem/1.56 var(--sans);color:var(--ink2)}
.asof{display:inline-block;margin-left:.4rem;padding:.1rem .45rem;border:1px solid rgba(255,181,71,.4);border-radius:3px;font-size:.68rem;color:var(--tally);vertical-align:.15em}

.statusbox{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.5rem;margin:1.2rem 0 1.8rem}
.sb-row{padding:.65rem .8rem;background:var(--panel);border:1px solid var(--rule);border-radius:4px;box-shadow:inset 0 2px 0 var(--cyan)}
.statusbox dt{font:400 .62rem/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.statusbox dd{margin:.25rem 0 0;font:700 .98rem/1.3 var(--sans);color:#FFFFFF}

ul.facts{list-style:none;padding:0;margin:1.3rem 0 2.2rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:.8rem}
li.fact{--m:var(--cyan);position:relative;display:flex;flex-direction:column;gap:.35rem;margin:0;padding:1.05rem 1.15rem 1rem;background:var(--panel);border:1px solid var(--rule);border-radius:4px;
  background-image:linear-gradient(var(--m),var(--m)),linear-gradient(var(--m),var(--m)),linear-gradient(var(--m),var(--m)),linear-gradient(var(--m),var(--m));
  background-size:12px 1.5px,1.5px 12px,12px 1.5px,1.5px 12px;background-position:5px 5px,5px 5px,right 5px bottom 5px,right 5px bottom 5px;background-repeat:no-repeat;
  transition:border-color .25s,background-size .25s,transform .25s}
li.fact:hover{border-color:rgba(60,228,210,.5);background-size:22px 1.5px,1.5px 22px,22px 1.5px,1.5px 22px;transform:translateY(-2px)}
li.fact .tag{font-size:.64rem;line-height:1.45;letter-spacing:.1em;text-transform:uppercase;color:var(--tally)}
li.fact .fv{display:flex;flex-direction:column;gap:.2rem;min-width:0}
li.fact .val{font-weight:650;font-size:1.02rem;line-height:1.45;color:#FFFFFF}
li.fact .note{font-size:.88rem;line-height:1.5;color:var(--ink2)}
li.fact .meta{margin-top:auto;padding-top:.45rem;border-top:1px dashed var(--rule);font-size:.68rem;line-height:1.55;color:var(--faint)}
li.fact .meta .sep{margin:0 .3rem;color:var(--rule)}

blockquote{position:relative;margin:1.9rem 0;padding:1.15rem 1.4rem 1.05rem 3.4rem;background:linear-gradient(90deg,rgba(0,0,0,.55),rgba(0,0,0,.25));border:1px solid var(--rule);border-left:3px solid var(--tally);border-radius:4px;
  font:500 1.1rem/1.55 var(--sans);color:#FFFFFF}
blockquote::before{content:"\201C";position:absolute;left:.9rem;top:.35rem;font:700 3.2rem/1 var(--sans);color:var(--cyan)}
blockquote p{margin:0 0 .45rem}
blockquote cite{font:normal 400 .7rem/1.3 var(--mono);color:var(--mute)}

.tablewrap{overflow-x:auto;margin:1.5rem 0 .6rem;border:1px solid var(--rule);border-radius:6px;background:var(--track)}
table{width:100%;border-collapse:collapse;font-size:.9rem}
caption{caption-side:top;text-align:left;padding:.75rem .95rem;font-size:.75rem;color:var(--cap);background:var(--panel);border-bottom:1px solid var(--rule)}
thead th{text-align:left;font-size:.64rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--cyan);background:#0A0D10;padding:.65rem .95rem;border-bottom:1px solid rgba(60,228,210,.5);white-space:nowrap}
tbody td{padding:.6rem .95rem;border-bottom:1px solid var(--band);vertical-align:top}
tbody td:first-child{font-weight:650;color:#FFFFFF;white-space:nowrap}
tbody tr:nth-child(even){background:rgba(255,255,255,.018)}
tbody tr:hover{background:var(--cyan-wash)}
tbody tr:last-child td{border-bottom:0}
tr.is-current{background:rgba(255,181,71,.12)!important;box-shadow:inset 3px 0 0 var(--tally)}
tr.is-current td{font-weight:700}
.rule{font-size:.8rem;color:var(--ink2);margin:.5rem 0 1.6rem}
.rule b{font-family:var(--mono);font-size:.66rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--tally)}
.clause{font-size:.86rem;color:var(--ink2)}

main ul.entries{list-style:none;padding:0;margin:1.3rem 0 2.2rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(15.5rem,1fr));gap:.8rem}
ul.entries li{--m:rgba(255,255,255,.85);position:relative;margin:0;padding:1.1rem 1.15rem 1.05rem;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:clip;overflow-clip-margin:content-box;background:linear-gradient(160deg,#18212A,#10151A);border:1px solid var(--rule);border-radius:4px;font-size:.86rem;line-height:1.5;color:var(--ink2);
  background-image:linear-gradient(var(--m),var(--m)),linear-gradient(var(--m),var(--m)),linear-gradient(var(--m),var(--m)),linear-gradient(var(--m),var(--m)),linear-gradient(var(--m),var(--m)),linear-gradient(var(--m),var(--m)),linear-gradient(var(--m),var(--m)),linear-gradient(var(--m),var(--m)),linear-gradient(160deg,#18212A,#10151A);
  background-size:10px 1.5px,1.5px 10px,10px 1.5px,1.5px 10px,10px 1.5px,1.5px 10px,10px 1.5px,1.5px 10px,100% 100%;
  background-position:6px 6px,6px 6px,right 6px top 6px,right 6px top 6px,left 6px bottom 6px,left 6px bottom 6px,right 6px bottom 6px,right 6px bottom 6px,0 0;background-repeat:no-repeat;
  transition:background-size .3s,border-color .3s,transform .3s}
ul.entries li:hover{--m:var(--cyan);border-color:rgba(60,228,210,.45);transform:translateY(-3px);
  background-size:22px 1.5px,1.5px 22px,22px 1.5px,1.5px 22px,22px 1.5px,1.5px 22px,22px 1.5px,1.5px 22px,100% 100%}
ul.entries a{display:block;margin-bottom:.25rem;font:700 1.05rem/1.28 var(--sans);letter-spacing:-.01em;color:#FFFFFF;text-decoration:none}
ul.entries a:hover{color:var(--cyan)}

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

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

.chart,.fig{margin:1.8rem 0 1.3rem;padding:1.2rem 1.3rem 1rem;border:1px solid var(--rule);border-radius:6px;
  background:linear-gradient(var(--grid) 1px,transparent 1px) 0 0/100% 24px,linear-gradient(90deg,var(--grid) 1px,transparent 1px) 0 0/24px 100%,#0A0D10}
.chart svg{display:block;max-width:100%;overflow:visible;height:auto}
.ch-matrix svg{max-width:min(100%,46rem)}
.ch-bars svg{max-width:min(100%,52rem)}
.ch-timeline svg{max-width:min(100%,56rem)}
.chart figcaption,.fig figcaption{max-width:var(--measure);margin-top:.75rem;font:400 .75rem/1.6 var(--mono);color:var(--cap)}
.fign{float:left;margin:.05rem .55rem 0 0;padding:.08rem .4rem;border:1px solid rgba(255,181,71,.5);border-radius:3px;font:700 .62rem/1.5 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--tally)}
a.fign:hover{background:var(--tally);color:var(--track)}
.ch-title{font:700 .64rem/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;fill:var(--cyan)}
.ch-lab{font:400 .78rem/1 var(--sans);fill:var(--ink2);text-anchor:end}
.ch-lab2{font:400 .8rem/1 var(--sans);fill:var(--ink2)}
.ch-col{font:400 .56rem/1 var(--mono);text-transform:uppercase;fill:var(--mute);text-anchor:middle}
.ch-val{font:700 .72rem/1 var(--mono);fill:var(--ink);dominant-baseline:middle}
.ch-na{font:400 .7rem/1 var(--sans);fill:var(--faint);dominant-baseline:middle}
.ch-bar{fill:var(--cyan)}
.ch-val-in{text-anchor:end;fill:var(--track)}
.ch-hl .ch-bar{opacity:.3}
.ch-hl .ch-hi{opacity:1;fill:var(--tally)}
.ch-lab-hi{font-weight:700;fill:#FFFFFF}
.ch-a{opacity:1}
.ch-b{opacity:.4}
.ch-keyt{font:600 .7rem/1 var(--sans);fill:var(--ink2)}
.ch-gap{fill:none;stroke:var(--rule);stroke-dasharray:4 3}
.ch-cell{fill:var(--band);stroke:none}
.ch-cell.ch-cur{fill:rgba(255,181,71,.16);stroke:var(--tally);stroke-width:1.2}
.ch-mark{stroke:var(--cyan);stroke-width:1.6}
.ch-m-yes{fill:var(--cyan)}
.ch-m-part{fill:none}
.ch-m-none{fill:none;stroke:var(--mute);stroke-width:1.2;opacity:.55}
.ch-half{fill:var(--cyan)}
.ch-axis,.ch-drop{stroke:var(--mute)}
.ch-dot{fill:var(--tally)}
.ch-date{font:400 .7rem/1 var(--mono);fill:var(--faint);text-anchor:end}
.ch-track{fill:var(--band)}
.ch-span{fill:var(--cyan)}
.fig img{display:block;width:100%;height:auto;border-radius:4px;background:var(--band)}
.fig .credit{display:block;margin-top:.3rem;font:400 .66rem/1.4 var(--mono);color:var(--faint)}
.figs{display:grid;grid-template-columns:repeat(var(--figcols,3),1fr);gap:.5rem}
.fig-shot img{box-shadow:0 0 0 1px var(--mute)}
.fig-dia{overflow-x:auto}
.fig-dia svg{display:block;max-width:100%;min-width:38rem;overflow:visible;height:auto}
.dg-band{fill:var(--band)}
.dg-head{font:700 10.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;fill:var(--cyan)}
.dg-box{fill:#141B21;stroke:#2F3B45;stroke-width:1;rx:2px;filter:drop-shadow(-4px 0 0 var(--tally))}
.dg-store{font:500 13px/1 var(--sans);fill:var(--ink)}
.dg-arrow{stroke:var(--tally);stroke-width:1.5;fill:none}
.dg-head-tip{fill:var(--tally)}
.dg-travels{font:400 10px/1 var(--mono);fill:var(--mute)}
.dg-bar{fill:var(--cyan)}
.dg-bartext{font:700 12px/1 var(--sans);fill:var(--track)}
.dg-rule{stroke:var(--rule);stroke-width:1}
.dg-footlab{font:400 9px/1 var(--mono);fill:var(--mute);letter-spacing:.05em;text-transform:uppercase}
.dg-after{font:500 12px/1 var(--sans);fill:#FFFFFF}
.fig-dia svg{margin-top:.5rem}
.fig-dia svg>text.dg-footlab:first-of-type{transform:translateY(-8px)}
.fig-dia svg>text.dg-head:has(tspan+tspan):has(+rect.dg-box){transform:translateY(-8px)}

.fig-dia:has(svg>rect.dg-box+text.dg-head+text.dg-after){padding-top:1.9rem;background:repeating-linear-gradient(-45deg,#E9EEF1 0 10px,#0A0C0E 10px 20px) top/100% .7rem no-repeat,linear-gradient(var(--grid) 1px,transparent 1px) 0 0/100% 24px,linear-gradient(90deg,var(--grid) 1px,transparent 1px) 0 0/24px 100%,#0A0D10}

.sheet:has(.hero){grid-template-columns:minmax(0,1fr)}
.sheet:has(.hero)::before,.sheet:has(.hero)::after,.sheet:has(.hero) .column::before{display:none}
.sheet:has(.hero) .rail{display:none}
main#doc:has(>.hero){padding-top:1.4rem}
main#doc>div.hero{--m:rgba(255,255,255,.9);--x:rgba(255,255,255,.9);--i:16px;--l:40px;--t:rgba(255,255,255,.14);position:relative;overflow:hidden;margin:0 0 2rem;padding:clamp(2.2rem,6vw,5.5rem) clamp(1.4rem,4vw,3.4rem) 1.6rem;border-radius:6px;
  box-shadow:0 0 0 1px #2B353F,0 0 0 7px #030405,0 0 0 8px #1B232B;
  background:
    linear-gradient(var(--m),var(--m)) top var(--i) left var(--i)/var(--l) 2px no-repeat,
    linear-gradient(var(--m),var(--m)) top var(--i) left var(--i)/2px var(--l) no-repeat,
    linear-gradient(var(--m),var(--m)) top var(--i) right var(--i)/var(--l) 2px no-repeat,
    linear-gradient(var(--m),var(--m)) top var(--i) right var(--i)/2px var(--l) no-repeat,
    linear-gradient(var(--m),var(--m)) bottom var(--i) left var(--i)/var(--l) 2px no-repeat,
    linear-gradient(var(--m),var(--m)) bottom var(--i) left var(--i)/2px var(--l) no-repeat,
    linear-gradient(var(--m),var(--m)) bottom var(--i) right var(--i)/var(--l) 2px no-repeat,
    linear-gradient(var(--m),var(--m)) bottom var(--i) right var(--i)/2px var(--l) no-repeat,
    linear-gradient(var(--t),var(--t)) 33.333% 0/1px 11% no-repeat,
    linear-gradient(var(--t),var(--t)) 33.333% 100%/1px 11% no-repeat,
    linear-gradient(var(--t),var(--t)) 66.666% 0/1px 100% no-repeat,
    linear-gradient(var(--t),var(--t)) 100% 33.333%/34% 1px no-repeat,
    linear-gradient(var(--t),var(--t)) 100% 66.666%/34% 1px no-repeat,
    linear-gradient(var(--x),var(--x)) 83.333% 50%/22px 1.5px no-repeat,
    linear-gradient(var(--x),var(--x)) 83.333% 50%/1.5px 22px no-repeat,
    linear-gradient(90deg,rgba(7,9,12,.9) 0%,rgba(7,9,12,.72) 42%,rgba(7,9,12,.15) 78%,rgba(7,9,12,.35) 100%),
    linear-gradient(180deg,rgba(7,9,12,0) 50%,rgba(7,9,12,.85) 100%),
    var(--banner) 70% 50%/cover no-repeat,#0B0F13;
  animation:poweron 1.1s cubic-bezier(.2,.8,.2,1) both}
.hero>*{position:relative}
.hero .eyebrow{font:400 .7rem/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink2);margin:0 0 1rem}
.hero .rec{display:inline-flex;align-items:center;gap:.4rem;margin-right:.5rem;color:var(--rec);font-weight:700}
.hero .rec::before{content:"";width:.6rem;height:.6rem;border-radius:50%;background:var(--rec);box-shadow:0 0 10px rgba(255,77,85,.9);animation:blink 1.6s linear 1.2s infinite}
.hero h1{max-width:44rem;font-size:clamp(2.4rem,5.2vw,4.4rem);text-shadow:0 2px 20px rgba(0,0,0,.6)}
.hero .answer{max-width:44rem;border-left-color:var(--cyan);color:#DCE4EA;text-shadow:0 1px 10px rgba(0,0,0,.7)}
main#doc ul.readouts{list-style:none;padding:.9rem 0 0;margin:1.6rem 0 0;max-width:none;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.18);gap:.4rem}
ul.readouts li{margin:0}
ul.readouts a{display:flex;flex-direction:column;gap:.2rem;padding:.35rem .25rem;border-radius:4px;text-decoration:none;transition:background-color .2s}
ul.readouts a:hover{background:rgba(60,228,210,.1)}
ul.readouts span{font:700 .64rem/1 var(--mono);letter-spacing:.12em;color:var(--tally)}
ul.readouts b{font:700 1.8rem/1 var(--mono);color:#FFFFFF}
ul.readouts small{font-size:.8rem;color:var(--mute);font-weight:400}
ul.readouts em{font:normal 400 .72rem/1.3 var(--mono);color:var(--ink2)}
ul.readouts a:hover b{color:var(--cyan)}

main#doc>ul.slates{list-style:none;padding:0;margin:1.3rem 0 2rem;max-width:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.9rem}
ul.slates li{margin:0}
ul.slates a{display:flex;flex-direction:column;height:100%;background:#0C1014;border:1px solid var(--rule);border-radius:4px;overflow:hidden;text-decoration:none;transition:border-color .25s,transform .25s,box-shadow .25s}
ul.slates a:hover{border-color:var(--cyan);transform:translateY(-3px) rotate(-.4deg);box-shadow:0 20px 34px -24px rgba(60,228,210,.5)}
ul.slates .sl-top{display:block;height:1.15rem;background:repeating-linear-gradient(-45deg,#F2F5F7 0 12px,#0A0C0E 12px 24px);border-bottom:1px solid var(--rule);transform-origin:0 100%;transition:transform .3s}
ul.slates a:hover .sl-top{transform:rotate(-3deg)}
ul.slates .sl-row{display:grid;grid-template-columns:3.4rem minmax(0,1fr);align-items:baseline;gap:.4rem;padding:.42rem .8rem;border-bottom:1px solid var(--band);font-size:.84rem;color:var(--ink2)}
ul.slates .sl-k{font:400 .6rem/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
ul.slates .nm{font:700 1.06rem/1.2 var(--sans);color:#FFFFFF}
ul.slates .ds{padding:.6rem .8rem;font-size:.82rem;line-height:1.4;color:var(--ink2);flex:1 1 auto}
ul.slates .cells{display:grid;grid-template-columns:repeat(6,1fr);gap:.22rem;padding:0 .8rem .6rem}
ul.slates .cells i{display:flex;align-items:center;justify-content:center;height:1.4rem;border-radius:2px;font-style:normal}
ul.slates .cells b{font:700 .56rem/1 var(--mono);letter-spacing:.04em;color:inherit}
ul.slates .cells .on{background:var(--cyan);color:var(--track);box-shadow:0 0 10px -3px rgba(60,228,210,.9)}
ul.slates .cells .off{border:1px solid var(--rule);color:var(--mute)}
ul.slates .sl-foot{padding:.45rem .8rem;border-top:1px dashed var(--rule);font:400 .66rem/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--tally)}

main#doc>ol.wordstrip{list-style:none;padding:0;margin:1.2rem 0 2rem;max-width:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:.25rem 1.6rem}
ol.wordstrip li{margin:0}
ol.wordstrip a{display:grid;grid-template-columns:9.5rem minmax(0,1fr) 1.6rem;align-items:center;gap:.6rem;padding:.35rem 0;border-bottom:1px solid var(--band);text-decoration:none}
ol.wordstrip .wn{font-size:.88rem;color:var(--ink)}
ol.wordstrip .wbar{height:.42rem;background:var(--band);border-radius:1px;overflow:hidden}
ol.wordstrip .wbar i{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),#1FB3A4);box-shadow:0 0 8px rgba(60,228,210,.6)}
ol.wordstrip .wc{font:700 .76rem/1 var(--mono);color:var(--tally);text-align:right}
ol.wordstrip a:hover .wn{color:var(--cyan)}

.site-foot{position:relative;background:#040506;color:var(--ink2);margin-top:2rem;border-top:1px solid var(--rule);box-shadow:inset 0 1px 0 rgba(60,228,210,.2)}
.sf{max-width:var(--frame);margin:0 auto;padding:2.6rem var(--pad) 1.4rem}
.sf-id{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:.4rem}
.sf-id::after{content:"";flex-basis:100%;order:1}
.sf-id .sf-note{order:2}
.sf-id .mark svg{width:1.5rem;height:1.5rem;color:var(--cyan)}
.sf-name{font:700 1.15rem/1 var(--sans);color:#FFFFFF}
.sf-note{font-size:.84rem;line-height:1.55;color:var(--mute);max-width:44rem;margin:.2rem 0 1.8rem}
.sf-map{columns:4 12rem;column-gap:2rem}
.sfc{display:block;break-inside:avoid;margin:0 0 1.4rem}
.sfc ul{list-style:none;margin:0;padding:0}
.sfc li{margin:.22rem 0;font-size:.82rem}
.sfc a{color:var(--ink2);text-decoration:none}
.sfc a:hover{color:var(--cyan)}
.sfh{display:block;padding-bottom:.4rem;margin:0 0 .5rem;border-bottom:1px solid var(--rule);font:700 .62rem/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--tally)}
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:.7}
details.sfc[open]>summary.sfh::after{content:"\2212"}
.sfh .sfn{font-weight:400;opacity:.6}
details.sfc[open]{column-span:all;margin-top:.3rem}
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;display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem;border-top:1px solid var(--rule);padding:1rem var(--pad) 1.8rem;font:400 .7rem/1.4 var(--mono);color:var(--mute)}
.sf-dom{font-family:var(--mono)}

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

@keyframes poweron{0%{opacity:0;transform:scaleY(.02);filter:brightness(3)}45%{opacity:1;transform:scaleY(.02);filter:brightness(3)}100%{opacity:1;transform:none;filter:none}}
@keyframes overlay{from{opacity:0}to{opacity:1}}
@keyframes blink{0%,62%{opacity:1}64%,98%{opacity:.18}100%{opacity:1}}
@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  html{scroll-behavior:auto}
}
@media (max-width:60rem){
  .sheet{grid-template-columns:minmax(0,1fr) 12.5rem;column-gap:1.4rem}
  main#doc{padding:2rem 1.6rem 2.3rem}
  main#doc ul.readouts{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:48rem){
  :root{--vf-h:170px}
  .sheet{display:flex;flex-direction:column;padding:.8rem .8rem 2.4rem}
  .sheet::before{order:-2;margin-bottom:0}
  .sheet::after{order:-1;margin-top:-170px;margin-bottom:0;--l:24px;--i:10px}
  .sheet::after{background-size:24px 2px,2px 24px,24px 2px,2px 24px,24px 2px,2px 24px,24px 2px,2px 24px,1px 100%,1px 100%,100% 1px,100% 1px,4px 34px,4px 34px}
  .column::before{top:calc(.8rem + 6px);left:calc(.8rem + 44px);width:9px;height:9px}
  .column{order:1;margin-top:1.2rem}
  .rail{order:2;position:static;margin-top:1.6rem}
  main#doc{padding:1.5rem 1.1rem 1.8rem}
  h1{font-size:2rem}
  .answer{font-size:1.08rem;padding-left:.9rem}
  h2{font-size:1.3rem;gap:.55rem}
  ul.facts{grid-template-columns:1fr}
  blockquote{padding-left:2.7rem;font-size:1rem}
  main#doc>div.hero{--i:10px;--l:24px;--t:transparent;--x:transparent;padding:2.4rem 1.1rem 1.1rem}
  .hero h1{font-size:2.05rem}
  main#doc ul.readouts{grid-template-columns:repeat(3,minmax(0,1fr))}
  ol.wordstrip a{grid-template-columns:8rem minmax(0,1fr) 1.4rem}
}
@media (max-width:48rem){
  
  .chart{overflow-x:auto;overscroll-behavior-x:contain}
  .chart svg{max-width:none!important;width:auto}
  table:has(thead th:nth-child(3)){min-width:33rem}
  tbody td:first-child{white-space:normal}
  
  .chart,.fig-dia{background:linear-gradient(#0A0D10,#0A0D10) right top/3.2rem 1.35rem no-repeat local,var(--arrow) calc(100% - .75rem) .5rem/26px auto no-repeat scroll,linear-gradient(var(--grid) 1px,transparent 1px) 0 0/100% 24px,linear-gradient(90deg,var(--grid) 1px,transparent 1px) 0 0/24px 100%,#0A0D10}
  .tablewrap{padding-bottom:1.15rem;background:linear-gradient(var(--track),var(--track)) right bottom/3.2rem 1.15rem no-repeat local,var(--arrow) calc(100% - .75rem) calc(100% - .35rem)/26px auto no-repeat scroll,var(--track)}
  .fig-dia:has(svg>rect.dg-box+text.dg-head+text.dg-after){background:linear-gradient(#0A0D10,#0A0D10) right 0 top .75rem/3.2rem 1.1rem no-repeat local,var(--arrow) calc(100% - .75rem) 1.05rem/26px auto no-repeat scroll,repeating-linear-gradient(-45deg,#E9EEF1 0 10px,#0A0C0E 10px 20px) top/100% .7rem no-repeat,linear-gradient(var(--grid) 1px,transparent 1px) 0 0/100% 24px,linear-gradient(90deg,var(--grid) 1px,transparent 1px) 0 0/24px 100%,#0A0D10}
}

@media (max-width:48rem){
  .mh{padding:.55rem .85rem;gap:.35rem}
  .brand{font-size:1.1rem}
  .mark svg{width:1.3rem;height:1.3rem}
  .mh-tag{display:none}
  .mh-nav{font-size:.62rem;gap:.1rem}
  .mh-nav a{padding:.3rem .4rem}
}