/* AS THE CROW FLIES / MIDNIGHT TRANSMISSION
   Designed for the hosted atlas. All text and primary controls remain sharp. */
:root {
  --void:#090a0c; --deep:#0b0d0f; --panel:#141719; --panel2:#1b1e20;
  --glass:#151819; --line:#45403b; --line2:#302d2a;
  --bone:#f0e9da; --dim:#c6beb0; --faint:#a69d8f;
  --teal:#d6b891; --teal-hi:#f1d6a9; --teal-deep:#ab8c64;
  --glow:transparent; --glow-soft:transparent;
  --warn:#bb6357; --warn-glow:transparent;
  --land:#282a2a; --landline:#777267; --lit:#4e3936;
}
html {scroll-padding-top:112px;scroll-behavior:smooth;}
body {background:#090a0c;color:var(--bone);font:400 15px/1.65 var(--sans);}
body::before {content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(180deg,#090a0c 0%,#121111 70%,#090a0c 100%);}
*,*::before,*::after {text-shadow:none !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;}
:focus-visible {outline:2px solid #e5c796 !important;outline-offset:3px !important;}
::selection {background:#824239;color:#fff6e8;}
a {color:#ecc99e;} a:hover {color:#fff0d2;}
button:active {transform:scale(.98);}
[hidden] {display:none !important;}
/* The mood belongs to the art and surfaces, never to blurred text. */
.atmo {display:block !important;position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.42;}
.atmo .fog1,.atmo .fog2 {inset:-20%;opacity:.32;animation-duration:46s;background:radial-gradient(55% 24% at 45% 65%,rgba(139,122,112,.13),transparent 75%);}
.atmo .fog2 {opacity:.22;animation-duration:62s;background:radial-gradient(40% 30% at 80% 32%,rgba(151,65,52,.12),transparent 75%);}
.atmo .grain {display:none;}.atmo .vig {opacity:.46;}
.topbar {background:#0b0c0e;border-bottom:1px solid #51443c;position:sticky;z-index:50;}
.topbar-in {max-width:1720px;height:78px;padding:0 42px;gap:28px;}
.brand {gap:13px;align-items:center;}
.brand svg {width:34px;fill:#d6b891;filter:none;}
.brand .b1 {display:block;font:400 22px/1.1 var(--disp);letter-spacing:.025em;color:#f5ecdb;}
.brand .b1 em {color:#c48072;}
.brand small {display:block;font:500 8px/1.2 var(--mono);letter-spacing:.19em;color:#ab9b85;margin-top:5px;}
.topnav {margin-left:auto;gap:3px;}
.topnav button {font:600 10px/1.2 var(--mono);letter-spacing:.12em;padding:11px 12px;color:#c3b6a2;border:1px solid transparent;border-radius:0;white-space:nowrap;}
.topnav button:hover {color:#fff3e1;background:#28211d;}
.topnav button.on {color:#f4d0a4;border-color:#795144;background:#261d1b;box-shadow:inset 0 -2px #b96355;}
.searchwrap {flex:0 1 278px;margin-left:4px;}
.searchwrap .sic {color:#c48072;}
.searchwrap input {border:1px solid #645248;border-radius:0;background:#141415;color:#f4ecdd;font:400 12px var(--sans);padding:11px 13px 11px 33px;}
.searchwrap input::placeholder {color:#b3a898;}
.searchwrap input:focus {border-color:#d8ae7d;box-shadow:none;}
.searchdrop {background:#19191a;border:1px solid #805d4f;border-radius:0;box-shadow:0 16px 40px #000a;}
.searchdrop .sn {color:#f0e4d0;}.searchdrop .sc2 {color:#c4ac97;}
.searchdrop button:hover {background:#352522;}
.transmission {position:relative;z-index:2;display:flex;justify-content:space-between;gap:16px;padding:8px 42px;background:#1e1817;border-bottom:1px solid #65483d;color:#d6bca0;font:500 9px/1.4 var(--mono);letter-spacing:.14em;}
.tx-blink {display:inline-block;width:6px;height:6px;background:#d1715e;margin-right:10px;border-radius:50%;vertical-align:1px;animation:transmit 3.4s steps(1) infinite;}
.tx-sep {color:#b86354;padding:0 9px;}
@keyframes transmit {0%,92%,100%{opacity:1;} 93%,98%{opacity:.25;}}
.shell {position:relative;max-width:1720px;padding:0 42px 90px;z-index:1;}
.hero {position:relative;isolation:isolate;overflow:hidden;margin:0 -42px;padding:0 42px;min-height:clamp(560px,45vw,690px);border-bottom:1px solid #88644e;background:#090a0c url('/manus-storage/hauntings-midnight-manor-web_a252cb2b.jpg') center 48%/cover no-repeat;display:flex;align-items:center;justify-content:flex-start;}
.hero::before {content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#090a0cf0 0%,#090a0cbd 30%,#090a0c30 68%,#090a0c2e 100%),linear-gradient(0deg,#090a0cd9 0%,transparent 32%);pointer-events:none;}
.hero::after {content:"";position:absolute;inset:18px;z-index:-1;pointer-events:none;border:1px solid #b7a08245;}
.hero-smoke {position:absolute;z-index:0;pointer-events:none;left:25%;right:0;bottom:-35%;height:70%;opacity:.16;background:radial-gradient(ellipse at 55% 45%,#aa9a8d,transparent 65%);animation:smoke 18s ease-in-out infinite alternate;}
@keyframes smoke {from{transform:translate3d(-3%,0,0) scale(1);}to{transform:translate3d(4%,-6%,0) scale(1.12);}}
.hero-content {position:relative;z-index:2;padding:86px 0 101px;width:min(770px,75%);}
.hero .kick {font:600 10px/1.4 var(--mono);letter-spacing:.18em;color:#e9cfab;margin:0 0 35px;}
.live-dot {width:7px;height:7px;background:#c8715f;border-radius:50%;margin-right:8px;}
.kick-slash {color:#b76c5f;margin:0 8px;}
.hero h1 {font:400 clamp(64px,7.4vw,116px)/.87 var(--disp);color:#f3eadb;letter-spacing:.005em;max-width:950px;}
.hero h1 em {font-style:italic;color:#c27263;font-family:'IM Fell English',Georgia,serif;font-weight:400;}
.hero-period {color:#bb6c5a;}
.hero .sub {font:400 clamp(14px,1.15vw,17px)/1.8 var(--sans);color:#f0e7d8;max-width:54ch;margin:26px 0 0;}
.hero-cta {display:inline-flex;align-items:center;justify-content:space-between;gap:68px;margin-top:36px;padding:17px 21px;background:#b66858;color:#140f0e;border:1px solid #d59477;font:700 11px/1 var(--mono);letter-spacing:.14em;text-decoration:none;min-width:245px;transition:background .2s,transform .2s;}
.hero-cta:hover {background:#e5b484;color:#140f0e;transform:translateY(-2px);}
.hero-cta span:last-child {font-size:19px;font-weight:400;}
.hero-side {position:absolute;right:50px;top:50%;transform:translateY(-50%);writing-mode:vertical-rl;display:flex;gap:34px;color:#e8d5b6b3;font:500 9px var(--mono);letter-spacing:.23em;z-index:2;}
.hero-bottom {position:absolute;z-index:2;bottom:33px;left:65px;right:64px;display:flex;justify-content:space-between;gap:15px;color:#dfccb2;font:500 10px var(--mono);letter-spacing:.18em;}
.hero-bottom span:first-child {color:#d87d67;}
.atlas-lede {display:flex;justify-content:space-between;align-items:end;gap:25px;padding:52px 0 25px;border-bottom:1px solid #675044;}
.lede-index {font:600 10px var(--mono);letter-spacing:.17em;color:#c47e6b;}
.atlas-lede h2 {font:400 clamp(36px,4vw,60px)/1 var(--disp);margin-top:10px;color:#f2eadb;}
.atlas-lede h2 i {font:italic 400 1em 'IM Fell English',Georgia,serif;color:#c87a68;}
.atlas-lede p {max-width:340px;color:#cbbdae;font:400 13px/1.65 var(--sans);}
.stats {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #665045;gap:0;background:#171717;margin:20px 0 0;width:100%;padding:0;}
.stat {position:relative;min-width:0;border-right:1px solid #665045;padding:13px 22px 11px;}
.stat:last-child {border-right:0;}.stat::before {content:"◆";position:absolute;right:18px;top:16px;font-size:9px;color:#9c5d4e;}
.stat .n {font:400 clamp(28px,3vw,43px)/1 var(--disp);color:#eee0cd;}
.stat .l {font:600 9px/1.3 var(--mono);letter-spacing:.14em;color:#c69876;margin-top:6px;}
.fbar {border-bottom:1px solid #57453a;padding:18px 0;gap:9px;}
.fbar select,.tgl {font:500 12px var(--sans);border:1px solid #765d50;border-radius:0;background:#242021;color:#f2e6d6;min-height:43px;padding:10px 15px;}
.fbar select {min-width:144px;}.fbar select:hover,.fbar select:focus,.tgl:hover {border-color:#d49b79;color:#fff1e0;}
.tgl {text-transform:none;}.tgl.on {background:#ab5d50;border-color:#d38e76;color:#fff8ed;box-shadow:none;}
.fnote {color:#ccbca9;font:500 10px var(--mono);}.fnote b {color:#e5ab83;}
.workspace {grid-template-columns:minmax(0,1.75fr) minmax(345px,.8fr);gap:16px;align-items:stretch;}
.stage {position:relative;min-height:590px;background:#0d1011 url('/manus-storage/hauntings-occult-paper-web_75a5fb20.jpg') center/cover no-repeat;border:1px solid #776351;border-radius:0;box-shadow:inset 0 0 95px #0006;overflow:hidden;}
.stage::before {content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#090b0bbd 0%,transparent 21%,transparent 82%,#090b0b88 100%),radial-gradient(ellipse at 50% 55%,transparent 10%,#080a0a6e 95%);opacity:1;}
.stage::after {content:"";position:absolute;z-index:3;pointer-events:none;inset:10px;border:1px solid #987e5233;}
.stage-fog {display:block !important;opacity:.1;animation-duration:34s;z-index:2;}
.stage-head {background:#141313ef;padding:16px 22px 13px;border-bottom:1px solid #6c5445;min-height:80px;position:relative;z-index:5;}
.stage-title {font:400 26px/1.1 var(--disp);align-items:center;color:#efe4d2;}
.map-index {font:600 9px var(--mono);letter-spacing:.18em;color:#d39b76;display:block;width:100%;margin-bottom:3px;}
.red-light {display:inline-block;background:#b86255;width:6px;height:6px;border-radius:50%;margin-right:7px;}
.stage-title .stc {font:500 10px var(--mono);color:#d0bca5;}
.btn-back {border:1px solid #8b6a53;border-radius:0;background:#28201c;color:#e5c9a3;font:600 10px var(--mono);padding:10px 13px;}
.btn-back:hover {border-color:#d8a67f;color:#fff5e2;}
#mapsvg {position:relative;z-index:2;margin:0;filter:none;}
.map-caption {z-index:5;bottom:19px;left:25px;right:25px;color:#e8c9a7;font:500 9px var(--mono);letter-spacing:.11em;}
.st {fill:#252b2a;stroke:#ab9a81;stroke-width:.72;transition:fill .2s,opacity .2s;filter:none;}
.st.lit {fill:#49312e;}.st.focus {fill:#6b453a;}.st.dimmed {opacity:.23;}.st:hover,.st:focus-visible {fill:#9a584a;animation:none;filter:none;}
.heat1 {fill:#383134;}.heat2 {fill:#60403d;}.heat3 {fill:#814c43;}.heat4 {fill:#a9614e;}.heat5 {fill:#c9835c;}
.inset-frame {fill:#111518;stroke:#97826e;}.inset-label {fill:#e3c1a0;}
.dot circle {fill:#d8bd9c;opacity:.78;}.dot.lit circle {fill:#efc99b;opacity:1;}
.dot text {fill:#fae7cf;font:600 8px var(--mono);}
.flight {stroke:#e8aa79;filter:none;animation:flightdash 2.6s linear infinite;}.flight-stop {fill:#ffdaad;}.flight-crow {fill:#fff2d7;filter:none;}
.pin {opacity:1;animation:none;}.pin circle.halo {stroke:#f3cf9a;opacity:.45;animation:halo 3.2s ease-out infinite;}
.pin circle.core {fill:#c47a65;stroke:#190f0f;}.pin.active circle.core {fill:#e8cf95;}.pin:hover circle.core {fill:#e8cf95;}.pin text {fill:#151010;font-weight:600;}
.pin-leader {stroke:#f1ca99;stroke-width:.85;stroke-dasharray:2 1;opacity:.9;}.pin-origin {fill:#fff0ce;stroke:#090b0c;}
.tip {background:#251b19;border:1px solid #bd8e70;border-left:3px solid #c77262;color:#f5e7d1;border-radius:0;box-shadow:0 12px 30px #0008;}
.tip .t2 {color:#d6b29a;}
.rail {gap:13px;}
.card {position:relative;background:#171718 url('/manus-storage/hauntings-occult-paper-web_75a5fb20.jpg') center/cover;border:1px solid #675549;border-radius:0;box-shadow:none;padding:26px;}
.card::before {content:"";position:absolute;inset:9px;border:1px solid #ad8a6636;pointer-events:none;}
.kicker {position:relative;font:600 10px var(--mono);letter-spacing:.17em;color:#d38c72;}
.card h3 {position:relative;font:400 34px/1.1 var(--disp);color:#f1e7d6;margin:12px 0;}
.card h3 i {font:italic 400 1em 'IM Fell English',Georgia,serif;color:#c48070;}
.hint {position:relative;font:400 13px/1.7 var(--sans);color:#d9cbbb;}
.rail-divider {border-top:1px solid #806457;margin:22px 0 18px;}
.state-directory {max-height:356px;gap:4px;scrollbar-color:#af735b transparent;}
.state-directory button {background:#242120;color:#f0dfca;border:1px solid #6c574a;border-radius:0;padding:9px 10px;font:500 11px/1.2 var(--sans);}
.state-directory button:hover,.state-directory button:focus-visible {background:#62372f;border-color:#cc8c6d;color:#fff5e5;}
.state-directory button small {color:#d8ab80;font:600 10px var(--mono);}
#directory-count {color:#d8aa87;}.lg {font:400 12px var(--sans);color:#d2c2af;}.rail-shortcuts {margin-top:15px;}
kbd {border-color:#a9846e;color:#f2d6af;border-radius:0;}
.row {border-top:1px solid #625046;padding:16px 5px;border-radius:0;}.row:hover {background:#4d2d2a;transform:none;}.row.active {background:#674037;}
.row .rn {font:600 13px/1.4 var(--sans);color:#f3e7d8;}.row .rc {color:#d2b79c;}
.row input[type=checkbox] {accent-color:#ca7860;}
.sig svg.f {fill:#d69b79;filter:none;}.sig svg.e {fill:#685449;}.sig .sl {color:#eac298;}
.inten i {background:#493c36;}.inten i.f {background:#c68870;box-shadow:none;}.inten i.f.max {background:#d55c4e;box-shadow:none;}
.scrim {background:#040404db;}.drawer {width:min(610px,100vw);background:#151516 url('/manus-storage/hauntings-occult-paper-web_75a5fb20.jpg') center/cover;border-left:1px solid #a67b65;box-shadow:-18px 0 70px #000a;transition:transform .28s cubic-bezier(.23,1,.32,1);}
.drawer::before {content:"";position:absolute;inset:10px 10px 10px 0;border:1px solid #b4906f31;pointer-events:none;z-index:1;}
.dr-head {background:#181617ed;padding:30px 34px 0;border-bottom:1px solid #775b4f;position:relative;z-index:2;}
.file-band {border-top:2px solid #ba6857;padding-top:10px;color:#d3a581;letter-spacing:.15em;font-size:9px;margin-bottom:30px;}
.dr-kick {color:#db9a78;font:600 10px var(--mono);letter-spacing:.17em;}
.dr-name {font:400 clamp(36px,3.4vw,49px)/.98 var(--disp);color:#f5e8d6;}
.file-number {color:#c7ac96;font:500 10px var(--mono);margin-top:13px;}
.dr-meta {border-color:#704f43;gap:17px;padding:18px 0 20px;}
.dr-close {background:#6e4038;border:1px solid #c68b73;color:#fff0dd;border-radius:0;top:19px;right:24px;width:38px;height:38px;z-index:3;}
.dr-close:hover {background:#a45d4e;color:#fff;}
.dr-tabs {margin:0 -34px;padding:0 34px;}.dr-tabs button {color:#d1bca6;font:600 10px var(--mono);letter-spacing:.13em;padding:17px 15px;}
.dr-tabs button.on {color:#ffe3b5;border-color:#c57761;}.dr-tabs button:hover {color:#fff0d8;}
.dr-body {position:relative;z-index:2;padding:30px 34px 48px;scrollbar-color:#916b55 transparent;}
.dr-sum {font:400 15px/1.8 var(--sans);color:#f0e5d8;}
.case-grid {background:#74574a;border-color:#74574a;}.case-cell {background:#211d1c;min-height:82px;}.case-cell .label {color:#d8ad8a;}.case-cell .value {color:#f2e3d1;}
.access {background:#2d2520;border:1px solid #896b52;border-left:3px solid #b56f56;color:#f0ddc8;border-radius:0;}
.coord {background:#191817;color:#ecdecb;border-color:#79614f;border-radius:0;}.coord .cl {color:#deb99a;}
.btn {border-radius:0;border-color:#c49171;color:#f2d3b0;font:600 10px var(--mono);letter-spacing:.09em;}
.btn:hover {background:#a76250;color:#fff0db;box-shadow:none;}.btn.solid {background:#aa6552;color:#fff8eb;border-color:#d39473;}.btn.solid:hover {background:#ce8866;color:#120e0c;}
.btn.quiet {border-color:#8d7060;color:#e0c5ad;}.btn.quiet:hover {background:#372923;}
.dr-body h4 {color:#d88c74;font:600 10px var(--mono);}.dossier-p,.qs li {color:#ead9c8;font:400 14px/1.8 var(--sans);}
.trust {color:#efd3b7;background:#312220;border-left-color:#c27869;border-radius:0;font:400 13px/1.6 var(--sans);}
.qs li:before {color:#d88c74;}.srcs a {color:#f0d0a8;font:500 12px var(--sans);}.dmeta {color:#bca99a;}
.dock-pill {background:#251c1a;border:1px solid #bf8667;border-radius:0;box-shadow:0 15px 35px #000a;}.dock-pill svg {fill:#d8a580;}.dock-pill .dc b {color:#f2c596;}.dock-open {border-radius:0;background:#b96856;color:#fff8e8;font:600 10px var(--mono);}.dock-open:hover {background:#d9916e;}
.sheet {background:#1b1818 url('/manus-storage/hauntings-occult-paper-web_75a5fb20.jpg') center/cover;border-color:#ae8064;border-radius:0;box-shadow:0 -25px 65px #000c;}.sheet-head h2 {color:#f6e8d4;}.sheet-head .sm,.tt th {color:#deb89c;}.tt td.mono {color:#e1ccba;}.tt td {border-color:#614b42;}.sheet .empty {color:#e0c9ad;}
.order-controls button {border-color:#97715a;color:#f1d0a8;}.order-controls button:hover:not(:disabled) {background:#845041;}
.viewpad {min-height:430px;padding-top:34px;}.bh h2 {font-size:clamp(38px,4vw,56px);color:#efe1cb;}.bh .ct,.near-note {color:#d4bea9;}.view-intro {color:#e3d4c2;}
.empty {font:400 14px/1.7 var(--sans);font-style:normal;color:#d6c2ae;}
.nrow {border-color:#695146;}.nrow:hover {background:#392723;}.ndist {color:#e5a27e;}.nst {color:#d6b899;}
.demo-badge {color:#edbb9a;border-color:#c17c67;}.rform {background:#211c1c;border-color:#7a5c50;border-radius:0;}.rform label {color:#e0b99c;}
.rform input[type=text],.rform input[type=date],.rform textarea {background:#171617;border-color:#8f6c5a;border-radius:0;color:#f6e8d9;font:400 14px var(--sans);}
.chip {color:#ead1b9;border-color:#916f5e;border-radius:0;}.chip.on {background:#ba725a;border-color:#e6aa82;color:#1c100e;}.fr p,.about p {font-family:var(--sans);color:#ead8c4;}
.sigrow {background:#241e1d;border-color:#805d4d;border-radius:0;}.sigrow .sd {font-family:var(--sans);color:#e4cbb3;}.sigrow .sn {color:#f0d1ad;}
.foot {border-color:#715345;color:#d3ac92;margin-top:56px;font:500 9px var(--mono);letter-spacing:.13em;}
.toast {background:#362321;border-color:#cf8f72;border-radius:0;box-shadow:0 12px 30px #0009;color:#fff1e1;}
/* Preserve legibility and usable tap targets at all widths. */
@media(max-width:1200px){.topbar-in{gap:14px;padding:0 26px;}.shell{padding-left:26px;padding-right:26px;}.hero{margin:0 -26px;padding:0 26px;}.topnav{margin-left:auto;}.topnav button{padding:10px 8px;}.searchwrap{flex-basis:230px;}.workspace{grid-template-columns:minmax(0,1.5fr) minmax(315px,.85fr);}}
@media(max-width:980px){.topbar-in{height:auto;min-height:72px;flex-wrap:wrap;padding:12px 24px;}.brand{flex:1 1 100%;}.topnav{margin-left:0;}.searchwrap{margin-left:auto;flex:1 1 240px;}.workspace{grid-template-columns:1fr;}.rail{display:grid;grid-template-columns:1fr 1fr;align-items:start;}.rail #rail-sites{grid-column:1/-1;}.hero{min-height:550px;}.hero-content{width:min(680px,82%);}.hero h1{font-size:clamp(67px,9vw,98px);}}
@media(max-width:720px){html{scroll-padding-top:160px;}.topbar-in{padding:11px 17px;gap:8px 11px;}.brand{width:100%;flex:auto;}.brand svg{width:29px;}.brand .b1{font-size:18px;}.brand small{font-size:7px;}.topnav{order:3;display:flex;justify-content:space-between;width:100%;overflow-x:auto;gap:2px;}.topnav button{font-size:9px;padding:10px 7px;letter-spacing:.05em;}.searchwrap{order:2;flex:1 1 100%;}.searchwrap input{width:100%;}.transmission{padding:7px 17px;font-size:8px;letter-spacing:.08em;}.transmission>div:last-child{display:none;}.shell{padding:0 16px 95px;}.hero{margin:0 -16px;padding:0 17px;min-height:610px;background-position:66% center;align-items:flex-end;}.hero::before{background:linear-gradient(0deg,#090a0cfa 0%,#090a0c88 47%,#090a0c22 100%);}.hero::after{inset:9px;}.hero-content{width:100%;padding:58px 12px 98px;}.hero .kick{font-size:9px;line-height:1.6;margin-bottom:20px;letter-spacing:.1em;}.kick-slash{margin:0 3px;}.hero h1{font-size:clamp(57px,13vw,84px);line-height:.9;}.hero .sub{font-size:13.5px;line-height:1.6;max-width:44ch;margin-top:18px;}.hero-cta{margin-top:23px;min-width:215px;padding:15px 17px;}.hero-side{display:none;}.hero-bottom{left:29px;right:29px;bottom:26px;font-size:8px;letter-spacing:.07em;}.atlas-lede{display:block;padding:36px 0 20px;}.atlas-lede h2{font-size:clamp(39px,10vw,56px);}.atlas-lede p{margin-top:14px;max-width:55ch;}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px;}.stat{min-width:0;padding:12px 8px;}.stat::before{display:none;}.stat .n{font-size:31px;}.stat .l{font-size:8px;letter-spacing:.02em;}.fbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}.fbar select,.tgl{width:100%;min-width:0;font-size:11px;padding:9px;}.fnote{grid-column:1/-1;margin:2px 0 0;}.stage{min-height:0;}.stage-head{padding:13px 13px 11px;min-height:70px;}.stage-title{font-size:22px;}.stage-title .stc{font-size:9px;}.map-caption{left:16px;right:16px;bottom:11px;font-size:7px;}.rail{display:flex;}.card{padding:19px;}.card h3{font-size:32px;}.state-directory{grid-template-columns:repeat(2,minmax(0,1fr));max-height:275px;}.state-directory button{font-size:11px;}.drawer{width:100vw;}.dr-head{padding:24px 20px 0;}.file-band{margin-bottom:22px;}.dr-close{top:17px;right:17px;}.dr-name{font-size:36px;}.dr-tabs{margin:0 -20px;padding:0 20px;}.dr-tabs button{font-size:9px;padding:14px 12px;}.dr-body{padding:23px 20px 36px;}.case-cell{padding:11px;}.dock{width:calc(100% - 20px);bottom:10px;}.dock-pill{width:100%;justify-content:space-between;gap:8px;padding:10px;}.dock-pill .dc{font-size:10px;white-space:normal;}.sheet{width:100vw;max-height:86vh;}.sheet-body{overflow-x:auto;}.tt{min-width:640px;}.sheet-acts{padding:12px 16px 18px;}.sheet-acts .btn{font-size:10px;padding:8px 10px;}.sigrow{grid-template-columns:1fr auto;}.sigrow .sd{grid-column:1/-1;}.foot{margin-top:36px;}}
@media(max-width:385px){.brand .b1{font-size:16px;}.topnav button{font-size:8px;padding:9px 6px;}.stat .n{font-size:27px;}.stat .l{font-size:7px;}.hero h1{font-size:56px;}.hero-bottom{font-size:7px;}.state-directory button{font-size:10px;}}
@media(prefers-reduced-motion:reduce){.tx-blink,.hero-smoke,.atmo .fog1,.atmo .fog2,.pin circle.halo,.flight{animation:none !important;}html{scroll-behavior:auto;}.hero-cta{transition:none;}}
@media print {.hero,.transmission,.atmo {display:none !important;}#print-sheet{background:#fff;color:#111;}}

.first-case {display:block;position:relative;width:100%;margin-top:21px;padding:15px 17px;background:#37221e;border:1px solid #a56250;color:#f1dfca;text-align:left;transition:background .18s,border-color .18s;}
.first-case::before {content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#c67b62;}
.first-case:hover {background:#5c342b;border-color:#d19070;}
.first-case-no {display:block;font:600 9px var(--mono);letter-spacing:.15em;color:#dfaa86;}
.first-case-title {display:block;margin-top:8px;font:400 25px/1 var(--disp);color:#f9e8d2;}
.first-case-sub {display:flex;justify-content:space-between;gap:9px;margin-top:9px;font:500 10px var(--mono);color:#e2b79a;}
.first-case-sub span {font-size:16px;line-height:.8;}
.case-classification {display:inline-flex;align-items:center;gap:10px;border:1px solid #ad6456;color:#eb9d83;background:#3b2623;padding:5px 8px;font:600 9px var(--mono);letter-spacing:.16em;margin:-13px 0 17px;transform:rotate(-1.5deg);}
.case-classification span {font-size:12px;}
@media(max-width:720px){.case-classification{font-size:8px;margin:-4px 0 15px;}.first-case{margin-top:18px;}}

/* MOTION PASS / elegant, tactile, and deliberately restrained */
:root {--ease-out:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.77,0,.175,1);}
.transmission {overflow:hidden;}
.map-scan {position:absolute;z-index:4;left:11px;right:11px;top:82px;height:1px;pointer-events:none;opacity:0;background:linear-gradient(90deg,transparent 0%,#e2a278 20%,#f1cf9a 50%,#e2a278 80%,transparent 100%);transform:translateY(-28px);}
.stage .red-light,.live-dot {animation:signal-pulse 3.8s var(--ease-in-out) infinite;}
.first-case {overflow:hidden;}
.first-case::after {content:"";position:absolute;top:0;bottom:0;width:42%;left:-50%;pointer-events:none;opacity:.22;background:linear-gradient(90deg,transparent,#efc093,transparent);transform:skewX(-20deg);}
@media (prefers-reduced-motion:no-preference) {
  .transmission::after {content:"";position:absolute;top:0;bottom:0;width:28%;pointer-events:none;opacity:.32;background:linear-gradient(90deg,transparent,rgba(239,202,163,.45),transparent);transform:translateX(-140%);animation:transmission-sweep 11s 2.5s var(--ease-in-out) infinite;}
  .motion-ready .hero-content > * {opacity:0;transform:translate3d(0,18px,0);animation:hero-reveal .7s var(--ease-out) both;}
  .motion-ready .hero-content .kick {animation-delay:.12s;}
  .motion-ready .hero-content h1 {animation-delay:.2s;}
  .motion-ready .hero-content .sub {animation-delay:.3s;}
  .motion-ready .hero-content .hero-cta {animation-delay:.4s;}
  .motion-ready .hero-side {opacity:0;animation:side-reveal .8s .65s var(--ease-out) both;}
  .motion-ready .hero-bottom {opacity:0;animation:footer-reveal .65s .76s var(--ease-out) both;}
  .motion-ready .motion-reveal {opacity:0;transform:translate3d(0,16px,0);}
  .motion-ready .motion-reveal.in-view {animation:section-reveal .62s var(--ease-out) both;}
  .motion-ready .motion-reveal.in-view.stats {animation-delay:.07s;}
  .motion-ready .motion-reveal.in-view.fbar {animation-delay:.12s;}
  .motion-ready .motion-reveal.in-view.workspace {animation-delay:.17s;}
  .motion-ready .map-scan {animation:map-scan 6.5s 1.6s var(--ease-in-out) infinite;}
  .motion-ready .first-case::after {animation:case-sweep 8s 1.8s var(--ease-in-out) infinite;}
  .pin {transform-box:fill-box;transform-origin:center;animation:pin-arrive .44s var(--ease-out) both !important;}
  .pin:nth-child(2){animation-delay:.05s !important;}.pin:nth-child(3){animation-delay:.1s !important;}.pin:nth-child(4){animation-delay:.15s !important;}.pin:nth-child(5){animation-delay:.2s !important;}.pin:nth-child(n+6){animation-delay:.25s !important;}
  #site-list .row {opacity:0;transform:translate3d(0,10px,0);animation:list-arrive .35s var(--ease-out) both;}
  #site-list .row:nth-child(2){animation-delay:.045s;}#site-list .row:nth-child(3){animation-delay:.09s;}#site-list .row:nth-child(4){animation-delay:.135s;}#site-list .row:nth-child(5){animation-delay:.18s;}#site-list .row:nth-child(n+6){animation-delay:.225s;}
  .drawer.open .case-classification {animation:stamp-settle .42s .08s var(--ease-out) both;}
  .drawer.open .dr-kick,.drawer.open .dr-name,.drawer.open .file-number,.drawer.open .dr-meta {opacity:0;animation:drawer-arrive .42s var(--ease-out) both;}
  .drawer.open .dr-kick{animation-delay:.12s;}.drawer.open .dr-name{animation-delay:.16s;}.drawer.open .file-number{animation-delay:.2s;}.drawer.open .dr-meta{animation-delay:.24s;}
  .drawer.open .dr-tabs {animation:drawer-arrive .38s .29s var(--ease-out) both;}
  .drawer.open .dr-body {animation:drawer-arrive .38s .34s var(--ease-out) both;}
}
@keyframes hero-reveal {to{opacity:1;transform:translate3d(0,0,0);}}
@keyframes section-reveal {to{opacity:1;transform:translate3d(0,0,0);}}
@keyframes side-reveal {from{opacity:0;transform:translate3d(16px,-50%,0);}to{opacity:1;transform:translate3d(0,-50%,0);}}
@keyframes footer-reveal {to{opacity:1;}}
@keyframes transmission-sweep {0%,66%,100%{transform:translateX(-140%);}78%{transform:translateX(420%);}}
@keyframes map-scan {0%,58%,100%{opacity:0;transform:translateY(-28px);}62%{opacity:.75;}76%{opacity:.08;transform:translateY(520px);}}
@keyframes signal-pulse {0%,100%{opacity:1;transform:scale(1);}48%{opacity:.45;transform:scale(.86);}55%{opacity:1;transform:scale(1);}}
@keyframes case-sweep {0%,65%,100%{transform:translateX(0) skewX(-20deg);}78%{transform:translateX(365%) skewX(-20deg);}}
@keyframes pin-arrive {from{opacity:0;transform:scale(.78);}to{opacity:1;transform:scale(1);}}
@keyframes list-arrive {to{opacity:1;transform:translate3d(0,0,0);}}
@keyframes stamp-settle {from{opacity:0;transform:translate3d(0,-8px,0) rotate(-4deg);}to{opacity:1;transform:translate3d(0,0,0) rotate(-1.5deg);}}
@keyframes drawer-arrive {from{opacity:0;transform:translate3d(12px,0,0);}to{opacity:1;transform:translate3d(0,0,0);}}
@media(prefers-reduced-motion:reduce){.transmission::after,.map-scan,.first-case::after{display:none !important;}.motion-ready .hero-content>*,.motion-ready .hero-side,.motion-ready .hero-bottom,.motion-ready .motion-reveal,.drawer.open .case-classification,.drawer.open .dr-kick,.drawer.open .dr-name,.drawer.open .file-number,.drawer.open .dr-meta,.drawer.open .dr-tabs,.drawer.open .dr-body,#site-list .row{opacity:1 !important;transform:none !important;animation:none !important;}}


/* MOBILE ATMOSPHERE PASS / image-led movement, no text effects */
.hero-clouds,.hero-moonwash{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;}
.hero-clouds span{position:absolute;display:block;opacity:0;will-change:transform,opacity;}
.hero-clouds .cloud-a{width:80%;height:31%;left:-24%;top:13%;background:radial-gradient(ellipse at 66% 50%,rgba(188,185,174,.2) 0%,rgba(93,99,99,.13) 29%,transparent 67%);}
.hero-clouds .cloud-b{width:92%;height:35%;right:-30%;top:23%;background:radial-gradient(ellipse at 30% 48%,rgba(224,211,190,.14) 0%,rgba(116,113,109,.13) 28%,transparent 68%);}
.hero-clouds .cloud-c{width:110%;height:28%;left:-18%;bottom:8%;background:radial-gradient(ellipse at 52% 50%,rgba(133,126,118,.13) 0%,rgba(77,79,79,.11) 38%,transparent 70%);}
.hero-moonwash{inset:auto 0 0 0;height:64%;opacity:0;background:radial-gradient(ellipse 34% 32% at 78% 25%,rgba(244,224,188,.1),rgba(206,178,139,.045) 28%,transparent 67%);}
.hero-cta{position:relative;overflow:hidden;isolation:isolate;}
.hero-cta::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#f1c394;z-index:-1;}
.hero-cta::after{content:"";position:absolute;top:0;bottom:0;width:28%;left:-35%;z-index:-1;opacity:0;background:linear-gradient(90deg,transparent,rgba(255,240,213,.26),transparent);transform:skewX(-18deg);}
.hero-period{display:inline-block;}
.stage::before{transition:opacity .25s var(--ease-out);}
.stage:hover::before{opacity:.84;}
@media(prefers-reduced-motion:no-preference){
  .hero-clouds .cloud-a{animation:cloud-drift-a 27s -6s linear infinite;}
  .hero-clouds .cloud-b{animation:cloud-drift-b 35s -17s linear infinite;}
  .hero-clouds .cloud-c{animation:cloud-drift-c 42s -9s linear infinite;}
  .hero-moonwash{animation:moon-breathe 8s 1.1s var(--ease-in-out) infinite;}
  .hero-cta::after{animation:cta-haunt 11s 2.8s var(--ease-in-out) infinite;}
  .hero-period{animation:ember-tick 4.7s 1s var(--ease-in-out) infinite;}
  .stage::before{animation:map-breathe 13s var(--ease-in-out) infinite;}
  .state-directory button{transition:background .16s var(--ease-out),border-color .16s var(--ease-out),transform .16s var(--ease-out);}
  .state-directory button:active{transform:scale(.97);}
  .card::before{animation:frame-watch 12s var(--ease-in-out) infinite;}
}
@keyframes cloud-drift-a{0%{transform:translate3d(-12%,0,0);opacity:0;}13%{opacity:.92;}53%{opacity:.65;}100%{transform:translate3d(95%,-7%,0);opacity:0;}}
@keyframes cloud-drift-b{0%{transform:translate3d(14%,2%,0);opacity:0;}17%{opacity:.74;}60%{opacity:.44;}100%{transform:translate3d(-98%,8%,0);opacity:0;}}
@keyframes cloud-drift-c{0%{transform:translate3d(-18%,0,0);opacity:0;}21%{opacity:.58;}67%{opacity:.4;}100%{transform:translate3d(86%,-4%,0);opacity:0;}}
@keyframes moon-breathe{0%,100%{opacity:0;transform:translate3d(0,0,0);}42%{opacity:.82;transform:translate3d(-1.5%,.5%,0);}58%{opacity:.48;}}
@keyframes cta-haunt{0%,62%,100%{opacity:0;transform:translateX(0) skewX(-18deg);}73%{opacity:.65;transform:translateX(445%) skewX(-18deg);}82%{opacity:0;transform:translateX(465%) skewX(-18deg);}}
@keyframes ember-tick{0%,100%{opacity:1;transform:translateY(0);}48%{opacity:.55;transform:translateY(-1px);}54%{opacity:1;transform:translateY(0);}}
@keyframes map-breathe{0%,100%{opacity:1;}48%{opacity:.88;}55%{opacity:1;}}
@keyframes frame-watch{0%,100%{opacity:1;}49%{opacity:.62;}54%{opacity:1;}}
@media(max-width:720px){
  .topbar{position:sticky;top:0;}
  .topbar-in{padding:12px 16px 10px;gap:9px 10px;}
  .brand{gap:10px;}
  .brand .b1{font-size:17px;letter-spacing:.018em;}
  .brand small{font-size:6.6px;letter-spacing:.16em;margin-top:4px;}
  .searchwrap input{min-height:48px;font-size:13px;}
  .topnav{gap:4px;padding-top:1px;}
  .topnav button{flex:1 0 auto;min-height:43px;padding:10px 6px;letter-spacing:.035em;}
  .transmission{min-height:42px;align-items:center;padding:7px 16px;}
  .hero{min-height:max(578px,calc(100svh - 174px));padding:0 16px;background-position:64% center;align-items:flex-end;}
  .hero::before{background:linear-gradient(180deg,rgba(9,10,12,.2) 0%,rgba(9,10,12,.2) 28%,rgba(9,10,12,.74) 62%,rgba(9,10,12,.98) 100%);}
  .hero-clouds .cloud-a{width:118%;height:28%;left:-50%;top:8%;}
  .hero-clouds .cloud-b{width:126%;height:31%;right:-61%;top:23%;}
  .hero-clouds .cloud-c{width:150%;height:25%;left:-45%;bottom:12%;}
  .hero-moonwash{height:74%;background:radial-gradient(ellipse 55% 28% at 86% 24%,rgba(244,224,188,.11),rgba(206,178,139,.05) 30%,transparent 67%);}
  .hero-content{padding:64px 12px 91px;max-width:470px;}
  .hero .kick{max-width:33ch;margin-bottom:16px;}
  .hero h1{font-size:clamp(50px,12.6vw,67px);line-height:.91;letter-spacing:0;}
  .hero .sub{max-width:33ch;font-size:14px;line-height:1.62;margin-top:20px;}
  .hero-cta{width:min(100%,300px);min-width:0;margin-top:25px;padding:17px 18px;}
  .hero-bottom{left:28px;right:27px;bottom:23px;}
  .atlas-lede{padding-top:42px;}
  .stage::before{background:linear-gradient(180deg,#090b0bd6 0%,transparent 23%,transparent 78%,#090b0bb2 100%),radial-gradient(ellipse at 48% 54%,transparent 6%,#080a0a7b 96%);}
  .card::before{inset:7px;}
  .first-case{min-height:124px;}
}
@media(max-width:385px){
  .hero{min-height:max(558px,calc(100svh - 168px));}
  .hero-content{padding-left:8px;padding-right:8px;}
  .hero h1{font-size:49px;}
  .hero .sub{font-size:13.5px;}
  .topnav button{font-size:8px;}
}
@media(prefers-reduced-motion:reduce){
  .hero-clouds,.hero-moonwash{display:none !important;}
  .hero-cta::after{display:none !important;}
  .stage::before,.card::before,.hero-period{animation:none !important;}
}