.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}:root{color-scheme:light;--font-serif:"Fraunces", Georgia, serif;--font-sans:"Inter Tight", system-ui, sans-serif;--color-bg-base:#f2efea;--color-bg:var(--color-bg-base);--color-text:#1c1416;--color-text-muted:#5c5157;--color-border:#dcd5cc;--color-accent:#7a2e63;--color-candle:#e8b45a;--color-surface:#e4ded6;--glass-specular:#ffffffd9;--sheet-glass:#f6f3eed1;--phone-frame:#1c1416;--phone-screen:#f6f1ea;--matcha:#8cc63f;--matcha-foam:#d3ec9c;--ease-out:cubic-bezier(.2, .7, .2, 1);--transition:all .4s var(--ease-out);--transition-mode:background-color .4s ease, color .4s ease;--duration-fast:.3s;--duration-normal:.45s;--duration-slow:.6s;--duration-slower:.8s;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:2rem;--spacing-lg:3rem;--spacing-xl:6rem;--gutter:clamp(1rem, 5vw, 4rem);--max-width:max(85rem, 82vw);--radius-sm:.625rem;--radius-card:1.375rem;--radius-pill:999px;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:clamp(1rem, .95rem + .3vw, 1.125rem);--text-h3:clamp(1.25rem, 1.1rem + .6vw, 1.5rem);--text-h2:clamp(2rem, 1.6rem + 1.6vw, 3rem);--text-hero:clamp(2.5rem, 1.2rem + 5vw, 5.5rem)}html.dark-mode{color-scheme:dark;--color-bg-base:#1c1416;--color-bg:var(--color-bg-base);--color-text:#f2efea;--color-text-muted:#bdb0b6;--color-border:#3a2e33;--color-accent:#d9a3cb;--color-surface:#2a2024;--glass-specular:#f2efea52;--sheet-glass:#241b1ecc}html[data-wash]{--color-bg:color-mix(in srgb, var(--wash) 18%, var(--color-bg-base))}html[data-wash=qonto]:not(.dark-mode){--color-bg:color-mix(in srgb, #7a5c45 18%, var(--color-bg-base))}html{scroll-behavior:smooth;background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;transition:background-color var(--duration-slower) ease}html,body{font-family:var(--font-sans);margin:0;font-weight:400}html{font-size:clamp(100%,.4rem + .6vw,140%)}body{background-color:var(--color-bg);color:var(--color-text);transition:background-color var(--duration-slower) ease, color .4s ease;font-size:1rem;line-height:1.6}*,:before,:after{box-sizing:border-box}img{max-width:100%;height:auto;display:block}main{width:100%;max-width:var(--max-width);padding:0 var(--gutter) var(--spacing-xl);margin:0 auto}h1,h2,h3{font-family:var(--font-serif);font-optical-sizing:auto;margin:0;font-weight:400;line-height:1.08}h1 em,h2 em,h3 em{color:var(--color-accent);font-style:italic}p{margin:0}.muted{color:var(--color-text-muted)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.label{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text-muted);margin:var(--spacing-xl) 0 var(--spacing-sm);display:block}.page-title{font-size:var(--text-h2);margin-top:var(--spacing-md)}.page-intro{color:var(--color-text-muted);font-size:var(--text-lg);margin-top:var(--spacing-xs);text-wrap:pretty;max-width:60ch}a{color:inherit;-webkit-tap-highlight-color:transparent;text-decoration:none}.link{color:var(--color-accent);transition:background-size var(--duration-normal) var(--ease-out);background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0% 1px}.link:hover{background-size:100% 1px}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:4px}ul,ol{margin:0;padding:0;list-style:none}.btn{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-bg);background-color:var(--color-text);border:1px solid var(--color-text);border-radius:var(--radius-pill);cursor:pointer;transition:var(--transition);-webkit-tap-highlight-color:transparent;align-items:center;gap:.4em;padding:.65em 1.3em;font-weight:500;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn-outline{color:var(--color-text);background-color:#0000;border-width:.5px}.rows{border-bottom:.5px solid var(--color-border)}.row{justify-content:space-between;gap:var(--spacing-sm);border-top:.5px solid var(--color-border);font-size:var(--text-sm);padding:.7rem 0;display:flex}.row>:last-child{color:var(--color-text-muted);text-align:right}@media (width<=768px){.label{margin-top:var(--spacing-lg)}.row{flex-direction:column;gap:.1rem}.row>:last-child{text-align:left}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes settle{0%{opacity:0;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}.animate-fade-in-up{opacity:0;animation:fadeInUp var(--duration-slow) var(--ease-out) forwards}.animate-fade-in{opacity:0;animation:fadeIn var(--duration-slower) ease-out forwards}.animate-settle{opacity:0;animation:settle 1s var(--ease-out) forwards}.is-arriving :is(.animate-fade-in-up,.animate-fade-in,.animate-settle){opacity:1;animation:none}.animate-delay-1{animation-delay:80ms}.animate-delay-2{animation-delay:.16s}.animate-delay-3{animation-delay:.24s}.animate-delay-4{animation-delay:.32s}.animate-delay-5{animation-delay:.4s}[data-reveal]{opacity:0;transition:opacity var(--duration-slow) var(--ease-out), transform var(--duration-slow) var(--ease-out);transform:translateY(12px)}[data-reveal].is-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}[data-reveal]{opacity:1;transform:none}}@media (width<=900px){header:before{content:"";z-index:998;background:color-mix(in srgb, var(--color-bg) 55%, transparent);backdrop-filter:blur(16px);opacity:0;pointer-events:none;height:100lvh;transition:opacity .35s;position:fixed;inset:0 0 auto}html.menu-open header:before{opacity:1}header{height:4.5rem;padding-top:0;padding-bottom:0}header .desktop-nav,header .desktop-toggle{display:none!important}.mobile-burger{display:block}.menu{display:flex}}@media (width>=901px){.mobile-burger,.menu{display:none!important}}.banner{flex-direction:column;min-height:calc(100svh - 4.5rem);display:flex}.banner-content{padding:var(--spacing-md) 0;flex:1;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:center;gap:clamp(1.5rem,4vw,4rem);display:grid}.banner-eyebrow{font-size:var(--text-sm);color:var(--color-text-muted);align-items:center;gap:.6rem;display:inline-flex}.candle-dot{background:var(--color-candle);width:.5rem;height:.5rem;box-shadow:0 0 0 4px color-mix(in srgb, var(--color-candle) 30%, transparent);border-radius:50%;animation:6s ease-in-out infinite candleFlicker}@keyframes candleFlicker{0%,to{opacity:1;box-shadow:0 0 0 4px color-mix(in srgb, var(--color-candle) 30%, transparent), 0 0 8px 2px color-mix(in srgb, var(--color-candle) 35%, transparent)}18%{opacity:.85;box-shadow:0 0 0 3px color-mix(in srgb, var(--color-candle) 22%, transparent), 0 0 6px 1px color-mix(in srgb, var(--color-candle) 25%, transparent)}24%{opacity:.95}50%{opacity:1;box-shadow:0 0 0 6px color-mix(in srgb, var(--color-candle) 18%, transparent), 0 0 14px 4px color-mix(in srgb, var(--color-candle) 40%, transparent)}72%{opacity:.9;box-shadow:0 0 0 4px color-mix(in srgb, var(--color-candle) 26%, transparent), 0 0 9px 2px color-mix(in srgb, var(--color-candle) 30%, transparent)}}.banner h1{font-size:var(--text-hero);letter-spacing:-.02em;margin:1rem 0 1.25rem;line-height:1.02}.banner-description{font-size:var(--text-lg);color:var(--color-text-muted);max-width:42ch;margin-bottom:1.75rem}.banner-portrait{aspect-ratio:4/5;border-radius:var(--radius-sm);justify-self:end;width:100%;max-height:70svh;overflow:hidden}.banner-portrait img{object-fit:cover;width:100%;height:100%}.banner-bottom{font-size:var(--text-xs);justify-content:space-between;align-items:center;padding:1rem 0 1.5rem;display:flex}.banner-socials{gap:var(--spacing-sm);display:flex}.banner-socials a{color:var(--color-text-muted);margin:-.5rem 0;padding:.5rem 0}@media (width>=769px) and (orientation:landscape){.home-work{min-height:calc(100svh - 4.5rem);padding:var(--spacing-md) 0;flex-direction:column;justify-content:center;display:flex}.home-work>.label{margin-top:0}.home-work .card-grid{container-type:inline-size}.home-work .today-card{aspect-ratio:auto;height:min(55.5556cqw - 1.38889rem,100svh - 12rem)}.home-work .card-subtitle{font-size:var(--text-sm)}}.photo-strip{gap:var(--spacing-xs);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.photo-strip figure{aspect-ratio:1;border-radius:var(--radius-sm);transition:opacity var(--duration-slow) var(--ease-out), filter var(--duration-slow) var(--ease-out);margin:0;position:relative;overflow:hidden}.photo-strip img{object-fit:cover;width:100%;height:100%;transition:transform 1.2s var(--ease-out)}.photo-strip:hover figure:not(:hover){opacity:.55;filter:saturate(.6)}.photo-strip figure:hover img{transform:scale(1.04)}.photo-strip figcaption{font-size:var(--text-xs);color:var(--color-text);background:var(--color-bg);border-radius:var(--radius-pill);opacity:0;pointer-events:none;transition:opacity var(--duration-normal) var(--ease-out), transform var(--duration-normal) var(--ease-out);padding:.3rem .8rem;position:absolute;bottom:.6rem;left:.6rem;transform:translateY(6px)}.photo-strip figure:hover figcaption{opacity:1;transform:translateY(0)}.section-more{font-size:var(--text-sm);margin:calc(var(--spacing-sm) - .25rem) 0 -.25rem;padding:.25rem 0;display:inline-block}@media (width>=769px) and (width<=1100px) and (orientation:portrait){.banner{height:calc(100svh - 4.5rem);min-height:40rem}.banner-content{min-height:0;padding:var(--spacing-md) 0 0;flex-direction:column;align-items:stretch;gap:2rem;display:flex}.banner-portrait{aspect-ratio:auto;flex:1;min-height:0;max-height:none}.home-work .today-card{aspect-ratio:3/5}}@media (width<=768px){.banner{height:calc(100svh - 4.5rem);min-height:32rem}.banner-content{min-height:0;padding:var(--spacing-sm) 0 0;flex-direction:column;gap:1.25rem;display:flex}.banner h1{margin:.75rem 0 1rem;font-size:clamp(2.25rem,9.5vw,3rem)}.banner-description{font-size:var(--text-base);margin-bottom:1.25rem}.banner-portrait{aspect-ratio:auto;flex:1;min-height:0;max-height:none}.banner-bottom{padding:.75rem 0 1rem}.photo-strip{grid-template-columns:repeat(2,minmax(0,1fr))}main.home{padding-bottom:3.5rem}main.home .label{margin:3.5rem 0 .875rem}main.home .card-grid{gap:1rem}main.home .section-more{margin-top:1rem}}@media (width<=768px) and (height<=620px){.banner{height:auto;min-height:calc(100svh - 4.5rem)}.banner-portrait{aspect-ratio:4/3;flex:none}}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.75rem,1.5vw,1.25rem);display:grid}.today-card{aspect-ratio:4/5;border-radius:var(--radius-card);background:var(--card-bg);color:var(--card-fg);transition:transform var(--duration-normal) var(--ease-out);-webkit-tap-highlight-color:transparent;flex-direction:column;display:flex;overflow:hidden}.today-card.has-border{border:.5px solid var(--color-border)}html.dark-mode .today-card{box-shadow:inset 0 0 0 .5px var(--color-border)}a.today-card:hover{transform:scale(.98)}a.today-card:active{transform:scale(.96)}.card-head{padding:clamp(.9rem,1.6vw,1.25rem) clamp(.9rem,1.6vw,1.25rem) 0}.card-eyebrow{letter-spacing:.06em;opacity:.7;font-size:.6875rem;font-weight:500;display:block}.card-title{font-family:var(--font-serif);color:inherit;margin-top:.3rem;font-size:clamp(1.1rem,.9rem + .7vw,1.5rem);font-weight:400;line-height:1.1}.card-title em{color:inherit}.today-card.is-statement .card-head{flex:1}.today-card.is-statement .card-title{margin-top:.75rem;font-size:clamp(1.9rem,1.2rem + 2.2vw,3rem);line-height:1.02}.card-note{font-size:var(--text-xs);opacity:.7;padding:0 clamp(.9rem,1.6vw,1.25rem) clamp(.9rem,1.6vw,1.25rem)}.card-subtitle{font-size:var(--text-xs);opacity:.75;margin-top:.3rem}.card-device{flex:1;justify-content:center;align-items:flex-end;min-height:0;padding-top:clamp(1.25rem,2.5vw,2rem);display:flex}.card-screen{border:4px solid var(--phone-frame);background:var(--phone-screen);width:56%;height:calc(100% + 12px);color:var(--phone-frame);transition:transform var(--duration-slow) var(--ease-out);border-bottom:none;border-radius:1.25rem 1.25rem 0 0;margin-bottom:-12px;overflow:hidden}a.today-card:hover .card-screen{transform:translateY(-6px)}.card-screen.is-screenshot{border:none;border-radius:14px 14px 0 0;width:62%}.card-screen img,.card-screen video{object-fit:cover;object-position:top;width:100%;height:100%}.card-sketch{width:100%;padding:12% 10% 0}.card-bar{z-index:1;background:var(--card-bar);align-items:center;gap:.6rem;padding:.6rem .8rem;display:flex;position:relative}.card-icon{border-radius:.45rem;flex:none;width:1.75rem;height:1.75rem}.card-icon-fallback{font-family:var(--font-serif);background:var(--card-fg);color:var(--card-accent);justify-content:center;align-items:center;display:inline-flex}.card-app{flex-direction:column;min-width:0;line-height:1.2;display:flex}.card-app-name{font-size:var(--text-xs);font-weight:500}.card-app-years{opacity:.75;font-size:.6875rem}.card-pill{border-radius:var(--radius-pill);background:var(--card-fg);color:var(--card-accent);white-space:nowrap;margin-left:auto;padding:.25rem .8rem;font-size:.7rem;font-weight:500}@media (width<=768px){.card-grid{grid-template-columns:minmax(0,1fr)}.card-title{font-size:1.6rem}}.about-top{padding-top:var(--spacing-md);grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);align-items:start;gap:clamp(1.5rem,4vw,4rem);display:grid}.about-photo{aspect-ratio:4/5;border-radius:var(--radius-sm);margin:0;overflow:hidden}.about-photo img{object-fit:cover;width:100%;height:100%}.about-text .page-title{margin-top:0}.about-bio{font-size:var(--text-lg);max-width:60ch}.about-bio p{margin-top:1rem}.about-bio em{font-style:italic}.about-bio strong{color:var(--color-text);font-weight:500}.about-likes{gap:var(--spacing-md);font-size:var(--text-sm);grid-template-columns:1fr 1fr;display:grid}.about-likes .label{margin-top:var(--spacing-md)}.about-likes li+li{margin-top:.2rem}.about-cv{justify-content:space-between;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-sm);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.about-cv-actions{gap:var(--spacing-xs);display:flex}.about-grid{gap:var(--spacing-md);grid-template-columns:1fr 1fr;display:grid}.about-grid .link{color:var(--color-text)}.scroll-hint{right:var(--gutter);z-index:5;border-radius:var(--radius-pill);border:.5px solid var(--color-border);background:color-mix(in srgb, var(--color-bg) 70%, transparent);backdrop-filter:blur(12px);width:2.25rem;height:2.25rem;color:var(--color-text-muted);font-size:var(--text-sm);pointer-events:none;animation:hintIn var(--duration-slow) var(--ease-out) .3s backwards, hintBob 2.4s ease-in-out 1s infinite;transition:opacity var(--duration-slow) var(--ease-out), transform var(--duration-slow) var(--ease-out);place-items:center;display:grid;position:fixed;bottom:clamp(1rem,3vw,1.75rem)}.scroll-hint.is-gone{opacity:0;animation:none;transform:translateY(8px)}@keyframes hintIn{0%{opacity:0;transform:translateY(8px)}}@keyframes hintBob{50%{transform:translateY(4px)}}.about-gallery{align-items:flex-start;gap:var(--spacing-xs);display:flex}.about-gallery.is-phone{display:none}.about-gallery-column{gap:var(--spacing-xs);flex-direction:column;flex:1;min-width:0;display:flex}.about-gallery figure{border-radius:var(--radius-sm);margin:0;position:relative;overflow:hidden}.about-gallery img{width:100%;height:auto;transition:transform var(--duration-slow) var(--ease-out);display:block}.about-gallery figcaption{font-size:var(--text-xs);color:var(--color-text);background:var(--color-bg);border-radius:var(--radius-pill);opacity:0;transition:var(--transition);padding:.2rem .6rem;position:absolute;bottom:.6rem;left:.6rem;transform:translateY(4px)}.about-gallery figure:hover img{transform:scale(1.04)}.about-gallery figure:hover figcaption{opacity:1;transform:translateY(0)}@media (width>=769px) and (width<=1100px) and (orientation:portrait){.about-photo{position:sticky;top:6rem}.about-grid{grid-template-columns:minmax(0,1fr);gap:0}}@media (width<=768px){.about-top,.about-grid{grid-template-columns:minmax(0,1fr)}.about-grid{gap:0}.about-gallery.is-desktop{display:none}.about-gallery.is-phone{flex-wrap:wrap;display:flex}.about-gallery.is-phone .about-gallery-column:first-child{flex-basis:100%}.about-gallery.is-phone .about-gallery-column:first-child figure{aspect-ratio:4/3}.about-gallery.is-phone .about-gallery-column:first-child img{object-fit:cover;height:100%}}.work-index{top:var(--header-offset,4.5rem);z-index:50;padding:var(--spacing-sm) 0;margin-top:var(--spacing-sm);justify-content:space-between;align-items:center;gap:var(--spacing-sm);background-color:var(--color-bg);transition:background-color var(--duration-slower) ease, top .45s var(--ease-out);flex-wrap:wrap;display:flex;position:sticky}.work-index-title{align-items:baseline;gap:.75rem;display:flex}.work-index-count{font-size:var(--text-sm);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.work-index-mask{height:1.1em;font-family:var(--font-serif);font-size:var(--text-h2);line-height:1.1;display:block;overflow:hidden}.work-index-roll{transition:transform var(--duration-slow) var(--ease-out);flex-direction:column;display:flex}.work-index-roll>span{height:1.1em}.work-tabbar{border-radius:var(--radius-pill);background:linear-gradient(135deg, color-mix(in srgb, var(--color-text) 10%, transparent), color-mix(in srgb, var(--color-text) 3%, transparent) 55%, color-mix(in srgb, var(--color-text) 6%, transparent));backdrop-filter:blur(16px)saturate(1.8);box-shadow:inset 0 1px 0 var(--glass-specular), inset 0 -1px 0 color-mix(in srgb, var(--color-text) 6%, transparent), inset 0 0 12px color-mix(in srgb, var(--color-text) 5%, transparent), 0 10px 30px #0000001f;padding:.3rem;position:relative}.work-tabbar:before{content:"";border-radius:inherit;background:linear-gradient(135deg, var(--glass-specular), color-mix(in srgb, var(--color-text) 8%, transparent) 40%, color-mix(in srgb, var(--color-text) 4%, transparent) 70%, var(--glass-specular));-webkit-mask-composite:xor;pointer-events:none;padding:.5px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.work-tabbar ul{gap:.15rem;display:flex}.work-tab{border-radius:var(--radius-pill);color:var(--color-text);transition:background-color .45s var(--ease-out), padding .45s var(--ease-out), box-shadow .45s var(--ease-out);-webkit-tap-highlight-color:transparent;align-items:center;padding:.45rem;display:flex}.work-tab:hover{background:color-mix(in srgb, var(--color-text) 6%, transparent)}.work-tab[aria-current=true]{background:color-mix(in srgb, var(--color-text) 12%, transparent);box-shadow:inset 0 1px 0 var(--glass-specular), inset 0 0 0 .5px color-mix(in srgb, var(--color-text) 10%, transparent);padding-right:.9rem}.work-tab-icon{width:1.75rem;height:1.75rem;transition:transform .45s var(--ease-out);border-radius:.5rem;flex:none}.work-tab:active .work-tab-icon{transform:scale(.92)}.work-tab-icon-fallback{font-family:var(--font-serif);font-size:var(--text-sm);color:var(--color-text);background:color-mix(in srgb, var(--color-text) 12%, transparent);justify-content:center;align-items:center;display:inline-flex}.work-tab-label{white-space:nowrap;opacity:0;max-width:0;font-size:var(--text-sm);transition:max-width .5s var(--ease-out), opacity .3s ease, margin .5s var(--ease-out);font-weight:500;overflow:hidden}.work-tab[aria-current=true] .work-tab-label{opacity:1;max-width:8rem;transition:max-width .5s var(--ease-out), opacity .4s ease .1s, margin .5s var(--ease-out);margin-left:.55rem}.work-section{padding:var(--spacing-md) 0 var(--spacing-xl);scroll-margin-top:9rem}.work-section:last-of-type{padding-bottom:var(--spacing-md)}.work-meta{justify-content:space-between;align-items:baseline;gap:var(--spacing-sm);font-size:var(--text-sm);margin-bottom:var(--spacing-sm);display:flex}.work-links{flex-wrap:wrap;gap:.25rem 1rem;display:flex}.work-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.75rem,1.5vw,1.25rem);display:grid}.work-outro{margin-top:var(--spacing-lg);font-size:var(--text-sm)}.work-dots{align-items:center;gap:.375rem;height:1rem;margin-top:1rem;display:none}.work-dots span{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-text) 25%, transparent);width:.375rem;height:.375rem;transition:width .45s var(--ease-out), background-color .3s ease}.work-dots span.is-active{background:var(--color-text);width:1.25rem}.work-clip{border-radius:var(--radius-card);background:#000;margin:clamp(.75rem,1.5vw,1.25rem) 0 0;position:relative;overflow:hidden}.work-clip video{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.work-clip figcaption{font-size:var(--text-xs);color:#f2efea;opacity:.85;position:absolute;bottom:clamp(.75rem,1.4vw,1rem);left:clamp(.9rem,1.6vw,1.25rem)}.matcha{--fill:96px;--lift:0px;--cup:4.75rem;right:var(--gutter);bottom:calc(clamp(1rem, 3vw, 2rem) + var(--lift));z-index:40;width:var(--cup);pointer-events:none;flex-direction:column;align-items:center;display:flex;position:fixed}main.work{padding-right:calc(var(--gutter) + 4.75rem + 1rem)}@media (width>=1450px){main.work{padding-right:var(--gutter)}.matcha{right:calc(((100vw - var(--max-width)) / 2 + var(--gutter) - var(--cup)) / 2)}}.matcha svg{width:100%;overflow:visible}.matcha-liquid{transform:translateY(var(--fill));transition:transform .35s var(--ease-out)}.matcha-wave{fill:var(--matcha);animation:2.4s linear infinite matchaWave}.matcha-foam{fill:var(--matcha-foam);opacity:.8;animation:2.4s linear infinite matchaWave}@keyframes matchaWave{to{transform:translate(-40px)}}.matcha-stroke{fill:none;stroke:var(--color-text);stroke-width:3px}.matcha-steam path{fill:none;stroke:var(--color-text-muted);stroke-width:2px;stroke-linecap:round}.matcha-steam{opacity:0;transition:opacity var(--duration-slow) ease}.matcha.is-full .matcha-steam{opacity:1}.matcha-caption{color:var(--color-text-muted);font-variant-numeric:tabular-nums;font-size:.6875rem}@media (width<=768px),(width<=1100px) and (orientation:portrait){.work-index{top:var(--header-offset,4rem)}html:has(main.work){scroll-snap-type:y mandatory}.work-index{margin:0 calc(var(--gutter) * -1);padding:.5rem var(--gutter)}.work-section,.work-section:last-of-type{min-height:max(20rem, calc(100svh - var(--work-top,12rem)));scroll-margin-top:var(--work-top,12rem);scroll-snap-align:start;scroll-snap-stop:always;flex-direction:column;padding:.5rem 0 calc(clamp(1rem,3vw,2rem) + 2.25rem);display:flex}.work-section:has(>.work-clip){min-height:calc(max(20rem, calc(100svh - var(--work-top,12rem))) + (100vw - 2 * var(--gutter)) * 9 / 16 + .75rem)}main.work,.work-section:last-of-type{padding-bottom:0}.work-outro{align-items:center;min-height:4.75rem;margin-top:.5rem;padding-right:4rem;display:flex}main.work+footer{scroll-snap-align:end}.work-strip{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;min-height:0;margin:0 calc(var(--gutter) * -1);padding:0 var(--gutter);scroll-padding:0 var(--gutter);scrollbar-width:none;flex:1;grid-template-columns:none;grid-auto-columns:80vw;grid-auto-flow:column;gap:.75rem;overflow:auto hidden}.work-strip::-webkit-scrollbar{display:none}.work-strip-item{scroll-snap-align:start;min-height:13rem;position:relative}.work-strip .today-card{aspect-ratio:auto;position:absolute;inset:0}.work-strip .card-screen.is-screenshot{width:74%}.work-dots{display:flex}.work-clip{scroll-snap-align:end;scroll-margin-bottom:calc(clamp(1rem,3vw,2rem) + 2.25rem)}.work-meta{flex-direction:column;gap:.25rem}.matcha{--cup:2.75rem}main.work{padding-right:var(--gutter)}}@media (width<=768px){.work-tabbar{width:100%}.work-tabbar li{flex:1 0 0;display:flex}.work-tab,.work-tab[aria-current=true]{flex:1;justify-content:center;padding-right:.45rem}.work-tab-label{display:none}}@media (width>=600px) and (width<=1100px) and (orientation:portrait){.work-strip{grid-auto-columns:min(70vw, calc((100svh - var(--work-top,12rem) - 11rem) * .6));gap:1rem}.work-strip .card-title{font-size:2rem}.work-strip .card-eyebrow{font-size:var(--text-xs)}}.now-playing{opacity:0;visibility:hidden;transition:grid-template-rows .7s var(--ease-out), opacity .6s var(--ease-out) .15s, transform .6s var(--ease-out) .15s, visibility 0s linear .85s;grid-template-rows:0fr;display:grid;transform:translateY(12px)}.now-playing.is-ready{opacity:1;visibility:visible;grid-template-rows:1fr;transition-delay:0s,.15s,.15s,0s;transform:none}.np-inner{min-height:0;overflow:hidden}.np-inner>.label{margin-top:var(--spacing-lg)}.np-card{align-items:center;gap:var(--spacing-sm);background:var(--color-bg);color:var(--color-text);box-shadow:inset 0 0 0 .5px var(--color-border);transition:transform var(--duration-normal) var(--ease-out);border-radius:18px;padding:.9rem;display:flex}.np-card:hover{transform:scale(.99)}.np-art,.np-title,.np-artist{transition:opacity .25s ease, transform .35s var(--ease-out)}.now-playing.is-changing :is(.np-art,.np-title,.np-artist){opacity:0;transform:translateY(4px)}.np-art{object-fit:cover;background:#5a2a4c;border-radius:8px;flex:none;width:4rem;height:4rem}.np-info{flex-direction:column;flex:1;min-width:0;display:flex}.np-status{font-size:var(--text-xs);color:var(--color-text-muted);align-items:center;gap:.4rem;display:flex}.np-dot{background:var(--color-text-muted);border-radius:50%;width:.45rem;height:.45rem}.now-playing.is-playing .np-dot{background:var(--color-candle);animation:1.6s ease-in-out infinite npPulse}@keyframes npPulse{50%{opacity:.35}}.np-title{font-family:var(--font-serif);font-size:var(--text-h3);line-height:1.2}.np-artist{font-size:var(--text-sm);color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.np-bar{background:var(--color-border);border-radius:2px;height:3px;margin-top:.5rem;display:block;overflow:hidden}.np-bar span{background:var(--color-candle);width:0;height:100%;transition:width 1s linear;display:block}.yim-panel [data-fade]{transition:opacity .4s ease, transform .55s var(--ease-out);transition-delay:calc(var(--i,0) * 45ms)}.yim-panel.is-updating [data-fade]{opacity:0;transition-duration:.22s;transition-delay:0s;transform:translateY(6px)}.yim-panel.is-resizing{transition:height .5s var(--ease-out);overflow:hidden}.yim-head{justify-content:space-between;align-items:center;gap:var(--spacing-sm);margin:var(--spacing-lg) 0 var(--spacing-sm);flex-wrap:wrap;display:flex}.yim-title{font-size:var(--text-h3)}.yim-years{border-radius:var(--radius-pill);background:linear-gradient(135deg, color-mix(in srgb, var(--color-text) 10%, transparent), color-mix(in srgb, var(--color-text) 3%, transparent) 55%, color-mix(in srgb, var(--color-text) 6%, transparent));backdrop-filter:blur(16px)saturate(1.8);box-shadow:inset 0 1px 0 var(--glass-specular), inset 0 -1px 0 color-mix(in srgb, var(--color-text) 6%, transparent), inset 0 0 12px color-mix(in srgb, var(--color-text) 5%, transparent), 0 10px 30px #0000001f;scrollbar-width:none;gap:.15rem;max-width:100%;padding:.3rem;display:flex;position:relative;overflow-x:auto}.yim-years::-webkit-scrollbar{display:none}.yim-years:before{content:"";border-radius:inherit;background:linear-gradient(135deg, var(--glass-specular), color-mix(in srgb, var(--color-text) 8%, transparent) 40%, color-mix(in srgb, var(--color-text) 4%, transparent) 70%, var(--glass-specular));-webkit-mask-composite:xor;pointer-events:none;padding:.5px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.yim-year{font:inherit;font-size:var(--text-sm);border-radius:var(--radius-pill);color:var(--color-text);cursor:pointer;transition:background-color .45s var(--ease-out), box-shadow .45s var(--ease-out), transform .3s var(--ease-out);-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex:none;padding:.45rem .85rem;font-weight:500}.yim-year:hover{background:color-mix(in srgb, var(--color-text) 6%, transparent)}.yim-year:active{transform:scale(.96)}.yim-year[aria-selected=true],.yim-indicator{background:color-mix(in srgb, var(--color-text) 12%, transparent);box-shadow:inset 0 1px 0 var(--glass-specular), inset 0 0 0 .5px color-mix(in srgb, var(--color-text) 10%, transparent)}.yim-indicator{width:var(--w,0);transform:translateX(var(--x,0));border-radius:var(--radius-pill);pointer-events:none;position:absolute;top:.3rem;bottom:.3rem;left:0}.yim-years.is-gliding .yim-indicator{transition:transform .5s var(--ease-out), width .5s var(--ease-out)}.yim-years.has-indicator .yim-year{position:relative}.yim-years.has-indicator .yim-year[aria-selected=true]{box-shadow:none;background:0 0}.yim-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.75rem,1.5vw,1.25rem);display:grid}.yim-stat{border-radius:var(--radius-card);font-size:var(--text-sm);flex-direction:column;gap:.3rem;padding:1.1rem 1.2rem;display:flex}.yim-stat span{opacity:.75}.yim-stat strong{font-family:var(--font-serif);font-weight:400;font-size:var(--text-h2);line-height:1.1}.yim-stat-ink{color:#f2efea;box-shadow:inset 0 0 0 .5px var(--color-border);background:#1c1416}.yim-stat-pink{color:#3a1022;background:linear-gradient(160deg,#ffd9e4,#ffb3c8)}.yim-stat-blue{color:#fff;background:linear-gradient(160deg,#6f94d6,#3f63b0)}.yim-favs{margin-top:var(--spacing-lg);grid-template-columns:repeat(3,minmax(0,1fr));gap:0 clamp(.75rem,1.5vw,1.25rem);display:grid}.yim-rest{align-self:start}.yim-column{grid-row:span 2;grid-template-rows:subgrid;grid-template-columns:minmax(0,1fr);min-width:0;display:grid}.yim-fav{flex-direction:column;min-width:0;display:flex}.yim-fav-art{aspect-ratio:1;border-radius:var(--radius-card);background:var(--color-surface);margin-bottom:.9rem;display:block;overflow:hidden}.yim-fav-art img{object-fit:cover;width:100%;height:100%;transition:transform 1.2s var(--ease-out)}.yim-fav:hover .yim-fav-art img{transform:scale(1.04)}.yim-fav-text{flex-direction:column;min-width:0;display:flex}.yim-fav-sub:empty{display:none}.yim-fav-label{font-size:var(--text-xs);color:var(--color-text-muted)}.yim-fav-name{font-family:var(--font-serif);font-size:var(--text-h3);margin-top:.2rem;line-height:1.15}.yim-fav-sub{font-size:var(--text-sm);margin-top:.15rem}.yim-rest{margin-top:var(--spacing-sm)}.yim-item a{min-width:0;color:var(--color-text);align-items:center;gap:.6rem;display:flex}.yim-item-text{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.yim-cover{background:var(--color-surface) center / cover;border-radius:5px;flex:none;width:1.75rem;height:1.75rem}.yim-concert>span:first-child{gap:var(--spacing-sm);display:flex}.yim-concert-who{flex-direction:column;min-width:0;display:flex}.yim-concert-who .muted{font-size:var(--text-xs)}.yim-concert-soon{vertical-align:.1em;border:.5px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text-muted);margin-left:.5rem;padding:.05rem .5rem;font-size:.6875rem;line-height:1.5;display:inline-block}.yim-concert-star{color:var(--color-candle);margin-right:.35rem}.yim-concert-date{font-variant-numeric:tabular-nums;min-width:3.5rem}@media (width<=768px){.yim-stats,.yim-favs{grid-template-columns:minmax(0,1fr)}.yim-column+.yim-column{margin-top:var(--spacing-lg)}.yim-years{width:100%}.yim-year{flex:1 0 0;padding-inline:.5rem}.yim-concert{grid-template-columns:3.5rem minmax(0,1fr);column-gap:.75rem;padding:.85rem 0;display:grid}.yim-concert>span:first-child{display:contents}.yim-concert-date{min-width:0;font-size:var(--text-xs);line-height:1.85}.yim-concert-who,.yim-concert>:last-child{grid-column:2}.yim-concert-who{gap:.1rem}.yim-concert>:last-child{font-size:var(--text-xs);opacity:.8;margin-top:.1rem}}footer{justify-content:space-between;align-items:center;gap:var(--spacing-sm);max-width:var(--max-width);padding:1.5rem var(--gutter);border-top:.5px solid var(--color-border);font-size:var(--text-xs);color:var(--color-text-muted);margin:0 auto;display:flex}footer .social-media{gap:var(--spacing-sm);display:flex}footer .social-media a{color:var(--color-text-muted);margin:-.5rem 0;padding:.5rem 0}footer .social-media a:hover{color:var(--color-text)}@media (width<=768px){footer{flex-direction:column;align-items:flex-start}}.theme-toggle{min-width:2.25rem;height:1.75rem;font-size:var(--text-sm);color:var(--color-text);border:.5px solid var(--color-border);border-radius:var(--radius-pill);cursor:pointer;transition:border-color var(--duration-fast) ease;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:0 0;justify-content:center;align-items:center;padding:0 .6rem;line-height:1;display:inline-flex}.theme-toggle:hover{border-color:var(--color-text)}.toggle-icon{transition:transform var(--duration-normal) var(--ease-out);display:inline-block}.theme-toggle:active .toggle-icon{transform:rotate(40deg)scale(.9)}.not-found{justify-content:center;align-items:center;gap:var(--spacing-sm);text-align:center;flex-direction:column;min-height:calc(100svh - 9rem);display:flex}.not-found h1{font-size:clamp(4rem,3rem + 6vw,8rem)}header{padding:1.25rem max(var(--gutter), calc((100% - var(--max-width)) / 2 + var(--gutter)));transition:background-color var(--duration-slower) ease, color .4s ease, border-color .3s ease, transform .45s var(--ease-out);z-index:100;background-color:var(--color-bg);border-bottom:1px solid #0000;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}header.is-hidden{transform:translateY(-100%)}header.scrolled{border-bottom-color:var(--color-border)}header .navbar-brand{font-family:var(--font-serif);color:var(--color-text);z-index:1001;cursor:pointer;font-size:1.25rem;font-weight:400;position:relative}header .desktop-nav{align-items:center;margin-left:auto;display:flex}header .desktop-toggle{margin-left:var(--spacing-md);align-items:center;display:flex}header nav{align-items:center;gap:var(--spacing-md);font-size:var(--text-sm);display:flex}header nav .nav-item a{text-transform:lowercase;color:var(--color-text-muted);transition:color var(--duration-fast) ease;margin:-.4rem 0;padding:.4rem 0;display:inline-block;position:relative}header nav .nav-item a:hover,header nav .nav-item a[aria-current=page]{color:var(--color-text)}header nav .nav-item a:after{content:"";width:0;height:1px;transition:all var(--duration-normal) var(--ease-out);opacity:0;background-color:var(--color-text);position:absolute;bottom:calc(.4rem - 3px);left:0}header nav .nav-item a:hover:after,header nav .nav-item a[aria-current=page]:after{opacity:1;width:100%}.mobile-burger{z-index:1000;width:2.5rem;height:2.5rem;color:inherit;cursor:pointer;background:linear-gradient(135deg, color-mix(in srgb, var(--color-text) 10%, transparent), color-mix(in srgb, var(--color-text) 3%, transparent));box-shadow:inset 0 1px 0 var(--glass-specular), inset 0 0 0 .5px color-mix(in srgb, var(--color-text) 14%, transparent);-webkit-tap-highlight-color:transparent;user-select:none;border:none;border-radius:50%;padding:0;display:none;position:relative}.burger-lines{transition:transform .55s var(--ease-out);position:absolute;inset:0}.mobile-burger.open .burger-lines{transform:rotate(45deg)}.burger-lines span{background-color:currentColor;border-radius:1px;position:absolute;top:50%;left:50%;translate:-50% -50%}.burger-lines span:first-child{width:1.1rem;height:1.5px}.burger-lines span:last-child{width:1.5px;height:1.1rem}.menu{z-index:999;height:calc(100lvh - .75rem);color:var(--color-text);background:linear-gradient(160deg, color-mix(in srgb, var(--color-text) 7%, transparent), color-mix(in srgb, var(--color-text) 2%, transparent) 45%, color-mix(in srgb, var(--color-text) 5%, transparent)), var(--sheet-glass);backdrop-filter:blur(24px)saturate(1.6);box-shadow:inset 0 1px 0 var(--glass-specular), inset 0 0 0 .5px color-mix(in srgb, var(--color-text) 14%, transparent), 0 20px 50px #00000040;transform-origin:calc(100% - var(--gutter) - .875rem) 1.875rem;opacity:0;pointer-events:none;transition:transform .45s var(--ease-out), opacity .25s ease;border-radius:1.75rem;flex-direction:column;padding:5rem 1rem calc(clamp(1.25rem,4svh,2.25rem) + 100lvh - 100svh);display:none;position:fixed;inset:.375rem .375rem auto;transform:scale(.08)}.menu.open{opacity:1;pointer-events:auto;transition:transform .55s cubic-bezier(.2,.9,.25,1),opacity .3s;transform:none}header .menu-rows{font-size:inherit;background:color-mix(in srgb, var(--color-text) 6%, transparent);box-shadow:inset 0 0 0 .5px color-mix(in srgb, var(--color-text) 10%, transparent);border-radius:1.25rem;flex-direction:column;align-items:stretch;gap:0;display:flex}.menu-row{font-family:var(--font-serif);color:var(--color-text);opacity:0;transition:opacity .3s ease, transform .45s var(--ease-out);justify-content:space-between;align-items:baseline;padding:1rem 1.1rem;font-size:1.75rem;display:flex;transform:translateY(6px)}.menu-row+.menu-row{border-top:.5px solid color-mix(in srgb, var(--color-text) 10%, transparent)}.menu-row[aria-current=page]{color:var(--color-accent)}.menu-row-meta{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text-muted)}.menu.open .menu-row{opacity:1;transform:none}.menu.open .menu-row:first-child{transition-delay:.12s}.menu.open .menu-row:nth-child(2){transition-delay:.16s}.menu.open .menu-row:nth-child(3){transition-delay:.2s}.menu.open .menu-row:nth-child(4){transition-delay:.24s}.menu-foot{opacity:0;margin-top:auto;transition:opacity .3s}.menu.open .menu-foot{opacity:1;transition:opacity .4s .25s}.menu-theme{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-text) 8%, transparent);box-shadow:inset 0 0 0 .5px color-mix(in srgb, var(--color-text) 12%, transparent);padding:.2rem;display:flex}.menu-theme button{border-radius:var(--radius-pill);color:var(--color-text-muted);font:inherit;font-size:var(--text-sm);cursor:pointer;transition:background-color .35s var(--ease-out), color .35s ease, box-shadow .35s ease;background:0 0;border:none;flex:1;padding:.6rem 0}.menu-theme button[aria-pressed=true]{color:var(--color-text);background:color-mix(in srgb, var(--color-text) 16%, transparent);box-shadow:inset 0 1px 0 var(--glass-specular)}.menu-socials{font-size:var(--text-xs);justify-content:space-between;margin-top:clamp(1.25rem,3.5svh,2rem);padding:0 1rem;display:flex}.menu-socials a{color:var(--color-text-muted)}html.menu-open{overflow:hidden}html.menu-open header{background-color:#0000;border-bottom-color:#0000}@media (width<=900px){header:before{content:"";z-index:998;background:color-mix(in srgb, var(--color-bg) 55%, transparent);backdrop-filter:blur(16px);opacity:0;pointer-events:none;height:100lvh;transition:opacity .35s;position:fixed;inset:0 0 auto}html.menu-open header:before{opacity:1}header{height:4.5rem;padding-top:0;padding-bottom:0}header .desktop-nav,header .desktop-toggle{display:none!important}.mobile-burger{display:block}.menu{display:flex}}@media (width>=901px){.mobile-burger,.menu{display:none!important}}