@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap";:root{color:oklch(20% .018 72);font-synthesis:none;text-rendering:optimizelegibility;--ink:oklch(20% .018 72);--muted:oklch(46% .025 72);--paper:oklch(98.5% .004 80);--honey:oklch(81.7% .161 75.1);--line:oklch(78% .025 72);background:oklch(98.5% .004 80);font-family:Poppins,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px;overflow-x:clip}body{min-width:320px;min-height:100vh;margin:0;overflow-x:clip}main{overflow-x:clip}a{color:inherit}.content{width:min(100% - 2.5rem,1200px);margin-inline:auto}.hero{--composition-width:100%;--hero-photo-size:clamp(5rem, 9vw, 8rem);--hero-identity-gap:clamp(1rem, 2vw, 1.75rem);height:calc(var(--stack-3-top-desktop) + 33.9286vw);color:oklch(13% .018 72);isolation:isolate;transition:color .45s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.hero[data-theme=dark]{color:oklch(97% .006 80)}.hero[data-theme=dark] small{color:oklch(78% .015 80)}.hero__background{z-index:0;background:#61afaf;position:absolute;inset:0}.hero[data-theme=dark] .hero__background{background:#090b0d}.hero__background-image{width:var(--composition-width);max-width:none;height:auto;transition:opacity .65s cubic-bezier(.22,1,.36,1);display:block;position:absolute;top:0;left:50%;transform:translate(-50%)}.hero__background-image--light{opacity:1}.hero__background-image--dark,.hero[data-theme=dark] .hero__background-image--light{opacity:0}.hero[data-theme=dark] .hero__background-image--dark{opacity:1}.hero__stack{top:var(--stack-top-desktop);pointer-events:none;transform:translate3d(0, var(--stack-parallax-y,0px), 0);will-change:transform;position:absolute;left:0;right:0}.hero__stack:after{background:var(--stack-fill);content:"";height:calc(100svh + 2px);transition:background-color .65s cubic-bezier(.22,1,.36,1);position:absolute;top:calc(100% - 1px);left:0;right:0}.hero__stack--1{z-index:2}.hero__stack--2{z-index:3}.hero__stack--3{z-index:6}.hero__stack--1{--stack-fill:#8bbeb5}.hero__stack--2{--stack-fill:#285942}.hero__stack--3{--stack-fill:#0e1c14}.hero[data-theme=dark] .hero__stack--1{--stack-fill:#203c2c}.hero[data-theme=dark] .hero__stack--2{--stack-fill:#0e1d18}.hero[data-theme=dark] .hero__stack--3{--stack-fill:#000}.hero__stack-image{width:var(--composition-width);max-width:none;height:auto;transition:opacity .65s cubic-bezier(.22,1,.36,1);display:block;position:absolute;top:0;left:50%;transform:translate(-50%)}.hero__stack-image--light{opacity:1;position:relative}.hero__stack-image--dark,.hero[data-theme=dark] .hero__stack-image--light{opacity:0}.hero[data-theme=dark] .hero__stack-image--dark{opacity:1}@media (width>=761px){.hero__layer{transform:translate3d(0, calc(var(--hero-content-offset-y) + var(--hero-scroll-offset,0px)), 0)}}.theme-toggle{z-index:7;aspect-ratio:1;width:3rem;color:inherit;cursor:pointer;background:0 0;border:2px solid;border-radius:50%;place-items:center;padding:0;transition:color .45s cubic-bezier(.22,1,.36,1),background-color .18s ease-out,transform .18s ease-out;display:grid;position:absolute;top:clamp(1.25rem,3vw,2.5rem);right:clamp(1.25rem,3vw,2.5rem)}.theme-toggle:hover{background:color-mix(in oklch, currentColor 12%, transparent);transform:rotate(8deg)}.theme-toggle:focus-visible{outline:3px solid var(--honey);outline-offset:4px}.theme-toggle svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:1.35rem}.hero__content{grid-template-columns:minmax(0,1fr) minmax(14rem,.65fr);align-items:center;height:100%;padding-block:clamp(3rem,7vw,7rem);display:grid;position:absolute;inset:0}.hero__layer{grid-area:1/1/auto/-1;grid-template-columns:subgrid;height:100%;opacity:var(--hero-content-opacity,1);will-change:transform, opacity;align-items:center;display:grid}.hero[data-content-hidden] .hero__layer{pointer-events:none}.hero__menu-layer{z-index:1}.hero__photo-layer{z-index:4;pointer-events:none}.hero__name-layer{z-index:2;pointer-events:none}.hero__menu-layer nav{grid-column:2}.hero__photo-layer .hero__photo{grid-column:1;justify-self:start}.hero__name-layer .hero__name{margin-left:calc(var(--hero-photo-size) + var(--hero-identity-gap));grid-column:1}.hero__photo{width:var(--hero-photo-size);aspect-ratio:1;object-fit:cover;border:2px solid;border-radius:50%;display:block}small{color:var(--muted);letter-spacing:.12em;font-size:.8rem;font-weight:700}h1{letter-spacing:-.04em;text-wrap:balance;max-width:9ch;margin:.5rem 0 0;font-size:clamp(3rem,7vw,6rem);line-height:.9}nav{flex-direction:column;align-items:flex-start;gap:.35rem;display:flex}nav a{font-size:clamp(1.55rem,3vw,2.8rem);font-weight:700;line-height:1.15;text-decoration:none}nav a:before{content:"—";margin-right:.65rem;transition:transform .18s ease-out;display:inline-block}nav a:hover:before,nav a:focus-visible:before{transform:translate(.35rem)}a:focus-visible{outline:3px solid var(--honey);outline-offset:5px}.about,.technologies,.projects{padding-block:clamp(5rem,10vw,9rem)}.about{z-index:8;isolation:isolate;grid-template-columns:minmax(0,1.4fr) minmax(14rem,.6fr);gap:clamp(3rem,7vw,8rem);display:grid;position:relative}.about:before{z-index:-1;background:var(--paper);content:"";width:100vw;position:absolute;inset:0 50%;transform:translate(-50%)}h2{letter-spacing:-.04em;margin:.5rem 0 0;font-size:clamp(3.5rem,9vw,7.5rem);line-height:.88}.lead{text-wrap:pretty;max-width:34ch;margin:2.5rem 0;font-size:clamp(1.3rem,2.4vw,2rem);line-height:1.35}.contact-link{text-underline-offset:.35rem;font-weight:800}aside{align-self:end}aside h3{border-top:1px solid var(--line);margin:1.5rem 0 .4rem;padding-top:1.5rem}aside p{color:var(--muted);margin:0;line-height:1.5}.download-button{border:2px solid var(--ink);border-radius:999px;justify-content:space-between;align-items:center;gap:2rem;width:100%;margin-top:1.25rem;padding:.9rem 1rem;font-weight:800;text-decoration:none;transition:background-color .18s ease-out,color .18s ease-out;display:flex}.download-button:hover{color:var(--paper);background:var(--ink)}.section-title{margin-bottom:clamp(2rem,5vw,4rem)}.technologies ul{flex-wrap:wrap;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.technologies li{border:2px solid;border-radius:999px;padding:.8rem 1.2rem;font-weight:800}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2.5rem,6vw,6rem) clamp(1.5rem,4vw,4rem);display:grid}.project-card h3{letter-spacing:-.03em;margin:.8rem 0 1.25rem;font-size:clamp(1.5rem,3vw,2.5rem)}.project-card>p{color:var(--muted);margin:.8rem 0 0;font-weight:700}.project-card__meta{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;padding-top:.75rem;font-size:.85rem;display:flex}.project-card__visual{background:oklch(93% .015 75);border-radius:14px;place-items:end center;min-height:22rem;display:grid;position:relative;overflow:hidden}.device-mockup{background:oklch(18% .01 72);position:relative}.device-mockup__screen{background:oklch(88% .01 72);overflow:hidden}.device-mockup__screen img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.device-mockup__screen span{color:oklch(42% .015 72);text-align:center;place-items:center;width:100%;height:100%;padding:1rem;font-size:.8rem;font-weight:700;display:grid}.visual--phone .device-mockup{border-radius:2rem 2rem 0 0;width:min(48%,13rem);height:88%;padding:.6rem .6rem 0}.visual--phone .device-mockup:before{content:"";z-index:1;background:oklch(34% .01 72);border-radius:999px;width:32%;height:.35rem;position:absolute;top:.7rem;left:50%;transform:translate(-50%)}.visual--phone .device-mockup__screen{border-radius:1.45rem 1.45rem 0 0;height:100%}.visual--desktop{padding:3rem 2rem 0}.visual--desktop .device-mockup{border-radius:.85rem .85rem 0 0;width:min(92%,34rem);padding:.65rem .65rem 0}.visual--desktop .device-mockup:after{content:"";aspect-ratio:1;background:oklch(45% .01 72);border-radius:50%;width:.3rem;position:absolute;top:.25rem;left:50%;transform:translate(-50%)}.visual--desktop .device-mockup__screen{aspect-ratio:16/10;border-radius:.35rem .35rem 0 0}@media (width<=760px){.hero{--composition-width:calc(294.737svh - 117.895px);height:100svh}.hero__stack{top:var(--stack-top-mobile)}.hero__content{grid-template-rows:auto auto;grid-template-columns:1fr;align-content:center;gap:3rem}.hero__layer{grid-column:1;height:auto}.hero__menu-layer{transform:translate3d(0, calc(var(--hero-scroll-offset,0px) + var(--mobile-hero-menu-offset-y)), 0)}.hero__photo-layer{transform:translate3d(0, calc(var(--hero-scroll-offset,0px) + var(--mobile-hero-photo-offset-y)), 0)}.hero__name-layer{transform:translate3d(0, calc(var(--hero-scroll-offset,0px) + var(--mobile-hero-name-offset-y)), 0)}.hero__photo-layer,.hero__name-layer{grid-row:1}.hero__menu-layer{grid-row:2}.hero__menu-layer nav{grid-column:1}.about,.project-grid{grid-template-columns:1fr}.about{gap:3.5rem}}@media (width<=460px){.hero{--hero-photo-size:4rem}.hero__photo{width:var(--hero-photo-size)}h1{font-size:clamp(2.5rem,14vw,4rem)}}@media (prefers-reduced-motion:reduce){.hero__stack,.hero__layer{will-change:auto}html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important}.theme-toggle:hover{transform:none}}