.site-header{z-index:100;background:#161616f5;padding-block:1.45rem;transition:padding .25s,box-shadow .25s;position:fixed;inset-block-start:0;inset-inline:0}.site-header.is-scrolled{box-shadow:0 1px 0 var(--home-line);padding-block:.85rem}.site-header-inner{justify-content:space-between;align-items:center;gap:2rem;display:flex}.site-brand{align-items:center;gap:.8rem;font-size:.875rem;font-weight:500;display:flex}.brand-monogram{font-family:var(--font-heading);letter-spacing:-.14em;justify-content:center;align-items:baseline;padding-inline:.1rem;font-size:2rem;font-weight:700;line-height:1.2;display:flex}.brand-monogram>span{color:var(--home-lavender)}.site-desktop-nav{gap:2.4rem;display:flex}.site-desktop-nav a{color:var(--home-muted);font-size:.875rem;transition:color .2s}.site-desktop-nav a:hover{color:var(--home-ink)}.site-header-actions{align-items:center;gap:1rem;display:flex}.site-contact-link{border-block-end:1px solid var(--home-lavender);align-items:center;gap:.8rem;padding-block:.35rem;font-size:.875rem;display:inline-flex}.contact-label-compact{display:none}.site-contact-link:hover{color:var(--home-lavender)}.site-menu-toggle{border:1px solid var(--home-line);cursor:pointer;background:0 0;border-radius:50%;place-items:center;block-size:2.75rem;inline-size:2.75rem;padding:0;display:none}.site-mobile-nav{border-block-end:1px solid var(--home-line);padding:.9rem 1.25rem 1.5rem}.site-mobile-nav a{border-block-start:1px solid var(--home-line);justify-content:space-between;align-items:center;padding:1rem 0;font-size:1.5rem;display:flex}@media (width>=48rem){.site-mobile-nav{display:none}}@media (width<=767px){.site-desktop-nav{display:none}.site-contact-link{display:none!important}.site-menu-toggle{z-index:102;color:#f2edf4;background:#242029;flex:0 0 2.5rem;inset-block-start:.75rem;inset-inline-end:1rem;display:grid!important;position:fixed!important}.site-header{padding-block:1rem}.site-header-inner{inline-size:100%;width:100%;gap:.7rem;max-inline-size:none;padding-inline:1.25rem}.site-header-actions{flex:none;gap:.5rem}}@media (width<36rem){.site-brand{gap:.55rem;font-size:.8rem}.brand-monogram{font-size:1.7rem}.site-contact-link{gap:.3rem;font-size:.8rem}.contact-label-full{display:none}.contact-label-compact{display:inline}}.portfolio-home{--home-ink:#f2edf4;--home-muted:#aca7af;--home-accent:#6d44d1;--home-accent-hover:#7d56e0;--home-lavender:#a78bf2;--home-line:#f4e7ff24;--container-max-width:1280px;background:#161616}.portfolio-home .container{inline-size:min(100% - 6rem, var(--container-max-width))}.portfolio-home main>section{scroll-margin-block-start:6rem}.portfolio-home .home-section{padding-block:6.5rem}.home-button{border:1px solid var(--home-accent);background:var(--home-accent);color:#fff;border-radius:3rem;justify-content:center;align-items:center;gap:1.4rem;min-block-size:3rem;padding:.8rem 1.2rem;font-size:.875rem;font-weight:600;transition:background .2s,color .2s;display:inline-flex}.home-button:hover{background:var(--home-accent-hover);border-color:var(--home-accent-hover)}.home-text-link{border-block-end:1px solid var(--home-line);align-items:center;gap:.7rem;padding-block:.4rem;font-size:.875rem;display:inline-flex}.home-text-link:hover{color:var(--home-lavender);border-color:var(--home-lavender)}.home-section-title{letter-spacing:-.055em;font-size:clamp(2.2rem,4vw,3.5rem);font-weight:500;line-height:1.1}.home-section-label{color:var(--home-lavender);align-items:center;gap:.7rem;margin-block-end:1.3rem;font-size:.875rem;display:flex}.home-section-label:before{content:"";border:1px solid;border-radius:50%;block-size:.4rem;inline-size:.4rem}.portfolio-home .skip-link{color:#fff}.portfolio-home :is(.lab-toolbar,.lab-inspect,.lab-caption p,.lab-experiment,.intervalo-art-footer,.intervalo-clock>p,.intervalo-status,.intervalo-session-picker button,.project-tags li,.project-title-row>span,.project-action,.projects-index>span,.projects-filters button,.project-image-label,.site-footer-inner,.hero-footnote,.hero-title-note,.site-contact-link),.portfolio-home .project-desc{font-size:.875rem}.portfolio-home .intervalo-session-picker button,.portfolio-home .lab-inspect,.portfolio-home .projects-filters button,.portfolio-home .intervalo-play,.portfolio-home .intervalo-reset{min-block-size:2.75rem}.portfolio-home .intervalo-reset{flex-basis:2.75rem}@media (width<64rem){.portfolio-home .container{inline-size:calc(100% - 3rem)}}@media (width<36rem){.portfolio-home .container{inline-size:calc(100% - 2.5rem)}.portfolio-home .home-section{padding-block:4rem}.home-button{min-block-size:2.8rem;font-size:.875rem}}
