@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Newsreader:ital,opsz,wght@0,6..72,500;1,6..72,500&display=swap');
:root{--bg:#111315;--surface:#191c1e;--line:#383c3d;--text:#f0eee7;--muted:#adb0aa;--warm:#e8c18b;--lime:#c5dc9e;--mono:'DM Mono',monospace;--serif:Newsreader,Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--text);background:var(--bg);font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--warm);outline-offset:5px}.skip{position:absolute;top:-80px;left:15px;background:var(--warm);color:#111;padding:12px;z-index:50}.skip:focus{top:10px}.progress{position:fixed;z-index:20;top:0;left:0;width:100%;height:2px;background:var(--warm);transform-origin:left}.wrap{max-width:1360px;margin:auto;padding-inline:6%}.header{height:80px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff18;position:sticky;top:0;z-index:10;background:#111315ed;backdrop-filter:blur(16px)}.identity{display:flex;align-items:center;gap:12px;font:500 10px var(--mono);letter-spacing:.06em}.identity small{display:block;color:#9c9f98;font:9px var(--mono);margin-top:5px}.identity-mark{display:grid;place-items:center;width:36px;height:36px;border:1px solid #888d78;border-radius:50%;font:500 21px var(--serif);color:var(--lime)}.identity-mark span{color:var(--warm)}.header nav{display:flex;gap:34px;color:#b4b5ae;font-size:12px}.header nav a:hover,.inline-link:hover{color:var(--warm)}.header-link{border:1px solid #565c57;padding:11px 15px;font-size:11px}.header-link span{margin-left:20px;color:var(--warm)}.hero{min-height:720px;display:grid;grid-template-columns:1.1fr .65fr;column-gap:10%;align-items:center;padding-top:90px}.label,.section-index,.note-head,.note-copy>span,.note-bottom,.hero-meta,.hero-bottom,.work-note,.detail-top,.detail-section>span,.privacy-note,.project-list small,.skills-foot,.company p,.timeline time,.education>span,.experiment-grid span,.experiment-grid small,.footer{font:10px var(--mono);letter-spacing:.1em}.label{color:var(--lime)}.accent-dot,.hero-meta i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);margin-right:8px;box-shadow:0 0 15px #a6d17b}.hero h1,h2{font-weight:500;letter-spacing:-.055em;margin:0}.hero h1{font-size:clamp(56px,6.7vw,92px);line-height:1.02;margin-top:32px}.hero h1 span{color:var(--warm)}h1 em,h2 em{font:italic 500 1.05em var(--serif);letter-spacing:-.045em;color:#c9c6b8}.intro{font-size:16px;line-height:1.85;color:#b9bdb7;max-width:530px;margin:28px 0 0}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:30px}.primary{background:var(--lime);color:#1e261c;padding:16px 18px;font-size:12px;font-weight:800;display:inline-flex;gap:45px;justify-content:space-between;transition:transform .2s,background .2s}.primary:hover{transform:translateY(-3px);background:#d7eeb1}.plain-link{font-size:12px;font-weight:700}.hero-meta{display:flex;gap:22px;color:#9c9f96;margin-top:58px}.hero-meta i{width:6px;height:6px}.hero-side{border:1px solid #4a4a41;background:#1b1d1b;min-height:440px;padding:23px;display:flex;flex-direction:column;position:relative;overflow:hidden}.hero-side:before{content:'';position:absolute;width:260px;height:260px;border:1px solid #a7b89425;border-radius:50%;right:-80px;top:55px;box-shadow:0 0 0 35px #a7b89408,0 0 0 70px #a7b89408}.note-head,.note-bottom{display:flex;justify-content:space-between;color:#a3aa98}.note-head span:last-child{color:var(--lime)}.portrait-type{position:relative;flex:1;display:flex;align-items:center;gap:15px}.portrait-type>span{font:500 180px/.8 var(--serif);color:#c3d4a8}.portrait-type small{font:9px/1.7 var(--mono);color:#99a38c;border-left:1px solid #78856d;padding-left:14px}.note-copy>span{color:#a0a697}.note-copy p{font:500 19px/1.45 var(--serif);color:#e4e1d5}.note-bottom{border-top:1px solid #4a4e43;padding-top:18px;margin-top:18px;font-size:9px}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:22px 0;color:#989c94;align-self:end}.section{padding-top:120px;padding-bottom:120px}.section-index{display:flex;justify-content:space-between;color:#a5a99c;border-top:1px solid var(--line);padding-top:20px;margin-bottom:60px}.section-index span:last-child{color:#80857d}.story-grid,.background-grid{display:grid;grid-template-columns:1fr 1fr;gap:14%}h2{font-size:clamp(38px,4.7vw,64px);line-height:1.09}h2>span{color:var(--warm)}.section-aside,.story-copy p,.section-heading p,.background-grid>div>p{color:#b2b6ad;font-size:15px;line-height:1.85}.section-aside{max-width:350px;margin-top:28px}.story-copy p:first-child{margin-top:0}.story-copy p{margin:0 0 20px}.inline-link{display:inline-block;color:var(--lime);font-size:12px;font-weight:700;margin-top:12px}.inline-link span{margin-left:20px}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:55px}.section-heading p{max-width:510px;margin:22px 0 0}.work-note{text-align:right;color:#9fa598;line-height:1.8}.work-note strong{color:#d1d4c7;font-weight:400}.project-layout{display:grid;grid-template-columns:.8fr 1.2fr;border:1px solid #434744;background:#171a1b}.project-list{border-right:1px solid #434744}.project-list button{width:100%;display:grid;grid-template-columns:42px 1fr 20px;gap:10px;text-align:left;align-items:center;padding:22px;border:0;border-bottom:1px solid #353a38;background:transparent;color:#c5c7be;cursor:pointer;transition:background .2s,color .2s}.project-list button:last-child{border-bottom:0}.project-list button[aria-selected=true]{background:#282d28;color:#f5f3e9;box-shadow:inset 3px 0 var(--lime)}.project-list button:hover{background:#252a26}.project-number{font:10px var(--mono);color:#919a89}.project-list strong,.project-list small{display:block}.project-list strong{font-size:13px}.project-list small{font-size:9px;color:#9b9f93;margin-top:7px}.project-list i{font-style:normal;color:var(--lime)}.project-detail{padding:38px 44px;min-height:580px}.detail-top{display:flex;justify-content:space-between;align-items:center;color:#bfcbae}.status{border:1px solid #5a7052;padding:7px;color:#c3dcb1;font-size:9px}.project-detail h3{font-size:clamp(26px,3vw,39px);line-height:1.15;letter-spacing:-.04em;margin:42px 0 13px}.detail-lead{font:italic 22px var(--serif);color:#cac7b9;margin:0}.detail-rule{height:1px;background:#454a45;margin:28px 0}.detail-section{display:grid;grid-template-columns:130px 1fr;gap:18px;margin:0 0 24px}.detail-section>span{color:#a6b79a}.detail-section p{font-size:13px;line-height:1.8;color:#c1c4ba;margin:0}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:30px}.tags span{border:1px solid #50594d;padding:7px 9px;font:9px var(--mono);color:#becdb2}.privacy-note{color:#8d9388;line-height:1.7;margin-top:22px;font-size:9px}.change{animation:swap .3s ease}.skills{background:#1c211d}.skills .section-index{border-color:#4d574d}.skill-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #525d50;border-bottom:1px solid #525d50}.skill-grid article{padding:30px 24px 35px 0;border-right:1px solid #525d50}.skill-grid article+article{padding-left:24px}.skill-grid article:last-child{border:0}.skill-grid article>span{font:10px var(--mono);color:#b6c9a6}.skill-grid h3{font-size:17px;margin:42px 0 15px}.skill-grid p{font-size:13px;color:#afb8a9;line-height:1.7;min-height:90px}.skill-list{font:11px/2 var(--mono);color:#d2d8c9}.skill-list b{color:#7f9575}.skills-foot{margin-top:25px;color:#aab7a4;line-height:1.6}.timeline{border-top:1px solid var(--line)}.company{display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--line);padding:25px 0}.company-icon{width:47px;height:47px;display:grid;place-items:center;background:#e8c18b;color:#26231f;font-weight:800;border-radius:50%}.company h3{margin:0;font-size:20px}.company p{color:#a6ab9f;margin:7px 0 0}.company>span{margin-left:auto;font:10px var(--mono);color:#a6ab9f}.timeline-row{display:grid;grid-template-columns:240px 1fr;gap:40px;padding:26px 0;border-bottom:1px solid var(--line)}.timeline time{color:#a3ad9c}.timeline h4{font-size:17px;margin:0 0 10px}.timeline-row p{margin:0;color:#b0b4ab;font-size:13px;line-height:1.75}.background{padding-top:0}.background-grid>div>p{max-width:370px}.education{border-bottom:1px solid var(--line);padding:0 0 25px;margin-bottom:25px}.education>span{display:block;color:#b7c7a8;margin-bottom:15px}.education h3{font-size:17px;margin:0 0 8px}.education p{font-size:13px;line-height:1.8;color:#b0b4aa;margin:0}.awards{border:0}.experiment-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.experiment-grid>a{border:1px solid #48504a;padding:30px;transition:background .2s,transform .2s}.experiment-grid>a:hover{background:#222722;transform:translateY(-4px)}.experiment-grid a>div{display:flex;justify-content:space-between;color:#b5c9a8}.experiment-grid b{font-size:17px}.experiment-grid h3{font-size:21px;margin:44px 0 12px}.experiment-grid p{color:#b4b9af;font-size:13px;line-height:1.7;min-height:48px}.experiment-grid small{display:block;color:#9ba591;margin-top:24px;line-height:1.6}.contact{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:end}.contact h2{margin-top:25px}.contact p:not(.label){color:#b1b5ac;font-size:14px;line-height:1.8;max-width:480px}.contact-links a{display:flex;justify-content:space-between;gap:15px;padding:20px 0;border-bottom:1px solid #4c514a;font-size:13px;overflow-wrap:anywhere}.contact-links span{color:var(--warm)}.footer{border-top:1px solid var(--line);padding-top:28px;padding-bottom:28px;display:flex;justify-content:space-between;color:#a0a79a}.animate .section,.animate .hero-main,.animate .hero-side{opacity:0;transform:translateY(24px);transition:opacity .65s,transform .65s}.animate .seen{opacity:1!important;transform:none!important}@keyframes swap{from{opacity:.4;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:800px){.header{height:68px}.header nav{display:none}.identity small{display:none}.hero{min-height:0;grid-template-columns:1fr;gap:50px;padding-top:65px}.hero h1{font-size:clamp(48px,10vw,70px)}.hero-meta{flex-wrap:wrap;margin-top:38px}.hero-side{min-height:350px}.portrait-type>span{font-size:140px}.hero-bottom{margin-top:15px}.section{padding-top:78px;padding-bottom:78px}.section-index{margin-bottom:40px}.section-index span:last-child{display:none}.story-grid,.background-grid,.contact{grid-template-columns:1fr;gap:35px}.section-heading{display:block}.work-note{text-align:left;margin-top:20px}.project-layout{grid-template-columns:1fr}.project-list{border-right:0;border-bottom:1px solid #434744}.project-list button{padding:15px}.project-detail{padding:28px 22px;min-height:0}.project-detail h3{margin-top:28px}.detail-section{grid-template-columns:1fr;gap:9px}.skill-grid{grid-template-columns:1fr 1fr}.skill-grid article,.skill-grid article+article{padding:22px 15px;border-right:1px solid #525d50;border-bottom:1px solid #525d50}.skill-grid article:nth-child(even){border-right:0}.skill-grid article:nth-child(n+3){border-bottom:0}.skill-grid h3{margin-top:25px}.skill-grid p{min-height:0}.timeline-row{grid-template-columns:1fr;gap:12px}.company>span{display:none}.background{padding-top:0}.experiment-grid{grid-template-columns:1fr}.contact-links{margin-top:10px}.footer span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.animate .section,.animate .hero-main,.animate .hero-side{opacity:1;transform:none;transition:none}.change{animation:none}.primary,.experiment-grid>a{transition:none}.progress{display:none}}