@charset "UTF-8";.hero{grid-area:header;display:flex;flex-direction:column;gap:1.4rem}.hero__name{font-size:clamp(3rem,11vw,9rem);font-weight:800;line-height:.82;letter-spacing:-.04em;color:var(--color-accent);text-shadow:0 0 60px var(--color-accent-glow);width:fit-content}.hero__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.6em;font-size:max(var(--fs-floor),.8rem);letter-spacing:.26em;padding-left:.25rem}.hero__dot{color:var(--color-accent-soft)}.hero__socials{margin-top:.6rem}.bio{grid-area:bio;max-width:36rem}.bio__text{font-size:1.08rem;line-height:1.75;color:var(--color-text);text-wrap:pretty}.bio__text .accent{color:var(--color-accent);font-weight:500}.skills{grid-area:skills;display:flex;flex-direction:column;gap:1.4rem}.skills__list{list-style:none;display:flex;flex-direction:column;gap:.2rem}.skill{display:flex;align-items:center;gap:.85rem;padding:.5rem .4rem;border-radius:var(--radius-sm);transition:background .2s}.skill:hover{background:var(--color-surface)}.skill:hover .skill__icon{transform:translateY(-1px)}.skill__icon{display:grid;place-items:center;flex-shrink:0;width:1.7rem;height:1.7rem;transition:transform .2s var(--ease-out)}.skill__icon svg{width:100%;height:100%}.skill__name{color:var(--color-text-title);font-weight:500;white-space:nowrap}.skill__leader{flex:1;align-self:center;height:2px;opacity:.45;background-image:radial-gradient(circle,var(--color-border-strong) 1px,transparent 1.5px);background-size:.7rem 2px;background-position:center;background-repeat:repeat-x}.skill__kind{flex-shrink:0}.stuff{grid-area:pages;display:flex;flex-direction:column;gap:1.4rem;container-type:inline-size}.stuff__grid{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:1.1rem}@container (width < 28rem){.stuff__grid{grid-template-columns:1fr}}.card{--hue: 200;position:relative;border-radius:var(--radius);background:radial-gradient(140% 120% at 100% 0%,hsl(var(--hue),45%,22%,.55),transparent 60%),var(--color-surface);border:1px solid var(--color-border);overflow:hidden;transition:transform .4s var(--ease-out),border-color .3s,box-shadow .4s var(--ease-out)}.card__link{display:flex;flex-direction:column;justify-content:flex-end;min-height:9.5rem;height:100%;padding:1.25rem}.card__media{position:absolute;inset:0;pointer-events:none}.card__media:after{content:"";position:absolute;inset:0;background:linear-gradient(to right,hsl(var(--hue),20%,5%,.6) 0%,hsl(var(--hue),20%,5%,.3) 45%,transparent 80%),linear-gradient(to top,hsl(var(--hue),20%,5%,.4) 0%,transparent 58%)}.card__image{position:absolute;top:-6%;right:0;width:100%;height:112%;padding-left:34%;object-fit:contain;object-position:100% 50%;filter:drop-shadow(0 12px 30px hsl(var(--hue),60%,10%,.7));mask-image:radial-gradient(105% 105% at 0% 100%,#00000040 62%,#000 94%);transition:transform .5s var(--ease-out),filter .4s}.card__image--projects{top:-2%;height:104%}.card__image--fumo{top:-3%;height:106%;mask-image:radial-gradient(100% 100% at 0% 100%,transparent 58%,#000 90%)}.card__image--music{top:0;height:100%}.card__image--uses{top:-2%;height:104%}.card__body{position:relative;display:flex;flex-direction:column;gap:.35rem;max-width:68%;text-shadow:0 1px 14px hsl(var(--hue),25%,4%,.9)}.card__name{font-size:1.7rem;font-weight:700}.card__desc{font-size:.9rem;line-height:1.45;color:var(--color-text-muted)}.card__sep{color:var(--color-text-faint)}.card__meta{white-space:nowrap;color:hsl(var(--hue),30%,68%)}.card__arrow{position:absolute;bottom:1.25rem;right:1.25rem;font-size:1.1rem;color:hsl(var(--hue),50%,65%);opacity:0;transform:translate(-6px);transition:opacity .3s,transform .3s var(--ease-out)}.card:hover{transform:translateY(-4px);border-color:hsl(var(--hue),45%,40%);box-shadow:0 18px 40px -22px hsl(var(--hue),60%,30%,.8)}.card:hover .card__image{transform:scale(1.06) rotate(-2deg);filter:drop-shadow(0 16px 36px hsl(var(--hue),60%,12%,.85))}.card:hover .card__image--uses{transform:scale(1.05)}.card:hover .card__arrow{opacity:1;transform:translate(0)}@container (width < 26rem){.card__link{min-height:8rem}}.home{display:grid;grid-template-columns:1fr auto;grid-template-areas:"content aside";min-height:100dvh}.home__content{grid-area:content;display:grid;grid-template-rows:auto 1fr;grid-template-areas:"header" "main";align-content:start;gap:clamp(1.5rem,3.2vh,3rem);padding:clamp(1.5rem,3vw,3.25rem) clamp(1.5rem,3.5vw,4rem);min-width:0}.home__main{grid-area:main;display:grid;grid-template-columns:minmax(10rem,.8fr) 1.6fr;grid-template-areas:"bio bio" "skills pages";align-content:start;gap:clamp(1.75rem,3vh,3rem) clamp(2rem,3.5vw,3.5rem)}@media(width>=1100px){.home{height:100dvh;overflow:hidden}}@media(width<1100px){.home{grid-template-columns:1fr;grid-template-areas:"content"}}@media(width<640px){.home__main{grid-template-columns:1fr;grid-template-areas:"bio" "skills" "pages"}}.home--animate .hero__name{animation:rise .85s var(--ease-out) backwards}.home--animate .hero__meta{animation:rise .7s var(--ease-out) .12s backwards}.home--animate .hero__socials{animation:rise .7s var(--ease-out) .2s backwards}.home--animate .bio{animation:rise .7s var(--ease-out) .3s backwards}.home--animate .skills>.label{animation:rise .6s var(--ease-out) .38s backwards}.home--animate .skills__list .skill:nth-child(1){animation:rise .55s var(--ease-out) .47s backwards}.home--animate .skills__list .skill:nth-child(2){animation:rise .55s var(--ease-out) .52s backwards}.home--animate .skills__list .skill:nth-child(3){animation:rise .55s var(--ease-out) .57s backwards}.home--animate .skills__list .skill:nth-child(4){animation:rise .55s var(--ease-out) .62s backwards}.home--animate .skills__list .skill:nth-child(5){animation:rise .55s var(--ease-out) .67s backwards}.home--animate .skills__list .skill:nth-child(6){animation:rise .55s var(--ease-out) .72s backwards}.home--animate .skills__list .skill:nth-child(7){animation:rise .55s var(--ease-out) .77s backwards}.home--animate .skills__list .skill:nth-child(8){animation:rise .55s var(--ease-out) .82s backwards}.home--animate .stuff>.label{animation:rise .6s var(--ease-out) .46s backwards}.home--animate .stuff__grid .card:nth-child(1){animation:rise .6s var(--ease-out) .63s backwards}.home--animate .stuff__grid .card:nth-child(2){animation:rise .6s var(--ease-out) .72s backwards}.home--animate .stuff__grid .card:nth-child(3){animation:rise .6s var(--ease-out) .81s backwards}.home--animate .stuff__grid .card:nth-child(4){animation:rise .6s var(--ease-out) .9s backwards}.home--animate .aside__signature{animation:aside-signature-in 1.4s ease .35s both}.home--animate .aside--hero .aside__figure{animation:figure-in 1.1s var(--ease-out) .1s both}