
:root{
 --bg:#0a0d0f;--panel:#11161a;--panel2:#171e23;--line:#2a343b;--text:#f1f4f5;
 --muted:#9da8af;--orange:#ff7a1a;--steel:#77a7bd;--green:#8fbf83;--max:1180px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:
radial-gradient(circle at 15% 0%,rgba(255,122,26,.09),transparent 32rem),
linear-gradient(180deg,#090c0e,#0c1114 45%,#090c0e);color:var(--text);
font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}
a{color:inherit}.site-header{height:74px;display:flex;align-items:center;justify-content:space-between;
padding:0 max(24px,calc((100vw - var(--max))/2));border-bottom:1px solid var(--line);
background:rgba(10,13,15,.88);backdrop-filter:blur(18px);position:sticky;top:0;z-index:50}
.brand{display:flex;gap:.7rem;align-items:center;text-decoration:none;font-weight:900;letter-spacing:.16em}
.brand-mark{width:35px;height:35px;border:1px solid var(--orange);display:grid;place-items:center;color:var(--orange)}
.nav{display:flex;gap:1.5rem}.nav a{text-decoration:none;color:var(--muted);font-size:.88rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.nav a:hover{color:var(--text)}.nav-toggle{display:none;background:none;border:1px solid var(--line);color:var(--text);padding:.55rem .8rem}
.hero{min-height:78vh;max-width:var(--max);margin:auto;padding:8rem 24px 5rem;display:grid;grid-template-columns:1.25fr .75fr;gap:5rem;align-items:center}
.eyebrow{color:var(--orange);font-size:.76rem;letter-spacing:.22em;font-weight:900;text-transform:uppercase}
h1,h2,h3{line-height:1.05;margin-top:0}h1{font-size:clamp(3.5rem,9vw,8.5rem);letter-spacing:-.065em;margin:.8rem 0 1.4rem}
.hero p{max-width:720px;font-size:1.2rem;color:#c1c9cd}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem}
.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid var(--line);padding:.9rem 1.2rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}
.btn.primary{background:var(--orange);border-color:var(--orange);color:#101010}.btn:hover{transform:translateY(-2px)}
.load-card{background:linear-gradient(145deg,var(--panel2),#0e1316);border:1px solid var(--line);padding:1.5rem;box-shadow:18px 18px 0 rgba(255,122,26,.08)}
.load-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);margin-top:1rem}
.load-grid div{background:var(--panel);padding:1rem}.load-grid strong{font-size:1.8rem;display:block}.load-grid span{font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}
.section{max-width:var(--max);margin:auto;padding:6rem 24px}.section-head{display:flex;justify-content:space-between;gap:2rem;align-items:end;margin-bottom:2.5rem}
.section h2{font-size:clamp(2.2rem,5vw,4.8rem);letter-spacing:-.045em;margin-bottom:0}.section-head p{max-width:500px;color:var(--muted)}
.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.case-card{background:var(--panel);border:1px solid var(--line);padding:1.35rem;min-height:260px;position:relative;overflow:hidden}
.case-card:before{content:"";position:absolute;top:0;left:0;width:72px;height:3px;background:var(--orange)}
.case-card .year{color:var(--orange);font-weight:900;font-size:.78rem;letter-spacing:.12em}.case-card h3{font-size:1.45rem;margin:.75rem 0}
.case-card p{color:var(--muted);font-size:.94rem}.case-meta{display:flex;gap:.7rem;flex-wrap:wrap;font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:var(--steel)}
.band{border-block:1px solid var(--line);background:rgba(255,255,255,.02)}.stats{max-width:var(--max);margin:auto;padding:2.5rem 24px;display:grid;grid-template-columns:repeat(4,1fr)}
.stat{padding:1rem;border-right:1px solid var(--line)}.stat:last-child{border:0}.stat strong{font-size:2rem;display:block}.stat span{color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.12em}
.page-hero{max-width:var(--max);margin:auto;padding:6rem 24px 3rem}.page-hero h1{font-size:clamp(3rem,8vw,7rem)}.page-hero p{max-width:760px;color:var(--muted);font-size:1.1rem}
.filters{display:flex;gap:.6rem;flex-wrap:wrap;margin:0 0 2rem}.filter{background:var(--panel);color:var(--muted);border:1px solid var(--line);padding:.65rem .85rem;cursor:pointer}.filter.active{color:#111;background:var(--orange);border-color:var(--orange)}
.archive{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.dossier{background:var(--panel);border:1px solid var(--line);padding:1.5rem}.dossier summary{cursor:pointer;list-style:none}.dossier summary::-webkit-details-marker{display:none}
.dossier .topline{display:flex;justify-content:space-between;gap:1rem;color:var(--orange);font-size:.75rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.dossier h2{font-size:1.65rem;margin:.8rem 0}.dossier .location{color:var(--steel);font-size:.82rem}.dossier .story{padding-top:1rem;border-top:1px solid var(--line);margin-top:1rem;color:#c4ccd0}
.dossier blockquote{border-left:2px solid var(--orange);margin:1.2rem 0 0;padding-left:1rem;color:var(--muted);font-style:italic}
.project-list{display:grid;gap:1rem}.project{display:grid;grid-template-columns:160px 1fr 140px;gap:1.5rem;align-items:center;border-top:1px solid var(--line);padding:1.5rem 0}.project .code{color:var(--orange);font-weight:900}.project p{color:var(--muted);margin:.3rem 0}.badge{border:1px solid var(--line);padding:.55rem;text-align:center;font-size:.72rem;color:var(--green)}
.equipment{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.equipment article{border:1px solid var(--line);background:var(--panel);padding:1.5rem}.equipment .icon{font-size:2.3rem}.equipment p{color:var(--muted)}
.prose{max-width:840px}.prose h2{font-size:2.4rem;margin-top:3rem}.prose p,.prose li{color:#c3cbcf}.notice{border:1px solid var(--orange);padding:1.2rem;background:rgba(255,122,26,.06)}
.site-footer{max-width:var(--max);margin:5rem auto 0;padding:3rem 24px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:2rem;color:var(--muted)}
.footer-links{display:flex;gap:1rem}.legal{grid-column:1/-1;font-size:.78rem;max-width:900px}
@media(max-width:900px){.hero{grid-template-columns:1fr;gap:2rem;padding-top:5rem}.case-grid,.equipment{grid-template-columns:1fr 1fr}.archive{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.project{grid-template-columns:110px 1fr}.project .badge{grid-column:2}}
@media(max-width:620px){.site-header{padding:0 16px}.nav-toggle{display:block}.nav{display:none;position:absolute;top:74px;left:0;right:0;background:var(--panel);padding:1rem 16px;flex-direction:column;border-bottom:1px solid var(--line)}.nav.open{display:flex}
.hero,.section,.page-hero{padding-left:16px;padding-right:16px}.case-grid,.equipment{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.stat:nth-child(2){border-right:0}.section-head{display:block}.site-footer{grid-template-columns:1fr}.footer-links{flex-direction:column}.project{grid-template-columns:1fr}.project .badge{grid-column:auto;text-align:left}.load-card{box-shadow:8px 8px 0 rgba(255,122,26,.08)}}
