@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap');
:root{--pink:#f661b7;--hot:#ff54b5;--lime:#e4ff32;--ink:#292829;--paper:#fffdf9;--mono:'Space Mono',monospace;--sans:'DM Sans',Arial,sans-serif;--display:'Space Grotesk',Arial,sans-serif;--line:1.5px solid var(--ink)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);cursor:url('assets/cursor.svg') 2 1,auto}body.modal-open{overflow:hidden}button,a,select{cursor:url('assets/hand.svg') 14 2,pointer}button,input,select{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{cursor:default}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #1644f3;outline-offset:5px}button{border:var(--line);background:white}img{max-width:100%;display:block}p{line-height:1.7}h1,h2,h3,p{margin-top:0}h2{font-weight:500}::selection{background:var(--lime);color:#222}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100px;left:20px;background:var(--lime);padding:12px;z-index:100}.skip-link:focus{top:12px}.wrap{max-width:1440px;margin:auto;padding:0 5.5%}.eyebrow{font:700 11px/1.6 var(--mono);letter-spacing:1.5px}.serif{font-family:Georgia,'Times New Roman',serif;letter-spacing:-5px;line-height:.98;font-size:clamp(60px,7.5vw,112px)}.pink-text{color:var(--hot)}.lime{background:var(--lime)}.pink{background:var(--pink)}.section{scroll-margin-top:75px}.section-strip{display:flex;justify-content:space-between;border-block:var(--line);padding:20px 4.3%;font:700 16px var(--display)}
.nav{height:76px;background:var(--pink);border:var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 4.3%;gap:24px;position:sticky;top:0;z-index:25}.wordmark{font:700 clamp(14px,1.35vw,21px) var(--display);letter-spacing:-1px;white-space:nowrap}.wordmark span{font-size:.8em}.nav nav{display:flex;align-items:center;gap:25px;font:700 11px var(--mono)}.nav nav a{padding:8px 0;border-bottom:2px solid transparent}.nav nav a:hover,.nav nav a.active{border-color:var(--ink)}.nav-right{display:flex;gap:18px;align-items:center}.nav-name{font:700 12px var(--display);white-space:nowrap}.nav select{border:var(--line);background:transparent;padding:7px;font:700 11px var(--mono)}
.hero{position:relative;min-height:660px;height:min(850px,calc(100svh - 76px));overflow:hidden;background:#82cafa}.hero-art{position:absolute;inset:0;overflow:hidden}.hero-art>img{width:100%;height:108.2%;max-width:none;object-fit:cover;object-position:center;position:absolute;top:-8.2%}.hero-live{position:absolute;bottom:9%;left:4.3%;color:white;text-shadow:0 1px 8px #174623}.hero-live .eyebrow{font-size:10px;margin-bottom:10px}.hero-live h1{font:600 clamp(20px,2.4vw,34px) var(--display);margin-bottom:17px;letter-spacing:-1px}.button{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border:var(--line);box-shadow:4px 4px 0 var(--ink);font:700 11px var(--mono);text-shadow:none;color:var(--ink);transition:transform .18s,box-shadow .18s}.button:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}.button:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}.desktop-tools{position:absolute;right:4%;bottom:5%;display:flex;gap:8px;z-index:4}.tiny-button{font:700 10px var(--mono);padding:9px 12px;background:#fff8fc;border:var(--line);box-shadow:2px 2px var(--ink)}.tiny-button:hover{background:var(--lime)}.scroll-cue{position:absolute;bottom:5%;left:50%;font-size:30px;color:white}.chaos{position:absolute;inset:0;pointer-events:none;z-index:5}.popup{pointer-events:auto;position:absolute;width:240px;background:#fff7fc;border:2px solid var(--ink);box-shadow:6px 6px 0 #27272744;animation:pop .35s both}.popup:nth-child(1){top:8%;right:5%;transform:rotate(3deg)}.popup:nth-child(2){top:42%;right:2%;transform:rotate(-4deg)}.popup:nth-child(3){top:41%;left:3%;transform:rotate(-3deg)}.popup .titlebar{padding:6px 8px;font-size:9px}.popup .titlebar button{width:21px;height:21px;font-size:17px}.popup-image{width:100%;height:125px;object-fit:cover}.popup-body{padding:10px 12px}.popup-body p{font:700 10px var(--mono);margin:0 0 9px}.popup-open{font:700 9px var(--mono);padding:7px 10px;background:var(--lime);width:100%}.titlebar{background:var(--pink);border-bottom:var(--line);padding:10px 14px;display:flex;justify-content:space-between;align-items:center;gap:10px;font:700 11px var(--mono)}.titlebar button{padding:0;width:25px;height:25px;line-height:20px;font-size:22px}.text-button{background:none;border:0;font:700 10px var(--mono);text-decoration:underline;text-underline-offset:4px;padding:8px}
.about{background:linear-gradient(white 58%,#fbc9e4)}.about-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:32px;padding-top:70px;padding-bottom:80px;align-items:center}.about-copy>.eyebrow{margin-bottom:14px}.about .serif{margin-bottom:27px;font-size:clamp(70px,8vw,118px)}.name-sticker{display:inline-block;background:var(--lime);font:italic 800 clamp(28px,3.5vw,50px) var(--display);letter-spacing:-2px;padding:4px 13px;margin:0 0 15px}.discipline{font:500 9px/1.7 var(--mono);letter-spacing:1px;max-width:550px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:34px 0}.stats strong{display:block;color:#39a82c;font:800 clamp(30px,4vw,57px) var(--display);letter-spacing:-3px;line-height:1.1}.stats span{display:block;color:#288d21;font:800 11px/1.2 var(--sans);margin-top:10px;max-width:125px}.body-copy{font-size:15px;line-height:1.9;max-width:570px}.skill-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.skill-tags span{border:var(--line);border-radius:50px;padding:10px 15px;font:700 9px var(--sans)}.skill-tags span:nth-child(2),.skill-tags span:nth-child(3){background:var(--lime);border-color:var(--lime)}.portrait-art{position:relative;height:550px;overflow:hidden}.portrait-art img{position:absolute;width:238%;max-width:none;left:-133%;top:-39%;height:auto}.experience{padding:90px 0;background-color:#fffefb;background-image:linear-gradient(#e8dfe84d 1px,transparent 1px),linear-gradient(90deg,#e8dfe84d 1px,transparent 1px);background-size:28px 28px;border-bottom:var(--line)}.experience-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:65px;align-items:center}.experience .serif{font-size:clamp(55px,6.5vw,90px);margin:18px 0}.experience-window{background:#fff;border:var(--line);box-shadow:7px 7px var(--ink)}.experience-window .titlebar{background:var(--lime)}.experience-content{padding:30px}.experience-content .eyebrow{font-size:9px;color:#666;margin-bottom:12px}.experience-content h3{font:700 20px var(--display);margin-bottom:10px}.experience-content p:not(.eyebrow){font-size:13px;line-height:1.8}.experience-content hr{border:0;border-top:1px solid #ddd;margin:25px 0}.cv-status{background:#fce6f3;padding:13px;display:flex;gap:12px;align-items:center;font:10px/1.7 var(--mono)}.cv-status>span:first-child{font-size:24px}.ticker{background:var(--lime);border-bottom:var(--line);padding:15px 0;overflow:hidden;font:700 14px var(--mono);white-space:nowrap}.ticker span{display:block;width:max-content;animation:marquee 35s linear infinite}
.work{padding:90px 0 50px;background:var(--paper)}.work-heading{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:15px 80px;margin-bottom:75px}.work-heading>.eyebrow{grid-column:1/-1;margin:0}.work-heading h2{margin:0}.work-heading>p:last-child{font-size:14px;max-width:340px;margin-bottom:10px}.folder{--folder:#dce9ff;position:relative;margin-bottom:60px;padding-top:35px}.folder-tab{position:absolute;top:0;left:0;background:var(--folder);height:37px;width:240px;clip-path:polygon(0 0,83% 0,100% 100%,0 100%);padding:13px 24px;font:700 10px var(--mono);border-top:var(--line);border-left:var(--line)}.folder-main{background:var(--folder);border:var(--line);display:grid;grid-template-columns:.86fr 1.14fr;min-height:420px;padding:42px;gap:30px;position:relative;transition:transform .25s,box-shadow .25s}.folder-main:hover{transform:translateY(-4px);box-shadow:7px 7px var(--ink)}.folder-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.folder-copy .eyebrow{font-size:9px}.folder h3{font:600 clamp(35px,4.3vw,60px)/1 var(--display);letter-spacing:-3px;margin:5px 0 20px}.folder-copy p:not(.eyebrow){font-size:14px;line-height:1.7;max-width:340px}.folder-tags{display:flex;gap:6px;flex-wrap:wrap;margin:5px 0 28px}.folder-tags span{font:700 8px var(--mono);padding:7px 9px;border:1px solid currentColor}.folder-image{padding:0;background:transparent;border:var(--line);box-shadow:5px 5px #2222;align-self:center;position:relative;overflow:hidden}.folder-image img{width:100%;aspect-ratio:1.38;object-fit:cover;transition:transform .5s}.folder-image:hover img{transform:scale(1.035)}.folder-image:after{content:'↗';position:absolute;right:12px;bottom:12px;width:30px;height:30px;background:var(--lime);border:var(--line);display:grid;place-items:center;color:#222}.folder.dark{color:white}.folder.dark .folder-main,.folder.dark .folder-tab{border-color:#27252b}.folder.dark .button{background:var(--pink)}
.connect{background:linear-gradient(#fff 20%,#f9d2e8 100%);position:relative;overflow:hidden}.connect>.wrap{padding-top:65px;position:relative}.connect .serif{color:var(--hot);margin:20px 0 25px;font-size:clamp(65px,9vw,130px)}.connect-intro{font-size:15px}.email{display:inline-block;font:500 clamp(14px,2.5vw,27px) var(--display);letter-spacing:-.5px;border-bottom:1px solid;margin:5px 15px 0 0;overflow-wrap:anywhere}.contact-icons{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;max-width:950px;margin:55px 0 80px}.contact-icons>a,.contact-cv{background:linear-gradient(135deg,#f4f4f5,#d0d5e1);border:2px solid #383838;box-shadow:5px 5px #2225;display:flex;flex-direction:column;align-items:center;padding:0 0 22px;transition:transform .2s}.contact-icons>a:hover{transform:rotate(-3deg) translateY(-7px)}.mini-title{width:100%;font:700 8px var(--mono);background:linear-gradient(90deg,#307be8,#c1d8fb);color:#fff;padding:8px 7px;display:flex;justify-content:space-between;border-bottom:var(--line)}.icon-symbol{font:800 48px var(--sans);width:76px;height:76px;border-radius:13px;display:grid;place-items:center;margin:25px 0 18px;color:white;box-shadow:3px 3px 0 #3337}.behance{background:#135cfb}.instagram{background:linear-gradient(35deg,#ffd558,#ef396a,#7836d8);font-size:75px;line-height:1}.linkedin{background:#176fbb}.cv{background:#fff;color:#666}.icon-label{background:var(--lime);padding:4px 8px;font:italic 800 10px var(--display)}.contact-cv{opacity:.7}.footer{border-top:var(--line);display:flex;justify-content:space-between;align-items:center;gap:10px;padding:28px 0;font:700 9px var(--mono)}
.boot{position:fixed;inset:0;z-index:100;background:radial-gradient(ellipse at top,#cae7ff,#f9d1e7 70%);display:grid;place-items:center;padding:20px;transition:opacity .4s,visibility .4s}.boot.hidden{opacity:0;visibility:hidden;pointer-events:none}.boot-window{width:min(440px,100%);background:white;border:2px solid var(--ink);box-shadow:9px 9px var(--ink)}.boot-content{padding:25px 35px;text-align:center}.boot-content .eyebrow{font-size:8px}.boot video{width:100%;height:190px;object-fit:cover}.boot-content>p:not(.eyebrow){font:11px var(--mono);margin:20px 0 15px}.progress{padding:4px;border:var(--line);background:#efefef;height:25px;margin-bottom:15px}.progress span{display:block;height:100%;width:0;background:repeating-linear-gradient(90deg,var(--pink) 0 15px,transparent 15px 18px);animation:load 2.7s linear forwards}
dialog{padding:0;border:2px solid var(--ink);max-width:none;max-height:none;color:var(--ink);background:white}dialog::backdrop{background:#20263880;backdrop-filter:blur(5px)}#projectDialog{width:min(1190px,93vw);height:90svh;overflow:hidden;box-shadow:10px 10px #1116}#projectDialog.maximized{width:calc(100vw - 20px);height:calc(100svh - 20px)}.project-shell{height:100%;display:flex;flex-direction:column}.project-toolbar{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:9px 12px;background:var(--pink);border-bottom:var(--line);font:700 10px var(--mono)}.project-toolbar>div{display:flex;gap:5px}.project-toolbar button{height:26px;width:28px;font-size:20px;padding:0}.project-toolbar button:last-child:hover{background:var(--lime)}#projectContent{overflow:auto;overscroll-behavior:contain;scroll-behavior:smooth;flex:1;background:var(--project-bg,#faf6ff)}.case-hero{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:35px;padding:55px 5% 45px;border-bottom:var(--line)}.case-hero h2{font:500 clamp(40px,5vw,70px)/1 var(--display);letter-spacing:-3px;margin-bottom:20px}.case-hero>div>p:not(.eyebrow){font-size:13px}.case-hero img{width:100%;max-height:400px;object-fit:contain}.case-type{font:700 9px var(--mono);display:inline-block;padding:8px;background:var(--lime);color:#222;margin:5px 0 15px}.case-subnav{display:flex;flex-wrap:wrap;gap:20px;padding:16px 5%;background:white;border-bottom:var(--line);font:700 10px var(--mono)}.case-subnav a:hover{text-decoration:underline}.case-section{padding:50px 5%;border-bottom:1px solid #2222}.case-section .section-number{font:700 10px var(--mono);color:#777}.case-section h3{font:500 clamp(30px,4vw,47px)/1.1 Georgia,serif;letter-spacing:-1.5px;margin:12px 0 20px}.case-section>p{font-size:14px;max-width:750px}.case-task{display:grid;grid-template-columns:1fr 1fr;gap:35px}.case-task h4{font:700 10px var(--mono);margin:10px 0}.case-task p{font-size:13px}.case-process-image{border:1px solid #2222;margin:30px 0 0;padding:0;background:white;width:100%;display:block}.case-process-image img{width:100%;height:auto}.case-section .image-note{font:9px/1.8 var(--mono);color:#666;margin-top:15px}.method-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:25px 0}.method-step{padding:20px;background:#ffffffa6;border:1px solid #2223}.method-step b{font:700 10px var(--mono);display:block;margin-bottom:10px}.method-step p{font-size:12px;margin:0}.case-gallery{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px}.gallery-item{padding:0;border:1px solid #2223;background:transparent;align-self:start;position:relative}.gallery-item img{width:100%;height:auto}.gallery-item:after{content:'+';position:absolute;right:10px;bottom:10px;background:var(--lime);border:1px solid #222;padding:2px 8px;font-size:20px}.case-end{padding:30px 5%;display:flex;justify-content:space-between;gap:20px;background:var(--lime)}.case-end button{background:white;padding:12px 18px;font:700 10px var(--mono)}#lightbox{background:#fff;width:min(1400px,96vw);height:94svh;padding:45px 20px 20px;overflow:auto;text-align:center;z-index:60}#lightbox img{max-height:none;max-width:100%;margin:auto;object-fit:contain}#closeLightbox{position:sticky;top:0;float:right;width:35px;height:35px;z-index:2;font-size:25px;background:var(--pink)}#lightboxCaption{font:11px var(--mono);padding:20px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);padding:14px 22px;background:var(--lime);border:var(--line);box-shadow:3px 3px var(--ink);font:11px var(--mono);opacity:0;pointer-events:none;z-index:110;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}.click-star{position:fixed;pointer-events:none;z-index:200;color:var(--pink);font-size:24px;text-shadow:1px 1px #222;animation:spark .5s forwards}
@keyframes pop{from{opacity:0;scale:.75}to{opacity:1;scale:1}}@keyframes load{to{width:100%}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes spark{to{transform:translateY(-25px) rotate(30deg);opacity:0}}
.project-toolbar select{font:9px var(--mono);background:#fff5fb;border:var(--line);height:26px;max-width:80px}
@media(min-width:1500px){.portrait-art{height:650px}.portrait-art img{top:-37%}}
@media(max-width:1050px){.nav-name{display:none}.nav nav{gap:17px}.hero{min-height:580px}.popup{width:200px}.popup-image{height:100px}.popup:nth-child(3){display:none}.about-grid{gap:10px}.portrait-art{height:460px}.portrait-art img{width:255%;left:-143%;top:-20%}.body-copy{font-size:13px}.stats{gap:10px}.stats span{font-size:9px}.folder-main{padding:30px;min-height:350px}.folder h3{font-size:40px}.experience-grid{gap:30px}.contact-icons{gap:15px}.serif{letter-spacing:-3px}}
@media(max-width:700px){html{scroll-padding-top:98px}.nav{height:auto;min-height:92px;flex-wrap:wrap;padding:14px 5% 10px;gap:12px}.wordmark{font-size:17px;order:0}.nav-right{order:1;margin-left:auto}.nav nav{order:2;width:100%;justify-content:space-between;font-size:10px;gap:9px}.nav nav a{padding:3px 0}.nav select{padding:4px;font-size:10px}.hero{height:76svh;min-height:560px;max-height:750px}.hero-art img{width:180%;height:108.2%;left:-40%;object-fit:cover}.hero-live{left:6%;bottom:14%;text-shadow:0 1px 5px #123}.hero-live .eyebrow{max-width:190px;line-height:1.5;font-size:9px}.hero-live h1{font-size:27px;max-width:220px}.hero-live .button{padding:11px 16px;font-size:10px}.popup{width:160px}.popup:nth-child(n+2){display:none}.popup:nth-child(1){right:5%;top:5%}.popup-image{height:75px}.popup-body{padding:8px}.popup .titlebar{font-size:7px;padding:4px}.popup-body p{font-size:8px}.popup-open{font-size:8px}.desktop-tools{bottom:4%;left:6%;right:auto;gap:5px}.tiny-button{font-size:8px;padding:8px}.scroll-cue{display:none}.section-strip{padding:15px 5%;font-size:10px}.wrap{padding-inline:6%}.about-grid{grid-template-columns:1fr;padding-block:45px;gap:20px}.about .serif{font-size:76px;margin-bottom:20px}.name-sticker{font-size:35px}.discipline{font-size:8px}.stats{margin:30px 0;gap:12px}.stats strong{font-size:42px;letter-spacing:-2px}.stats span{font-size:9px}.body-copy{font-size:14px}.skill-tags span{font-size:8px;padding:9px 12px}.portrait-art{height:440px;width:min(100%,390px);margin:auto}.portrait-art img{width:238%;left:-133%;top:-36%}.experience{padding:50px 0}.experience-grid{grid-template-columns:1fr;gap:25px}.experience .serif{font-size:63px}.experience-content{padding:22px}.experience-content h3{font-size:19px}.work{padding-top:50px}.work-heading{grid-template-columns:1fr;gap:20px;margin-bottom:45px}.work-heading .serif{font-size:67px}.work-heading>p:last-child{font-size:13px}.folder{margin-bottom:40px;padding-top:30px}.folder-tab{height:32px;font-size:9px;width:205px;padding:10px 18px}.folder-main{grid-template-columns:1fr;padding:25px 22px;gap:25px;min-height:0}.folder-copy{order:1}.folder-image{order:0}.folder h3{font-size:39px;letter-spacing:-2px}.folder-copy .eyebrow{margin-bottom:8px}.folder-copy p:not(.eyebrow){font-size:13px}.folder-tags{margin-bottom:20px}.folder-image img{aspect-ratio:1.4}.contact-icons{grid-template-columns:1fr 1fr;gap:20px;margin-block:35px 50px}.connect>.wrap{padding-top:45px}.connect .serif{font-size:66px;letter-spacing:-3px}.connect-intro{font-size:13px}.email{font-size:16px;margin-bottom:15px}.icon-symbol{margin:20px 0 15px;width:65px;height:65px;font-size:40px}.instagram{font-size:65px}.footer{font-size:8px;flex-wrap:wrap}.case-hero{grid-template-columns:1fr;padding-top:30px;gap:15px}.case-hero h2{font-size:44px}.case-hero img{max-height:260px}.case-subnav{gap:14px;font-size:9px}.case-section{padding-block:35px}.case-task{grid-template-columns:1fr;gap:5px}.method-steps{grid-template-columns:1fr;gap:10px}.method-step{padding:16px}.case-gallery{grid-template-columns:1fr;gap:15px}.case-end button{font-size:9px;padding:10px}.project-toolbar{font-size:8px}#projectDialog{width:100vw;height:100svh;border:0;box-shadow:none}.boot-content{padding:20px}.boot-window{box-shadow:5px 5px var(--ink)}body,a,button,select{cursor:auto}}
@media(prefers-reduced-motion:reduce){html,#projectContent{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.progress span{width:100%}.click-star{display:none}}