:root{--navy:#021020;--carbon:#091826;--ink:#061523;--paper:#f4f8fb;--line:#c3ccd3;--muted:#4d5a66;--signal:#00aced;--arc:#63dcff;--cobalt:#005ec5;--on-signal:#000a18;--display:"Darker Grotesque",ui-sans-serif,system-ui,sans-serif;--body:"Manrope",ui-sans-serif,system-ui,sans-serif;--mono:"Azeret Mono",ui-monospace,monospace;--w:1180px;--gutter:clamp(18px,4vw,48px)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:88px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 var(--body)}
a{color:inherit;text-underline-offset:4px}
img{display:block;max-width:100%}
p{margin:0}
h1,h2,h3{margin:0;font-family:var(--display);font-weight:700;line-height:.98;letter-spacing:-.015em}
.wrap{max-width:var(--w);margin:0 auto;padding:0 var(--gutter)}
.eyebrow{display:flex;align-items:center;gap:10px;color:var(--cobalt);font:500 11px/1.6 var(--mono);letter-spacing:.12em;text-transform:uppercase}
.eyebrow::before{content:"";width:22px;height:2px;flex-shrink:0;background:var(--signal)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:16px 25px;border:1px solid transparent;border-radius:var(--radius-button);font:700 14px/1.3 var(--body);text-decoration:none;transition:background .18s,color .18s}
.btn-signal{background:var(--signal);color:var(--on-signal)}
.btn-signal:hover{background:var(--arc)}
.btn-outline{border-color:var(--line);background:transparent}
.btn-outline:hover{border-color:var(--cobalt);color:var(--cobalt)}
.nav{position:sticky;top:0;z-index:50;background:rgba(2,16,32,.94);backdrop-filter:blur(12px);color:var(--paper);border-bottom:1px solid #ffffff18}
.nav .wrap{height:68px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font:700 17px/1.2 var(--body)}
.brand i{width:30px;height:30px;border-radius:7px;background:var(--paper);position:relative;display:grid;place-items:center}
.brand i::before{content:"D";font:800 18px/1 var(--display);color:var(--navy)}
.brand i::after{content:"";position:absolute;top:5px;right:5px;width:6px;height:6px;border-radius:50%;background:var(--signal)}
.nav nav{display:flex;font:600 14px/1 var(--body)}
.nav nav a{text-decoration:none;color:#c8d4de}
.nav nav a:hover{color:var(--arc)}
.nav .btn{padding:12px 20px;white-space:nowrap}
.skip-link{position:fixed;z-index:100;left:18px;top:12px;transform:translateY(-150%);background:var(--paper);padding:12px 20px;border-radius:var(--radius-button)}
.skip-link:focus{transform:none}
.about-intro{padding:clamp(52px,7vw,88px) 0;background:var(--navy);color:var(--paper)}
.about-intro .wrap{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:end}
.about-intro .eyebrow{color:var(--arc);margin-bottom:24px}
.about-intro h1{max-width:12ch;font-size:clamp(48px,6.2vw,80px);font-weight:800}
.about-intro .intro-copy{max-width:43ch;color:#b9c6d2;font-size:clamp(17px,1.5vw,20px)}
.team{padding:clamp(56px,7vw,96px) 0}
.person{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(32px,6vw,80px);align-items:start;scroll-margin-top:100px}
.person+.person{margin-top:clamp(56px,7vw,96px);padding-top:clamp(56px,7vw,96px);border-top:1px solid var(--line)}
.portrait{margin:0}
.portrait img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 42%;background:#e7e1d9}
.portrait figcaption{margin-top:13px;font:500 10px/1.7 var(--mono);letter-spacing:.05em;color:var(--muted)}
.person h2{font-size:clamp(44px,5vw,64px);margin:15px 0 22px}
.person .bio{display:grid;gap:18px;color:var(--muted)}
.person .bio>p:first-child{font-size:clamp(18px,1.6vw,20px);line-height:1.65;color:var(--ink)}
.person ul{list-style:none;display:grid;gap:10px;padding:0;margin:22px 0 26px;font-size:14px}
.person li{position:relative;padding-left:21px}
.person li::before{content:"";position:absolute;left:0;top:11px;width:9px;height:2px;background:var(--signal)}
.profile-links{display:flex;gap:12px;flex-wrap:wrap}
.contact-band{padding:clamp(48px,6vw,76px) 0;border-top:1px solid var(--line);background:#e4ecf3}
.contact-band .wrap{display:flex;align-items:center;justify-content:space-between;gap:32px}
.contact-band h2{font-size:clamp(36px,4vw,52px);max-width:22ch}
.contact-band p{color:var(--muted);margin-top:16px;max-width:54ch}
.contact-band .btn{flex-shrink:0}
footer{background:var(--navy);color:#9fb0bf;padding:56px 0 36px;font-size:14px}
footer .wrap{display:grid;grid-template-columns:1.2fr .6fr .6fr;gap:40px}
footer .brand{color:var(--paper);margin-bottom:14px}
footer nav{display:grid;align-content:start;gap:10px}
footer a{color:#c8d4de;text-decoration:none}
footer a:hover{color:var(--arc)}
.legal{grid-column:1/-1;border-top:1px solid #ffffff1a;padding-top:22px;font:500 11px/1.7 var(--mono)}
@media(min-width:801px){.person:nth-child(2){grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr)}.person:nth-child(2) .portrait{grid-column:2;grid-row:1}.person:nth-child(2) .person-copy{grid-column:1;grid-row:1}}
@media(max-width:800px){.about-intro .wrap{grid-template-columns:1fr;gap:28px}.about-intro h1{max-width:14ch}.about-intro .intro-copy{max-width:52ch}.person{grid-template-columns:1fr;gap:30px}.portrait{max-width:440px;width:100%}.portrait img{aspect-ratio:1/1}.contact-band .wrap{align-items:flex-start;flex-direction:column}footer .wrap{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.btn{transition:none}}