:root{color-scheme:dark;--ink:#e8edf4;--muted:#a0aec1;--blue:#8bb6ff;--navy:#090f19;--soft:#0b111b;--line:#253041}
body{background:#080c12;color:var(--ink);background-image:radial-gradient(ellipse 75% 30% at 65% 0,rgba(35,81,115,.12),transparent 75%)}
::selection{background:#2e537a;color:#fff}
.nav{height:67px;max-width:1080px;width:calc(100% - 56px);margin:22px auto 0;padding:0 23px;top:18px;background:rgba(16,22,32,.88);border:1px solid #303948;border-radius:15px;box-shadow:0 8px 35px #0005,inset 0 1px 0 #ffffff06;backdrop-filter:blur(22px)}
.brand{font-weight:400;letter-spacing:.15px}.brand small{color:#8594aa}.monogram{border-color:#41546c;color:#b9d5ef;background:#192535;box-shadow:inset 0 0 15px #709fcb0a}
.nav nav a{color:#acb7c8}.nav nav a:hover,.nav nav a[aria-current=location]{color:#e9f3ff}.nav nav a[aria-current=location]:after{background:#7fc8d7}.nav .nav-download{border-color:#39475b;background:linear-gradient(#263246,#192435);color:#e1edff;box-shadow:inset 0 1px #ffffff0a}
.hero{padding-top:112px;padding-bottom:96px;gap:80px;min-height:650px}.hero-copy{position:relative}.hero-copy:before{content:"";position:absolute;left:-23px;top:8px;width:3px;height:20px;background:#71bdc9;box-shadow:0 0 20px #71bdc950;border-radius:4px}.hero h1{font-size:49px;letter-spacing:-1.8px;font-weight:400;color:#edf2f8}.hero h1 span{color:#98a9bf;font-size:16px;letter-spacing:.1px}.intro{color:#c2ccda;font-size:17px;line-height:1.9}.hero-detail{color:#94a5bc;font-size:13px;line-height:1.9}
.eyebrow{color:#8cb8c9;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;letter-spacing:1.5px}
.button{color:#deedff;background:linear-gradient(180deg,#294363,#1c304a);border-color:#446182;box-shadow:inset 0 1px #ffffff0d,0 5px 18px #0002;border-radius:7px}.button:hover{background:#304d6e;border-color:#789abd;box-shadow:0 0 20px #6090cb12}.text-link{color:#a8c4e6;font-weight:400}.actions{gap:27px;margin-top:34px}
.hero-preview.rolodex{background:#0e1826;border-color:#3b4b60;box-shadow:0 35px 70px -25px #000c,0 0 60px -30px #73acd554}.rolodex:before{background:#0d1520;border-color:#243346}.rolodex:after{background:#111e2e;border-color:#304359}.rolodex .window-bar{background:linear-gradient(#1c2736,#141e2c);border-bottom-color:#334358;color:#a6b6c9}.window-dots{color:#4f718a}.rolodex .preview-crop{background:#0d1724}.rolodex-controls{background:#111b28;border-color:#2b3a4d}.rolodex-controls>span{color:#869ab4}.rolodex-controls>a{color:#a3c7f4}.rolodex-controls button{background:#172639;border-color:#30465e;color:#b8cee5}.rolodex-controls button:hover{background:#253c53;border-color:#729bbd;color:white}.rolodex .preview-crop:after{background:#73c1ce;box-shadow:0 0 7px #73c1ce60}
.credentials{border-color:#26313f;padding-top:28px;padding-bottom:34px}.credentials>div{border-color:#26313f}.credentials strong{color:#d6e1ef;font-size:17px;font-weight:400}.credentials span{color:#8091a9;line-height:1.7}
.work-section{background:linear-gradient(180deg,#0c121c,#090f17);border-color:#202b3a;padding:95px 0 80px}.section-heading{margin-bottom:45px}.section-heading h2{font-weight:400;font-size:30px;letter-spacing:-.6px;color:#e2eaf5}.section-heading>p{color:#8e9eb5;line-height:1.85;font-size:13px}.collection-toolbar{border-color:#283449;padding-bottom:18px}.filters button{color:#8b9db7;border-radius:6px}.filters button[aria-pressed=true]{background:#18273a;border-color:#37516e;color:#c0d9ff}.filters button:hover{color:#d5e8ff}.filters button span,.collection-count{color:#7e91ac}
.project-explorer{gap:36px;grid-template-columns:310px 1fr}.project-option{border-radius:7px;padding:18px 15px}.project-option:hover{background:#121e2d}.project-option[aria-current=true]{background:linear-gradient(100deg,#1a2a3e,#121d2c);border-color:#334b68;box-shadow:inset 2px 0 #75b4c2,0 7px 25px #0001}.project-option strong{color:#c6d4e6;font-weight:400}.project-option small{color:#7e91aa}.option-index{color:#69809c}.option-arrow{color:#93c1d2}
.project-detail{background:radial-gradient(ellipse at top right,#1b2b3e50,transparent 65%),#101925;border-color:#2c3c51;padding:39px 40px;box-shadow:0 18px 40px #0002;border-radius:13px;min-height:565px}.project-detail h3{font-weight:400;color:#e2eaf4;font-size:27px;line-height:1.35}.project-audience{color:#859ab4}.detail-number{color:#7494b5}.project-detail>p{color:#9aacc4}.feature-list span{background:#1b2b3c;color:#a9c2db;border:1px solid #304359;font-size:9px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.detail-notes{border-color:#2b3a4f;gap:30px}.detail-notes h4{color:#c8d8e9;letter-spacing:.4px}.detail-notes p{color:#91a7c1}.project-detail .interaction-note{background:#142334;border-color:#628d9d;color:#8ca5bd}.interaction-note strong{color:#b8cee0;font-weight:400}.project-directory{border-color:#26364a}.project-directory summary{color:#8fa8c6}.project-directory a{border-color:#24354a;color:#92a7bf}.project-directory a:hover{color:#d1e4ff}
.approach-section{background:#080d15;border-block:1px solid #243041;padding:95px 0}.approach-section .eyebrow{color:#88b4c4}.approach-section .section-heading>p{color:#8e9fb8}.approach-tabs button{color:#869bb8;border-color:#2b3c51;font-size:12px}.approach-tabs button[aria-selected=true]{border-left-color:#75bdc9;background:linear-gradient(90deg,#17283c,#0c1725);color:#cfdeed}.approach-tabs button:hover{background:#142135}.panel-label{color:#8caccc;font-size:10px}#approach-panel h3{font-weight:400;color:#d6e1ed;font-size:24px}#approach-panel>p:not(.panel-label){color:#98acc5}.implementation-strip{border-color:#2a3d54;color:#88a6c7;font-size:10px}
.experience{padding-top:94px;padding-bottom:83px}.job{border-color:#253344;padding-top:32px;padding-bottom:32px}.job h3{font-weight:400;color:#dae5f1;font-size:21px}.date{color:#7491b0}.role{color:#8298b4}.job ul{color:#a0b0c6;font-size:13px;line-height:1.9}.education{border-color:#293748}.education strong{color:#c5d6e9;font-weight:400}.education p{color:#91a5bd}.education h3{font-weight:400;color:#c8d9eb}
.letter-section{background:#0c131e;border-color:#273447;padding:86px 0}.letter-layout{gap:90px}.letter-layout h2{font-weight:400;color:#e1eaf5}.letter p{color:#a3b4ca;font-size:14px;line-height:1.95}.letter .signature{color:#d7e7f6;font-weight:400}.signature span{color:#7994b4}footer{padding-top:70px!important;padding-bottom:30px!important}footer h2{font-weight:400;color:#d5e3f0}.footer-links{color:#a4bed9}.footer-note{border-color:#263549;color:#7086a2!important}
dialog{background:#101a28;border-color:#405773;color:#dbe7f5;box-shadow:0 30px 130px #000c}dialog::backdrop{background:#02050bbd;backdrop-filter:blur(10px)}.dialog-toolbar{border-color:#32445c}.dialog-toolbar>div:first-child>span{color:#829bb9}.dialog-toolbar button{background:#24364d;color:#c2d8ed}.dialog-toolbar a{color:#a3c8f5}.preview-note{background:#142032;border-color:#2c405c;color:#91a6c1}.frame-help{background:#18273a;color:#99b0ca}.skip{background:#1d2d43;color:white}
@media(max-width:1050px){.hero{gap:42px}.hero h1{font-size:43px}.project-explorer{grid-template-columns:280px 1fr;gap:24px}.project-detail{padding:29px}.hero-copy:before{left:-15px}}
@media(max-width:760px){.nav{width:calc(100% - 28px);margin-top:12px;top:10px;height:auto;min-height:66px;padding:13px 18px;border-radius:13px}.menu-toggle{background:#1b2b40;color:#b9d4ef;border-color:#39516d}.nav nav.open{border-top:1px solid #304158;padding-top:13px}.hero{padding-top:66px;padding-bottom:50px;gap:48px;min-height:0}.hero h1{font-size:42px}.hero-copy:before{display:none}.hero-preview{margin-top:4px}.credentials strong{font-size:16px}.work-section,.approach-section,.experience,.letter-section{padding-top:60px;padding-bottom:55px}.section-heading h2{font-size:27px}.project-explorer{grid-template-columns:1fr}.project-option{background:#111d2d;border-color:#273b55}.project-detail{min-height:0}.approach-tabs button[aria-selected=true]{border-bottom-color:#75bdc9}.section-heading{margin-bottom:29px}.letter-layout{gap:30px}.credentials{padding-bottom:28px}.hero-preview.rolodex{box-shadow:0 20px 45px -20px #000a}}
@media print{body,.work-section,.approach-section,.letter-section{background:white!important;color:#17243a!important}.nav{display:none}.hero{min-height:0;padding-top:20px}.hero h1,.section-heading h2,.job h3,.education h3,.education strong,.letter-layout h2,.letter .signature,.project-detail h3{color:#17243a!important}p,.intro,.hero-detail,.job ul,.role,.letter p,.credentials span,.credentials strong{color:#34465d!important}.project-detail{background:white;box-shadow:none}.hero-copy:before{display:none}}
/* Portfolio refinement: original project captures, quieter chrome. */
.nav{box-shadow:0 8px 35px #0003;border-color:#29323e;background:#101620ed}
.hero-copy:before{display:none}.hero h1{letter-spacing:-1.3px}.hero .eyebrow{letter-spacing:1.1px}
.button,.nav .nav-download{background:#203650;box-shadow:none}.button:hover{background:#2a4564;box-shadow:none}
.hero-preview.rolodex{border-radius:9px;border-color:#344154;box-shadow:0 24px 50px #0005}.rolodex:before,.rolodex:after{display:none}.window-dots{display:none}.rolodex .window-bar{background:#121b27}.rolodex .preview-crop{aspect-ratio:1.456}.project-cover{object-fit:contain!important;object-position:top!important}.rolodex-controls{gap:12px}.rolodex-controls>span{font-size:10px}
.project-explorer{grid-template-columns:300px minmax(0,1fr);gap:42px;align-items:start}.project-option{display:grid;grid-template-columns:76px minmax(0,1fr);gap:13px;align-items:center;padding:12px 10px;border-radius:5px}.project-option .option-index,.project-option .option-arrow{display:none}.option-preview{display:block;width:76px;height:54px;object-fit:cover;object-position:top;border:1px solid #ffffff18;border-radius:3px}.project-option strong{font-size:12px;line-height:1.45}.project-option small{margin-top:5px;font-size:10px}.project-option[aria-current=true]{background:#152334;box-shadow:inset 2px 0 #8aaebe}
.project-detail{padding:25px;background:#101822;box-shadow:none;border-radius:8px;min-height:0}.detail-top{margin-bottom:18px}.detail-image{display:block;overflow:hidden;border-radius:4px;border:1px solid #ffffff15;background:#e9edef;margin-bottom:27px}.detail-image img{display:block;width:100%;height:auto}.project-detail h3{font-size:25px}.feature-list span{background:transparent;border:none;border-right:1px solid #344256;padding:0 10px 0 0;border-radius:0;font-family:inherit;font-size:11px}.feature-list span:last-child{border:0}.detail-notes{gap:25px}.project-detail .interaction-note{background:transparent;border:0;padding:0;margin-top:22px}.project-detail .interaction-note strong{display:block;margin-bottom:5px}.approach-tabs button[aria-selected=true]{background:#132033}.approach-section .section-heading h2{max-width:480px}#approach-panel h3{font-size:26px;line-height:1.3}.reading-progress{height:1px}
@media(max-width:900px){.project-explorer{grid-template-columns:240px minmax(0,1fr);gap:24px}.project-option{grid-template-columns:58px minmax(0,1fr)}.option-preview{width:58px;height:42px}}
@media(max-width:760px){.project-explorer{grid-template-columns:1fr}.project-option{grid-template-columns:76px minmax(0,1fr);min-width:245px}.option-preview{width:76px;height:54px}.project-detail{padding:20px}.rolodex-controls{flex-wrap:wrap}.rolodex-controls>span{flex-basis:auto}.detail-image{margin-bottom:22px}}
@media(prefers-reduced-motion:reduce){.detail-image img{transition:none}}
@media print{.option-preview,.detail-image{display:none}}
.project-option[hidden]{display:none!important}