:root{--bg:#0b0d0c;--bg-rgb:11, 13, 12;--panel:#121512;--panel-2:#171a17;--ink:#eeeee6;--muted:#92978f;--line:#eeeee629;--line-strong:#eeeee657;--accent:#d7ff43;--accent-ink:#10120c;--display:"Manrope", Arial, sans-serif;--mono:"DM Mono", Consolas, monospace;--scroll:0;--pointer-x:50vw;--pointer-y:50vh;color:var(--ink);font-family:var(--display);font-synthesis:none;text-rendering:optimizelegibility;scroll-behavior:smooth}body[data-theme=paper]{--bg:#e9e6dc;--bg-rgb:233, 230, 220;--panel:#dedbd1;--panel-2:#d5d1c6;--ink:#151714;--muted:#62655e;--line:#1517142e;--line-strong:#15171466;--accent:#ff5738;--accent-ink:#15100e}*{box-sizing:border-box}html{background:var(--bg);scroll-padding-top:90px}body{background:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px), var(--bg);min-width:320px;color:var(--ink);background-size:100% 88px,calc(8.33333vw - 6.66667px) 100%;margin:0;transition:background-color .4s,color .4s;overflow-x:hidden}body:before{z-index:20;pointer-events:none;content:"";opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");position:fixed;inset:0}button,a{color:inherit}button{font:inherit}a{text-decoration:none}::selection{background:var(--accent);color:var(--accent-ink)}.scroll-meter{z-index:100;width:calc(var(--scroll) * 100%);background:var(--accent);transform-origin:0;height:3px;position:fixed;top:0;left:0}.pointer-glow{z-index:-1;pointer-events:none;background:radial-gradient(520px circle at var(--pointer-x) var(--pointer-y), color-mix(in srgb, var(--accent) 8%, transparent), transparent 68%);position:fixed;inset:0}.site-header{z-index:50;border-bottom:1px solid var(--line);background:rgba(var(--bg-rgb), .84);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);grid-template-columns:1fr auto 1fr;align-items:center;height:72px;padding:0 40px;display:grid;position:sticky;top:0}.monogram{width:fit-content;font-family:var(--mono);letter-spacing:-.08em;align-items:baseline;font-size:20px;font-weight:500;display:flex}.monogram-index{color:var(--muted);letter-spacing:.04em;margin-left:12px;font-size:9px}.site-header nav{font-family:var(--mono);text-transform:uppercase;gap:34px;font-size:11px;display:flex}.site-header nav a,.social-links a,.site-footer a{position:relative}.site-header nav a:after,.social-links a:after,.site-footer a:after{content:"";transform-origin:100%;background:currentColor;width:100%;height:1px;transition:transform .25s;position:absolute;bottom:-6px;left:0;transform:scaleX(0)}.site-header nav a:hover:after,.social-links a:hover:after,.site-footer a:hover:after{transform-origin:0;transform:scaleX(1)}.header-actions{justify-content:flex-end;align-items:center;gap:9px;display:flex}.icon-button{border:1px solid var(--line-strong);cursor:pointer;background:0 0;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s,color .2s,transform .2s;display:inline-flex}.icon-button:hover{background:var(--accent);color:var(--accent-ink);transform:rotate(-8deg)}main,.site-footer{width:min(100%,1600px);margin:0 auto}.hero{min-height:calc(100svh - 72px);padding:50px 40px 0}.hero-grid{grid-template-columns:minmax(0,1.52fr) minmax(300px,.48fr);min-height:calc(100svh - 210px);display:grid}.hero-copy{flex-direction:column;justify-content:space-between;min-width:0;padding:22px 46px 45px 0;display:flex}.eyebrow{color:var(--muted);font-family:var(--mono);letter-spacing:.11em;text-transform:uppercase;margin:0;font-size:10px;font-weight:500;line-height:1.4}.hero-eyebrow{align-items:center;gap:10px;animation:.6s .2s both enter-up;display:flex}.status-dot{background:var(--accent);border-radius:50%;width:7px;height:7px;position:relative}.status-dot:after{border:1px solid var(--accent);border-radius:inherit;content:"";animation:2.2s infinite pulse;position:absolute;inset:-5px}.hero h1{letter-spacing:-.07em;text-wrap:balance;max-width:1030px;margin:8vh 0 6vh;font-size:clamp(59px,8.4vw,148px);font-weight:600;line-height:.92}.hero h1>span{display:block}.hero h1,.hero h1>span{animation:.95s cubic-bezier(.2,.8,.2,1) both title-enter}.hero h1>span:first-child{animation-delay:80ms}.hero h1>span:last-child{animation-delay:.16s}.outline-word{color:#0000;-webkit-text-stroke:1.5px var(--ink)}.hero-bottom{justify-content:space-between;align-items:flex-end;gap:30px;display:flex}.hero-intro{max-width:570px;color:var(--muted);margin:0;font-size:clamp(15px,1.2vw,20px);line-height:1.65}.round-link{border:1px solid var(--line-strong);width:88px;height:88px;font-family:var(--mono);text-transform:uppercase;border-radius:50%;flex-direction:column;flex:0 0 88px;justify-content:center;align-items:center;gap:7px;font-size:9px;transition:background .25s,border-color .25s,color .25s;display:flex}.round-link svg{transition:transform .25s}.round-link:hover{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.round-link:hover svg{transform:translateY(5px)}.portrait-block{flex-direction:column;align-self:center;margin:0;animation:.9s .3s both enter-left;display:flex}.portrait-frame{aspect-ratio:.78;background:var(--panel);position:relative;overflow:hidden}.portrait-frame:after{content:"";background:linear-gradient(#0000 52%,#000000b3);position:absolute;inset:0}.portrait-frame img{object-fit:cover;object-position:50% 52%;filter:grayscale()contrast(1.08);width:100%;height:100%;transition:filter .6s,transform .9s cubic-bezier(.2,.8,.2,1);transform:scale(1.015)}.portrait-frame:hover img{filter:grayscale(.15)contrast(1.02);transform:scale(1.055)}.portrait-scan{z-index:2;background:var(--accent);height:2px;box-shadow:0 0 18px var(--accent);opacity:.65;animation:5s linear infinite scan;position:absolute;top:-2px;left:0;right:0}.portrait-code{z-index:3;background:var(--accent);color:var(--accent-ink);font-family:var(--mono);letter-spacing:.1em;padding:5px 7px;font-size:8px;position:absolute;bottom:14px;right:14px}.portrait-block figcaption{color:var(--muted);font-family:var(--mono);text-transform:uppercase;justify-content:space-between;padding:11px 0 0;font-size:9px;display:flex}.signal-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:150px 1fr;align-items:center;height:74px;display:grid;overflow:hidden}.signal-label{border-right:1px solid var(--line);color:var(--accent);font-family:var(--mono);text-transform:uppercase;align-self:stretch;align-items:center;padding-left:15px;font-size:9px;display:flex}.signal-track{min-width:900px;font-family:var(--mono);text-transform:uppercase;justify-content:space-around;gap:50px;padding:0 40px;font-size:10px;display:flex}.signal-track span{white-space:nowrap;align-items:center;display:flex}.signal-track span:before{background:var(--accent);content:"";width:4px;height:4px;margin-right:13px;transform:rotate(45deg)}.work-section,.score-section,.education-section{padding:150px 40px}.section-heading{grid-template-columns:1.2fr .8fr;align-items:end;gap:80px;margin-bottom:90px;display:grid}.section-heading h2,.sticky-title h2,.education-section h2{letter-spacing:-.065em;margin:22px 0 0;font-size:clamp(47px,6.7vw,106px);font-weight:500;line-height:.92}.section-note{max-width:520px;color:var(--muted);margin:0 0 8px auto;font-size:15px;line-height:1.7}.filter-row{flex-wrap:wrap;gap:7px;margin-bottom:28px;display:flex}.filter-row button{border:1px solid var(--line);background:var(--bg);color:var(--muted);font-family:var(--mono);text-transform:uppercase;cursor:pointer;align-items:center;gap:22px;padding:10px 12px;font-size:9px;transition:background .18s,border-color .18s,color .18s;display:flex}.filter-row button span{opacity:.55}.filter-row button:hover,.filter-row button.active{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.project-grid{border-top:1px solid var(--line-strong);border-left:1px solid var(--line-strong);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.project-card{border:0;border-right:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);background:rgba(var(--bg-rgb), .82);min-height:530px;color:var(--ink);text-align:left;cursor:pointer;flex-direction:column;padding:20px;transition:background .35s;display:flex;position:relative;overflow:hidden}.project-card:hover{background:var(--panel)}.project-card-top{z-index:2;color:var(--muted);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;grid-template-columns:1fr 1fr auto;font-size:9px;display:grid;position:relative}.project-card-top svg{color:var(--ink);transition:transform .25s,color .25s}.project-card:hover .project-card-top svg{color:var(--accent);transform:rotate(45deg)}.project-glyph{flex:1;place-items:center;min-height:225px;display:grid;position:relative;overflow:hidden}.project-glyph>span{color:#0000;font-family:var(--mono);-webkit-text-stroke:1px var(--line);font-size:clamp(120px,18vw,290px);font-weight:500;line-height:1;transition:transform .6s cubic-bezier(.2,.8,.2,1);position:absolute;right:0}.project-card:hover .project-glyph>span{transform:translate(-18px)}.glyph{z-index:1;border:1px solid var(--accent);width:105px;height:105px;transition:transform .7s cubic-bezier(.2,.8,.2,1);position:relative}.glyph:before,.glyph:after{content:"";position:absolute}.glyph:before{border:1px solid var(--line-strong);border-radius:50%;inset:18px}.glyph:after{background:var(--accent);width:163px;height:1px;top:50%;left:-30px}.glyph-1{border-radius:50%}.glyph-1:before{border-radius:0;transform:rotate(45deg)}.glyph-2{transform:rotate(45deg)}.glyph-3{border-radius:50%;width:140px;height:76px}.project-card:hover .glyph{transform:rotate(135deg)scale(1.08)}.project-card:hover .glyph-1{transform:rotate(-90deg)scale(1.08)}.project-card:hover .glyph-3{transform:rotate(180deg)scale(1.08)}.project-card-copy{z-index:2;position:relative}.project-card-copy h3{letter-spacing:-.05em;margin:0 0 12px;font-size:clamp(30px,3vw,49px);font-weight:500;line-height:1}.project-card-copy p{max-width:460px;color:var(--muted);margin:0;font-size:13px;line-height:1.65}.project-tech,.tag-list,.modal-tech{flex-wrap:wrap;gap:6px;margin-top:22px;display:flex}.project-tech span,.tag-list span,.modal-tech span{border:1px solid var(--line);color:var(--muted);font-family:var(--mono);text-transform:uppercase;padding:6px 8px;font-size:8px}.field-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--panel)}.field-layout{grid-template-columns:.75fr 1.25fr;min-height:1100px;display:grid}.sticky-title{border-right:1px solid var(--line);align-self:start;min-height:calc(100svh - 72px);padding:120px 40px;position:sticky;top:72px}.sticky-title p:last-child{max-width:390px;color:var(--muted);margin:40px 0 0;font-size:15px;line-height:1.7}.field-content{padding:120px 40px}.experience-card{border:1px solid var(--line-strong);background:var(--bg);min-height:430px;padding:30px}.experience-card+.experience-card{margin-top:35px}.experience-meta{color:var(--muted);font-family:var(--mono);text-transform:uppercase;justify-content:space-between;font-size:9px;display:flex}.experience-type{color:var(--accent);font-family:var(--mono);text-transform:uppercase;margin:75px 0 12px;font-size:9px}.experience-card h3{letter-spacing:-.055em;max-width:720px;margin:0;font-size:clamp(36px,5vw,72px);font-weight:500;line-height:.98}.experience-org{font-family:var(--mono);text-transform:uppercase;color:var(--ink)!important;margin:15px 0 35px!important;font-size:10px!important}.experience-card>p:not(.experience-type,.experience-org){max-width:700px;color:var(--muted);font-size:14px;line-height:1.75}.mentor-card{background:var(--panel-2);margin-left:12%}.score-section{padding-bottom:180px}.score-list{border-top:1px solid var(--line-strong)}.score-row{border-bottom:1px solid var(--line-strong);grid-template-columns:70px 1.4fr .7fr 1fr;align-items:center;gap:20px;min-height:125px;transition:padding .25s,background .25s;display:grid}.score-row:hover{background:var(--accent);color:var(--accent-ink);padding:0 18px}.score-id{color:var(--muted);font-family:var(--mono);font-size:9px}.score-row:hover .score-id{color:var(--accent-ink)}.score-row h3{letter-spacing:-.045em;margin:0;font-size:clamp(26px,3vw,44px);font-weight:500}.score-row strong{font-family:var(--mono);font-size:clamp(33px,4vw,60px);font-weight:400}.score-row p{color:var(--muted);font-family:var(--mono);text-transform:uppercase;margin:0;font-size:9px;line-height:1.5}.score-row:hover p{color:var(--accent-ink)}.toolkit-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--accent);color:var(--accent-ink);padding:50px 0;overflow:hidden}.toolkit-section>.eyebrow{color:var(--accent-ink);opacity:.65;margin:0 40px 35px}.toolkit-marquee{white-space:nowrap;width:max-content}.toolkit-marquee>div{align-items:center;gap:28px;animation:30s linear infinite marquee;display:flex}.toolkit-marquee span{letter-spacing:-.055em;font-size:clamp(44px,6vw,86px);font-weight:600}.toolkit-marquee i{font-size:15px;font-style:normal}.education-section{grid-template-columns:1fr 1fr;gap:100px;display:grid}.education-section h2{max-width:720px;font-size:clamp(45px,5.8vw,88px)}.education-detail{padding-top:30px}.education-detail>div:first-child{border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);padding:25px 0 45px}.education-detail span{color:var(--muted);font-family:var(--mono);text-transform:uppercase;font-size:9px}.education-detail h3{letter-spacing:-.04em;max-width:570px;margin:30px 0 10px;font-size:clamp(28px,3vw,44px);font-weight:500;line-height:1.1}.education-detail p{color:var(--muted);margin:0;font-size:14px}.course-list{grid-template-columns:repeat(2,1fr);gap:10px;padding-top:30px;display:grid}.course-list span{border:1px solid var(--line);padding:12px;line-height:1.4;display:block}.contact-section{background:var(--ink);color:var(--bg);padding:120px 40px 35px}.contact-section .eyebrow{color:var(--bg);opacity:.55}.contact-main{padding:100px 0 125px}.contact-main h2{color:var(--bg);letter-spacing:-.07em;margin:0 0 30px;font-size:clamp(50px,8vw,130px);font-weight:500;line-height:.9}.contact-main>a{border-bottom:2px solid var(--accent);color:var(--bg);letter-spacing:-.04em;align-items:center;gap:14px;padding-bottom:9px;font-size:clamp(25px,3vw,45px);display:inline-flex}.contact-main>a svg{transition:transform .25s}.contact-main>a:hover svg{transform:translate(5px,-5px)}.contact-footer{border-top:1px solid rgba(var(--bg-rgb), .25);justify-content:space-between;align-items:center;padding-top:25px;display:flex}.copy-email{color:var(--bg);font-family:var(--mono);cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;padding:0;font-size:10px;display:inline-flex}.social-links{gap:28px;display:flex}.social-links a{color:var(--bg);font-family:var(--mono);text-transform:uppercase;align-items:center;gap:7px;font-size:9px;display:inline-flex}.site-footer{min-height:80px;color:var(--muted);font-family:var(--mono);text-transform:uppercase;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:0 40px;font-size:8px;display:grid}.site-footer span:nth-child(2){text-align:center}.site-footer a{justify-self:end}.project-modal{z-index:200;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);background:#000000b8;place-items:center;padding:20px;animation:.22s both fade-in;display:grid;position:fixed;inset:0}.modal-panel{border:1px solid var(--line-strong);background:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px), var(--bg);background-size:100% 70px,70px 100%;width:min(720px,100%);max-height:calc(100vh - 40px);padding:35px;animation:.45s cubic-bezier(.2,.8,.2,1) both modal-enter;position:relative;overflow-y:auto;box-shadow:0 35px 100px #00000061}.modal-close{border:1px solid var(--line-strong);background:var(--bg);cursor:pointer;place-items:center;width:42px;height:42px;padding:0;transition:background .2s,color .2s,transform .2s;display:grid;position:absolute;top:24px;right:24px}.modal-close:hover{background:var(--accent);color:var(--accent-ink);transform:rotate(90deg)}.modal-index{color:var(--muted);font-family:var(--mono);text-transform:uppercase;gap:22px;margin-bottom:90px;font-size:9px;display:flex}.modal-panel h2{letter-spacing:-.065em;margin:16px 70px 20px 0;font-size:clamp(45px,7vw,80px);font-weight:500;line-height:.9}.modal-lead{max-width:540px;color:var(--muted);margin:0;font-size:17px;line-height:1.55}.modal-rule{background:var(--line-strong);height:1px;margin:40px 0}.modal-detail{margin:0;font-size:14px;line-height:1.8}.modal-result{background:var(--accent);color:var(--accent-ink);grid-template-columns:130px 1fr;gap:25px;margin-top:45px;padding:20px;display:grid}.modal-result span{font-family:var(--mono);text-transform:uppercase;font-size:8px}.modal-result p{margin:0;font-size:13px;line-height:1.6}[data-reveal]{opacity:0;transition:opacity .7s ease var(--delay,0s), transform .7s cubic-bezier(.2, .8, .2, 1) var(--delay,0s);transform:translateY(30px)}[data-reveal].is-visible{opacity:1;transform:translateY(0)}@keyframes title-enter{0%{opacity:0;transform:translateY(80px)}}@keyframes enter-up{0%{opacity:0;transform:translateY(20px)}}@keyframes enter-left{0%{opacity:0;transform:translate(35px)}}@keyframes pulse{0%{opacity:.8;transform:scale(.45)}75%,to{opacity:0;transform:scale(1.5)}}@keyframes scan{0%{transform:translateY(0)}to{transform:translateY(600px)}}@keyframes marquee{to{transform:translate(-50%)}}@keyframes fade-in{0%{opacity:0}}@keyframes modal-enter{0%{opacity:0;transform:translateY(30px)scale(.98)}}@media (width<=1050px){body{background-size:100% 88px,calc(12.5vw - 6px) 100%}.site-header,.hero,.work-section,.score-section,.education-section{padding-left:24px;padding-right:24px}.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.hero-grid{grid-template-columns:1.25fr .55fr}.hero h1{font-size:clamp(55px,9.6vw,104px)}.field-layout{grid-template-columns:.8fr 1.2fr}.sticky-title,.field-content{padding-left:24px;padding-right:24px}.mentor-card{margin-left:0}.education-section{gap:55px}}@media (width<=760px){body{background-size:100% 74px,calc(25vw - 8px) 100%}.site-header{height:62px;padding:0 16px}.hero{min-height:auto;padding:35px 16px 0}.hero-grid{flex-direction:column;min-height:auto;display:flex}.hero-copy{padding:0 0 48px}.hero h1{margin:52px 0 55px;font-size:clamp(53px,16vw,82px);line-height:.98}.hero-bottom{align-items:center}.hero-intro{max-width:80%;font-size:13px}.round-link{flex-basis:70px;width:70px;height:70px}.portrait-block{align-self:flex-end;width:78%}.signal-strip{grid-template-columns:95px 1fr;height:64px;margin-top:32px}.signal-track{justify-content:flex-start;min-width:max-content;animation:24s linear infinite marquee}.work-section,.score-section,.education-section{padding:100px 16px}.section-heading{margin-bottom:55px;display:block}.section-heading h2,.sticky-title h2,.education-section h2{font-size:clamp(45px,14vw,70px)}.section-note{margin:32px 0 0}.filter-row{scrollbar-width:none;flex-wrap:nowrap;padding-bottom:7px;overflow-x:auto}.filter-row::-webkit-scrollbar{display:none}.filter-row button{flex:none}.project-grid{grid-template-columns:1fr}.project-card{min-height:465px}.project-glyph{min-height:185px}.field-layout{min-height:auto;display:block}.sticky-title{border-right:0;border-bottom:1px solid var(--line);min-height:0;padding:95px 16px 60px;position:relative;top:0}.field-content{padding:55px 16px 95px}.experience-card{min-height:470px;padding:21px}.experience-type{margin-top:75px}.score-section{padding-bottom:110px}.score-row{grid-template-columns:35px 1fr auto;min-height:105px}.score-row p{display:none}.score-row h3{font-size:25px}.score-row strong{font-size:33px}.toolkit-section{padding:40px 0}.toolkit-section>.eyebrow{margin-left:16px}.education-section{display:block}.education-detail{margin-top:55px}.course-list{grid-template-columns:1fr}.contact-section{padding:90px 16px 28px}.contact-main{padding:80px 0 100px}.contact-main h2{font-size:clamp(54px,15vw,82px)}.contact-footer{align-items:flex-start;gap:30px}.social-links{flex-direction:column;gap:18px}.site-footer{grid-template-columns:1fr auto;min-height:90px;padding:0 16px}.site-footer span:nth-child(2){display:none}.modal-panel{padding:25px}.modal-index{margin-bottom:65px}.modal-result{grid-template-columns:1fr;gap:12px}}@media (hover:none){.pointer-glow{display:none}}@media (prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}[data-reveal]{opacity:1;transform:none}}
