@import url("https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;700;800&family=Nunito+Sans:opsz,wght@6..12,400;6..12,600;6..12,800;6..12,900&display=swap");:root{--radius:0.5rem;--background:oklch(0.972 0.018 83);--foreground:oklch(0.25 0.035 46);--card:oklch(0.49 0.055 49);--card-foreground:oklch(0.975 0.015 79);--primary:oklch(0.35 0.04 45);--primary-foreground:oklch(0.97 0.02 83);--secondary:oklch(0.9 0.045 80);--muted-foreground:oklch(0.46 0.03 49);--accent:oklch(0.68 0.12 87);--accent-foreground:oklch(0.26 0.035 46);--border:oklch(0.72 0.045 68);--shadow-soft:oklch(0.66 0.04 62)}*{box-sizing:border-box;border-color:var(--border)}html{scroll-behavior:smooth}body{margin:0;background:var(--background);color:var(--foreground);font-family:Nunito Sans,sans-serif;letter-spacing:0}a{color:inherit;text-decoration:none}svg{width:1.15em;height:1.15em}a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.page{min-height:100vh;overflow:hidden;background:var(--background);color:var(--foreground)}.site-header{position:fixed;inset:0 0 auto;z-index:50;border-bottom:1px solid color-mix(in oklch,var(--border) 70%,transparent);background:color-mix(in oklch,var(--background) 90%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nav-wrap{max-width:72rem;height:5rem;margin:auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between}.hero-title,.logo,.project-title,.project-visual b,.project-visual span,.section-title,.skill-card h3,.statement-band p{font-family:Baloo\ 2,sans-serif}.logo{color:var(--primary);font-size:1.5rem;font-weight:900;line-height:1}.accent-text{color:var(--accent)}.nav-links{display:flex;align-items:center;gap:2rem;font-size:.875rem;font-weight:800}.nav-link{position:relative;transition:color .2s ease}.nav-link:hover{color:var(--accent)}.nav-link:after{content:"";position:absolute;left:0;right:100%;bottom:-5px;height:2px;background:var(--accent);transition:right .2s ease}.nav-link:hover:after{right:0}.button{display:inline-flex;min-height:2.75rem;align-items:center;justify-content:center;gap:.5rem;border:2px solid var(--primary);border-radius:999px;padding:.65rem 1.75rem;font-weight:800;transition:transform .2s ease,background .2s ease}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--primary);color:var(--primary-foreground)}.button-outline{background:transparent;color:var(--primary)}.cv-button{padding-inline:1.25rem}.hero-section{position:relative;padding-top:5rem;background-image:radial-gradient(circle at 18% 14%,color-mix(in oklch,var(--accent) 17%,transparent),transparent 30%)}.hero-inner{max-width:72rem;min-height:740px;margin:auto;padding:3.5rem 2rem 5rem;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;grid-gap:2rem;gap:2rem}.hero-copy{position:relative;z-index:10;max-width:42rem}.intro{margin:0 0 .75rem;font-size:1.5rem;font-weight:500}.hero-title{margin:0;color:var(--primary);font-size:6rem;font-weight:900;line-height:.94}.hero-role{margin:1.25rem 0 0;font-size:1.25rem;font-weight:900}.hero-description{max-width:36rem;margin:1.25rem 0 0;color:var(--muted-foreground);font-size:1.125rem;line-height:1.75}.button-row{margin-top:2rem;display:flex;flex-wrap:wrap;gap:1rem}.portrait-stage{position:relative;min-height:540px;display:flex;align-items:center;justify-content:center}.portrait-ring{position:absolute;width:82%;aspect-ratio:1;border-radius:50%;border:3px solid var(--primary);background:var(--accent);box-shadow:20px 18px 0 var(--secondary)}.hero-portrait{position:relative;z-index:1;width:min(82%,430px);aspect-ratio:4/5;object-fit:cover;object-position:center;border-radius:48% 48% 8px 8px;border:6px solid var(--background);filter:saturate(.9) contrast(1.03)}.float-note{position:absolute;z-index:2;border:2px solid var(--primary);border-radius:999px;background:var(--background);padding:.55rem 1rem;font-weight:900;box-shadow:4px 4px 0 var(--shadow-soft)}.note-one{left:0;top:28%;transform:rotate(-8deg)}.note-two{right:0;bottom:18%;transform:rotate(7deg)}.scroll-cue{position:absolute;left:50%;bottom:1.5rem;display:grid;width:44px;height:44px;transform:translateX(-50%);place-items:center;border:2px solid var(--primary);border-radius:50%;animation:bob 1.8s ease-in-out infinite}.section-band{padding:6.5rem 0}.secondary{background:var(--secondary)}.about-inner,.section-inner{max-width:72rem;margin:auto;padding:0 2rem}.about-inner{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;grid-gap:3rem;gap:3rem}.eyebrow{margin:0;color:var(--accent);font-size:.78rem;font-weight:900;text-transform:uppercase}.section-title{margin:.25rem 0 0;font-size:clamp(2.6rem,6vw,4.4rem);line-height:1;font-weight:900}.about-frame{position:relative;max-width:410px;justify-self:center}.about-frame:before{content:"";position:absolute;inset:18px -18px -18px 18px;border-radius:var(--radius);background:var(--primary)}.about-frame img{position:relative;display:block;width:100%;aspect-ratio:1;object-fit:cover;border:3px solid var(--primary);border-radius:var(--radius)}.about-paragraph{margin:1rem 0 0;color:var(--muted-foreground);font-size:1.125rem;line-height:2}.about-paragraph.first{margin-top:1.5rem}.pill-row{margin-top:2rem;display:flex;flex-wrap:wrap;gap:.75rem}.soft-pill{border:1px solid var(--primary);border-radius:999px;padding:.5rem .85rem;font-size:.82rem;font-weight:800;background:var(--background)}.center{text-align:center}.skills-grid{margin-top:3rem;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1.25rem;gap:1.25rem}.skill-card{min-height:255px;border:2px solid var(--primary);border-radius:var(--radius);background:var(--card);color:var(--card-foreground);padding:1.6rem;box-shadow:7px 7px 0 var(--shadow-soft);transition:transform .2s ease,box-shadow .2s ease}.skill-card:hover{transform:translateY(-5px);box-shadow:9px 12px 0 var(--shadow-soft)}.skill-icon{display:grid;width:50px;height:50px;place-items:center;border-radius:50%;background:var(--accent);color:var(--accent-foreground)}.skill-card h3{margin:1.25rem 0 0;font-size:1.65rem;font-weight:900}.skill-card p{margin:.6rem 0 0;line-height:1.65;opacity:.84}.projects-grid{margin-top:3rem;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.5rem;gap:1.5rem}.project-card{overflow:hidden;border:2px solid var(--primary);border-radius:var(--radius);background:var(--card);color:var(--card-foreground);box-shadow:8px 8px 0 var(--shadow-soft)}.project-visual{height:250px;display:flex;align-items:center;justify-content:center;gap:1rem;border-bottom:2px solid var(--primary);background:var(--background);color:var(--primary);overflow:hidden}.project-visual>svg{width:70px;height:70px;stroke-width:1.4}.project-visual b,.project-visual span{display:block;font-size:1.5rem;font-weight:900}.project-visual b{font-size:2.4rem}.project-content{padding:1.75rem}.project-tag{margin:0;color:var(--accent);font-size:.75rem;font-weight:900;text-transform:uppercase}.project-title{margin:.5rem 0 0;font-size:1.5rem;font-weight:900}.project-description{margin:.75rem 0 0;line-height:1.75;opacity:.8}.project-link{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.25rem;border-bottom:2px solid var(--accent);padding-bottom:2px;font-weight:900}.project-link:hover span{transform:translateX(4px)}.project-link span{transition:transform .2s ease}.visual-analysis,.visual-bikes{background:var(--accent)}.mini-bars{display:flex;height:100px;align-items:end;gap:8px}.mini-bars i{display:block;width:16px;background:var(--primary);border-radius:2px 2px 0 0}.mini-bars i:first-child{height:30%}.mini-bars i:nth-child(2){height:55%}.mini-bars i:nth-child(3){height:42%}.mini-bars i:nth-child(4){height:82%}.mini-bars i:nth-child(5){height:100%}.dashboard-grid{display:grid;width:180px;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px;transform:rotate(-3deg)}.dashboard-grid i{height:64px;border:3px solid var(--primary);background:var(--secondary)}.visual-airbnb{flex-direction:column;background:var(--secondary)}.map-dots{font-size:3.4rem;line-height:.6;color:var(--accent);transform:rotate(-7deg)}.book-shape{display:flex;gap:4px;transform:perspective(200px) rotateX(8deg)}.book-shape i{display:block;width:90px;height:110px;border:3px solid var(--primary);background:var(--secondary)}.book-shape i:first-child{border-radius:8px 0 0 8px;transform:skewY(6deg)}.book-shape i:last-child{border-radius:0 8px 8px 0;transform:skewY(-6deg)}.statement-band{padding:4rem 1.25rem;background:var(--primary);color:var(--primary-foreground);text-align:center}.statement-band p{margin:auto;max-width:850px;font-size:clamp(1.75rem,4vw,3rem);line-height:1.2;font-weight:800}.contact-inner{max-width:48rem;margin:auto;padding:0 2rem;text-align:center}.contact-copy{max-width:42rem;margin:1.25rem auto 0;color:var(--muted-foreground);font-size:1.125rem;line-height:2}.centered{justify-content:center}.footer{border-top:1px solid var(--border);padding:1.75rem;color:var(--muted-foreground);font-size:.875rem;text-align:center}@keyframes rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes bob{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,7px)}}.animate-rise{animation:rise .7s ease-out both}.animate-rise-delayed{animation:rise .7s ease-out .14s both}@media (max-width:1023px){.hero-inner{grid-template-columns:1fr;padding-bottom:6rem}.hero-title{font-size:4.5rem}.portrait-stage{min-height:500px;max-width:560px;width:100%;margin:auto}.about-inner{grid-template-columns:1fr}.skills-grid{grid-template-columns:repeat(2,1fr)}.projects-grid{grid-template-columns:1fr}}@media (max-width:639px){.nav-wrap{padding-inline:1.25rem}.nav-links{display:none}.cv-button{padding-inline:.9rem}.about-inner,.contact-inner,.hero-inner,.section-inner{padding-left:1.25rem;padding-right:1.25rem}.hero-title{font-size:3.75rem}.intro{font-size:1.25rem}.section-band{padding:4.5rem 0}.portrait-stage{min-height:410px}.hero-portrait{width:78%}.float-note{font-size:.75rem}.skills-grid{grid-template-columns:1fr}.project-visual{height:210px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}