@font-face{font-family:Jersey\ 15;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/jersey15-400.woff2) format("woff2")}@font-face{font-family:Kapakana;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/kapakana-400.woff2) format("woff2")}@font-face{font-family:La Belle Aurore;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/labelle-400.woff2) format("woff2")}@font-face{font-family:Laila;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/laila-400.woff2) format("woff2")}@font-face{font-family:Laila;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/laila-500.woff2) format("woff2")}@font-face{font-family:Laila;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/laila-600.woff2) format("woff2")}@font-face{font-family:Laila;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/laila-700.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-400.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/inter-500.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter-600.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/inter-700.woff2) format("woff2")}:root{--green:#385e3c;--pink:#f63395;--blue:#09f;--text:#fff;--muted:#9bb097;--grid:hsla(0,0%,100%,.07);--jersey:"Jersey 15",system-ui,sans-serif;--inter:"Inter",system-ui,sans-serif;--laila:"Laila",system-ui,sans-serif;--script:"Kapakana",cursive;--hand:"La Belle Aurore",cursive}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--green)}body{margin:0;min-height:100vh;color:var(--text);font-family:var(--jersey);background-color:var(--green);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:54px 54px;overflow-x:hidden;cursor:url(/assets/cursor-white.png) 4 2,auto}a{color:inherit;text-decoration:none;cursor:url(/assets/cursor-white.png) 4 2,pointer}img{display:block;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.site,section{position:relative;width:100%}.graffiti{position:absolute;height:auto}.topbar{position:fixed;inset:0 0 auto 0;z-index:60;display:flex;align-items:center;justify-content:space-between;padding:22px clamp(24px,4vw,70px)}.brand{font-family:var(--jersey);font-size:clamp(1.2rem,1.6vw,28px);color:hsla(0,0%,100%,.89)}.nav{display:flex;gap:clamp(16px,2.2vw,38px)}.nav a{font-family:var(--jersey);font-size:clamp(1.05rem,1.5vw,28px);color:hsla(0,0%,100%,.89)}.nav a:hover{color:var(--pink)}.hero{height:52vw;min-height:660px}.hero-copy{position:absolute;left:7.5%;top:25%;max-width:52%}.hero-title{margin:0;font-weight:400;color:#fff}.hero-pron,.hero-title{font-family:var(--jersey);font-size:clamp(1.5rem,2vw,35px);line-height:1.1em}.hero-pron{margin:0 0 .5em;color:hsla(0,0%,100%,.7)}.hero-body{margin:0;font-family:var(--jersey);font-size:clamp(1.5rem,2vw,35px);line-height:1.1em;color:#fff}.spark{position:absolute;width:clamp(26px,2.4vw,50px);filter:drop-shadow(0 2px 5px rgba(0,0,0,.25))}.spark-a{left:41%;top:22%}.spark-b{left:49%;top:45%;width:clamp(20px,1.9vw,38px)}.lanyard{position:absolute;left:62%;top:13%;width:33%;z-index:3}.idcard{position:relative;width:100%}.idcard-holder{width:100%;filter:drop-shadow(0 26px 40px rgba(0,0,0,.42))}.charm{position:absolute;z-index:4;filter:drop-shadow(0 8px 12px rgba(0,0,0,.35))}.charm-a{width:26%;right:6%;top:-15%;transform:rotate(8deg)}.charm-b{width:21%;right:-5%;top:-3%;transform:rotate(-8deg)}.idcard-inner{position:absolute;left:7%;right:6%;top:38%;bottom:9%;display:flex;gap:5%;padding:3% 4%;background:#fbf7fb;border:2px solid #e7b8ec;border-radius:12px;box-shadow:0 0 0 4px rgba(231,184,236,.35)}.idcard-photo{width:44%;border-radius:7px;overflow:hidden;background:#ddd}.idcard-photo img{width:100%;height:100%;object-fit:cover;object-position:top center}.idcard-text{flex:1 1;display:flex;flex-direction:column;color:#2a2730}.idcard-role{margin:2% 0 0;font-family:var(--laila);font-weight:400;line-height:1.05;color:#2a2730;font-size:clamp(.7rem,.95vw,17px)}.idcard-name{margin:3% 0;font-family:var(--laila);font-weight:600;align-self:flex-start;border-bottom:2px solid #2a2730;padding-bottom:2px;font-size:clamp(.85rem,1.1vw,20px)}.idcard-cta{margin-top:auto;font-family:var(--laila);font-weight:400;line-height:1.1;color:#2a2730;font-size:clamp(.7rem,.85vw,15px);cursor:url(/assets/cursor.png) 4 2,pointer}.graffiti-hero{left:73%;top:56%;width:23%;transform:rotate(-7deg);z-index:1}.earphones{position:absolute;left:.5%;top:58%;width:30%}.graffiti-ear{left:11%;top:82%;width:17%;transform:rotate(-8deg)}.pill{position:absolute;display:inline-flex;align-items:center;justify-content:center;padding:.55em 1.5em;border:1.5px solid hsla(0,0%,100%,.85);border-radius:999px;font-family:var(--jersey);font-size:clamp(1.3rem,1.9vw,35px);color:#fff;background:hsla(0,0%,100%,.02);transition:background .18s ease}.pill:hover{background:hsla(0,0%,100%,.12)}.pill-resume{left:42%;top:72%;transform:rotate(-3deg)}.pill-portfolio{left:50%;top:82%;transform:rotate(-2deg)}.motion{height:44vw;min-height:520px;margin-top:-3vw}.tablet{position:absolute;left:31%;top:24%;width:47%;transform:rotate(-8deg);filter:drop-shadow(0 32px 52px rgba(0,0,0,.45))}.tablet-frame{width:100%}.tablet-screen{position:absolute;inset:3.2% 3.3% 3.6% 3.3%;border-radius:6px;background:url(/assets/texture.jpg) 50%/cover;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:5% 9%;gap:2.5%}.tablet-quote{margin:0 0 2%;font-family:var(--jersey);font-size:clamp(1rem,1.85vw,35px);line-height:1.05em;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.35)}.tablet-see{margin:2% 0;letter-spacing:.02em;font-size:clamp(1rem,1.7vw,35px);line-height:.8em;color:hsla(0,0%,100%,.82)}.tablet-see,.work-btn{font-family:var(--jersey)}.work-btn{display:flex;align-items:center;justify-content:space-between;width:60%;padding:.35em 1.1em;margin:1.2% 0;border-radius:999px;background:rgba(40,45,40,.55);color:#fff;font-size:clamp(.95rem,1.5vw,26px);transition:background .18s ease}.work-btn:hover{background:rgba(40,45,40,.85)}.posters{height:52vw;min-height:640px}.note-cluster{position:absolute;left:13%;top:40%;width:16%}.note-star{position:absolute;left:-30%;top:-42%;width:100%;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.postit-yellow{position:absolute;left:-8%;top:24%;width:80%;aspect-ratio:1;background:#f2eeb0;transform:rotate(-5deg);box-shadow:0 12px 22px rgba(0,0,0,.22)}.postit{position:relative;width:92%;aspect-ratio:1;margin-left:16%;background:#f3c6f4;transform:rotate(5deg);box-shadow:0 14px 26px rgba(0,0,0,.25);display:flex;align-items:center;justify-content:center;padding:11%}.postit p{margin:0;text-align:center;font-family:var(--jersey);font-size:clamp(.85rem,1.25vw,22px);line-height:1.05em;color:#3b0054}.binder{position:absolute;left:46%;top:10%;width:30%;filter:drop-shadow(0 24px 40px rgba(0,0,0,.35))}.binder-page{width:100%;border-radius:4px}.burst{left:8%;top:11%;width:33%}.burst,.burst-tag{position:absolute;transform:rotate(-4deg)}.burst-tag{left:12%;top:19%;width:24%}.scrap{position:absolute;left:15%;top:30%;width:73%;transform:rotate(-2deg)}.posters-script{position:absolute;left:36%;top:38%;margin:0;font-family:var(--script);font-weight:400;font-size:clamp(2.4rem,4.5vw,85px);line-height:.9em;letter-spacing:-.01em;color:#310042;transform:rotate(-3deg)}.logos{left:30%;top:78%;width:22%}.logos,.pen{position:absolute}.pen{left:80%;top:22%;width:5%;transform:rotate(11deg);filter:drop-shadow(0 14px 20px rgba(0,0,0,.3))}.experience{display:flex;gap:2.5%;padding:4vw clamp(24px,4vw,64px) 2vw}.exp-card{flex:1.55 1;border:1px solid hsla(0,0%,100%,.28);border-radius:24px;padding:clamp(24px,2.6vw,48px)}.exp-title{margin:0 0 .7em;font-family:var(--jersey);font-weight:400;letter-spacing:.01em;font-size:clamp(2rem,3.6vw,60px);line-height:.9em;color:#fff}.exp-table{list-style:none;margin:0;padding:0}.exp-row{display:grid;grid-template-columns:1.5fr 1fr 1.5fr .8fr;align-items:center;grid-gap:12px;gap:12px;padding:1.05em 0;border-top:1px solid hsla(0,0%,100%,.18);font-family:var(--inter);font-weight:500;font-size:clamp(.78rem,1vw,17px);color:#fff}.exp-row:last-child{border-bottom:1px solid hsla(0,0%,100%,.18)}.exp-loc{text-align:right}.phone-card{flex:1 1;position:relative;border:1px solid hsla(0,0%,100%,.28);border-radius:24px;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.phone{position:relative;width:56%;margin-bottom:-6%}.phone-frame{width:100%;filter:drop-shadow(0 18px 30px rgba(0,0,0,.4))}.phone-screen{position:absolute;inset:3% 6% 4% 6%;border-radius:34px;background:url(/assets/texture.jpg) 50%/cover;flex-direction:column;gap:16%;padding-top:12%}.phone-screen,.social{display:flex;align-items:center;justify-content:center}.social{width:clamp(36px,3vw,58px);height:clamp(36px,3vw,58px);filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));cursor:url(/assets/cursor.png) 4 2,pointer}.social svg{width:100%;height:100%}.site-footer{padding:3vw clamp(24px,4vw,64px) 0}.footer-cols{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.footer-h{margin:0 0 .3em;font-weight:600;font-size:clamp(.85rem,1vw,14px);color:#fff}.footer-h,.footer-links{font-family:var(--inter)}.footer-links{margin:0;font-weight:400;font-size:clamp(.8rem,.95vw,14px);color:#9fb097}.footer-links a:hover{color:var(--pink)}.footer-right{text-align:right}.back-to-top{align-self:center;padding:.5em 1.6em;border:1.5px solid hsla(0,0%,100%,.9);border-radius:999px;font-family:var(--jersey);font-size:clamp(1rem,1.5vw,30px);color:#fff;transition:background .18s ease}.back-to-top:hover{background:hsla(0,0%,100%,.12)}.footer-meta{display:flex;align-items:center;justify-content:space-between;margin-top:1.4vw}.fin{font-size:clamp(.9rem,1.2vw,24px);color:#fff}.fin,.ujz-faint{font-family:var(--jersey)}.ujz-faint{letter-spacing:.04em;font-size:clamp(.85rem,1.1vw,22px);color:#5f7a59}.footer-rule{height:2px;background:hsla(0,0%,100%,.85);margin-top:1vw}.footer-mark{margin:1.5vw 0 1vw;text-align:center;font-family:var(--inter);font-weight:500;font-size:clamp(5rem,18vw,271px);line-height:.82;letter-spacing:-.03em;color:#fff}@media (max-width:760px){.topbar{padding:14px 18px}.nav{gap:14px}.brand,.nav a{font-size:16px}.hero-copy{max-width:86%}.footer-mark{font-size:22vw}}