:root{
  --ink:#0a1118;--muted:#53606a;--blue:#2fa2cc;--blue2:#0b71ff;--yellow:#f7c21a;--paper:#fff;--soft:#f5f6f4;--line:#dce2e5;--max:1240px;--ease:cubic-bezier(.22,.75,.2,1)
}
/* Keep the original portfolio usable inside a narrow project frame. */
.era>*,.intro-grid>*,.software-layout>*,.project-row>*,.bottom-grid>*{min-width:0;overflow-wrap:anywhere}
@media(max-width:640px){.hero h1 span{display:block;line-height:.95}.era-year{font-size:clamp(48px,15vw,80px)!important}.bottom-grid{width:100%}.hero-camera{margin-inline:0}}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:#fff}body{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:18px;line-height:1.6;background:#fff;overflow-x:hidden}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:4px}a:hover{color:var(--blue2)}img,video{display:block;max-width:100%}.scroll-progress{position:fixed;z-index:200;top:0;left:0;right:0;height:4px;background:rgba(10,17,24,.08)}.scroll-progress span{height:100%;display:block;width:0;background:linear-gradient(90deg,var(--yellow) 0 50%,var(--blue) 50% 100%)}
.nav{position:sticky;z-index:120;top:0;height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100vw - var(--max))/2));background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(10,17,24,.1)}.nav-brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:850;font-size:14px}.nav-brand span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1px solid #bfc8ce;font-size:11px}.nav nav{display:flex;align-items:center;gap:24px}.nav nav a{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.14em;text-decoration:none}.nav .download{padding:9px 14px;border:1px solid var(--ink);border-radius:999px}
.hero{min-height:calc(100vh - 68px);position:relative;display:grid;place-items:center;overflow:hidden}.hero-half{position:absolute;top:0;bottom:0;width:50%}.hero-yellow{left:0;background:var(--yellow)}.hero-blue{right:0;background:var(--blue)}.hero:after{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:rgba(255,255,255,.45)}.hero-copy{position:relative;z-index:3;text-align:center;width:min(1020px,90vw);padding:40px 20px 180px}.eyebrow,.kicker{font-size:11px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.hero .eyebrow{margin:0 0 22px;color:rgba(10,17,24,.78)}.hero h1{margin:0;font-size:clamp(76px,12.5vw,190px);line-height:.72;letter-spacing:-.075em;font-weight:950;text-transform:uppercase}.hero h1 span:first-child{color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.03)}.hero h1 span:last-child{color:var(--ink)}.hero-name{margin:28px 0 0;font-size:clamp(22px,3vw,42px);font-weight:850;letter-spacing:-.03em}.hero-sub{max-width:760px;margin:12px auto 0;font-size:18px;font-weight:650}.hero-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:28px}.hero-actions a{background:#fff;text-decoration:none;padding:12px 18px;border-radius:999px;font-size:12px;font-weight:850;box-shadow:0 10px 26px rgba(0,0,0,.08)}.hero-camera{position:absolute;z-index:4;left:50%;bottom:20px;width:min(330px,38vw);transform:translateX(-50%);background:#fff;border:8px solid #fff;box-shadow:0 28px 60px rgba(0,0,0,.18)}.hero-camera img{width:100%}.hero-scroll{position:absolute;z-index:5;bottom:18px;left:24px;font-size:10px;font-weight:850;letter-spacing:.18em;writing-mode:vertical-rl}
.content-panel{width:min(var(--max),calc(100vw - 44px));margin:0 auto;padding:96px 0;position:relative}.portfolio-intro{padding-top:120px}.intro-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:90px;align-items:start}.intro-grid h2,.section-heading h2{font-size:clamp(42px,5.5vw,76px);line-height:.95;letter-spacing:-.055em;margin:16px 0 24px;max-width:1000px}.lead-text{font-size:21px;line-height:1.65;max-width:920px;color:#27333b}.intro-meta{border-left:4px solid var(--blue);padding-left:26px}.intro-meta p{margin:0 0 20px}.intro-meta b{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:3px}.intro-meta span,.intro-meta a{font-size:17px}
.portfolio-section{border-top:1px solid var(--line)}.portfolio-section:before{content:"";position:absolute;top:0;left:0;width:110px;height:7px;background:var(--blue)}.portfolio-section.accent-yellow:before{background:var(--yellow)}.section-number{position:absolute;right:0;top:72px;font-size:clamp(84px,14vw,190px);font-weight:950;line-height:.75;color:transparent;-webkit-text-stroke:1px rgba(10,17,24,.13);pointer-events:none}.section-heading{position:relative;z-index:1;margin-bottom:52px}.section-heading .kicker,.kicker{color:var(--blue2)}.accent-yellow .section-heading .kicker{color:#a37400}.software-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:70px;align-items:start}.software-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 52px}.software-columns div{display:flex;flex-direction:column}.software-columns b{font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px}.software-columns span{font-size:19px;line-height:1.45}.software-visual{background:linear-gradient(145deg,#f3f7f8,#fff);padding:30px;border:1px solid var(--line)}.software-collage{width:100%;border:3px solid var(--ink)}.two-col-text{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:52px}.two-col-text h3,.subhead{font-size:28px;line-height:1.15;margin:0 0 12px}.two-col-text p{font-size:18px;color:#2c3940}.skills-text{padding-top:42px;border-top:1px solid var(--line)}
.pdf-image-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:38px 0}.pdf-image-grid img{width:100%;border:1px solid var(--line);box-shadow:0 12px 30px rgba(10,17,24,.05)}.link-list{display:grid;grid-template-columns:repeat(2,1fr);gap:7px 36px;margin:24px 0 36px}.link-list span{font-size:17px;border-bottom:1px solid #dbe1e5;padding:7px 0}.thumb-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.thumb-grid img,.project-thumbs img{border:1px solid var(--line);cursor:zoom-in;background:#fff;transition:transform .35s var(--ease),box-shadow .35s}.thumb-grid img:hover,.project-thumbs img:hover{transform:translateY(-5px) scale(1.01);box-shadow:0 18px 42px rgba(10,17,24,.13)}
.project-row{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:54px 0;border-top:1px solid var(--line);align-items:start}.project-row h3{font-size:32px;letter-spacing:-.025em;line-height:1.05;margin:0 0 14px}.project-row p{font-size:18px;color:#27343c;margin:0}.project-thumbs{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.project-thumbs.wide{grid-template-columns:repeat(5,1fr);margin-top:30px}.project-thumbs img{width:100%;aspect-ratio:1.28/1;object-fit:cover}.text-link{display:inline-block;margin-top:16px;font-weight:800}.spaced{margin-top:74px!important}.photo-masonry{columns:2;column-gap:14px;margin-top:28px}.photo-masonry img{width:100%;margin:0 0 14px;break-inside:avoid;cursor:zoom-in}.audio-grid{display:grid;grid-template-columns:1.25fr 1.25fr .5fr;gap:18px;align-items:center;margin-top:30px}.audio-grid img{width:100%}
.cv-intro{min-height:80vh;display:grid;align-items:center;position:relative;overflow:hidden;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.cv-accent{position:absolute;top:0;bottom:0;width:14vw;max-width:220px}.cv-accent.blue{right:0;background:var(--blue)}.cv-accent.yellow{left:0;background:var(--yellow)}.cv-intro-inner{width:min(var(--max),calc(100vw - 120px));margin:auto;position:relative;z-index:2;padding:90px 0}.cv-intro h2{font-size:clamp(86px,15vw,220px);line-height:.66;letter-spacing:-.085em;margin:18px 0 44px}.cv-intro h2 span{color:transparent;-webkit-text-stroke:1.5px var(--ink)}.cv-intro p:last-child{font-size:24px;max-width:820px;font-weight:650}
.timeline{width:min(var(--max),calc(100vw - 44px));margin:auto}.era{display:grid;grid-template-columns:250px 1fr;gap:64px;padding:100px 0;border-bottom:1px solid var(--line);position:relative}.era:before{content:"";position:absolute;left:0;top:0;width:72px;height:5px;background:var(--blue)}.era:nth-child(even):before{background:var(--yellow)}.era-year-wrap{position:sticky;top:100px;align-self:start}.era-year{line-height:.72;letter-spacing:-.08em;font-weight:950;color:transparent;-webkit-text-stroke:1.3px var(--blue);transition:transform .35s var(--ease),-webkit-text-stroke-color .35s}.era:nth-child(even) .era-year{-webkit-text-stroke-color:#c99a00}.era-range{font-size:11px;font-weight:850;letter-spacing:.15em;margin-top:22px;text-transform:uppercase;color:#5c6871}.era-label{font-size:11px;font-weight:900;letter-spacing:.17em;color:var(--blue2);text-transform:uppercase;margin-bottom:16px}.era:nth-child(even) .era-label{color:#9b7000}.era h3{font-size:clamp(42px,5.6vw,78px);letter-spacing:-.055em;line-height:.93;margin:0 0 28px}.era-summary{font-size:21px;line-height:1.65;color:#26333b;max-width:930px}.era-points{columns:2;column-gap:52px;margin:38px 0 0;padding:0;list-style:none}.era-points li{break-inside:avoid;padding:0 0 17px 20px;position:relative;color:#1f2b32;font-size:16px}.era-points li:before{content:"";position:absolute;left:0;top:.72em;width:7px;height:7px;border-radius:50%;background:var(--blue)}.era:nth-child(even) .era-points li:before{background:var(--yellow)}.skills{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.skill{border:1px solid #cbd5da;padding:7px 10px;font-size:12px;font-weight:750;background:#fff}.project-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:36px}.cv-card{border:1px solid var(--line);background:#fff;padding:24px;min-height:190px;text-decoration:none;transition:transform .35s var(--ease),box-shadow .35s,border-color .35s}.cv-card:hover{transform:translateY(-5px);box-shadow:0 18px 42px rgba(10,17,24,.1);border-color:#aebbc3}.cv-card small{font-size:10px;font-weight:900;letter-spacing:.12em;color:var(--blue2)}.era:nth-child(even) .cv-card small{color:#936900}.cv-card h4{font-size:21px;line-height:1.1;margin:18px 0 10px}.cv-card p{font-size:15px;color:#4a5962;margin:0}.era-media{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:30px}.era-media img,.era-media video{width:100%;aspect-ratio:4/3;object-fit:cover;border:1px solid var(--line);cursor:zoom-in;background:#fff}
.bottom-section{padding:110px 22px;background:var(--soft);border-top:1px solid var(--line)}.bottom-grid{width:min(var(--max),calc(100vw - 44px));margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:84px}.education-item,.talk-item{border-top:1px solid #cdd5d9;padding:22px 0;display:grid;grid-template-columns:120px 1fr;gap:20px}.education-item .years,.talk-item .years{font-size:11px;font-weight:850;color:#64717a}.education-item strong,.talk-item strong{font-size:18px}.education-item span{display:block;color:#55636c;font-size:15px;margin-top:5px}.contact{padding:100px 22px;background:linear-gradient(90deg,var(--yellow) 0 15%,#fff 15% 85%,var(--blue) 85% 100%)}.contact>*{width:min(var(--max),calc(100vw - 90px));margin-left:auto;margin-right:auto}.big-email{display:block;font-size:clamp(34px,6.2vw,88px);font-weight:950;letter-spacing:-.055em;color:var(--ink);text-decoration:none}.contact-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:38px!important}.contact-links a{padding:10px 14px;background:#fff;border:1px solid var(--ink);border-radius:999px;font-size:12px;font-weight:850;text-decoration:none}
[data-speed]{will-change:transform}.reveal{opacity:0;transform:translateY(26px);transition:opacity .72s var(--ease),transform .72s var(--ease)}.reveal.in{opacity:1;transform:none}#viewer{width:min(94vw,1400px);max-height:92vh;padding:0;border:0;background:#fff;box-shadow:0 40px 100px rgba(0,0,0,.35)}#viewer::backdrop{background:rgba(3,8,12,.76)}#viewerBody img,#viewerBody video{width:100%;max-height:90vh;object-fit:contain}#viewerClose{position:absolute;right:12px;top:12px;z-index:2;border:0;width:44px;height:44px;border-radius:50%;background:#111;color:#fff;font-size:26px;cursor:pointer}
@media(max-width:950px){body{font-size:17px}.nav nav a:not(.download){display:none}.hero-copy{padding-bottom:160px}.intro-grid,.software-layout,.project-row,.bottom-grid{grid-template-columns:1fr;gap:34px}.section-number{top:86px}.software-collage{max-width:340px}.era{grid-template-columns:1fr;gap:24px}.era-year-wrap{position:relative;top:auto}.era-points{columns:1}.project-cards{grid-template-columns:1fr 1fr}.era-media{grid-template-columns:repeat(2,1fr)}.project-thumbs.wide{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){body{font-size:16px}.nav{height:58px;padding:0 14px}.hero{min-height:760px}.hero-copy{padding:50px 14px 220px}.hero h1{font-size:23vw}.hero-camera{width:240px;bottom:42px}.hero-sub{font-size:16px}.content-panel,.timeline{width:calc(100vw - 28px)}.content-panel{padding:74px 0}.portfolio-intro{padding-top:85px}.intro-grid h2,.section-heading h2{font-size:44px}.section-number{font-size:100px;right:-5px}.software-columns,.two-col-text,.pdf-image-grid,.link-list{grid-template-columns:1fr}.thumb-grid{grid-template-columns:repeat(2,1fr)}.project-row h3{font-size:28px}.project-thumbs.wide{grid-template-columns:repeat(2,1fr)}.photo-masonry{columns:1}.audio-grid{grid-template-columns:1fr}.cv-intro{min-height:650px}.cv-intro-inner{width:calc(100vw - 72px)}.cv-intro h2{font-size:26vw}.cv-intro p:last-child{font-size:19px}.cv-accent{width:22px}.era{padding:78px 0}.era h3{font-size:42px}.era-summary{font-size:18px}.project-cards{grid-template-columns:1fr}.contact{background:linear-gradient(90deg,var(--yellow) 0 8px,#fff 8px calc(100% - 8px),var(--blue) calc(100% - 8px))}.contact>*{width:calc(100vw - 44px)}.big-email{font-size:10vw;word-break:break-word}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important}[data-speed]{transform:none!important}}