:root{--pop-pink: #ff3e9a;--pop-cyan: #39d0ff;--pop-yellow: #ffe23d;--pop-purple: #9b6bff;--pop-denim: #3f74c9;--ink: #111;--paper: #fffdf4;--stitch: #f0a53c;--font-hand: "Caveat", "Segoe Print", cursive;--font-caps: "Patrick Hand", "Segoe Print", cursive;--font-marker: "Permanent Marker", "Segoe Print", cursive;--font-tag: "Sedgwick Ave Display", "Permanent Marker", cursive;--font-xp: Tahoma, "Segoe UI", Verdana, sans-serif;--font-typewriter: "Courier New", Courier, monospace;--hl-yellow: rgba(255, 226, 61, .85);--hl-pink: rgba(255, 62, 154, .45);--hl-cyan: rgba(57, 208, 255, .5);--torn-clip: polygon(0% 3%, 6% 0%, 12% 2%, 19% .3%, 26% 2.4%, 33% .5%, 41% 2%, 48% 0%, 56% 1.8%, 63% .4%, 71% 2.4%, 78% .6%, 86% 2%, 93% .3%, 100% 2%, 99% 10%, 100% 20%, 98.6% 30%, 100% 40%, 99% 50%, 100% 60%, 98.6% 70%, 100% 80%, 99% 90%, 100% 98%, 93% 97.6%, 86% 100%, 78% 98%, 71% 99.7%, 63% 97.8%, 56% 100%, 48% 98%, 41% 99.6%, 33% 97.8%, 26% 100%, 19% 98%, 12% 99.7%, 6% 97.8%, 0% 100%, 1.2% 90%, 0% 80%, 1.4% 70%, 0% 60%, 1% 50%, 0% 40%, 1.4% 30%, 0% 20%, 1% 10%);--tape-clip: polygon(0 12%, 4% 0, 96% 6%, 100% 0, 97% 50%, 100% 100%, 95% 90%, 3% 100%, 0 88%, 3% 50%);--star-clip: polygon(50% 0%, 61.5% 34.5%, 98% 35%, 68.5% 57%, 79.5% 91%, 50% 70%, 20.5% 91%, 31.5% 57%, 2% 35%, 38.5% 34.5%)}.denim{background-color:#4a7fb5;background-image:url(/assets/textures/denim.webp);background-size:520px 520px}.leopard-pink{background:url(/assets/textures/leopard-pink.webp) 0 0 / 400px 400px,#ff4fa3}.leopard-gold{background:url(/assets/textures/leopard-gold.webp) 0 0 / 400px 400px,#d9a55e}.leopard-purple{background:url(/assets/textures/leopard-purple.webp) 0 0 / 400px 400px,#8f63ef}.leopard-cyan{background:url(/assets/textures/leopard-cyan.webp) 0 0 / 400px 400px,#39d0ff}.star{position:absolute;z-index:2;width:var(--star-size);height:var(--star-size);pointer-events:none;transform:rotate(var(--star-rot));animation:star-wobble 5s ease-in-out infinite}.star:before,.star:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;clip-path:var(--star-clip)}.star:before{background:var(--ink);transform:translate(4px,4px)}.star:after{background:var(--star-color, var(--pop-pink))}.star--pink{--star-color: var(--pop-pink)}.star--yellow{--star-color: var(--pop-yellow)}.star--cyan{--star-color: var(--pop-cyan)}.star--purple{--star-color: var(--pop-purple)}.star--white{--star-color: #fff}@keyframes star-wobble{0%,to{transform:rotate(var(--star-rot)) scale(1)}50%{transform:rotate(calc(var(--star-rot) + 12deg)) scale(1.1)}}.tape{position:absolute;z-index:4;width:110px;height:30px;background-color:#ff8cbecc;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.3) 0 6px,transparent 6px 12px);clip-path:var(--tape-clip);pointer-events:none}.tape--tl{top:-12px;left:-32px;transform:rotate(-32deg)}.tape--tr{top:-12px;right:-32px;transform:rotate(32deg);background-color:#82dcffcc}.tape--top{top:-16px;left:50%;transform:translate(-50%) rotate(-3deg);background-color:#ffe23dd9}.collage-title{position:relative;z-index:3;margin-bottom:3.5rem;text-align:center}.collage-title-tag{display:inline-block;margin-bottom:.9rem;padding:.15rem .75rem;background:var(--pop-yellow);box-shadow:2px 2px 0 var(--ink);font-family:var(--font-caps);font-size:.95rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);transform:rotate(-3deg)}.collage-title-text{font-weight:400;color:var(--ink)}.collage-title--torn{filter:drop-shadow(5px 6px 0 var(--ink))}.collage-title--torn .collage-title-tag{display:table;margin:0 auto .9rem}.collage-title--torn .collage-title-text{width:fit-content;max-width:100%;margin:0 auto;padding:.55rem 1.8rem .7rem;background:var(--paper) url(/assets/textures/paper-grain.svg);clip-path:var(--torn-clip);font-family:var(--font-marker);font-size:clamp(1.9rem,1.3rem + 2.4vw,3.3rem);line-height:1.1;text-transform:uppercase;transform:rotate(-1.5deg)}.collage-title--scrawl .collage-title-tag{display:table;margin:0 auto .6rem}.collage-title--scrawl .collage-title-text{display:inline;padding:0 .3em;background:linear-gradient(transparent 55%,var(--hl-pink) 55% 88%,transparent 88%);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:var(--font-hand);font-size:clamp(2.8rem,2rem + 3vw,4.4rem);font-weight:700;line-height:1.2}.collage-title--label .collage-title-tag{display:table;margin:0 auto .9rem}.collage-title--label .collage-title-text{display:inline-block;padding:.4rem 1.2rem;background:var(--ink);border-radius:4px;box-shadow:4px 4px #00000059;font-family:var(--font-typewriter);font-size:clamp(1.4rem,1rem + 1.6vw,2.2rem);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#f6f6f6;text-shadow:0 1px 0 #000,0 -1px 0 rgba(255,255,255,.35);transform:rotate(-1.5deg)}body{background-color:var(--paper)}section{border-bottom:none}section>.container{position:relative;z-index:3}#specialties:after,#portfolio:after,#resume:after,#certificates:after,#contact:after,#about:before,.about-skills:before,.socials-strip:after{content:"";position:absolute;left:0;right:0;top:-14px;z-index:6;height:30px;background:url(/assets/textures/torn-strip.svg) center / 100% 100% no-repeat;pointer-events:none}header,header.scrolled{padding:.55rem 0;background-color:var(--paper);-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:3px solid var(--ink)}header:after{content:"";position:absolute;left:0;right:0;top:100%;height:8px;background:url(/assets/textures/leopard-pink.webp) 0 0 / 120px 120px,#ff4fa3;border-bottom:2px solid var(--ink)}.nav-logo-img{max-height:54px!important;height:auto!important}.nav-link{border:none;border-radius:0;font-family:var(--font-caps);font-size:1.05rem;font-weight:400;letter-spacing:.08em;color:var(--ink)}.nav-link:hover,.nav-link.active{color:var(--ink);background:linear-gradient(transparent 55%,var(--hl-pink) 55% 90%,transparent 90%);border-color:transparent;box-shadow:none}.hamburger{color:var(--ink)}.hero-collage{position:relative;min-height:var(--app-vh, 100vh);display:flex;align-items:center;padding:8rem 0 10rem;overflow:hidden}.hero-collage{background-color:#4a7fb5;background-image:url(/assets/textures/denim.webp);background-size:560px 560px}.hero-band{position:absolute;background:url(/assets/textures/leopard-pink.webp) 0 0 / 420px 420px,#ff4fa3;clip-path:var(--torn-clip)}.hero-band:after{content:"";position:absolute;top:16px;right:16px;bottom:16px;left:16px;border:3px dashed rgba(255,255,255,.85)}.hero-band--a{top:-6%;left:-8%;width:46%;height:46%;transform:rotate(-7deg)}.hero-band--b{top:10%;right:-4%;width:52%;height:100%;transform:rotate(4deg)}.hero-pocket{position:absolute;left:5%;bottom:13%;width:230px;height:200px;border:3px dashed var(--stitch);border-radius:6px 6px 50% 50%/6px 6px 30% 30%;box-shadow:inset 0 0 0 10px #ffffff0f}.hero-stage{position:relative;z-index:3;width:100%;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:2rem;align-items:center}.hero-left{display:flex;flex-direction:column;align-items:flex-start}.hero-right{display:flex;justify-content:flex-end;align-items:flex-end}.bubble-wrap{position:relative;width:100%;max-width:600px;filter:drop-shadow(8px 10px 0 var(--ink));transform:rotate(-3deg)}.speech-bubble{min-height:clamp(220px,21vw,300px);display:grid;place-items:center;padding:2rem 2.4rem;background:var(--paper) url(/assets/textures/paper-grain.svg);clip-path:var(--torn-clip);text-align:center}.bubble-tail{position:absolute;right:-78px;bottom:24%;width:120px;height:74px;background:var(--paper);clip-path:polygon(0 0,30% 14%,55% 30%,100% 66%,48% 74%,22% 88%,0 100%)}.bubble-name{display:inline-block;font-size:clamp(2.8rem,1.6rem + 4vw,5.2rem);line-height:.95;white-space:nowrap;transform:rotate(var(--tilt, 0deg));animation:bubble-pop .22s cubic-bezier(.34,1.56,.64,1)}@keyframes bubble-pop{0%{opacity:0;transform:rotate(var(--tilt, 0deg)) scale(.6)}to{opacity:1;transform:rotate(var(--tilt, 0deg)) scale(1)}}.bubble-name--tag{--tilt: -5deg;font-family:var(--font-tag);color:var(--pop-yellow);-webkit-text-stroke:2.5px var(--ink);paint-order:stroke fill;text-shadow:5px 5px 0 var(--ink)}.bubble-name--spray{--tilt: 3deg;font-family:"Rubik Spray Paint",var(--font-marker);text-transform:uppercase;color:var(--pop-pink)}.bubble-name--drip{--tilt: -2deg;font-family:"Rubik Wet Paint",var(--font-marker);text-transform:uppercase;color:var(--pop-cyan);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-shadow:4px 4px 0 var(--ink)}.bubble-name--shade{--tilt: 2deg;font-family:"Bungee Shade",var(--font-marker);font-size:clamp(2.2rem,1.3rem + 3.2vw,4.2rem);text-transform:uppercase;color:var(--pop-purple)}.bubble-name--marker{--tilt: -3deg;padding:0 .2em;background:linear-gradient(transparent 52%,var(--hl-yellow) 52% 90%,transparent 90%);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:var(--font-marker);color:var(--ink)}.bubble-name--glitch{font-family:"Rubik Glitch",var(--font-marker);text-transform:uppercase;color:var(--ink);text-shadow:-4px 0 var(--pop-pink),4px 0 var(--pop-cyan)}.hero-sticker{position:relative;margin:3rem 0 0 14%;padding:1rem 1.5rem .8rem;background:#fff;box-shadow:5px 6px 0 var(--ink);transform:rotate(2.5deg)}.hero-sticker-title{font-family:var(--font-caps);font-size:clamp(1.25rem,1rem + .8vw,1.6rem);font-weight:400;line-height:1.2;letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}.hero-sticker-by{display:block;font-family:var(--font-hand);font-size:1.5rem;font-weight:700;color:var(--pop-pink)}.hero-leopard{display:block;width:100%;max-width:600px;height:auto;transform-origin:bottom center;animation:leopard-roar 4.8s ease-in-out infinite}@keyframes leopard-roar{0%,to{transform:rotate(0) scale(1)}50%{transform:rotate(-1.5deg) scale(1.02)}}.hero-leopard-fallback{width:min(380px,80%);aspect-ratio:1;display:grid;place-items:center;background:url(/assets/textures/leopard-gold.webp) 0 0 / 300px 300px,#d9a55e;border:4px solid var(--ink);border-radius:50%;box-shadow:10px 10px 0 var(--ink);transform:rotate(6deg)}.hero-leopard-fallback span{font-family:"Bungee Shade",var(--font-sans);font-size:clamp(2.2rem,1.6rem + 2vw,3.4rem);color:#fff;text-shadow:3px 3px 0 var(--ink)}@media(min-width:1025px){.hero-collage>.hero-stage{position:static}.hero-left{position:relative;z-index:3}.hero-leopard{position:absolute;right:0;bottom:0;z-index:2;width:auto;height:min(94%,900px);max-width:58%;object-fit:contain;object-position:right bottom}}.about-collage{position:relative;padding:0;background:var(--paper)}.about-paper{position:relative;padding:7rem 0 6rem;background:url(/assets/textures/paper-grain.svg),repeating-linear-gradient(180deg,transparent 0 39px,rgba(90,150,210,.22) 39px 40px),var(--paper)}.about-paper-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,380px);gap:2.5rem;align-items:center}.about-text{text-align:center}.about-text .collage-title{margin-bottom:2rem}.about-handwriting p{max-width:72ch;margin:0 auto 1.1rem;font-family:var(--font-caps);font-size:1.06rem;line-height:1.75;letter-spacing:.07em;text-transform:uppercase;color:#1c1c1c}.about-handwriting p:first-child{font-size:1.3rem;color:#c2185b}.about-photo{position:relative;z-index:5;align-self:center;justify-self:center}.hobby-stickers{margin-top:4.5rem;text-align:center}.hobby-stickers .hobbies-title{margin-bottom:1.8rem;transform:rotate(1.5deg)}.hobby-stickers ul{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:1rem 1.2rem}.hobby-sticker{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem 1.1rem;background:#fff;border:3px solid var(--ink);border-radius:999px;box-shadow:4px 4px 0 var(--ink);font-family:var(--font-caps);font-size:1.1rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);transform:rotate(-4deg)}.hobby-sticker:nth-child(2n){background:var(--pop-yellow);transform:rotate(3deg)}.hobby-sticker:nth-child(3n){background:var(--pop-cyan)}.about-skills{position:relative;padding:7rem 0 6rem}.about-skills .skills-intro-group{margin-top:0}.skills-title{display:table;margin:0 auto 2.5rem;padding:.5rem 1.5rem;background:#fff;box-shadow:5px 5px 0 var(--ink);font-family:var(--font-marker);font-size:clamp(1.6rem,1.2rem + 1.4vw,2.3rem);font-weight:400;text-transform:uppercase;transform:rotate(-2deg)}.about-skills .skill-sticky{border-radius:2px;box-shadow:5px 6px 0 var(--ink)}.about-skills .skill-sticky:before{top:-12px;width:74px;height:22px;border:none;border-radius:0;box-shadow:none;background-color:#ffffffbf;clip-path:var(--tape-clip);transform:translate(-50%) rotate(-4deg)}.about-skills .skill-sticky-2{background-color:#ffc2dd}.about-skills .skill-sticky-3{background-color:#fff3a3}.about-skills .skill-sticky-4{background-color:#c4f1ff}.about-skills .skill-sticky-5{background-color:#e3d4ff}.about-skills .skill-sticky h4{font-family:var(--font-marker);font-weight:400}.about-skills .skill-sticky p{color:#333}.about-skills .skills-grid>:nth-child(odd){transform:rotate(-2deg)}.about-skills .skills-grid>:nth-child(2n){transform:rotate(1.5deg)}.about-skills .skills-grid>.skill-sticky:hover{transform:translateY(-6px) rotate(0)}.taped-polaroid{position:relative;width:100%;max-width:340px;margin:0 auto;padding:.9rem .9rem .6rem;background:#fff;box-shadow:5px 7px 0 var(--ink);transform:rotate(3.5deg)}.taped-polaroid .polaroid-image-box{aspect-ratio:4 / 5}.taped-polaroid .polaroid-caption{margin-top:.5rem;font-family:var(--font-hand);font-size:1.9rem;font-style:normal;color:var(--ink)}#specialties{padding:7rem 0 7.5rem}.specialties-grid{gap:3.5rem}.specialty-cutout{position:relative;width:100%;margin-bottom:1.8rem;padding:10px;background:#fff;box-shadow:7px 8px 0 var(--ink);transform:rotate(-3deg);transition:var(--transition-smooth)}.specialties-grid>:nth-child(3n+2) .specialty-cutout{transform:rotate(2.5deg)}.specialties-grid>:nth-child(3n) .specialty-cutout{transform:rotate(-1.5deg)}.specialties-grid>.specialty-panel:hover .specialty-cutout{transform:rotate(0) scale(1.03)}.specialty-cutout img{display:block;width:100%;aspect-ratio:3 / 4;object-fit:cover}.specialty-panel .specialty-title{display:inline-block;margin-bottom:0;padding:.3rem .85rem;background:var(--ink);border-radius:3px;box-shadow:3px 3px #00000059;font-family:var(--font-typewriter);font-size:1.05rem;font-weight:700;letter-spacing:.14em;color:#f6f6f6;text-shadow:0 1px 0 #000,0 -1px 0 rgba(255,255,255,.3);transform:rotate(-2deg)}.specialty-note{max-width:300px;margin-top:1rem;padding:1rem 1.2rem .8rem;background:var(--paper) url(/assets/textures/paper-grain.svg);box-shadow:4px 5px 0 var(--ink);transform:rotate(1.5deg)}.specialty-note p{margin-bottom:.4rem;font-family:var(--font-caps);font-size:.98rem;line-height:1.5;letter-spacing:.05em;text-transform:uppercase;color:#222}.scribble-link{font-family:var(--font-hand);font-size:1.55rem;font-weight:700;color:#c2185b;text-decoration:underline wavy;text-decoration-thickness:2px;text-underline-offset:5px}.scribble-link:hover{color:var(--ink)}#portfolio{padding:7rem 0 7.5rem}#portfolio .portfolio-grid{gap:3.5rem;padding-top:1rem}#portfolio .portfolio-card{position:relative;padding:14px 14px 18px;overflow:visible;background:#fff;border:none;border-radius:0;box-shadow:7px 9px #0a142899;transform:rotate(var(--r, -2deg))}#portfolio .portfolio-card:nth-child(3n+1){--r: -3deg}#portfolio .portfolio-card:nth-child(3n+2){--r: 2.5deg;margin-top:2rem}#portfolio .portfolio-card:nth-child(3n){--r: -1.5deg}#portfolio .portfolio-card:hover,#portfolio .portfolio-card:focus-visible{transform:rotate(0) translateY(-6px) scale(1.02);box-shadow:10px 14px #0a142899}#portfolio .portfolio-img-box{position:relative;aspect-ratio:1 / 1;border:none}#portfolio .portfolio-card:hover .portfolio-img-box img{transform:none}.portfolio-case{position:absolute;top:10px;left:10px;padding:.1rem .6rem;background:var(--pop-yellow);box-shadow:2px 2px 0 var(--ink);font-family:var(--font-marker);font-size:1rem;color:var(--ink);transform:rotate(-6deg)}#portfolio .portfolio-info{align-items:center;padding:.9rem .3rem 0;text-align:center}#portfolio .portfolio-cat{display:inline-block;margin-bottom:.3rem;padding:.05rem .5rem;background:linear-gradient(100deg,transparent 2%,var(--hl-pink) 4% 96%,transparent 98%);font-family:var(--font-caps);font-size:.9rem;font-weight:400;letter-spacing:.08em;color:var(--ink)}#portfolio .portfolio-name{margin-bottom:.2rem;font-family:var(--font-hand);font-size:2rem;font-weight:700;line-height:1.05;color:var(--ink)}#portfolio .portfolio-action-btn{font-family:var(--font-caps);font-size:.95rem;font-weight:400;letter-spacing:.08em;color:#c2185b}.modal-content{background:var(--paper) url(/assets/textures/paper-grain.svg);border:none;border-radius:4px;box-shadow:12px 14px 0 var(--ink)}.modal-title{font-family:var(--font-hand);font-size:clamp(2.2rem,1.6rem + 2vw,3rem)}.notebook{position:relative;padding:7rem 0;background-color:var(--paper);background-image:radial-gradient(rgba(90,150,210,.45) 1.6px,transparent 1.8px);background-size:26px 26px}.notebook:before{content:"";position:absolute;top:0;bottom:0;left:clamp(.5rem,1.8vw,1.4rem);width:22px;background-image:radial-gradient(circle at 11px 11px,#2d5aa5 0 8px,transparent 9px);background-size:22px 96px;background-position:0 32px;pointer-events:none}.page-block+.page-block{margin-top:3rem}.page-block-title{display:inline-block;margin-bottom:1.3rem;padding:0 .45rem;font-family:var(--font-caps);font-size:1.55rem;font-weight:400;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);transform:rotate(-1.5deg)}.page-block-title--pink{background:linear-gradient(100deg,transparent 1%,var(--hl-pink) 3% 97%,transparent 99%)}.page-block-title--cyan{background:linear-gradient(100deg,transparent 1%,var(--hl-cyan) 3% 97%,transparent 99%)}.page-block-title--yellow{background:linear-gradient(100deg,transparent 1%,var(--hl-yellow) 3% 97%,transparent 99%)}.notebook .timeline{border-left-color:var(--ink)}.notebook .timeline-node{left:-2.05rem;top:-.15rem;width:auto;height:auto;border:none;background:none}.notebook .timeline-node:before{content:"★";font-size:1.05rem;color:var(--pop-pink)}.notebook .timeline-item:hover .timeline-node{background:none}.notebook .timeline-date{font-family:var(--font-caps);font-size:.95rem;font-weight:400;letter-spacing:.06em;color:#c2185b}.notebook .timeline-name{font-family:var(--font-hand);font-size:1.9rem;font-weight:700}.notebook .lang-name{font-family:var(--font-caps);font-size:1.1rem;font-weight:400}.notebook .lang-star{width:13px;height:13px;opacity:1;background:transparent;border:2px solid var(--ink)}.notebook .lang-star.fill{background:var(--pop-pink)}.notebook .retro-badge{border:2px solid var(--ink);border-radius:999px;box-shadow:2px 2px 0 var(--ink);background:var(--pop-yellow);font-family:var(--font-caps);font-size:.95rem;font-weight:400;letter-spacing:.05em;transform:rotate(-2deg)}.notebook .retro-badge:nth-child(3n+2){background:#ffc2dd;transform:rotate(2deg)}.notebook .retro-badge:nth-child(3n){background:#c4f1ff}.notebook .retro-badge:hover{transform:rotate(0) scale(1.06)}.notebook .resume-actions-group .btn{border-radius:6px;background:var(--pop-cyan);font-family:var(--font-caps);font-size:1.05rem;font-weight:400;letter-spacing:.06em;transform:rotate(-2deg)}.notebook .resume-actions-group .btn-primary{background:var(--pop-pink);transform:rotate(1.5deg)}.xp-desktop{position:relative;min-height:820px;display:flex;flex-direction:column;padding:6rem 0 0;overflow:hidden;background-color:#3a7bd5;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='32' viewBox='0 0 22 32'%3E%3Cpath d='M1 1 L1 25 L7 19 L11 29 L15 27 L11 18 L19 18 Z' fill='white' stroke='black' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E") 1 1,auto}.xp-desktop:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(/assets/textures/xp-hills.svg) center bottom / cover no-repeat}.xp-desktop-inner{flex:1;width:100%;padding-bottom:3rem}.xp-desktop .collage-title{margin-bottom:.5rem}.xp-desktop .collage-title--scrawl .collage-title-text{background:none;color:#fff;text-shadow:3px 3px 0 #1d3f9e}.xp-hint{margin-bottom:2.5rem;font-family:var(--font-hand);font-size:1.6rem;font-weight:700;text-align:center;color:#fff;text-shadow:2px 2px 0 #1d3f9e}.xp-folders{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,220px));justify-content:center;gap:3rem 4.5rem;padding-bottom:2rem}.xp-folder{--f1: #ff9a8b;--f2: #f2665a;--f3: #e85547;--label: #7a1a12;position:relative;width:100%;padding:0;background:none;border:none;cursor:inherit;transition:transform .18s ease}.xp-folder--c1{--f1: #7aa6ff;--f2: #3a64e8;--f3: #2f55d4;--label: #0d2570}.xp-folder--c2{--f1: #ffa6dc;--f2: #f065b8;--f3: #e04fa6;--label: #6e0f4d}.xp-folder--c3{--f1: #86e6ff;--f2: #2fb8e8;--f3: #1fa5d6;--label: #083f55}.xp-folder--c4{--f1: #fff293;--f2: #f5cf3a;--f3: #e8bd20;--label: #5e4700}.xp-folder--c5{--f1: #c8aaff;--f2: #8f63ef;--f3: #7d51df;--label: #2f1270}.xp-folder:hover,.xp-folder:focus-visible{transform:translateY(-5px) rotate(-1.5deg)}.xp-folder:focus-visible{outline:2px dotted #fff;outline-offset:6px}.xp-folder-shape{position:relative;display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1.3;margin-top:16%;padding:0 .9rem;background:linear-gradient(180deg,var(--f1),var(--f2));border-radius:4px 12px 12px;box-shadow:0 8px 16px #00143c4d,inset 0 2px #ffffff80}.xp-folder-shape:before{content:"";position:absolute;left:0;top:-14%;width:44%;height:16%;background:var(--f3);border-radius:8px 14px 0 0}.xp-folder-shape:after{content:"";position:absolute;left:7%;right:7%;top:-8%;height:20%;z-index:-1;background:#fff;border-radius:3px;transform:rotate(-2deg)}.xp-folder-label{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-family:var(--font-caps);font-size:1.08rem;line-height:1.3;letter-spacing:.06em;text-align:center;text-transform:uppercase;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;color:var(--label)}.xp-icon-badge{position:absolute;right:-8px;bottom:-8px;z-index:1;width:28px;height:28px;display:grid;place-items:center;border:2px solid #fff;border-radius:50%;box-shadow:1px 1px 2px #0006;font-family:var(--font-sans);font-size:.78rem;font-weight:800;color:#fff}.xp-icon-badge--hubspot{background:#ff7a59}.xp-icon-badge--google{background:#4285f4}.xp-icon-badge--other{background:#7a5cc7}.xp-window{display:flex;flex-direction:column;overflow:hidden;background:#ece9d8;border:3px solid #0831d9;border-radius:8px 8px 0 0;box-shadow:4px 6px 18px #00000073;font-family:var(--font-xp);color:#000}.xp-titlebar{flex-shrink:0;height:30px;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:0 3px 0 8px;background:linear-gradient(180deg,#0997ff,#0053ee 8%,#0050ee 40%,#06f 88%,#06f 93%,#005bff 95%,#003dd7 96%,#003dd7)}.xp-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;color:#fff;text-shadow:1px 1px #0f1089}.xp-caption-btns{display:flex;flex-shrink:0;gap:2px}.xp-btn{position:relative;width:21px;height:21px;padding:0;border:1px solid #fff;border-radius:3px;background:linear-gradient(135deg,#5d8ef7,#2a5fe3 60%,#1b48c9);box-shadow:inset -1px -1px 1px #0000004d;cursor:pointer}.xp-btn:hover{filter:brightness(1.15)}.xp-btn--close{background:linear-gradient(135deg,#f09477,#e0502d 55%,#c4351b)}.xp-btn--min:before{content:"";position:absolute;left:5px;bottom:5px;width:7px;height:3px;background:#fff}.xp-btn--max:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:1px solid #fff;border-top-width:3px}.xp-btn--close:before,.xp-btn--close:after{content:"";position:absolute;left:50%;top:50%;width:13px;height:2px;background:#fff;transform:translate(-50%,-50%) rotate(45deg)}.xp-btn--close:after{transform:translate(-50%,-50%) rotate(-45deg)}.xp-menubar{flex-shrink:0;display:flex;gap:1rem;padding:3px 8px;border-bottom:1px solid #c5c2b2;font-size:12px}.xp-body{flex:1;margin:3px;padding:1rem;overflow:auto;background:#fff;border:1px solid #7f9db9;font-size:13px}.xp-statusbar{flex-shrink:0;padding:3px 8px;border-top:1px solid #c5c2b2;font-size:12px;color:#333}.xp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#00143c73;animation:xp-fade .15s ease}.xp-dialog{display:flex;width:min(880px,100%);max-height:calc(var(--app-vh, 100vh) - 3rem);animation:xp-open .22s cubic-bezier(.2,.9,.3,1.2)}.xp-dialog>.xp-window{width:100%}.xp-dialog.is-maximized{position:fixed;top:0;right:0;bottom:0;left:0;width:auto;max-height:none}.xp-dialog.is-maximized>.xp-window{border-radius:0}@keyframes xp-fade{0%{opacity:0}}@keyframes xp-open{0%{opacity:0;transform:scale(.85)}}.xp-cert{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:1.25rem;align-items:start}.xp-cert-img{width:100%;height:auto;max-height:62vh;object-fit:contain;background:#f6f6f6;border:1px solid #ccc}.xp-cert-info{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.xp-cert-info .xp-icon-badge{position:static}.xp-cert-issuer{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#555}.xp-cert-title{font-family:var(--font-xp);font-size:1.1rem;color:#0b3d91}.xp-cert-desc{font-family:var(--font-xp);font-size:13px;line-height:1.55;color:#222}.xp-taskbar{position:relative;z-index:3;height:40px;display:flex;align-items:stretch;background:linear-gradient(180deg,#3168d5,#4993e6,#2157d7 8%,#2663e0 40%,#245dda 88%,#1941a5);border-top:1px solid #0c2b8a;font-family:var(--font-xp)}.xp-start{display:flex;align-items:center;gap:.4rem;padding:0 1.4rem 0 .8rem;background:linear-gradient(180deg,#3c9a3c,#5ec85e 8%,#3ea63e 40%,#2f8f2f 90%,#237523);border-radius:0 14px 14px 0;box-shadow:inset -2px 0 3px #00000040;font-size:1.15rem;font-style:italic;font-weight:700;color:#fff;text-shadow:1px 1px 1px #1a3f1a}.xp-start-flag{font-style:normal;color:#ffd1dc;text-shadow:1px 1px 0 #7a2c40}.xp-tasks{flex:1;min-width:0;display:flex;align-items:center;padding:0 .6rem}.xp-task{max-width:220px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:.35rem .8rem;background:#1e52b7;border-radius:3px;box-shadow:inset 1px 1px 2px #00000073;font-size:12px;color:#fff}.xp-tray{display:flex;align-items:center;padding:0 1rem;background:linear-gradient(180deg,#0c59b9,#139ee9 6%,#18b9ff 10%,#1394e6 50%,#0f6fd1 95%);border-left:1px solid #0b4f9c;font-size:12px;color:#fff}#contact{padding:7rem 0}#contact .contact-button-card{border:3px solid var(--ink);border-radius:10px;box-shadow:4px 5px 0 var(--ink);transform:rotate(-1.5deg)}#contact .contact-button-card:nth-child(2n){transform:rotate(1.5deg)}#contact .contact-card-label,#contact .contact-card-value{font-family:var(--font-caps);letter-spacing:.05em}#contact .contact-card-value{font-size:1.05rem;font-weight:400}#contact .contact-form-container{position:relative;padding:2.5rem;border:10px solid transparent;border-radius:6px;background:linear-gradient(var(--paper),var(--paper)) padding-box,repeating-linear-gradient(-45deg,#d6455a 0,#d6455a 14px,#fff 14px,#fff 28px,#2f5e9e 28px,#2f5e9e 42px,#fff 42px,#fff 56px) border-box;box-shadow:10px 12px 0 var(--ink);transform:rotate(1deg)}#contact .contact-form-container:before{content:"★";position:absolute;top:18px;right:18px;width:62px;height:74px;display:grid;place-items:center;background:var(--pop-pink);outline:3px dashed #fff;outline-offset:-7px;box-shadow:2px 2px #0003;font-size:2rem;color:var(--pop-yellow);transform:rotate(4deg)}#contact .contact-form-container:after{content:"";position:absolute;top:30px;right:62px;width:72px;height:72px;border:2px solid #8a8a8a;border-radius:50%;background:repeating-linear-gradient(0deg,transparent 0 9px,#8a8a8a 9px 11px);opacity:.5;transform:rotate(-12deg);pointer-events:none}#contact .form-title{padding-right:110px;font-family:var(--font-hand);font-size:2.8rem;text-align:left;text-transform:none}#contact .form-group label{font-family:var(--font-caps);font-size:.95rem;font-weight:400;letter-spacing:.06em}.socials-strip{position:relative;padding:5rem 0 4.5rem}.socials-title{margin-bottom:2.2rem;font-family:var(--font-tag);font-size:clamp(2.6rem,1.6rem + 4vw,4.8rem);font-weight:400;text-align:center;color:var(--pop-yellow);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-shadow:5px 5px 0 var(--ink);transform:rotate(-2deg)}.socials-links{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:1.2rem 1.6rem}.social-sticker{display:inline-block;padding:.5rem 1.3rem;background:#fff;border:3px solid var(--ink);border-radius:12px;box-shadow:5px 5px 0 var(--ink);font-family:var(--font-marker);font-size:1.5rem;color:var(--ink);text-decoration:none;transform:rotate(var(--r, -3deg));transition:transform .15s ease}.socials-links li:nth-child(2) .social-sticker{--r: 2.5deg;background:var(--pop-yellow)}.socials-links li:nth-child(3) .social-sticker{--r: -1.5deg;background:var(--pop-cyan)}.socials-links li:nth-child(4) .social-sticker{--r: 3deg;background:#c8aaff}.socials-links li:nth-child(5) .social-sticker{--r: -2deg}.social-sticker:hover{transform:rotate(0) translateY(-4px)}footer{background:var(--ink);border-top:none}footer .footer-logo{font-family:var(--font-tag);font-style:normal;color:#fff}footer .footer-logo span{color:var(--pop-pink)}footer .footer-copy{font-family:var(--font-caps);letter-spacing:.05em;color:#ddd}@media(max-width:1024px){.hero-collage{padding:6.5rem 0 8rem}.hero-stage{grid-template-columns:minmax(0,1fr);gap:1.5rem}.hero-left{display:contents}.bubble-wrap{order:1;justify-self:center;max-width:520px}.bubble-tail{right:26%;bottom:-62px;width:70px;height:70px;clip-path:polygon(0 0,100% 0,80% 100%,55% 40%)}.hero-right{order:2;justify-self:stretch;margin-right:-2rem}.hero-leopard{max-width:400px}.hero-sticker{order:3;justify-self:start;margin:-5rem 0 0;z-index:3}.hero-band--a{top:0;left:-20%;width:110%;height:34%}.hero-band--b{top:48%;right:-30%;width:110%;height:44%}.hero-pocket{display:none}.about-paper-inner{grid-template-columns:minmax(0,1fr)}.about-photo{order:-1;margin:0}.about-photo .taped-polaroid{max-width:260px}#portfolio .portfolio-card:nth-child(3n+2){margin-top:0}}@media(max-width:768px){.nav-menu{background:var(--paper);border-left:3px solid var(--ink)}.star--desktop{display:none}.xp-folders{grid-template-columns:repeat(2,minmax(0,200px));gap:2.5rem 2rem}.xp-overlay{padding:.5rem}.xp-dialog{max-height:calc(var(--app-vh, 100vh) - 1rem)}.xp-cert{grid-template-columns:minmax(0,1fr)}.xp-task{max-width:140px}#contact .contact-form-container{padding:1.5rem;transform:none}#contact .form-title{padding-right:80px;font-size:2.2rem}#contact .contact-form-container:before{width:50px;height:60px;font-size:1.6rem}#contact .contact-form-container:after{display:none}.social-sticker{font-size:1.2rem}.about-handwriting p{font-size:1.02rem}.hobby-sticker{font-size:.95rem;padding:.3rem .8rem}}@media(max-width:480px){.hero-right{margin-right:-1.25rem}.speech-bubble{padding:1.6rem 1.2rem}.xp-start{padding:0 1rem 0 .6rem}}@media(max-width:1024px){.hero-collage{min-height:0;padding:5.5rem 0 5rem}.speech-bubble{min-height:0;padding:2rem 1.4rem}.bubble-name{font-size:clamp(2.3rem,12vw,4rem);text-shadow:-3px 0 var(--pop-pink),3px 0 var(--pop-cyan)}.bubble-wrap{width:92%;max-width:440px;filter:drop-shadow(5px 6px 0 var(--ink))}.bubble-tail{right:auto;left:58%;bottom:-40px;width:46px;height:46px;clip-path:polygon(0 0,100% 0,35% 100%)}.hero-right{margin-right:0;justify-content:center}.hero-leopard{width:84%;max-width:380px}.hero-sticker{margin:-2rem 0 0 4%;max-width:82%}}@media(max-width:768px){section,#specialties,#portfolio{padding-top:clamp(3rem,10vw,4.5rem);padding-bottom:clamp(3.5rem,11vw,5rem)}.about-skills{padding:3rem 0 3.5rem}.hero-collage{padding:5.5rem 0 4.5rem}.skills-title{margin-bottom:1.75rem}.skills-grid,.specialties-grid,#portfolio .portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none;margin:0;gap:1.6rem 1.1rem}#portfolio .portfolio-grid{padding-top:.5rem}.about-skills .skill-sticky{padding:1rem .8rem;box-shadow:3px 4px 0 var(--ink)}.about-skills .skill-sticky h4{font-size:1rem}.about-skills .skill-sticky p{font-size:.82rem;line-height:1.4}.about-skills .skills-grid>:nth-child(odd){transform:rotate(-1.2deg)}.about-skills .skills-grid>:nth-child(2n){transform:rotate(1deg)}.specialty-cutout{padding:6px;margin-bottom:1.1rem;box-shadow:4px 5px 0 var(--ink)}.specialty-cutout img{aspect-ratio:4 / 5}.specialties-grid>:nth-child(n) .specialty-cutout{transform:rotate(-1.5deg)}.specialties-grid>:nth-child(2n) .specialty-cutout{transform:rotate(1.5deg)}.specialty-panel .specialty-title{font-size:.72rem;letter-spacing:.08em;padding:.25rem .55rem}.specialty-note{max-width:none;margin-top:.7rem;padding:.6rem .7rem .5rem;box-shadow:3px 4px 0 var(--ink)}.specialty-note p{font-size:.8rem;line-height:1.35;letter-spacing:.02em}.scribble-link{font-size:1.15rem}#portfolio .portfolio-card{padding:7px 7px 10px;box-shadow:4px 5px #0a142899}#portfolio .portfolio-card:nth-child(n){--r: -1.5deg;margin-top:0}#portfolio .portfolio-card:nth-child(2n){--r: 1.5deg}#portfolio .portfolio-info{padding:.6rem .1rem 0}#portfolio .portfolio-name{font-size:1.35rem}#portfolio .portfolio-cat{font-size:.72rem;letter-spacing:.04em}#portfolio .portfolio-action-btn{font-size:.8rem}.portfolio-case{top:6px;left:6px;font-size:.75rem}}@media(max-width:380px){.specialty-note p{font-size:.74rem}#portfolio .portfolio-name{font-size:1.2rem}}.modal-overlay{background-color:#111a24b3}.modal-content{overflow-x:hidden;overflow-y:auto;color:var(--ink)}.modal-content>.tape{top:8px;left:50%;z-index:11;transform:translate(-50%) rotate(-3deg)}.modal-body{padding:2.5rem 2.5rem 2.75rem}.modal-close-btn{top:1rem;right:1rem;width:42px;height:42px;border-radius:50%;background-color:var(--pop-yellow)!important;border:3px solid var(--ink)!important;color:var(--ink)!important;box-shadow:3px 4px 0 var(--ink)}.modal-close-btn:hover{background-color:var(--pop-pink)!important;transform:rotate(8deg) scale(1.06)}.modal-category{display:inline-block;padding:.05rem .6rem;background:linear-gradient(100deg,transparent 2%,var(--hl-pink) 4% 96%,transparent 98%);font-family:var(--font-caps);font-size:.95rem;font-weight:400;letter-spacing:.1em;color:var(--ink)}.modal-title{color:var(--ink);line-height:1.05}.modal-carousel-container{padding:8px;border:none;border-radius:0;background:#fff;box-shadow:5px 6px 0 var(--ink);transform:rotate(-.8deg)}.carousel-slide{height:440px}.carousel-nav-btn{background-color:var(--pop-yellow);border:3px solid var(--ink);color:var(--ink);box-shadow:3px 3px 0 var(--ink)}.carousel-nav-btn:hover{background-color:var(--pop-pink);box-shadow:3px 3px 0 var(--ink)}.carousel-indicators{background-color:var(--paper);border:2px solid var(--ink);border-radius:3px;box-shadow:2px 2px 0 var(--ink)}.carousel-dot{background:#bbb;border-radius:2px}.carousel-dot.active{background:var(--pop-pink)}.modal-desc-text{font-family:var(--font-caps);font-size:1.15rem;line-height:1.55;letter-spacing:.02em;color:#222}.modal-desc-text li:before{color:var(--pop-pink)}.modal-meta-sidebar{gap:1.1rem}.modal-meta-box{border:none;border-radius:2px;background-color:#fff3a3;box-shadow:4px 5px 0 var(--ink);transform:rotate(-1.2deg)}.modal-meta-box:nth-child(2){background-color:#ffc2dd;transform:rotate(1deg)}.modal-meta-box:nth-child(3){background-color:#c4f1ff;transform:rotate(-.8deg)}.modal-meta-box:nth-child(4){background-color:#e3d4ff;transform:rotate(1.2deg)}.modal-meta-box h5{font-family:var(--font-caps);font-size:.85rem;font-weight:400;letter-spacing:.12em;color:#555}.modal-meta-box p{font-family:var(--font-hand);font-size:1.35rem;font-weight:700;line-height:1.15;color:var(--ink)}.modal-goals-label{margin-bottom:.5rem;font-family:var(--font-caps);font-size:.85rem;font-weight:400;text-transform:uppercase;letter-spacing:.12em;color:#555}.unsdg-badge{border:2px solid var(--ink);border-radius:2px;box-shadow:2px 3px 0 var(--ink);font-family:var(--font-caps);font-weight:400;letter-spacing:.06em}@media(max-width:768px){.modal-overlay{padding:.6rem}.modal-body{padding:1.6rem 1.1rem 1.8rem}.modal-content{box-shadow:6px 7px 0 var(--ink)}.carousel-slide{height:260px}.modal-desc-text{font-size:1.05rem}.modal-meta-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.modal-meta-sidebar>:last-child{grid-column:1 / -1}}@media(max-width:480px){.carousel-slide{height:220px}}@media(max-width:1024px){.hero-right{order:1;justify-content:flex-end;margin-right:-2rem}.hero-leopard{width:74%;max-width:340px}.bubble-wrap{order:2;justify-self:start;width:88%;max-width:420px;margin:-3.5rem 0 0;z-index:3;transform:rotate(-2deg)}.bubble-tail{left:auto;right:12%;top:-36px;bottom:auto;width:46px;height:46px;clip-path:polygon(30% 0,100% 100%,0 100%)}.hero-sticker{order:3;margin:1.5rem 0 0 auto;max-width:86%}}@media(max-width:480px){.hero-right{margin-right:-1.25rem}}@media(max-width:768px){.specialties-grid{align-items:stretch}.specialty-panel{position:relative;display:flex;flex-direction:column;padding:6px 6px 0;background:var(--paper) url(/assets/textures/paper-grain.svg);box-shadow:4px 5px 0 var(--ink);transform:rotate(-1deg)}.specialties-grid>:nth-child(2n){transform:rotate(1deg)}.specialties-grid>:nth-child(n) .specialty-cutout,.specialty-cutout{margin-bottom:0;padding:0;background:none;box-shadow:none;transform:none}.specialties-grid>.specialty-panel:hover .specialty-cutout{transform:none}.specialty-panel .specialty-title{align-self:flex-start;margin:-.9rem 0 0 .4rem;position:relative;z-index:2}.specialty-note{flex:1;display:flex;flex-direction:column;justify-content:space-between;margin-top:0;padding:.5rem .4rem .7rem;background:none;box-shadow:none;transform:none}.specialty-note p{margin-bottom:.5rem}}.modal-overlay,.modal-content{overscroll-behavior:contain}.modal-content{-webkit-overflow-scrolling:touch}@media(max-width:768px){section:not(.hero-collage) .star,.about-paper .star,.about-skills .star,.notebook .star,.socials-strip .star{display:none}}:root:lang(tr){--font-marker: "Sedgwick Ave Display", "Segoe Print", cursive}