@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#f5f1e7eb;background:#10130d;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden}body{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.scene{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}.grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;opacity:.16;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='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.3'/%3E%3C/svg%3E");mix-blend-mode:soft-light}main{position:relative}.topbar{position:fixed;top:0;left:0;right:0;z-index:10;display:grid;grid-template-columns:1fr 1fr auto;align-items:center;padding:26px 34px;font:600 11px/1 Space Grotesk;letter-spacing:.12em}.brand{font-size:15px;letter-spacing:-.02em}.status{justify-self:center;display:flex;align-items:center;gap:10px}.status i{width:7px;height:7px;border-radius:50%;background:#d6ff4b;box-shadow:0 0 14px #d6ff4b}.mobile-role{display:none}.counter{width:42px;text-align:right}.progress{position:fixed;right:17px;top:84px;bottom:24px;z-index:10;width:1px;background:#ffffff24}.progress span{display:block;width:100%;height:100%;transform:scaleY(var(--progress));transform-origin:top;background:#d6ff4b}section,footer{position:relative;z-index:3}.hero{height:130vh;padding:16vh 7vw 0}.eyebrow,.section-no,.section-head>span,footer>span{font:600 11px/1 Space Grotesk;letter-spacing:.16em}.hero-title{position:relative;width:fit-content;margin-top:8vh;filter:drop-shadow(0 4px 24px rgba(0,0,0,.35))}.hero-title .hello{display:block;margin-bottom:12px;color:#d6ff4b;font-size:clamp(.9rem,1.3vw,1.1rem);letter-spacing:.12em}.hero-title h1{margin:0;font:500 clamp(3.1rem,6.5vw,6.4rem)/.92 "Space Grotesk";letter-spacing:-.07em}.hero-title strong{position:absolute;right:-3.9em;bottom:.12em;color:#f5f1e761;font:500 clamp(.8rem,1.4vw,1.25rem)/1 "Space Grotesk";letter-spacing:.23em;writing-mode:vertical-rl}.intro{margin:4vh 0 0;max-width:430px;color:#f5f1e7d1;font-size:clamp(1rem,1.65vw,1.35rem);line-height:1.55}.hero-note{margin:22px 0 0;max-width:410px;color:#ffffff9e;font-size:13px;line-height:1.75}.scroll-hint{position:absolute;bottom:16vh;left:7vw;display:flex;gap:20px;align-items:center;font:600 10px/1 Space Grotesk;letter-spacing:.18em}.scroll-hint b{font-size:24px;animation:bob 1.5s infinite}@keyframes bob{50%{transform:translateY(8px)}}.manifesto{min-height:120vh;display:flex;justify-content:flex-end;align-items:center;padding:12vh 7vw}.manifesto>div{width:min(620px,60vw);padding:28px 0;background:transparent;filter:drop-shadow(0 2px 18px rgba(0,0,0,.42))}.manifesto p{color:#f5f1e7e0;font:500 clamp(2.3rem,5vw,5rem)/1.05 "Space Grotesk";letter-spacing:-.055em;margin:45px 0}.manifesto p span{color:#d6ff4b;font-style:italic}.manifesto small{display:block;max-width:480px;font-size:15px;line-height:1.7;color:#ffffffb8}.experience{min-height:210vh;padding:22vh 7vw;background:transparent}.section-head{width:48%}.section-head h2{margin:32px 0 12vh;color:#f5f1e7db;font:500 clamp(2.6rem,5vw,5.5rem)/.98 "Space Grotesk";letter-spacing:-.06em}.timeline{width:52%;margin-left:auto;border-left:1px solid rgba(255,255,255,.22)}.timeline article{min-height:48vh;position:relative;display:grid;grid-template-columns:90px 1fr auto;gap:24px;margin-bottom:12vh;padding:10px 0 70px 38px;filter:drop-shadow(0 2px 15px rgba(0,0,0,.52))}.timeline .dot{position:absolute;left:-6px;top:6px;width:11px;height:11px;border:2px solid #10130d;border-radius:50%;background:#d6ff4b;box-shadow:0 0 0 1px #d6ff4b}.year,.index{font:500 13px/1 Space Grotesk;letter-spacing:.1em;color:#d6ff4b}.timeline h3{margin:0 0 8px;color:#f5f1e7e8;font:500 clamp(1.7rem,3vw,3.2rem)/1 "Space Grotesk";letter-spacing:-.04em}.timeline b{font-size:12px;letter-spacing:.08em}.timeline p{max-width:360px;color:#ffffffb8;line-height:1.6}.work{min-height:195vh;padding:18vh 7vw;background:transparent;color:#f5f1e7}.work .section-head{width:100%}.project-list{width:min(1040px,80vw);margin-left:auto}.project-list article{position:relative;display:grid;grid-template-columns:90px minmax(0,1fr);gap:38px;padding:8vh 0 15vh;border-top:1px solid color-mix(in srgb,var(--accent) 52%,transparent);filter:drop-shadow(0 2px 18px rgba(0,0,0,.46))}.project-list article:first-child{grid-template-columns:70px minmax(300px,.92fr) minmax(230px,.62fr)}.project-no{color:var(--accent);font:500 13px/1 Space Grotesk;letter-spacing:.12em}.project-copy small{display:block;margin-bottom:22px;color:var(--accent);font:600 10px/1 Space Grotesk;letter-spacing:.15em}.project-copy h3{margin:0;color:#f5f1e7e6;font:500 clamp(2.8rem,6vw,6.5rem)/.86 "Space Grotesk";letter-spacing:-.07em}.project-lead{max-width:640px;margin:30px 0;font-size:clamp(1.05rem,1.7vw,1.35rem);line-height:1.55}.project-copy ul{max-width:650px;margin:0;padding:0;list-style:none;color:#ffffffb8}.project-copy li{padding:11px 0;border-bottom:1px solid rgba(255,255,255,.1);line-height:1.55}.project-copy li:before{content:"↳";margin-right:12px;color:var(--accent)}.project-stack{margin-top:26px;color:#ffffff73;font:500 10px/1.6 Space Grotesk;letter-spacing:.09em;text-transform:uppercase}.project-visual{align-self:start;margin:2vh 0 0 4vw;width:min(290px,24vw);filter:drop-shadow(0 30px 58px rgba(0,0,0,.48))}.project-visual img{display:block;width:100%;aspect-ratio:1309/2868;object-fit:cover;border:1px solid rgba(255,255,255,.18);border-radius:24px}.project-visual figcaption{display:flex;flex-direction:column;gap:5px;margin-top:13px;color:#ffffff7a;font:500 9px/1.4 Space Grotesk;letter-spacing:.1em}.project-visual figcaption span{color:#d6ff4b}.capabilities{min-height:135vh;padding:20vh 7vw}.skill-list{width:min(900px,72vw);margin-left:auto}.skill-list>div{display:grid;grid-template-columns:65px 200px 1fr;align-items:baseline;gap:30px;padding:30px 0;border-top:1px solid rgba(255,255,255,.18);filter:drop-shadow(0 2px 15px rgba(0,0,0,.45))}.skill-list span{color:#d6ff4b;font:500 11px/1 Space Grotesk}.skill-list b{font:600 13px/1 Space Grotesk;letter-spacing:.08em}.skill-list p{margin:0;color:#ffffffad;line-height:1.65}.life{min-height:210vh;padding:18vh 7vw 24vh;background:linear-gradient(180deg,transparent,rgba(7,9,7,.4),transparent)}.life-intro{width:min(520px,46vw);margin:-5vh 0 12vh auto;color:#ffffffad;font-size:15px;line-height:1.8}.life-grid{position:relative;min-height:125vh}.life-photo{position:absolute;margin:0;filter:drop-shadow(0 26px 55px rgba(0,0,0,.42))}.life-photo img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.86) contrast(1.02)}.life-photo figcaption{display:flex;justify-content:space-between;margin-top:12px;font:500 10px/1.4 Space Grotesk;letter-spacing:.08em}.life-photo figcaption span{color:#d6ff4b}.life-photo-1{top:4vh;left:0;width:52vw;aspect-ratio:16/9}.life-photo-2{top:28vh;right:3vw;width:25vw;aspect-ratio:9/14;z-index:2}.life-photo-3{top:84vh;left:25vw;width:24vw;aspect-ratio:9/14}footer{min-height:105vh;padding:18vh 7vw 5vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#10130d26,#10130d 28%)}footer h2{font:500 clamp(4rem,10vw,10rem)/.83 "Space Grotesk";letter-spacing:-.085em;margin:auto 0 8vh}footer h2 i{color:#d6ff4b;font-weight:400}.contact-links{display:flex;flex-wrap:wrap;gap:14px}.contact-links a{padding:18px 25px;border:1px solid #d6ff4b;border-radius:99px;color:#d6ff4b;font:600 12px/1 Space Grotesk;letter-spacing:.08em;transition:background .25s,color .25s}.contact-links a:hover{background:#d6ff4b;color:#10130d}.footer-meta{margin-top:auto;display:flex;justify-content:space-between;padding-top:6vh;font:500 10px/1 Space Grotesk;letter-spacing:.12em}@media (max-width: 760px){:root{font-size:15px}.grain{opacity:.11}.topbar{top:max(10px,env(safe-area-inset-top));left:12px;right:12px;grid-template-columns:auto 1fr auto;gap:12px;padding:11px 15px;border:1px solid rgba(255,255,255,.11);border-radius:999px;background:#0d100c6b;-webkit-backdrop-filter:blur(15px) saturate(1.2);backdrop-filter:blur(15px) saturate(1.2)}.brand{font-size:12px}.status{display:none}.mobile-role{display:block;justify-self:center;color:#ffffff80;font-size:8px;letter-spacing:.13em}.counter{width:32px;font-size:9px}.progress{top:auto;right:0;bottom:0;left:0;width:auto;height:2px;background:#ffffff14}.progress span{width:100%;height:100%;transform:scaleX(var(--progress));transform-origin:left}.hero{height:115svh;padding:0 20px max(11vh,env(safe-area-inset-bottom));display:flex;flex-direction:column;justify-content:flex-end}.hero .eyebrow{order:0;margin-bottom:13px;font-size:9px}.hero-title{order:1;margin:0}.hero-title h1{font-size:clamp(3rem,15vw,4.5rem);line-height:.9}.hero-title .hello{margin-bottom:8px;font-size:.8rem}.hero-title strong{right:-2.4em;font-size:.72rem}.intro{order:2;margin-top:22px;max-width:310px;font-size:1rem}.hero-note{order:3;max-width:320px;margin-top:12px;font-size:11px;line-height:1.6}.scroll-hint{bottom:4vh;left:auto;right:20px;flex-direction:column;gap:7px;font-size:8px}.manifesto{min-height:115svh;padding:18vh 20px 14vh;align-items:flex-end}.manifesto>div{width:92%;margin-left:auto;padding:0}.manifesto p{margin:28px 0;font-size:clamp(2.15rem,11vw,3.3rem)}.manifesto small{font-size:13px;line-height:1.75}.experience,.work,.capabilities,.life,footer{padding-left:20px;padding-right:20px}.experience{min-height:185svh;padding-top:17vh}.section-head{width:100%}.section-head h2{margin:23px 0 12vh;font-size:clamp(2.2rem,10vw,3.25rem);line-height:1}.timeline{width:calc(100% - 8px);border-left-color:#ffffff26}.timeline article{min-height:62svh;grid-template-columns:1fr;gap:12px;margin-bottom:8vh;padding:4px 5px 60px 25px}.timeline .year{font-size:10px}.timeline .index{display:none}.timeline h3{font-size:2.15rem}.timeline p{font-size:13px;line-height:1.7}.work{min-height:235svh;padding-top:17vh}.project-list{width:100%}.project-list article,.project-list article:first-child{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;padding:7vh 0 13vh}.project-no{font-size:10px}.project-copy small{margin-bottom:16px;font-size:8px}.project-copy h3{font-size:clamp(2.6rem,13vw,4rem)}.project-lead{margin:22px 0;font-size:1rem}.project-copy li{padding:10px 0;font-size:12px}.project-stack{font-size:8px}.project-visual{grid-column:2;width:min(72vw,300px);margin:5vh 0 0 auto}.project-visual img{border-radius:20px}.capabilities{min-height:145svh;padding-top:17vh}.skill-list{width:100%}.skill-list>div{grid-template-columns:31px 1fr;gap:10px;padding:25px 0}.skill-list b{font-size:11px}.skill-list p{grid-column:2;font-size:12px;line-height:1.65}.life{min-height:auto;padding-top:17vh;padding-bottom:20vh;overflow:hidden}.life-intro{width:100%;margin:-2vh 0 8vh;font-size:13px}.life-grid{display:flex;min-height:0;width:calc(100% + 40px);margin-left:-20px;padding:0 20px 25px;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.life-grid::-webkit-scrollbar{display:none}.life-photo,.life-photo-1,.life-photo-2,.life-photo-3{position:relative;inset:auto;flex:0 0 78vw;width:78vw;height:60svh;aspect-ratio:auto;scroll-snap-align:center}.life-photo-1{height:46svh}.life-photo figcaption{font-size:8px}footer{min-height:100svh;padding-top:15vh;padding-bottom:max(25px,env(safe-area-inset-bottom))}footer h2{margin:auto 0 7vh;font-size:clamp(3.3rem,16vw,5rem);line-height:.88}.contact-links{flex-direction:column;align-items:stretch;gap:10px}.contact-links a{width:100%;padding:17px 20px;text-align:center;font-size:10px}.footer-meta{gap:20px;font-size:8px}}@media (max-width: 390px){.hero-title h1{font-size:3.1rem}.hero-title strong{display:none}.project-copy h3{font-size:2.7rem}}@media (orientation: landscape) and (max-height: 520px){.hero{min-height:720px}.topbar{top:8px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}