/* v0.9 — clear machined ice in the unchanged, complete TLD hero light field. */
body{background:#050504;color:#edf4f7;isolation:isolate}
.hero-field{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:#050504}
.hero-field img{position:absolute;display:block;width:100%;height:auto;max-width:none;left:0;top:130px}
#shell{background:transparent}
header,footer{background:#050706b8;border-color:#c8dfdf18}
.telemetry.hud-console{background:rgba(2,5,6,.96);box-shadow:0 0 30px 20px rgba(2,5,6,.7)}
.telemetry-label{position:relative;z-index:1;color:#a9b9bc}
.glass,.panel-drift{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.glass:before,.panel-drift:before{filter:drop-shadow(0 12px 13px #0008) drop-shadow(0 0 4px #b8e6ff1c)}
.glass:has(button:hover):before{filter:drop-shadow(0 16px 16px #0008) drop-shadow(0 0 5px #c3edff55)}
.glass:after,.panel:after{display:none}
.panel-drift{filter:drop-shadow(0 24px 28px #0008)}
.panel .panel-body{position:relative;text-shadow:0 1px 3px #000,0 0 8px #0009}
.panel h1,.panel .lead,.panel .eyebrow{width:fit-content;max-width:100%;background:linear-gradient(90deg,#050b11c9,#050b1166);box-shadow:0 0 12px 6px #050b1133;border-radius:2px}
.glass .block-heading h2,.glass .summary-title{background:#071018a8;box-shadow:0 0 10px 5px #07101855;width:fit-content;text-shadow:0 1px 3px #000}
.glass .summary-main{background:linear-gradient(90deg,#071018b8,#07101866);padding:5px 10px;border-radius:2px;width:fit-content}
.glass .summary-foot{background:#071018aa;padding:4px 8px;color:#c3d7df}
.portfolio-legend>span,.panel .expanded-project,.panel .fact,.panel .notice,.panel .checks,.panel .release-row,.panel .project-row,.panel .choices>button,.glass .summary-secondary,.glass .work-row,.glass .work-states,.glass .release-row,.glass .release-bottom,.panel .facts .fact,.panel .choices>button.primary{background:linear-gradient(130deg,#10212be8,#08121ce8);border-color:#c3e6ef32;box-shadow:inset 0 1px 0 #e3f7ff12,0 5px 10px #0002;color:#e7f2f5}
.panel .expanded-project:hover,.panel .release-row:hover,.panel .project-row:hover,.glass .summary-secondary:hover,.glass .work-row:hover,.glass .release-row:hover{background:linear-gradient(130deg,#1b3442ee,#101f2be8);border-color:#c1e4f46b}
.panel input,.panel textarea{background:#08121cee;color:#f1f7fa;border-color:#b7d7e154}
.panel .hud-pin{left:calc(50% - 44px);width:88px;min-width:88px;gap:6px;align-items:flex-end;padding-bottom:4px;letter-spacing:1.4px;font:8px ui-monospace,monospace;color:#d3e6ef}
.panel .hud-pin span{line-height:17px;letter-spacing:1.4px}.panel .hud-pin svg{width:15px;height:17px}
.panel .hud-pin[aria-pressed=true]{color:#d5f3e5;filter:drop-shadow(0 0 3px #8cdcca44)}
.panel .neutral-caption{color:#c1d4dd;background:#071018b3;padding:3px 5px;border-radius:2px;font-size:8px}
.panel.pinned .panel-drift{transform:none!important;animation:none!important;transition:none!important}
.panel.behind .panel-body,.panel.behind .panel-nav,.panel.behind .hud-pin{opacity:0;visibility:hidden}
.panel.behind .panel-drift:before{opacity:.5!important}
.layer-open #shell{filter:brightness(.25) blur(5px);transform:perspective(1600px) scale(.95) rotateX(1deg)}
.layer-open #shell .dashboard-grid,.layer-open #shell header,.layer-open #shell footer{visibility:hidden}
.scrim{background:linear-gradient(110deg,#02060b18,#02060b08)}
@media(min-width:901px) and (max-height:800px){.hero-field img{top:80px}}
@media(max-width:900px){.hero-field img{width:220%;left:-64.4%;top:35svh}.telemetry.hud-console{box-shadow:0 0 20px 14px rgba(2,5,6,.8)}.layer-open #shell{transform:scale(.96)}.panel .hud-pin{padding-bottom:4px}}
@media(prefers-reduced-motion:reduce){.glass,.panel-drift,.glass:before,.panel-drift:before{transition:none!important}.layer-open #shell{transform:none}.glass:has(button:hover){transform:none}}
.panel .layer-readout{pointer-events:auto;cursor:default}
.panel h2{width:fit-content;max-width:100%;background:#071018aa;box-shadow:0 0 8px 4px #07101833}
@media(max-width:900px){.hero-field img{width:200%;left:-54%;top:43svh}}
@media(max-width:900px) and (max-height:740px){.hero-field img{width:190%;left:-48.8%}}
