:root{--ink:#141c27;--muted:#5b6675;--line:#dbe3ec;--soft:#f4f7fa;--white:#fff;--navy:#0f233d;--blue:#1264d8;--teal:#0c9187;--gold:#c58b24;--rose:#b54558;--shadow:0 24px 70px rgba(15,35,61,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fbfcfd;line-height:1.6}img{display:block;max-width:100%;height:auto}a{color:inherit}.skip-link{position:absolute;left:-999px;top:0;background:var(--navy);color:#fff;padding:.75rem 1rem;z-index:99}.skip-link:focus{left:1rem;top:1rem}.header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.82rem clamp(1rem,4vw,3.5rem);background:rgba(255,255,255,.95);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;min-width:230px}.brand img{width:40px;height:40px;border-radius:8px}.brand strong,.brand small{display:block;line-height:1.1}.brand small{font-size:.78rem;color:var(--muted);margin-top:.2rem}nav{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:.35rem .9rem}nav a{text-decoration:none;color:var(--muted);font-size:.92rem;font-weight:800;padding:.35rem 0}nav a:hover{color:var(--blue)}.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:clamp(2rem,6vw,5rem);align-items:center;padding:clamp(3.25rem,8vw,7rem) clamp(1rem,4vw,3.5rem);background:linear-gradient(120deg,rgba(18,100,216,.1),transparent 42%),linear-gradient(150deg,rgba(12,145,135,.1),transparent 50%),#fff}.kicker{margin:0 0 .7rem;color:var(--blue);font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}h1,h2,h3{margin:0;color:var(--navy);line-height:1.08;letter-spacing:0}h1{font-size:clamp(2.7rem,7vw,6rem)}h2{font-size:clamp(1.85rem,3.5vw,3.15rem)}h3{font-size:1.14rem}.lead{font-size:clamp(1.08rem,2vw,1.35rem);color:var(--muted);max-width:820px}.actions{display:flex;flex-wrap:wrap;gap:.85rem;margin:1.45rem 0}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:.78rem 1rem;border:1px solid var(--blue);border-radius:8px;background:var(--blue);color:#fff;font-weight:900;text-decoration:none;box-shadow:0 10px 30px rgba(18,100,216,.18)}.button.secondary{background:var(--teal);border-color:var(--teal)}.button.light{background:#fff;color:var(--navy);border-color:#fff}.button.ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.36);box-shadow:none}.hero figure{margin:0;background:var(--soft);border:1px solid var(--line);border-radius:8px;overflow:hidden;box-shadow:var(--shadow)}.hero figure img{width:100%;aspect-ratio:1.2/.9;object-fit:cover}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--navy);color:#fff}.metrics div{padding:1.45rem clamp(1rem,3vw,2rem);border-right:1px solid rgba(255,255,255,.13)}.metrics strong{display:block;font-size:clamp(1.9rem,4vw,3.15rem);line-height:1}.metrics span{color:rgba(255,255,255,.78)}.section,.era,.page-hero{padding:clamp(3rem,7vw,6rem) clamp(1rem,4vw,3.5rem)}.page-hero{background:#fff;border-bottom:1px solid var(--line)}.section-head{max-width:900px;margin-bottom:2rem}.section-head p,.era-title p,.project-card p,.about p,.footer p{color:var(--muted)}.dark{background:var(--navy);color:#fff}.dark h2{color:#fff}.dark p{color:rgba(255,255,255,.78)}.era{border-top:1px solid var(--line);background:#fff}.era:nth-of-type(odd){background:var(--soft)}.era-title{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:2rem;align-items:center;margin-bottom:1.5rem}.era-title img{width:260px;height:150px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:8px;padding:.75rem;box-shadow:0 10px 30px rgba(15,35,61,.06)}.project-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.project-grid.selected{grid-template-columns:repeat(3,minmax(0,1fr))}.project-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:1rem;box-shadow:0 12px 32px rgba(15,35,61,.07)}.project-meta{display:flex;justify-content:space-between;gap:.75rem;margin-bottom:.65rem}.project-meta span{font-weight:900;color:var(--rose)}.project-meta small{color:var(--muted);font-size:.72rem;text-align:right}.tags,.cap-grid article div{display:flex;flex-wrap:wrap;gap:.38rem;margin-top:.8rem}.tags span,.cap-grid span{display:inline-flex;align-items:center;min-height:28px;padding:.25rem .45rem;border-radius:6px;background:#eef5fb;color:var(--navy);font-size:.75rem;font-weight:800}.text-link{display:inline-flex;margin-top:1rem;color:var(--blue);font-weight:900;text-decoration:none}.cap-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.cap-grid article{background:#fff;border:1px solid var(--line);border-radius:8px;padding:1rem;box-shadow:0 12px 32px rgba(15,35,61,.06)}.gallery{background:var(--soft);border-block:1px solid var(--line)}.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.gallery figure{margin:0;background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden}.gallery img{width:100%;height:190px;object-fit:contain;padding:.75rem}.gallery figcaption{padding:.75rem;border-top:1px solid var(--line);color:var(--muted);font-size:.85rem}.about{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:2rem;align-items:center;background:#fff}.about img{width:260px;height:260px;object-fit:cover;border-radius:8px;border:1px solid var(--line);box-shadow:var(--shadow)}.footer{padding:clamp(3rem,7vw,5rem) clamp(1rem,4vw,3.5rem);background:var(--navy);color:#fff}.footer-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;align-items:center}.footer h2{color:#fff}.footer p{color:rgba(255,255,255,.78)}.fineprint{border-top:1px solid rgba(255,255,255,.18);padding-top:1rem;margin-top:1.5rem}@media(max-width:1100px){.hero,.about,.footer-inner{grid-template-columns:1fr}.project-grid,.project-grid.selected,.cap-grid,.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header{align-items:flex-start;flex-direction:column}nav{justify-content:flex-start}.about img{width:220px;height:220px}}@media(max-width:720px){.metrics,.project-grid,.project-grid.selected,.cap-grid,.gallery-grid,.era-title{grid-template-columns:1fr}.brand{min-width:0}.era-title img{width:100%;height:auto}.actions{flex-direction:column}.button{width:100%}}