@font-face{font-family:Manrope;src:url('fonts/manrope-variable.woff2') format('woff2');font-weight:200 800;font-display:swap}
:root{--bg:#090a0b;--panel:#121416;--ink:#f5f5f1;--muted:#a5a9ad;--line:#2b2f33;--accent:#b8c6de}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--ink);background:var(--bg);font:15px/1.75 Manrope,Arial,sans-serif}p,h1,h2,h3{margin:0}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:2px solid #fff;outline-offset:6px}.wrap{width:calc(100% - 100px);max-width:1440px;margin:auto}.skip{position:fixed;top:-80px;left:20px;z-index:20;background:#fff;color:#000;padding:10px}.skip:focus{top:10px}header{height:88px;margin:0 50px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.brand{font-size:15px;font-weight:750;letter-spacing:.025em;display:flex;align-items:center;gap:16px}.brand-mark{font-size:30px;color:#8b929c;font-weight:300}nav{display:flex;gap:33px;align-items:center;font-size:11px;color:#c2c6ca}.nav-contact{background:#f2f3f2;color:#111;padding:10px 17px}.nav-contact span{padding-left:20px}nav a:hover{color:#a8bddb}.hero-meta,.hero-bottom,.section-label{display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:.12em;color:var(--muted)}.hero-meta{padding:32px 0}.hero-title{position:relative;padding:27px 0 16px}.hero-title>p{position:absolute;right:4px;top:12px;font-size:11px;color:#9aa1a8}h1{font-size:clamp(90px,12.7vw,196px);line-height:1.17;letter-spacing:-.072em;font-weight:600;white-space:nowrap}h1 span{color:#788392}.hero-field{position:relative;min-height:340px;border-top:1px solid var(--line);overflow:hidden}#signal{position:absolute;inset:0;width:100%;height:100%;opacity:.42;pointer-events:none;mask-image:linear-gradient(90deg,transparent 0%,black 35%,black 75%,transparent)}.hero-intro{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:140px;padding:63px 0 59px;z-index:1}.hero-intro h2{font-size:42px;line-height:1.25;font-weight:500;letter-spacing:-.047em}.hero-intro h2 span{color:#b0b5bb}.hero-intro>div>p{font-size:15px;line-height:1.85;color:#c3c8ce;max-width:480px}.button{display:inline-flex;align-items:center;gap:37px;padding:12px 18px;font-size:11px;font-weight:700;margin-top:26px}.light{color:#111;background:var(--ink);transition:background .2s,transform .2s}.light:hover{background:#c4d2e6;transform:translateY(-2px)}.hero-secondary{font-size:10px;color:#bbc2c9;display:inline-block;margin-left:22px}.hero-bottom{padding:20px 0;border-top:1px solid var(--line)}.section{padding:86px 0}.section-label{padding:20px 0 38px;border-top:1px solid var(--line)}h2{font-size:clamp(40px,4.4vw,66px);line-height:1.12;font-weight:500;letter-spacing:-.055em}h2 span{color:#969da5}.eyebrow{font-size:9px;letter-spacing:.12em;color:#a2aab4}.about{padding-top:74px}.about-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:100px}.about-title .eyebrow{margin-bottom:24px}.about-signature{display:block;font-size:12px;margin-top:35px;color:#dde1e6}.about-signature small{font-size:9px;color:#8f98a2}.prose p{margin-bottom:24px;color:var(--muted);font-size:14px;max-width:620px}.prose .large-copy{font-size:25px;line-height:1.55;letter-spacing:-.025em;color:#e8ebed;margin-bottom:28px}.experience{display:grid;grid-template-columns:1fr 1fr 1fr;gap:50px;padding:35px 40px;margin-top:42px;border:1px solid var(--line);background:#101215;align-items:center}.experience-note p{font-size:17px;line-height:1.5;margin:10px 0}.experience-note small{font-size:9px;color:#9aa4ad}.metric{border-left:1px solid #343a41;padding-left:40px}.metric strong{display:flex;align-items:baseline;gap:14px;font-size:66px;letter-spacing:-.065em;line-height:1.2;font-weight:500}.metric strong span{font-size:10px;letter-spacing:.07em;color:#b9c6d7}.metric p{font-size:11px;color:#abb4bd;margin-top:12px}.projects{padding-top:0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:80px;margin-bottom:42px}.section-heading>p{font-size:13px;color:var(--muted);max-width:340px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px}.project{min-width:0;border-top:1px solid #49515b;padding-top:16px}.project-visual{display:block;border:1px solid #3b4149;background:#121517;overflow:hidden;transition:border-color .2s,transform .3s}.project-visual:hover{border-color:#aab8ca;transform:translateY(-4px)}.browser-bar{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#c7cdd5;background:#1b1e23;padding:9px 12px;line-height:1.3}.browser-bar>span:first-child{letter-spacing:3px;font-size:7px;color:#77818c}.project-visual img{display:block;width:100%;height:auto;aspect-ratio:1.55;object-fit:cover;object-position:top}.project-copy{padding:26px 1px 15px}.dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#c1cbda;margin-right:8px}.project-copy h3{font-size:35px;font-weight:600;line-height:1.3;letter-spacing:-.04em;margin:14px 0}.project-subtitle{font-size:19px;line-height:1.55;letter-spacing:-.018em;color:#d8dde4;margin-bottom:20px}.project-copy>p:not(.eyebrow):not(.project-subtitle){color:var(--muted);font-size:13px;margin:15px 0;max-width:550px}.project-facts{display:flex;flex-wrap:wrap;gap:16px;font-size:9px;color:#aeb8c4;border-top:1px solid var(--line);padding:16px 0;margin-top:22px}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;font-size:11px;padding:9px 0;border-bottom:1px solid #6d7785}.text-link:hover{color:#cad9ec}.interests{background:#141619;padding:64px 0 70px}.interests .section-label{border-top:0;padding-top:0}.interest-list{border-top:1px solid #3c424b}.interest-list details{border-bottom:1px solid #3c424b}.interest-list summary{cursor:pointer;list-style:none;display:grid;grid-template-columns:64px 1fr 30px;gap:20px;padding:29px 0;align-items:center}summary::-webkit-details-marker{display:none}.index{color:#8f9dac;font-size:10px}summary h3{font-size:27px;line-height:1.4;font-weight:500;letter-spacing:-.03em}.toggle{font-size:27px;font-weight:300;color:#bbc6d4;transition:transform .2s}details[open] .toggle{transform:rotate(45deg)}.interest-body{max-width:840px;padding:0 0 29px 84px;display:grid;grid-template-columns:1fr 1fr;gap:20px 30px}.interest-body p{color:#aeb7c2;font-size:13px}.interest-body .text-link{grid-column:1/-1;justify-self:start}.approach-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:110px}.approach h2{font-size:43px;line-height:1.2}.approach-intro{font-size:14px;color:var(--muted);margin-top:30px;max-width:460px}.principles>div{border-bottom:1px solid var(--line);position:relative;padding:24px 0 24px 40px}.principles>div:first-child{padding-top:0}.principles span{position:absolute;left:0;top:28px;color:#9bacc1;font-size:10px}.principles>div:first-child span{top:4px}.principles h3{font-size:19px;font-weight:500;margin-bottom:9px;letter-spacing:-.02em}.principles p{font-size:13px;color:var(--muted)}.contact{position:relative;padding:44px 0 50px;border-top:1px solid #7a8593}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;margin-top:23px}.contact h2{font-size:54px}.contact h2 span{color:#e9edf1}.contact-grid>div>p{color:var(--muted);font-size:13px;margin-top:22px}.contact-links a{display:grid;grid-template-columns:55px 1fr 20px;align-items:center;gap:15px;padding:20px 0;border-bottom:1px solid var(--line)}.contact-links small{font-size:9px;color:#9ca8b5}.contact-links a>span{font-size:20px;letter-spacing:-.03em}.contact-links b{font-weight:400;color:#b4c2d3}footer{display:flex;justify-content:space-between;gap:20px;padding:25px 0;border-top:1px solid var(--line);color:#8c96a1;font-size:9px}
@media(max-width:1000px){.wrap{width:calc(100% - 60px)}header{margin:0 30px}nav{gap:19px}.hero-intro{gap:60px}.hero-intro h2{font-size:33px}.hero-intro>div>p{font-size:13px}.hero-secondary{margin-left:0;margin-top:15px;display:block}.about-grid,.approach-grid,.contact-grid{gap:50px}.experience{padding:25px;gap:25px}.metric{padding-left:22px}.metric strong{font-size:50px}.project-grid{gap:25px}.project-subtitle{font-size:17px}.approach h2{font-size:35px}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}header{margin:0 20px;height:74px}.brand{font-size:13px}nav a:not(.nav-contact){display:none}.nav-contact{font-size:10px;padding:7px 12px}.hero-meta{font-size:7px;letter-spacing:.06em;gap:15px;padding:25px 0}.hero-meta>span:first-child{max-width:150px}.hero-meta>span:last-child{text-align:right;max-width:130px}.hero-title{padding:23px 0 25px}.hero-title>p{position:static;font-size:10px;margin-bottom:22px}h1{font-size:clamp(46px,12vw,78px);letter-spacing:-.055em}.hero-intro{grid-template-columns:1fr;padding:34px 0 40px;gap:24px}.hero-intro h2{font-size:33px}.hero-intro>div>p{font-size:13px;line-height:1.8}.hero-secondary{display:inline-block;margin-left:14px;font-size:9px}.button{font-size:10px;gap:20px;padding:12px 14px;margin-top:23px}.hero-bottom{font-size:7px;letter-spacing:.04em;padding:18px 0;gap:20px}.hero-bottom>span:first-child{max-width:190px}.hero-bottom>span:last-child{text-align:right;max-width:90px}.section{padding:55px 0}.section-label{font-size:7px;letter-spacing:.06em;gap:16px;padding-bottom:29px}.section-label>span:last-child{max-width:110px;text-align:right}.about-grid,.approach-grid,.contact-grid{grid-template-columns:1fr;gap:28px}h2{font-size:42px}.about-title h2{font-size:44px}.about-title .eyebrow{margin-bottom:17px}.about-signature{margin-top:20px}.prose .large-copy{font-size:21px;line-height:1.55}.prose p{font-size:13px;margin-bottom:18px}.experience{grid-template-columns:1fr 1fr;gap:22px;margin-top:25px;padding:24px 20px}.experience-note{grid-column:1/-1}.experience-note p{font-size:16px}.metric{border-left:0;padding:0;border-top:1px solid #353d46;padding-top:20px}.metric strong{font-size:42px;gap:8px}.metric strong span{font-size:8px}.metric p{font-size:9px}.projects{padding-top:0}.section-heading{display:block;margin-bottom:28px}.section-heading h2{font-size:39px}.section-heading>p{margin-top:22px;font-size:13px}.project-grid{grid-template-columns:1fr;gap:40px}.project-copy h3{font-size:31px}.project-subtitle{font-size:19px}.project-copy>p:not(.eyebrow):not(.project-subtitle){font-size:13px}.browser-bar{font-size:8px}.interests{padding:48px 0}.interests .section-heading h2{font-size:37px}.interest-list summary{grid-template-columns:26px 1fr 20px;gap:12px;padding:22px 0}summary h3{font-size:19px}.interest-body{padding-left:38px;grid-template-columns:1fr;gap:16px}.interest-body p{font-size:13px}.interest-body .text-link{grid-column:auto}.approach-grid{gap:32px}.approach h2{font-size:35px}.approach-intro{font-size:13px;margin-top:22px}.principles h3{font-size:17px}.contact{padding:33px 0}.contact h2{font-size:42px}.contact-grid{gap:20px;margin-top:19px}.contact-links a{gap:7px;grid-template-columns:43px 1fr 16px}.contact-links a>span{font-size:17px}footer{font-size:8px;gap:15px;flex-wrap:wrap}footer>span:nth-child(2){width:100%;order:3}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.previous-label{display:block;font-size:8px;font-weight:500;letter-spacing:.1em;color:#96a4b4;margin-top:5px}
.previous{padding-bottom:0}.previous-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:110px}.previous h2{font-size:43px}.previous-grid p{font-size:14px;color:var(--muted);margin-bottom:20px}@media(max-width:700px){.previous-grid{grid-template-columns:1fr;gap:25px}.previous h2{font-size:35px}.previous-grid p{font-size:13px}}

/* Text-led portfolio and revised section sequence. */
.project-copy{padding-top:18px}.project-name{display:flex;justify-content:space-between;align-items:center;gap:20px}.project-name span{font-size:24px;color:#a9b6c8;font-weight:400}.project-name:hover{color:#cbd9ec}.projects{padding-top:76px}.about{padding-top:0}.project-grid{gap:50px}@media(max-width:700px){.projects{padding-top:50px}.project-grid{gap:30px}.project-name span{font-size:21px}}
/* A full-width moving atmosphere, with text above a contrast layer. */
.hero{position:relative;isolation:isolate}.hero-atmosphere{position:absolute;z-index:-1;inset:0;left:calc((100% - 100vw)/2);width:100vw;overflow:hidden;background:radial-gradient(ellipse at 85% 28%,#17243570,transparent 58%),radial-gradient(ellipse at 18% 88%,#1c243030,transparent 45%),#090a0b}.hero-atmosphere #signal{position:absolute;width:100%;height:100%;inset:0;opacity:1;mask-image:none}.atmosphere-shade{position:absolute;inset:0;background:linear-gradient(90deg,#090a0be0 0%,#090a0b9c 38%,#090a0b20 70%),linear-gradient(0deg,#090a0b 0%,transparent 24%,transparent 85%,#090a0b50)}.hero-meta,.hero-title,.hero-field,.hero-bottom{position:relative}.hero-title h1{text-shadow:0 3px 30px #0008}.hero-field{overflow:visible;background:linear-gradient(90deg,#090a0b75,transparent)}.hero-intro>div>p{text-shadow:0 2px 10px #000}.motion-ready .reveal{transition:opacity .75s ease,transform .85s cubic-bezier(.2,.65,.2,1)}.motion-ready .reveal.pending{opacity:0;transform:translateY(28px)}.motion-ready .hero-title{animation:title-enter 1s cubic-bezier(.2,.65,.2,1) both}.motion-ready .hero-intro{animation:title-enter 1s .14s cubic-bezier(.2,.65,.2,1) both}.project{transition:background .3s,border-color .3s}.project:hover{border-color:#c5d6ec}.project-name span{transition:transform .3s}.project-name:hover span{transform:translate(3px,-3px)}@keyframes title-enter{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@media(max-width:700px){.atmosphere-shade{background:linear-gradient(90deg,#090a0bb8,#090a0b70),linear-gradient(0deg,#090a0b,transparent 30%)}.hero-atmosphere{opacity:.75}}@media(prefers-reduced-motion:reduce){.motion-ready .reveal.pending{opacity:1;transform:none}}