@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@500;700;900&family=Source+Sans+3:wght@400;500;600&display=swap');

:root{--paper:#e9e5d8;--ink:#1c2a24;--moss:#314d3c;--lichen:#91a56f;--clay:#b85c3f;--line:rgba(28,42,36,.2)}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:var(--paper);color:var(--ink);font-family:"Source Sans 3",sans-serif}.hidden{display:none!important}
.login-shell{min-height:100%;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);background:linear-gradient(103deg,transparent 0 61%,rgba(49,77,60,.08) 61% 100%);position:relative}
.login-shell:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 13% 18%,rgba(145,165,111,.45) 0 1px,transparent 2px);background-size:26px 26px;mask-image:linear-gradient(90deg,#000,transparent 58%);pointer-events:none}
.login-copy{align-self:end;padding:clamp(3rem,8vw,8rem);padding-right:3rem;z-index:1}.eyebrow{font-size:.72rem;letter-spacing:.22em;font-weight:600;color:var(--clay);text-transform:uppercase}.login-copy h1{font-family:"Noto Serif SC",serif;font-size:clamp(3.4rem,7.8vw,8.2rem);line-height:.92;letter-spacing:-.06em;margin:.7rem 0 2rem;max-width:8ch}.lede{max-width:31rem;font-family:"Noto Serif SC",serif;font-size:clamp(1rem,1.5vw,1.35rem);line-height:1.8}
.login-form{align-self:center;margin:4rem clamp(2rem,7vw,7rem);display:grid;gap:1.4rem;border-top:1px solid var(--ink);padding-top:1.3rem;z-index:1}.form-index{font-size:.68rem;letter-spacing:.2em;margin-bottom:2rem}.login-form label{display:grid;gap:.45rem;font-size:.78rem;letter-spacing:.12em}.login-form input{border:0;border-bottom:1px solid var(--line);background:transparent;padding:.8rem 0;font:500 1.05rem "Source Sans 3";outline:none;color:var(--ink)}.login-form input:focus{border-color:var(--clay)}button{font:600 .82rem "Source Sans 3";letter-spacing:.08em;border:0;cursor:pointer}.login-form button{display:flex;justify-content:space-between;margin-top:1rem;padding:1rem 1.2rem;background:var(--ink);color:var(--paper)}.error{min-height:1.2rem;color:#9a3324;font-size:.8rem}
.viewer-shell,#cesium{width:100%;height:100%}.site-header{position:absolute;z-index:4;left:0;right:0;top:0;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:color-mix(in oklab,var(--paper) 92%,transparent);border-bottom:1px solid var(--line)}.site-header>div{display:flex;align-items:center;gap:12px}.mark{display:grid;place-items:center;width:34px;height:34px;background:var(--clay);color:var(--paper);font-family:"Noto Serif SC"}.header-actions{font-size:.78rem}.header-actions button{background:none;color:var(--clay)}
.field-notes{position:absolute;z-index:3;left:24px;top:88px;width:min(340px,calc(100vw - 48px));padding:24px;background:color-mix(in oklab,var(--paper) 94%,transparent);border-top:3px solid var(--clay)}.field-notes h2{font:700 2.15rem/1.15 "Noto Serif SC";margin:.6rem 0}.field-notes>p:not(.eyebrow){font-size:.86rem;line-height:1.6}.field-notes dl{border-top:1px solid var(--line);margin-top:1.2rem}.field-notes dl div{display:flex;justify-content:space-between;padding:.7rem 0;border-bottom:1px solid var(--line)}dt{font-size:.75rem}dd{margin:0;font-weight:600}
.control-rack{position:absolute;z-index:3;right:24px;bottom:24px;width:280px;padding:20px;background:var(--ink);color:var(--paper);display:grid;gap:12px}.rack-title{font-size:.66rem;letter-spacing:.18em;color:var(--lichen);border-bottom:1px solid rgba(233,229,216,.18);padding-bottom:9px}.control-rack label{font-size:.8rem;display:flex;gap:9px;align-items:center}.model-title{margin-top:10px}.control-rack select{width:100%;padding:.65rem;background:#24362d;color:var(--paper);border:1px solid rgba(233,229,216,.2)}.secondary{padding:.7rem;background:var(--lichen);color:var(--ink)}.microcopy{font-size:.72rem;min-height:1rem;margin:0;color:#cdd7b9}
.cesium-viewer-bottom,.cesium-viewer-toolbar{display:none!important}
@media(max-width:760px){.login-shell{grid-template-columns:1fr;align-content:center;overflow:auto}.login-copy{align-self:auto;padding:3rem 2rem 1rem}.login-copy h1{font-size:3.5rem}.login-form{margin:2rem}.field-notes{top:76px;left:12px;padding:16px;width:250px}.field-notes h2{font-size:1.35rem}.field-notes dl{display:none}.control-rack{right:12px;bottom:12px;width:calc(100vw - 24px);grid-template-columns:1fr 1fr}.rack-title,.model-title{grid-column:1/-1}.control-rack select,.control-rack .secondary,.microcopy{grid-column:1/-1}}
@media(prefers-reduced-motion:no-preference){.login-copy,.login-form{animation:reveal .7s cubic-bezier(.16,1,.3,1) both}.login-form{animation-delay:.12s}@keyframes reveal{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}}