:root{--ink:#092321;--deep:#071817;--paper:#f4f1e8;--cream:#e8e2d5;--lime:#c9f060;--teal:#4bc3ae;--muted:#667370;--line:rgba(9,35,33,.16);--sans:"DM Sans",sans-serif;--body:"Manrope",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.65}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:1rem;top:1rem;background:white;padding:.7rem;z-index:100}.nav-shell{position:sticky;top:0;z-index:20;background:rgba(244,241,232,.88);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav{max-width:1240px;margin:auto;height:76px;padding:0 2rem;display:flex;align-items:center;justify-content:space-between}.brand{font:700 1.45rem var(--sans);color:var(--ink);text-decoration:none;letter-spacing:-.07em}.brand span{color:var(--teal)}.nav-links{display:flex;align-items:center;gap:2rem}.nav-links a{font:600 .85rem var(--sans);color:var(--ink);text-decoration:none}.nav-cta{border:1px solid var(--ink);padding:.55rem 1rem;border-radius:99px}.menu-button{display:none;border:0;background:none;font:600 .9rem var(--sans)}.hero{max-width:1240px;margin:auto;padding:5rem 2rem 0}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:5rem;align-items:center;min-height:560px}.eyebrow{display:flex;align-items:center;gap:.7rem;text-transform:uppercase;letter-spacing:.13em;font:600 .72rem var(--sans)}.eyebrow span{width:28px;height:1px;background:var(--teal)}h1,h2,h3{font-family:var(--sans);line-height:1.04;margin:0}h1{font-size:clamp(3.8rem,7vw,7rem);letter-spacing:-.07em;max-width:900px}h1 em,h2 em,.quote em{font-family:Georgia,serif;font-weight:400;color:var(--teal)}.hero-intro{font-size:1.05rem;max-width:650px;color:#4c5d59;margin:2rem 0}.hero-actions{display:flex;align-items:center;gap:1.5rem}.button{text-decoration:none;font:600 .9rem var(--sans);color:var(--ink)}.button.primary{background:var(--ink);color:white;padding:1rem 1.2rem;border-radius:3px;display:flex;gap:2rem}.button.text{border-bottom:1px solid var(--ink);padding:.8rem 0}.hero-panel{height:480px;background:var(--deep);border-radius:180px 180px 8px 8px;position:relative;overflow:hidden;box-shadow:0 35px 70px rgba(7,24,23,.2)}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-one{width:290px;height:290px;background:radial-gradient(circle at 30% 30%,#76dec8,#0a6b60 55%,transparent 56%);top:70px;left:60px;opacity:.9}.orb-two{width:230px;height:230px;border:1px solid rgba(201,240,96,.38);top:112px;left:92px}.monogram{position:absolute;inset:0;display:grid;place-items:center;color:var(--paper);font:500 8rem Georgia,serif;letter-spacing:-.12em}.signal-card{position:absolute;background:rgba(244,241,232,.94);padding:.9rem 1rem;min-width:170px;border-radius:3px;display:flex;flex-direction:column;line-height:1.3}.signal-card small{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.signal-card strong{font:600 .82rem var(--sans)}.signal-top{right:18px;top:80px}.signal-bottom{left:20px;bottom:40px}.coordinates{position:absolute;right:22px;bottom:28px;color:#7b918b;font:500 .65rem var(--body);text-align:right;letter-spacing:.08em}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin-top:2rem}.metrics div{padding:2rem;border-right:1px solid var(--line);display:flex;flex-direction:column}.metrics div:first-child{padding-left:0}.metrics div:last-child{border:0}.metrics strong{font:600 2.1rem var(--sans)}.metrics span{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.section{padding:8rem max(2rem,calc((100vw - 1240px)/2))}.section-label{font:600 .72rem var(--sans);text-transform:uppercase;letter-spacing:.16em;margin-bottom:4rem;display:flex;gap:1rem}.section-label span{color:var(--teal)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:8rem}.about h2{font-size:clamp(2.6rem,4vw,4.5rem);letter-spacing:-.05em}.about h2 span{color:#87928f}.about-copy .lead{font:500 1.45rem/1.45 var(--sans);margin-top:0}.about-copy p:not(.lead){color:#5f6b68}.pill-row{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:2rem}.pill-row span,.project-tags span{border:1px solid var(--line);border-radius:99px;padding:.4rem .75rem;font:600 .68rem var(--sans);text-transform:uppercase;letter-spacing:.07em}.dark-section{background:var(--deep);color:var(--paper)}.section-label.light{color:#81918d}.experience{display:grid;grid-template-columns:220px 1fr 60px;gap:3rem;padding:3rem 0;border-top:1px solid rgba(255,255,255,.14)}.experience:last-child{border-bottom:1px solid rgba(255,255,255,.14)}.experience-meta{display:flex;flex-direction:column;color:#8da09a;font-size:.8rem}.kicker{color:var(--lime);text-transform:uppercase;letter-spacing:.1em;font-size:.7rem}.experience h3{font-size:clamp(1.7rem,3vw,3rem);letter-spacing:-.04em}.experience p{max-width:680px;color:#aab9b5}.experience .index{font:400 1rem Georgia,serif;color:#6c7c78;text-align:right}.section-heading{display:grid;grid-template-columns:1fr 2fr;align-items:end;margin-bottom:4rem}.section-heading .section-label{margin:0}.section-heading h2{font-size:clamp(2.6rem,5vw,5rem);letter-spacing:-.06em}.section-heading>p{color:var(--muted);max-width:580px}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.project-card{min-height:330px;border:1px solid var(--line);padding:2rem;position:relative;display:flex;flex-direction:column;transition:.3s ease;background:rgba(255,255,255,.15)}.project-card:hover{transform:translateY(-5px);background:#fff}.project-card.feature{grid-row:span 2;min-height:676px;background:var(--teal);border:0}.project-number{font:400 .8rem Georgia,serif;margin-bottom:4rem}.project-tags{display:flex;gap:.4rem}.project-tags span{border-color:currentColor}.project-card h3{font-size:clamp(1.6rem,2.6vw,2.8rem);letter-spacing:-.045em;margin:1.2rem 0}.project-card p{color:#51615d;max-width:510px}.project-card.feature p{color:#123e38}.project-footer,.award{margin-top:auto;padding-top:2rem;font:600 .7rem var(--sans);text-transform:uppercase;letter-spacing:.06em;display:flex;justify-content:space-between}.award{color:#8a5d00}.leadership{background:#e9e5da}.leadership-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:8rem}.quote{font:500 clamp(2.2rem,4vw,4rem)/1.15 var(--sans);letter-spacing:-.04em}.roles>div{padding:1.5rem 0;border-top:1px solid var(--line);display:flex;flex-direction:column}.roles span{font:600 .68rem var(--sans);text-transform:uppercase;letter-spacing:.1em;color:var(--teal)}.roles strong{font:600 1.2rem var(--sans);margin:.25rem 0}.roles small{color:var(--muted)}.gallery{display:grid;grid-template-columns:1.1fr .9fr;grid-auto-rows:270px;gap:1rem}.photo-slot{margin:0;background:linear-gradient(135deg,#133b37,#071817);color:white;position:relative;overflow:hidden;border-radius:3px}.photo-slot::before{content:"";position:absolute;width:300px;height:300px;border:1px solid rgba(201,240,96,.22);border-radius:50%;right:-80px;top:-90px}.photo-slot:nth-child(2){background:linear-gradient(135deg,#b9dd5d,#4c7f71);color:var(--ink)}.photo-slot:nth-child(3){background:linear-gradient(135deg,#d7d1c3,#a29e94);color:var(--ink)}.photo-slot:nth-child(4){background:linear-gradient(135deg,#376e66,#193a36)}.photo-slot.tall{grid-row:span 2}.photo-slot.wide{grid-column:span 1}.photo-mark{position:absolute;inset:0;display:grid;place-items:center;font:400 7rem Georgia,serif;opacity:.18}.photo-slot figcaption{position:absolute;left:1.4rem;right:1.4rem;bottom:1.2rem;display:flex;justify-content:space-between;align-items:end;gap:1rem}.photo-slot strong{font:600 1rem var(--sans)}.photo-slot span{font-size:.65rem;opacity:.65}.photo-slot.has-photo{background-size:cover;background-position:center}.photo-slot.has-photo::after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.75))}.photo-slot.has-photo figcaption{z-index:2}.photo-slot.has-photo .photo-mark{display:none}.contact{padding-top:4rem}.contact-card{background:var(--deep);color:white;padding:clamp(2.5rem,7vw,7rem);border-radius:4px}.contact-card h2{font-size:clamp(3rem,7vw,7.5rem);letter-spacing:-.07em;max-width:950px}.contact-links{margin-top:4rem;display:flex;flex-wrap:wrap;gap:1rem}.contact-links a{color:white;border-bottom:1px solid #55736d;text-decoration:none;padding:.7rem 0;margin-right:2rem}footer{max-width:1240px;margin:auto;padding:2rem;display:flex;justify-content:space-between;border-top:1px solid var(--line);font-size:.75rem;color:var(--muted)}.reveal{opacity:0;transform:translateY(18px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:820px){.nav{height:66px;padding:0 1.2rem}.menu-button{display:block}.nav-links{position:absolute;left:0;right:0;top:66px;background:var(--paper);padding:1.2rem;flex-direction:column;align-items:flex-start;display:none;border-bottom:1px solid var(--line)}.nav-links.open{display:flex}.hero{padding:3rem 1.2rem 0}.hero-grid,.about-grid,.leadership-grid{grid-template-columns:1fr;gap:3rem}.hero-grid{min-height:auto}.hero-panel{height:410px;max-width:420px;width:100%;margin:auto}.metrics{grid-template-columns:repeat(2,1fr)}.metrics div:nth-child(2){border-right:0}.metrics div{padding:1.2rem 0}.section{padding:5rem 1.2rem}.section-label{margin-bottom:2.5rem}.experience{grid-template-columns:1fr 45px;gap:1rem}.experience-meta{grid-column:1/-1;flex-direction:row;justify-content:space-between}.section-heading{grid-template-columns:1fr;gap:2rem}.project-grid{grid-template-columns:1fr}.project-card.feature{min-height:500px;grid-row:auto}.gallery{grid-template-columns:1fr;grid-auto-rows:300px}.photo-slot.tall{grid-row:auto}.photo-slot figcaption{align-items:flex-start;flex-direction:column}.contact-links{flex-direction:column}footer{flex-wrap:wrap;gap:1rem}h1{font-size:clamp(3.5rem,16vw,5rem)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}

/* Interactive 3D hero sculpture */
.hero-panel{transform-style:preserve-3d}
#data-orbit{position:absolute;inset:0;width:100%;height:100%;z-index:2;opacity:.95}
.hero-panel .monogram{z-index:1;opacity:.2;text-shadow:0 12px 40px rgba(0,0,0,.4)}
.hero-panel .signal-card{z-index:4;box-shadow:0 14px 35px rgba(0,0,0,.2);backdrop-filter:blur(8px)}
.hero-panel .coordinates{z-index:4}
@media(prefers-reduced-motion:reduce){.hero-panel{transition:none}}

/* Blue visual system */
:root{--ink:#0b1f3a;--deep:#07152d;--paper:#f4f7fb;--cream:#e5edf8;--lime:#60a5fa;--teal:#2563eb;--muted:#64748b;--line:rgba(11,31,58,.16)}
.nav-shell{background:rgba(244,247,251,.9)}
.hero-panel{border-radius:42px;background:radial-gradient(circle at 50% 42%,#173f77 0,#0a2148 47%,#050d1c 100%);box-shadow:0 38px 85px rgba(10,35,75,.3)}
.orb-one{background:radial-gradient(circle at 30% 30%,rgba(96,165,250,.38),rgba(37,99,235,.12) 58%,transparent 60%);opacity:.7}
.orb-two{border-color:rgba(147,197,253,.35)}
.project-card.feature{background:linear-gradient(145deg,#3b82f6,#1d4ed8);color:white}
.project-card.feature p{color:#dbeafe}
.photo-slot{background:linear-gradient(135deg,#15386c,#07152d)}
.photo-slot::before{border-color:rgba(96,165,250,.32)}
.photo-slot:nth-child(2){background:linear-gradient(135deg,#93c5fd,#3b82f6);color:#07152d}
.photo-slot:nth-child(4){background:linear-gradient(135deg,#315b9e,#102b58)}
.gallery{grid-template-columns:repeat(3,1fr);grid-auto-rows:250px}
.photo-slot.wide{grid-column:span 2}
.photo-slot.has-photo{background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#07152d}
.photo-slot[data-file="event-03.jpg"].has-photo,.photo-slot[data-file="event-06.jpg"].has-photo,.photo-slot[data-file="event-08.jpg"].has-photo,.photo-slot[data-file="event-09.jpg"].has-photo{background-position:center 20%}
@media(max-width:820px){.gallery{grid-template-columns:1fr;grid-auto-rows:320px}.photo-slot.wide{grid-column:auto}.photo-slot.tall{min-height:440px}}
.contact-links a{border-bottom-color:#426a9f}
#data-orbit{opacity:1;filter:saturate(1.2)}