/* house v3. Paper #FAFAF7, indigo #180b51, one ink. Author headlines and labels, EB Garamond reading, Martian Mono data. 1280 column. */
@font-face{font-family:'Author';src:url(/fonts/author-400.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Author';src:url(/fonts/author-500.woff2) format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Author';src:url(/fonts/author-600.woff2) format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'EB Garamond';src:url(/fonts/ebgaramond.woff2) format('woff2-variations');font-weight:400 800;font-display:swap}
@font-face{font-family:'Martian Mono';src:url(/fonts/martianmono.woff2) format('woff2-variations');font-weight:100 800;font-display:swap}
@font-face{font-family:'Martian Fallback';src:local('Menlo'),local('DejaVu Sans Mono'),local('Courier New');size-adjust:116%;ascent-override:86%;descent-override:17%;line-gap-override:0%}
@font-face{font-family:'Garamond Fallback';src:local('Times New Roman'),local('Times');size-adjust:95.5%;ascent-override:106%;descent-override:31%;line-gap-override:0%}
@font-face{font-family:'Author Fallback';src:local('Arial'),local('Helvetica Neue'),local('Roboto');size-adjust:87%;ascent-override:95.4%;descent-override:23%;line-gap-override:9.2%}
:root{
  --white:#FAFAF7; --ink:#180b51; --deep:#0f0640;
  --ink-60:rgba(24,11,81,.6); --ink-24:rgba(24,11,81,.24); --ink-12:rgba(24,11,81,.12);
  --line:#d7d2e5; --muted:#665e7b;
  --author:'Author','Author Fallback',system-ui,sans-serif;
  --serif:'EB Garamond','Garamond Fallback',Georgia,serif;
  --mono:'Martian Mono','Martian Fallback',ui-monospace,monospace;
  --pad:56px; --side:max(var(--pad),calc((100% - 1280px)/2)); --qh:80px;
  /* facade plate, day */
  --sky:transparent; --stone:#FAFAF7; --edge:#180b51; --hatch:#180b51; --joint:rgba(24,11,81,.2);
  --glass-dark:#180b51; --pdl:rgba(250,250,247,.16); --glass-lit:#F1F4FF; --lvl:#180b51; --door:#F1F4FF;
  --hz0:rgba(24,11,81,0); --hz1:rgba(24,11,81,.05);
  --wash0:rgba(241,244,255,0); --wash1:rgba(241,244,255,0); --wash2:rgba(241,244,255,0);
  --halo0:rgba(241,244,255,0); --halo1:rgba(241,244,255,0);
  --nt0:rgba(5,2,26,0); --nt1:rgba(5,2,26,0); --nt2:rgba(5,2,26,0);
  --hero-bg:var(--white); --hero-fg:var(--ink); --hero-mut:var(--muted);
}
html.night{
  --sky:#0b0530; --stone:#1a0e58; --edge:rgba(236,232,255,.42); --hatch:#06021c; --joint:rgba(236,232,255,.07);
  --glass-dark:#05021a; --pdl:rgba(250,250,247,.05); --glass-lit:#F1F4FF; --lvl:#180b51; --door:#F1F4FF;
  --hz0:rgba(11,5,48,0); --hz1:rgba(11,5,48,0);
  --wash0:rgba(241,244,255,.55); --wash1:rgba(241,244,255,.16); --wash2:rgba(241,244,255,0);
  --halo0:rgba(241,244,255,.30); --halo1:rgba(241,244,255,0);
  --nt0:rgba(5,2,26,.62); --nt1:rgba(5,2,26,.2); --nt2:rgba(5,2,26,0);
  --hero-bg:#0b0530; --hero-fg:#FAFAF7; --hero-mut:rgba(250,250,247,.66);
}
/* the plate */
.sky{fill:var(--sky)}
.st{fill:var(--stone)}
.ed{fill:none;stroke:var(--edge);stroke-width:.85;stroke-linejoin:round}
.ed.fine{stroke-width:.5}
.ed.thick{stroke-width:2.2}
.ed.spoke{stroke-width:1.4}
.ed.doorline{stroke:rgba(24,11,81,.18);stroke-width:.6}
.hl{stroke:var(--hatch);stroke-width:.78;fill:none}
.l1{stroke-width:.5}
.h3l{stroke-width:.8}
.t1{fill:url(#p1)}.t2{fill:url(#p2)}.t3{fill:url(#p3)}
.joint{fill:none;stroke:var(--joint);stroke-width:.5}
.haze{fill:url(#gHaze)}
.hz0{stop-color:var(--hz0)}.hz1{stop-color:var(--hz1)}
.wash0{stop-color:var(--wash0)}.wash1{stop-color:var(--wash1)}.wash2{stop-color:var(--wash2)}
.halo0{stop-color:var(--halo0)}.halo1{stop-color:var(--halo1)}
.nt0{stop-color:var(--nt0)}.nt1{stop-color:var(--nt1)}.nt2{stop-color:var(--nt2)}
.halo{fill:url(#gHalo)}
.wash,.night-veil,.halos{pointer-events:none}
.door{fill:var(--door)}
.lintel-t{font:600 8.4px/1 var(--serif);letter-spacing:.32em;fill:var(--edge)}
html.night .lintel-t{fill:#FAFAF7}
.rimlight{fill:none;stroke:var(--white);stroke-width:3.2;stroke-linecap:round;opacity:.95}
.rimshade{fill:none;stroke:var(--ink);stroke-width:3;stroke-linecap:round;opacity:.7}
html.night .rimlight{stroke:rgba(250,250,247,.5)}
html.night .blade{display:none}
.ll{stroke:var(--lvl);stroke-width:1;fill:none}

/* seats: occupancy is light, spend is a separate hatched level with a meniscus */
.seat{cursor:pointer;outline:none}
.seat .glass{transition:fill .12s ease-out}
.seat.dark .glass{fill:url(#pd)}
.seat.lit .glass{fill:var(--glass-lit);stroke:var(--ink);stroke-width:.7}
html.night .seat.lit .glass{stroke:none}
.seat .lvl{fill:url(#pl)}
.seat .men{stroke:var(--lvl);stroke-width:1.4;fill:none}
.seat .men.zero{stroke-width:1;stroke-dasharray:2 2}
.seat .reveal{stroke:rgba(24,11,81,.35);stroke-width:1.6;fill:none}
.seat .sel{fill:none;stroke:transparent;stroke-width:2.4}
.seat.dark:hover .glass,.seat.dark.on .glass{fill:#3d2e8c}
.pdb{fill:var(--glass-dark)}.pdl{stroke:var(--pdl);stroke-width:.5;fill:none}
.seat.lit:hover .glass,.seat.lit.on .glass{fill:#ece8fb}
.seat:hover .sel,.seat.on .sel{stroke:var(--ink)}
html.night .seat:hover .sel,html.night .seat.on .sel{stroke:#FAFAF7}
.seat:focus-visible .sel{stroke:var(--ink);stroke-width:3.4}
html.night .seat:focus-visible .sel{stroke:#FAFAF7}

/* Directional stone, open recesses and a luminous threshold. */
:root{--stone-lit:#fffffc;--stone-shade:#d9d5e4;--open-top:#382b60;--open-bottom:#8a819c;--stone:#f4f2f7;--glass-dark:#605675;--wash0:rgba(241,244,255,.95);--wash1:rgba(241,244,255,.55);--halo0:rgba(241,244,255,.85);--halo1:rgba(241,244,255,0)}
html.night{--stone-lit:#7b7590;--stone:#332c4d;--stone-shade:#131025;--open-top:#040313;--open-bottom:#211b36;--hatch:#070415;--edge:rgba(250,250,247,.56)}
.st{fill:url(#stone-light)}
.st.step-tread{fill:var(--glass-lit)}
.st.step-riser{fill:var(--stone-shade)}
.seat.dark .glass{fill:url(#open-glass);stroke:var(--edge);stroke-width:.6}
.medal image{filter:none}

/* Direction D, using house-v3-motion round-two window structure. */
:root{
  --glass-lit:#F1F4FF;--door:#F1F4FF;--open-top:#211747;--open-bottom:#514365;
  --reveal-lit:#71677f;--reveal-shade:#544860;
  --halo0:rgba(241,244,255,.10);--halo1:rgba(241,244,255,0);
  --wash0:rgba(241,244,255,.95);--wash1:rgba(241,244,255,.55);--wash2:rgba(241,244,255,0);
  --muted:#5F5A73;--line:#CCC8D8;--hero-mut:#5F5A73;
  --recess-night-top:#040313;--recess-night-mid:#110b25;--recess-night-bottom:#211b36;
}
html.night{
  --sky:#0F0B2B;--hero-bg:#0F0B2B;--hero-fg:#F1F4FF;--hero-mut:#C3C4D8;
  --stone-lit:#4C4666;--stone:#211B40;--stone-shade:#14102C;--edge:rgba(195,196,216,.56);
  --glass-lit:#F1F4FF;--door:#F1F4FF;--reveal-lit:#40374f;--reveal-shade:#181128;
  --halo0:rgba(241,244,255,.30);--halo1:rgba(241,244,255,0);
  --wash0:rgba(241,244,255,.55);--wash1:rgba(241,244,255,.16);--wash2:rgba(241,244,255,0);
}
.st.trac,.st.window-stone{fill:url(#reveal-stone)}
.recess-top,.recess-mid,.recess-bottom{stop-color:var(--recess-day)}
html.night .recess-top{stop-color:var(--recess-night-top)}
html.night .recess-mid{stop-color:var(--recess-night-mid)}
html.night .recess-bottom{stop-color:var(--recess-night-bottom)}
.seat.lit .glass,html.night .seat.lit .glass{fill:url(#lit-glass);stroke:#180B51;stroke-width:1px;vector-effect:non-scaling-stroke}
.seat.dark .glass{fill:var(--seat-recess)}
.pane-rim{fill:none;stroke:#C3C4D8;stroke-width:3px;vector-effect:non-scaling-stroke;pointer-events:none}
.pane-frame{fill:none;stroke:#180B51;stroke-width:1px;vector-effect:non-scaling-stroke;pointer-events:none}
.seat.dark .pane-rim,.seat.dark .pane-frame{display:none}
html.night .lintel-t{fill:#F1F4FF}