:root{
  --bg:#08090c;--panel:#111319;--panel2:#171a22;--text:#f4f5f7;--muted:#9ba3b2;
  --accent:#e93645;--accent2:#ff6b4a;--line:#242935;--radius:20px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 20% 0%,#211016 0,transparent 32%),var(--bg);color:var(--text);font:16px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:inherit;text-decoration:none} img{max-width:100%;display:block}
.site-header{height:82px;max-width:1380px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent2));border-radius:12px;font-weight:900}
.brand strong,.brand small{display:block}.brand strong{letter-spacing:.16em}.brand small{font-size:10px;color:var(--muted);letter-spacing:.14em}
.nav{display:flex;gap:28px}.nav a{color:#cfd3dc}.nav a:hover,.text-link:hover{color:#fff}
.nav-toggle{display:none;background:none;border:0;color:white;font-size:24px}
main{max-width:1380px;margin:auto;padding:0 28px}
.hero{min-height:650px;display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}
.hero h1,.page-head h1,.project-hero h1,.not-found h1{font-size:clamp(3rem,7vw,7.5rem);line-height:.88;margin:.18em 0;font-weight:900;letter-spacing:-.055em}
.hero h1 span{color:var(--accent)}.hero-copy>p{max-width:700px;font-size:20px;color:#b1b7c3}
.eyebrow{font-size:12px;font-weight:800;letter-spacing:.22em;color:#ff7c75}
.hero-actions{display:flex;gap:12px;margin-top:28px}.button{padding:13px 19px;border-radius:12px;font-weight:800;display:inline-block}.primary{background:linear-gradient(135deg,var(--accent),var(--accent2))}.ghost{border:1px solid var(--line);background:#111319}
.hero-panel{background:linear-gradient(145deg,#151821,#0e1015);border:1px solid #282e3c;border-radius:28px;padding:38px;box-shadow:0 30px 80px #0007;transform:rotate(1deg)}
.panel-label,.status{font-size:11px;font-weight:900;letter-spacing:.15em;text-transform:uppercase;color:#ff8278}.hero-panel h2{font-size:42px;line-height:1;margin:.4em 0}.hero-panel p{color:var(--muted)}
.meta-row{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.meta-row span,.tag-list span{border:1px solid #2b3140;background:#13161d;border-radius:999px;padding:6px 11px;font-size:13px;color:#c7cbd4}.meta-row.large span{font-size:14px;padding:8px 13px}
.text-link{font-weight:800;color:#f0b2ac}
.section{padding:90px 0}.section-title{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}.section h2,.page h1{font-size:clamp(2rem,4vw,4rem);line-height:1;margin:.15em 0}.section-title p{color:var(--muted)}
.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:.2s}.project-card:hover{transform:translateY(-5px);border-color:#41495c}.project-card>img{aspect-ratio:16/9;object-fit:cover}.card-body{padding:22px}.card-top{display:flex;justify-content:space-between;color:var(--muted);font-size:13px}.project-card h2,.project-card h3{font-size:24px;line-height:1.1;margin:12px 0}.project-card p{color:var(--muted)}
.history-callout{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:end}.history-callout p{color:var(--muted)}.history-number{font-size:90px;font-weight:900;line-height:.8;color:var(--accent)}.history-number small{display:block;font-size:11px;letter-spacing:.18em;color:var(--muted);margin-top:15px}
.page{padding-bottom:80px}.page-head{padding:100px 0 55px}.page-head p{font-size:20px;color:var(--muted)}
.project-hero{position:relative;margin-top:25px;border-radius:28px;overflow:hidden;min-height:640px;border:1px solid var(--line)}.project-hero>img{position:absolute;width:100%;height:100%;object-fit:cover;filter:brightness(.45)}.project-hero-overlay{position:absolute;inset:0;display:flex;align-items:end;padding:55px;background:linear-gradient(transparent 20%,#08090cee 92%)}.project-hero-overlay p{max-width:800px;font-size:18px;color:#d5d7dd}
.two-col{display:grid;grid-template-columns:1fr 380px;gap:70px}.tag-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.info-box{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:24px}.info-box strong{color:var(--muted)}.info-box span{text-align:right}
.gallery{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px}.gallery-item{border:0;padding:0;background:none;cursor:pointer;border-radius:16px;overflow:hidden}.gallery-item img{width:100%;height:280px;object-fit:cover;transition:.2s}.gallery-item:first-child{grid-row:span 2}.gallery-item:first-child img{height:572px}.gallery-item:hover img{transform:scale(1.025)}
.downloads{display:grid;grid-template-columns:1fr 1fr;gap:26px}.download-row,.update,.empty{display:flex;justify-content:space-between;gap:20px;padding:20px;margin-top:15px;background:var(--panel);border:1px solid var(--line);border-radius:14px}.download-row small{display:block;color:var(--muted)}.download-row:hover{border-color:#555e75}.empty{color:var(--muted)}
.update{display:block}.update>div{display:flex;justify-content:space-between}.update span{color:var(--muted)}.update ul{color:#c2c6cf;margin-bottom:0}
.timeline{max-width:950px}.timeline>article{display:grid;grid-template-columns:120px 1fr;gap:20px;margin-bottom:22px}.timeline-year{font-size:30px;font-weight:900;color:var(--accent)}.timeline-card{display:grid;grid-template-columns:240px 1fr;gap:22px;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:16px}.timeline-card img{width:100%;height:170px;object-fit:cover;border-radius:12px}.timeline-card p{color:var(--muted)}
.site-footer{max-width:1380px;margin:70px auto 0;padding:30px 28px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#707787;font-size:13px}
.not-found{min-height:650px;display:grid;place-content:center;text-align:center}.not-found p{color:var(--muted)}
dialog{padding:0;border:0;background:transparent;max-width:min(1200px,92vw)}dialog::backdrop{background:#000d;backdrop-filter:blur(8px)}dialog img{max-height:88vh;border-radius:16px}.close-lightbox{position:fixed;top:22px;right:30px;font-size:35px;background:none;border:0;color:#fff;cursor:pointer}
@media(max-width:900px){
  .hero{grid-template-columns:1fr;gap:25px;padding:70px 0}.hero-panel{transform:none}.project-grid{grid-template-columns:1fr 1fr}.two-col,.downloads{grid-template-columns:1fr}.gallery{grid-template-columns:1fr 1fr}.gallery-item:first-child{grid-column:span 2;grid-row:auto}.gallery-item:first-child img{height:360px}.gallery-item img{height:220px}
}
@media(max-width:620px){
  .nav-toggle{display:block}.nav{display:none;position:absolute;top:75px;right:20px;z-index:10;background:#111319;border:1px solid var(--line);padding:18px;border-radius:14px;flex-direction:column}.nav.open{display:flex}.project-grid{grid-template-columns:1fr}.project-hero{min-height:600px}.project-hero-overlay{padding:28px}.project-hero h1{font-size:52px}.timeline>article{grid-template-columns:1fr}.timeline-card{grid-template-columns:1fr}.history-callout{align-items:start;flex-direction:column;gap:25px}.site-footer{flex-direction:column;gap:8px}.gallery{grid-template-columns:1fr}.gallery-item:first-child{grid-column:auto}.gallery-item:first-child img,.gallery-item img{height:240px}
}