:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#142426;background:#f3f5f1;font-synthesis:none;--ink:#142426;--muted:#5b6b68;--teal:#137d70;--bright:#2bd4bd;--line:#dce3dd;--paper:#fff;line-height:1.6;color-scheme:light}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:4px}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.15;letter-spacing:-.025em}h2{font-size:clamp(1.8rem,4vw,2.8rem)}h3{font-size:1.22rem}p{overflow-wrap:anywhere}button:active,.button:active{transform:scale(.98)}a:focus-visible,button:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid #167e72;outline-offset:5px}h2:focus,main:focus{outline:none}[hidden]{display:none!important}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;top:-80px;left:16px;z-index:100;background:white;padding:12px 20px}.skip-link:focus{top:12px}
.site-header{min-height:88px;padding:16px clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;gap:24px;background:#0b0f11;color:#effaf5}.brand{display:flex;align-items:baseline;gap:8px;text-decoration:none;font-size:1.1rem;font-weight:800;white-space:nowrap}.brand span{color:var(--bright)}.brand strong{font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:#b9c9c5}.site-header nav{display:flex;gap:4px;flex-wrap:wrap;border:1px solid #31423f;padding:4px;border-radius:999px;background:#17221f}.site-header nav a{text-decoration:none;min-height:44px;padding:9px 17px;border-radius:999px;font-size:.92rem;font-weight:650;color:#d4e3df}.site-header nav a:hover,.site-header nav a[aria-current=page]{background:var(--bright);color:#082924}.site-header a:focus-visible{outline-color:var(--bright)}.site-footer{display:flex;flex-wrap:wrap;gap:16px 28px;justify-content:flex-end;padding:30px clamp(20px,5vw,72px);border-top:1px solid var(--line);font-size:.8rem;color:var(--muted)}.site-footer span{margin-right:auto}.site-footer a{min-height:24px}
.page-section{scroll-margin-top:20px}.home-panel{padding:clamp(46px,7vw,100px) clamp(24px,7vw,100px);display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.85fr);gap:clamp(30px,6vw,90px);align-items:center;min-height:calc(100svh - 88px);color:#effbf8;background:radial-gradient(ellipse at 80% 15%,#163b36 0,transparent 55%),#0b0f11}.kicker{font-size:.74rem;font-weight:750;letter-spacing:.12em;color:var(--teal);text-transform:uppercase;margin-bottom:14px}.home-panel .kicker{color:#74decf}.home-copy h1{font-size:clamp(3rem,6.5vw,6rem);letter-spacing:-.04em;margin:0 0 28px;line-height:1.03}.home-copy h1 span{display:block;color:#b1c5c0;font-weight:600;font-size:clamp(1.3rem,2.6vw,2rem);letter-spacing:-.025em;margin-top:20px}.home-description{font-size:clamp(1.1rem,2vw,1.4rem);color:#d4e4df;max-width:31em;line-height:1.65}.home-school{color:#9fb9b1;font-size:.9rem}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.home-copy>.actions{margin:32px 0 46px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border:1px solid transparent;border-radius:999px;padding:10px 21px;font-size:.93rem;font-weight:650;text-decoration:none;line-height:1.4;transition:background 150ms,color 150ms,transform 100ms}.primary{background:var(--teal);color:white}.primary:hover{background:#0c675d}.secondary{border-color:#c9d8d1;background:#fff9;color:var(--ink)}.secondary:hover{background:#e5efea}.home-panel .primary,.explore-panel .primary{background:var(--bright);color:#072c26}.home-panel .secondary,.explore-panel .secondary{border-color:#608076;background:#16352ebb;color:#e4f2ed}.home-panel .secondary:hover,.explore-panel .secondary:hover{background:#275045}.text-link{font-size:.92rem;font-weight:650;color:var(--teal);padding:9px 2px}.home-panel .text-link,.explore-panel .text-link{color:#b8e3d9}.home-facts{display:flex;flex-wrap:wrap;gap:22px 34px;border-top:1px solid #294038;padding-top:22px}.home-facts p{margin:0}.home-facts strong,.home-facts span{display:block}.home-facts strong{font-size:1.2rem;font-weight:650}.home-facts span{font-size:.77rem;color:#a4bdb5;margin-top:4px}.explore-invitation{border-left:1px solid #476256;padding:30px 0 30px 32px}.explore-invitation h2{font-size:clamp(1.6rem,2.5vw,2.3rem);line-height:1.35;margin:20px 0}.explore-invitation p{color:#aec8bc;font-size:.94rem}.explore-invitation .button{margin-top:12px}
.reading-panel{max-width:1320px;margin:0 auto;padding:clamp(28px,5vw,64px) clamp(20px,4vw,54px);min-height:calc(100svh - 88px)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:32px}.section-heading h2{margin:0 0 16px}.section-heading p:last-child{color:var(--muted);margin-bottom:0}.project-tools{display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between}.filters{display:flex;flex-wrap:wrap;gap:7px}.filters button{border:1px solid var(--line);background:white;padding:10px 16px;border-radius:999px;min-height:44px;font-size:.86rem;color:var(--ink)}.filters button[aria-pressed=true]{background:#123c34;color:#e6fff5;border-color:#123c34}.search-label{flex:1;min-width:220px;max-width:310px}.search-label input{width:100%;min-height:46px;border:1px solid #bfcfc6;border-radius:13px;background:white;padding:10px 14px;font-size:.9rem;color:var(--ink)}.result-count{font-size:.82rem;color:var(--muted);margin:20px 0 14px}.resume-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.resume-project-card{padding:26px;border:1px solid var(--line);border-radius:22px;background:var(--paper);display:flex;flex-direction:column;min-width:0}.resume-project-index{font-size:.74rem;color:#657a6d;font-variant-numeric:tabular-nums;margin-bottom:22px}.resume-project-card h3{margin-bottom:12px}.resume-project-card>p,.resume-project-card li{font-size:.88rem;color:var(--muted);line-height:1.75}.resume-project-card>p{min-height:3.1em}.resume-project-card ul{padding-left:18px;margin:8px 0 22px}.resume-project-card li+li{margin-top:8px}.resume-project-footer{margin-top:auto;display:flex;flex-direction:column;gap:18px}.tags,.resume-project-tags{display:flex;gap:6px;flex-wrap:wrap}.tags span,.resume-project-tags span{font-size:.73rem;color:#356557;background:#eaf4ee;padding:4px 9px;border-radius:6px}.resume-project-link{font-weight:650;font-size:.86rem;color:var(--teal)}.empty-state{border:1px dashed #baccc0;padding:32px;border-radius:20px;color:var(--muted)}
.resume-hero{padding:clamp(28px,5vw,55px);border-radius:25px;color:#effbf8;background:linear-gradient(130deg,#12392f,#101d20);margin-bottom:24px}.resume-hero h3{font-size:clamp(2.5rem,5vw,4.8rem);margin-bottom:20px}.resume-hero p{color:#b9d9cd}.resume-hero .resume-role{font-size:1.2rem;color:#ebf7f0}.resume-hero .intro-statement{font-size:1.1rem;max-width:38em;margin-top:30px;margin-bottom:0}.about-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:20px}.surface{padding:clamp(24px,4vw,36px);background:white;border:1px solid var(--line);border-radius:22px}.surface p{color:var(--muted)}.surface .tags span{font-size:.86rem;padding:7px 11px}.timeline-list{list-style:none;padding:0;max-width:860px}.timeline-list li{display:grid;grid-template-columns:90px 1fr;gap:28px;padding:24px 0;border-top:1px solid var(--line)}.timeline-list time{font-size:1.4rem;font-weight:700;color:var(--teal)}.timeline-list p{margin:3px 0;color:var(--muted)}
.explore-panel{position:relative;height:calc(100svh - 88px);min-height:500px;color:#effaf5;background:#090d0f;overflow:hidden}.explore-panel canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.explore-toolbar{position:absolute;left:24px;top:20px;display:flex;flex-wrap:wrap;gap:8px}.scene-notice{position:absolute;inset:34% 24px auto;max-width:550px;margin:auto;text-align:center;background:#102924ee;border:1px solid #577367;padding:30px;border-radius:20px}.scene-notice h3{line-height:1.5}.scene-guide{position:absolute;left:clamp(20px,5vw,72px);bottom:24px;max-width:620px;width:calc(100% - 40px);padding:18px 22px;background:#071611df;border:1px solid #465f54;border-radius:18px;backdrop-filter:blur(16px)}.scene-guide .kicker{color:var(--bright);margin-bottom:6px}.scene-guide p{font-size:.88rem;margin-bottom:12px}.scene-guide .scene-hint{font-size:.73rem;color:#c0d6cb;margin:14px 0 0}.text-button{border:0;background:transparent;color:inherit;min-height:44px;padding:10px;font-size:.84rem}.scene-guide a:focus-visible,.scene-guide button:focus-visible{outline-color:#68f1db}.muted{color:var(--muted);font-size:.85rem}.document-shell{max-width:900px;padding:44px 28px 80px;margin:0 auto;min-height:70svh}.document-shell>h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.25;margin:24px 0}.document-shell .lead{font-size:1.15rem;color:var(--muted);margin-bottom:30px}.document-shell .surface{margin:24px 0}.document-shell article h2{font-size:1.65rem;margin-top:40px}.document-shell article h3{margin-top:28px}.document-shell article{line-height:1.9}.document-shell article img{display:block;max-width:100%;height:auto;border-radius:12px;margin:24px auto}.document-shell pre{background:#142b25;color:#e0f1e9;padding:20px;border-radius:12px;overflow:auto;max-width:100%;font-size:.86rem}.document-shell code{overflow-wrap:anywhere}.document-shell blockquote{border-left:3px solid var(--teal);margin-left:0;padding:4px 22px;color:var(--muted)}.document-shell table{display:block;border-collapse:collapse;max-width:100%;overflow:auto}.document-shell th,.document-shell td{border:1px solid var(--line);padding:9px 13px}.post-list{list-style:none;padding:0}.post-list li{padding:26px 0;border-top:1px solid var(--line)}.post-list h2{font-size:1.4rem;margin-bottom:12px}.post-list p{color:var(--muted);margin-bottom:12px}.post-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:.8rem;color:var(--muted);margin:14px 0 24px}.case-result{border-left:3px solid var(--teal);padding-left:20px}.case-preview{max-width:100%;height:auto;border:1px solid var(--line);border-radius:14px;margin-top:16px}.resume-print .resume-entry{break-inside:avoid;padding-bottom:14px;margin-bottom:16px;border-bottom:1px solid var(--line)}.resume-print h2{font-size:1.1rem;margin-bottom:8px}.resume-print li,.resume-print p{font-size:.86rem}.resume-print ul{padding-left:18px}
h1:focus{outline:none}
.scene-guide-header{display:flex;align-items:center;gap:10px;margin:-6px 0 8px -8px}.scene-guide-header .kicker{margin:0}.scene-guide-close{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:0 0 44px;padding:0;border:1px solid #59776c;border-radius:50%;background:#17372e;color:#e6f5ee;transition:background 150ms,transform 100ms}.scene-guide-close:hover{background:#2a5245}.scene-guide-close svg{pointer-events:none}
#export-fallback{margin-top:16px}#export-fallback details{margin:12px 0}#export-fallback textarea{display:block;width:100%;margin-top:12px;border:1px solid var(--line);border-radius:12px;padding:14px;font:12px/1.5 monospace;color:var(--ink);background:#f6f9f5}
.empty-state h2{font-size:1.4rem;margin-bottom:12px}.document-shell .empty-state{margin-top:24px;margin-bottom:14px}
@media(min-width:721px) and (max-width:1040px){.resume-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-panel{grid-template-columns:1.5fr 1fr;gap:30px}}
@media(max-width:720px){.site-header{padding:14px 18px;min-height:112px;gap:16px;align-items:flex-start}.brand{flex-direction:column;gap:0}.site-header nav{border-radius:18px;max-width:218px;gap:0;justify-content:flex-end}.site-header nav a{font-size:.85rem;padding:9px 13px}.home-panel{grid-template-columns:1fr;min-height:auto;padding:46px 24px 54px;gap:40px}.home-copy h1{font-size:3.2rem}.home-copy h1 span{font-size:1.4rem;line-height:1.4}.home-description{font-size:1.13rem}.home-copy>.actions{margin-bottom:30px}.home-facts{gap:18px}.home-facts strong{font-size:1rem}.home-facts span{font-size:.7rem}.explore-invitation{padding:22px 0 0;border-left:0;border-top:1px solid #476256}.explore-invitation h2{font-size:1.6rem;margin:12px 0}.explore-invitation h2 br{display:none}.reading-panel{padding:30px 20px;min-height:calc(100svh - 112px)}.section-heading{align-items:flex-start;flex-direction:column;gap:16px}.section-heading h2{font-size:2rem}.project-tools{align-items:stretch;flex-direction:column}.search-label{max-width:none}.filters{gap:6px}.filters button{padding:10px 13px}.resume-project-grid{grid-template-columns:1fr}.resume-project-card{padding:24px}.resume-project-card>p{min-height:0}.about-grid{grid-template-columns:1fr}.timeline-list li{grid-template-columns:62px 1fr;gap:18px}.explore-panel{height:calc(100svh - 112px);min-height:500px}.explore-toolbar{left:16px;top:16px;right:16px}.explore-toolbar .button{font-size:.77rem;padding:8px 13px;min-height:44px}.scene-guide{left:16px;bottom:16px;width:calc(100% - 32px);padding:16px}.scene-guide .actions{gap:6px}.scene-guide .button{padding:9px 15px;font-size:.82rem}.scene-guide .text-button{padding:8px 6px}.site-footer{padding:24px 20px;gap:12px 22px;justify-content:flex-start}.site-footer span{width:100%}.document-shell{padding:32px 20px 55px}.document-shell>h1{font-size:2rem;overflow-wrap:anywhere}}
@media(max-width:720px){.site-header nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:196px}.site-header nav a{text-align:center}.explore-panel{height:calc(100svh - 126px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.button:active,button:active{transform:none}}
@media(prefers-reduced-transparency:reduce){.scene-guide{background:#102820;backdrop-filter:none}.secondary{background:#fff}}
@media(prefers-contrast:more){:root{--muted:#324c41;--line:#748c7e}.surface,.resume-project-card{border-width:2px}.scene-guide{background:#06150f;backdrop-filter:none}}
@media print{.site-header,.site-footer,.skip-link,.print-actions{display:none!important}body{background:white;color:black}.document-shell{padding:0;max-width:none}.document-shell>h1{font-size:24pt}a{color:inherit;text-decoration:none}.resume-print .resume-entry{margin:0 0 10px;padding-bottom:8px}.resume-print li,.resume-print p{font-size:9pt;line-height:1.5}h2,h3{break-after:avoid}@page{size:A4;margin:16mm}}