@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=SF+Pro+Display:wght@500;600;700&display=swap";:root{--bg: #ffffff;--bg-elevated: #f5f5f7;--text: #1d1d1f;--text-muted: #6e6e73;--accent: #0071e3;--border: rgba(0, 0, 0, .08);--radius: 16px;--space: 8px;--header-h: 72px;--font-display: "Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--max: 1120px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:auto}html.lenis,html.lenis body{height:auto}html.hero-scroll-locked,html.hero-scroll-locked body{overflow:hidden}.lenis.lenis-smooth{scroll-behavior:auto!important}body{margin:0;font-family:var(--font-body);font-size:17px;line-height:1.6;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;overflow-x:hidden}::-webkit-scrollbar{display:none}*{scrollbar-width:none;-ms-overflow-style:none}#root{min-height:100vh}.app-shell{position:relative;z-index:1}main,.main{display:flex;flex-direction:column}.hero-reveal{position:relative;height:100vh;flex-shrink:0;transition:height 0s}.hero-reveal--spacer-collapsed{height:0}.hero-reveal__panel{position:fixed;top:0;left:0;right:0;height:100vh;z-index:20;background:var(--bg);will-change:transform;transition:transform .55s cubic-bezier(.44,1,.88,1)}.hero-reveal__panel--dismissed{transform:translate3d(0,-100%,0)}.hero-reveal__panel--gone{pointer-events:none}.hero-reveal--static .hero{min-height:100vh}.site-content{position:relative;z-index:5;background:var(--bg)}.chanocaster-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:#fff}.chanocaster-bg canvas{width:100%!important;height:100%!important}.chanocaster-bg--fallback{background:#fff}.scroll-video-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden;background:#fff}.scroll-video-bg__video,.scroll-video-bg img{width:100%;height:100%;object-fit:cover;object-position:center}.scroll-video-bg--fallback{background:#fff}a{color:inherit}img{max-width:100%;display:block}button,input,textarea{font:inherit}.section{min-height:100vh;padding:calc(var(--space) * 12) calc(var(--space) * 3);max-width:var(--max);margin:0 auto;width:100%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}.section:not(.hero){background:var(--bg)}.section__title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3rem);font-weight:600;letter-spacing:-.03em;margin:0 0 calc(var(--space) * 4)}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:calc(var(--space) * 3)}.card--accent .card__title{margin-top:0}.card__title{font-size:1.35rem;margin:0 0 calc(var(--space) * 2)}.card p{margin:0 0 calc(var(--space) * 2);color:var(--text-muted)}.card p:last-child{margin-bottom:0}.reveal{opacity:0;transform:translateY(20px);transition:opacity .55s ease-out,transform .55s ease-out}.reveal--visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}.header{position:fixed;inset:0 0 auto;z-index:100;height:var(--header-h);display:flex;align-items:center;justify-content:center;padding:0 calc(var(--space) * 3);transition:transform .35s ease,opacity .35s ease,background .3s ease,border-color .3s ease}.header--hidden{transform:translateY(-100%);opacity:0;pointer-events:none}.header-hover-zone{position:fixed;inset:0 0 auto;z-index:99;height:var(--header-h);pointer-events:auto}.header--scrolled{background:#ffffffd1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.header__menu{display:none;position:absolute;left:calc(var(--space) * 3);flex-direction:column;gap:6px;background:none;border:none;padding:8px;cursor:pointer}.header__menu span{display:block;width:22px;height:2px;background:var(--text)}.header__nav ul{display:flex;gap:calc(var(--space) * 1);list-style:none;margin:0;padding:0}.header__link{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:calc(var(--space) * 1) calc(var(--space) * 2);border-radius:999px;font-size:.95rem;transition:color .2s,background .2s}.header__link:hover,.header__link--active{color:var(--text);background:#0000000d}.header__link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero.section{padding-top:var(--header-h);padding-bottom:calc(var(--space) * 8);max-width:none;margin:0}.hero-reveal__panel .hero{min-height:100%;height:100%}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;max-width:none;background:var(--bg)}.hero--draggable{touch-action:none;cursor:grab}.hero--draggable.hero--dragging{cursor:grabbing}.hero__layout{display:grid;grid-template-columns:2fr 1fr;align-items:stretch;gap:calc(var(--space) * 4);width:100%;max-width:min(1400px,100%);margin:0 auto;padding:calc(var(--space) * 6) calc(var(--space) * 3);min-height:calc(100vh - var(--header-h) - var(--space) * 8);box-sizing:border-box}.hero__content{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;height:100%;min-height:0;text-align:left;padding-right:calc(var(--space) * 2);-webkit-user-select:text;user-select:text}.hero__logo{width:100%;height:100%;min-height:0;position:relative}.hero__logo canvas{width:100%!important;height:100%!important}.hero__logo--fallback{background:transparent}.hero__brand{font-family:ui-monospace,Cascadia Code,monospace;font-size:clamp(2.25rem,5.5vw,4.25rem);font-weight:600;letter-spacing:-.04em;margin:0 0 calc(var(--space) * 2);line-height:1.1}.hero__tagline{margin:0;color:var(--text-muted);font-size:clamp(1rem,1.5vw,1.15rem);max-width:36ch}@media(max-width:900px){.hero__layout{grid-template-columns:1fr;grid-template-rows:auto 1fr;min-height:calc(100vh - var(--header-h) - var(--space) * 8);padding-top:calc(var(--space) * 4);padding-bottom:calc(var(--space) * 4)}.hero__content{height:auto;padding-right:0;order:1}.hero__logo{order:2}}.about-split{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--space) * 8);align-items:center;max-width:var(--max);padding:calc(var(--space) * 12) calc(var(--space) * 3)}.about-split__image-col{height:100%;min-height:0;display:flex;align-items:center;justify-content:center}.about-split__photo{width:100%;height:70vh;max-height:640px;object-fit:cover;object-position:center top;border-radius:var(--radius);display:block}.about-split__text-col{display:flex;flex-direction:column;justify-content:center;gap:calc(var(--space) * 2)}.about-split__p{margin:0;color:var(--text-muted);font-size:clamp(1rem,1.4vw,1.1rem);line-height:1.75}@media(max-width:768px){.about-split{grid-template-columns:1fr}.about-split__photo{height:55vw;max-height:380px}}.maillard-map{min-height:auto;height:calc(var(--maillard-scroll-vh, 280) * 1vh);max-width:none;width:100%;margin:0;padding:0;background:#000!important;justify-content:flex-start;position:relative;z-index:1}.section.maillard-map,.section:not(.hero).maillard-map{background:#000!important}.maillard-map__sticky{position:sticky;top:0;height:100vh;display:flex;align-items:center;overflow:hidden}.maillard-map__layout{display:grid;grid-template-columns:1.15fr .85fr;align-items:stretch;gap:calc(var(--space) * 2);width:100%;max-width:min(1400px,100%);margin:0 auto;padding:0 calc(var(--space) * 3);min-height:100vh;box-sizing:border-box}.maillard-map__content{display:flex;align-items:flex-start;justify-content:flex-start;padding:18vh calc(var(--space) * 2) calc(var(--space) * 6) 0}.maillard-map__intro{display:grid;justify-items:start;align-content:start;gap:calc(var(--space) * 2.5);width:min(100%,34rem)}.maillard-map__title{position:relative;margin:0;width:100%;font-family:var(--font-display);font-size:clamp(2.5rem,8vw,5.5rem);font-weight:600;letter-spacing:-.04em;line-height:1.05;text-align:left}.maillard-map__title-ghost,.maillard-map__title-text{display:block}.maillard-map__title-ghost{color:#ffffff1f;-webkit-user-select:none;user-select:none}.maillard-map__title-text{position:absolute;left:0;top:0;color:#fff;clip-path:inset(0 calc((1 - var(--reveal, 0)) * 100%) 0 0);will-change:clip-path}.maillard-map__subtitle{margin:0;width:100%;color:#ffffff85;font-size:clamp(.82rem,1.2vw,.95rem);line-height:1.5;text-align:left;opacity:clamp(0,calc((var(--reveal, 0) - .35) / .35),1);transform:translateY(calc((1 - clamp(0,calc((var(--reveal, 0) - .35) / .35),1))*8px));transition:opacity .15s linear,transform .15s linear}.maillard-map__beta{margin:0;width:100%}.maillard-map__beta-link{display:block;width:fit-content;opacity:clamp(0,calc((var(--reveal, 0) - .55) / .45),1);transform:translateY(calc((1 - clamp(0,calc((var(--reveal, 0) - .55) / .45),1))*10px));transition:opacity .15s linear,transform .15s linear}.maillard-map__beta-link:hover{opacity:1;transform:translateY(0) scale(1.02);transform-origin:left center}.maillard-map__beta-link:focus-visible{outline:2px solid #ffffff;outline-offset:4px;border-radius:calc(var(--radius) * .5)}.maillard-map__beta-badge{display:block;width:min(220px,58vw);height:auto}.maillard-map__media{position:relative;display:flex;align-items:center;justify-content:flex-start;height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;margin-left:var(--maillard-video-x, -10vw)}.maillard-map__video-frame{--phone-display-h: 100vh;--phone-display-h: 100dvh;--phone-display-w: calc(var(--phone-display-h) * 9 / 16);position:relative;width:var(--phone-display-w);height:var(--phone-display-h);flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden;isolation:isolate}.maillard-map__video{display:block;width:var(--phone-display-h);height:auto;aspect-ratio:16 / 9;transform:translateZ(0) rotate(-90deg);transform-origin:center center;backface-visibility:hidden;will-change:transform;border-radius:calc(var(--radius) * .75);background-color:transparent}.maillard-map__video-status{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:calc(var(--space) * 2);text-align:center;color:#ffffff73;font-size:.9rem;pointer-events:none}.maillard-map__video-status--error{color:#ff7878e6}@media(max-width:900px){.maillard-map__layout{grid-template-columns:1fr;grid-template-rows:auto 1fr;padding:0 calc(var(--space) * 3)}.maillard-map__content{padding:calc(var(--space) * 3) 0 calc(var(--space) * 4);order:1}.maillard-map__media{order:2;height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;justify-content:center;margin-left:0}.maillard-map__video-frame{--phone-display-h: 100vh;--phone-display-h: 100dvh}.maillard-map__title{font-size:clamp(2rem,12vw,3.5rem)}}@media(prefers-reduced-motion:reduce){.maillard-map{height:auto;min-height:100vh}.maillard-map__title-text{position:static;clip-path:none}.maillard-map__title-ghost{display:none}}.prose-grid{display:grid;gap:calc(var(--space) * 3)}@media(min-width:900px){.prose-grid{grid-template-columns:1fr 1fr}.prose-grid .card--accent{grid-column:1 / -1}}.projects{display:flex;flex-direction:column;gap:calc(var(--space) * 6)}.project{display:grid;gap:calc(var(--space) * 3);align-items:stretch}@media(min-width:900px){.project{grid-template-columns:1fr 1.1fr}.project--reverse{direction:rtl}.project--reverse>*{direction:ltr}}.project h3{margin:0 0 calc(var(--space) * 1);font-size:1.25rem}.project__stack{font-size:.9rem;color:var(--accent)!important}.project__media{position:relative;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);min-height:220px;background:var(--bg-elevated);display:flex;align-items:center;justify-content:center}.project__media img{width:100%;height:100%;object-fit:cover}.project__media-fallback{display:none;color:var(--text-muted);font-size:.95rem}.project__media--placeholder .project__media-fallback{display:block}.fun-stuff{position:relative}.fun-stuff__watermark{position:sticky;top:35vh;text-align:center;font-size:clamp(3rem,12vw,7rem);font-weight:600;letter-spacing:-.04em;color:#0000000a;pointer-events:none;margin:0 0 calc(var(--space) * 6)}.fun-block{margin-bottom:calc(var(--space) * 10)}.chanocaster-specs{margin:0;padding-left:1.2rem;color:var(--text-muted)}.chanocaster-photos{display:grid;gap:calc(var(--space) * 2);margin-top:calc(var(--space) * 3)}@media(min-width:768px){.chanocaster-photos{grid-template-columns:repeat(3,1fr)}}.chanocaster-photo{width:100%;border-radius:var(--radius);aspect-ratio:4/3;object-fit:cover;border:1px solid var(--border)}.album-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:calc(var(--space) * 2)}.album{border-radius:12px;overflow:hidden;border:1px solid var(--border);transition:transform .25s ease}.album:hover{transform:scale(1.03)}.album img{width:100%;aspect-ratio:1;object-fit:cover}.track-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:calc(var(--space) * 1)}.track-list li a{display:grid;grid-template-columns:2rem 48px 1fr;gap:calc(var(--space) * 2);align-items:center;padding:calc(var(--space) * 1.5);border-radius:12px;text-decoration:none;border:1px solid transparent;transition:background .2s,border-color .2s}.track-list li a:hover{background:var(--bg-elevated);border-color:var(--border)}.track-list__rank{color:var(--text-muted);font-variant-numeric:tabular-nums}.track-list img{width:48px;height:48px;border-radius:8px;object-fit:cover}.track-list__meta{display:flex;flex-direction:column;min-width:0}.track-list__title{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-list__artist{color:var(--text-muted);font-size:.9rem}.contact-grid{display:grid;gap:calc(var(--space) * 3)}@media(min-width:900px){.contact-grid{grid-template-columns:1fr 1.2fr}}.contact-cards{display:flex;flex-direction:column;gap:calc(var(--space) * 2)}.contact-card{display:flex;flex-direction:column;gap:4px;padding:calc(var(--space) * 2);border-radius:12px;border:1px solid var(--border);text-decoration:none;transition:border-color .2s,background .2s}.contact-card:hover{border-color:#0071e359;background:#0071e30f}.contact-card__platform{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--accent)}.contact-form{display:flex;flex-direction:column;gap:calc(var(--space) * 2)}.contact-form__label{font-weight:500}.contact-form input,.contact-form textarea{width:100%;padding:calc(var(--space) * 1.5);border-radius:12px;border:1px solid var(--border);background:#fff;color:var(--text)}.contact-form input:focus-visible,.contact-form textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.contact-form button{padding:calc(var(--space) * 1.5) calc(var(--space) * 3);border-radius:999px;border:none;background:var(--accent);color:#fff;font-weight:600;cursor:pointer;min-height:44px}.contact-form button:disabled{opacity:.6;cursor:not-allowed}.contact-form__status{margin:0;font-size:.95rem}.contact-form__status--success{color:#1a7f4b}.contact-form__status--error{color:#c41e3a}.footer{text-align:center;padding:calc(var(--space) * 6) calc(var(--space) * 3);color:var(--text-muted);font-size:.9rem;border-top:1px solid var(--border);background:var(--bg)}@media(max-width:768px){.header__menu{display:flex}.header__nav{position:absolute;top:var(--header-h);left:0;right:0;background:#fffffff5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);padding:calc(var(--space) * 2);display:none}.header__nav--open{display:block}.header__nav ul{flex-direction:column}}