@font-face{font-family:Montserrat;src:url(/fonts/montserrat/Montserrat-Light.woff2)format("woff2");font-weight:300;font-display:swap}@font-face{font-family:Montserrat;src:url(/fonts/montserrat/Montserrat-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Montserrat;src:url(/fonts/montserrat/Montserrat-SemiBold.woff2)format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Space Mono;src:url(/fonts/space-mono/SpaceMono-Regular.woff2)format("woff2");font-weight:400;font-display:swap}:root{--void:#050505;--void-elevated:#0a0a0a;--alpha-primary:.85;--alpha-secondary:.65;--alpha-whisper:.25;--text-primary:#ffffffd9;--text-secondary:#ffffff8c;--text-whisper:#ffffff40;--text-nav:#fff6;--pitch-c:#fba283;--pitch-g:#f3bb7d;--pitch-d:#d4d087;--pitch-a:#9de698;--pitch-e:#61dab6;--pitch-b:#00cdcc;--pitch-fs:#12b9d6;--pitch-db:#5aa3d8;--pitch-ab:#8991ce;--pitch-eb:#b17bc0;--pitch-bb:#d484a8;--pitch-f:#ef8e96;--accent-home:var(--pitch-c);--accent-distant:var(--pitch-fs);--margin-golden:max(24px,10vw);--prose-max-width:65ch;--section-min-height:100dvh;--font-soul:"Montserrat",sans-serif;--font-science:"Space Mono",monospace;--line-height-body:1.4;--line-height-display:1.1;--duration-encounter:1.2s;--duration-placard:.2s;--duration-transition:.8s;--duration-hover:.3s;--ease-museum:cubic-bezier(.25,.1,.25,1);--whisper-color:#ffffff40;--whisper-width:1px}@media (prefers-reduced-motion:reduce){:root{--duration-encounter:0s;--duration-placard:0s;--duration-transition:0s;--duration-hover:0s}}.skip-to-content{z-index:200;background:var(--accent);width:1px;height:1px;color:var(--void);font-family:var(--font-mono);letter-spacing:.05em;padding:.75rem 1.5rem;font-size:.8rem;text-decoration:none;position:absolute;top:auto;left:-9999px;overflow:hidden}.skip-to-content:focus{width:auto;height:auto;position:fixed;top:.75rem;left:.75rem}.site-nav{z-index:100;padding:1rem var(--margin-golden);pointer-events:none;opacity:1;transition:transform var(--duration-transition)var(--ease-museum),opacity var(--duration-transition)var(--ease-museum);justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0;transform:translateY(0)}.site-nav--hidden{opacity:0;transform:translateY(-100%)}.site-nav__logo,.site-nav__link{pointer-events:auto;transition:color var(--duration-hover)var(--ease-museum);text-decoration:none}.site-nav__logo{font-family:var(--font-science);letter-spacing:.15em;text-transform:lowercase;color:var(--text-nav);font-size:.75rem}.site-nav__logo:hover{color:var(--accent-home)}.site-nav__links{gap:2rem;display:flex}.site-nav__link{font-family:var(--font-science);letter-spacing:.1em;color:var(--text-nav);font-size:.75rem}.site-nav__link:hover{color:var(--accent-home)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--void);color:var(--text-primary);font-family:var(--font-soul);line-height:var(--line-height-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:clamp(1rem,.95rem + .25vw,1.25rem)}img{max-width:100%;height:auto;display:block}.section-viewport{min-height:var(--section-min-height);scroll-snap-align:start;padding:var(--margin-golden);flex-direction:column;justify-content:center;display:flex}.section-tall{padding:var(--margin-golden)}.whisper-line{width:100%;height:var(--whisper-width);background:var(--whisper-color);border:none}.hero{padding-top:calc(var(--margin-golden)*.5);flex-direction:column;justify-content:center;align-items:center;gap:clamp(.67rem,1.3vh,1.3rem);display:flex;position:relative}.hero-sonicture-wrapper{aspect-ratio:1;opacity:0;width:clamp(340px,72vmin,860px);animation:encounter var(--duration-encounter)var(--ease-museum)forwards;overflow:hidden;transform:scale(.95)}@keyframes encounter{to{opacity:1;transform:scale(1)}}.hero-sonicture-wrapper img{object-fit:contain;width:100%;height:100%}.hero-tagline{text-align:center;max-width:var(--prose-max-width)}.hero-headline{font-family:var(--font-soul);letter-spacing:-.02em;text-transform:lowercase;text-align:center;opacity:0;animation:placard-in var(--duration-transition)var(--ease-museum)forwards;animation-delay:calc(var(--duration-encounter) + .2s);font-size:clamp(2.25rem,5vw,3.75rem);font-weight:600;line-height:.95;transform:translateY(20px)}.hero-tagline-line{font-family:var(--font-soul);font-size:clamp(1.1rem,.85rem + 1.25vw,1.85rem);font-weight:300;line-height:var(--line-height-display);text-transform:lowercase;opacity:0;animation:placard-in var(--duration-transition)var(--ease-museum)forwards;transform:translateY(20px)}.hero-tagline-line:nth-child(2){animation-delay:calc(var(--duration-encounter) + .6s)}.hero-tagline-line:nth-child(3){animation-delay:calc(var(--duration-encounter) + .8s)}@keyframes placard-in{to{opacity:1;transform:translateY(0)}}@media (min-width:1024px){.hero-sonicture-wrapper{aspect-ratio:1;width:auto;height:70vh}.hero-scroll-hint{display:none}}@media (min-width:768px) and (max-width:1023px){.hero-sonicture-wrapper{aspect-ratio:1;width:auto;height:65vh}}.hero-scroll-hint{opacity:0;animation:hint-fade 1s var(--ease-museum)forwards;animation-delay:calc(var(--duration-encounter) + 1.2s);position:absolute;bottom:clamp(1.5rem,3vh,3rem);left:50%;transform:translate(-50%)}.hero-scroll-hint:after{content:"";border-right:var(--whisper-width)solid var(--whisper-color);border-bottom:var(--whisper-width)solid var(--whisper-color);width:24px;height:24px;animation:3s ease-in-out infinite hint-pulse;animation-delay:calc(var(--duration-encounter) + 2s);display:block;transform:rotate(45deg)}@keyframes hint-fade{to{opacity:1}}@keyframes hint-pulse{0%,to{opacity:.2}50%{opacity:.35}}.gallery-section{min-height:var(--section-min-height);padding-top:var(--margin-golden);padding-bottom:var(--margin-golden);flex-direction:column;display:flex}.gallery-header{padding-left:var(--margin-golden);padding-right:var(--margin-golden);margin-bottom:clamp(2rem,4vh,4rem)}.gallery-heading{font-family:var(--font-soul);font-size:clamp(1.5rem,1.2rem + 1.5vw,2.5rem);font-weight:600;line-height:var(--line-height-display);margin-bottom:.5rem}.gallery-subheading{color:var(--text-secondary);font-size:clamp(.95rem,.85rem + .5vw,1.15rem)}.gallery-scroll{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1;display:flex;overflow-x:auto}.gallery-scroll::-webkit-scrollbar{display:none}.gallery-room{scroll-snap-align:center;gap:calc(var(--margin-golden)*.5);min-width:92%;padding:0 var(--margin-golden);flex:0 0 92%;grid-template-columns:67fr 33fr;align-items:center;display:grid}.gallery-image{justify-content:center;align-items:center;display:flex;overflow:hidden}.gallery-image img{object-fit:contain;width:100%;max-width:800px;height:auto}.gallery-companion{flex-direction:column;gap:1.25rem;max-width:480px;display:flex}.companion-identity{flex-direction:column;gap:.15rem;display:flex}.companion-title{font-family:var(--font-soul);font-size:clamp(1.5rem,1.2rem + 1vw,2rem);font-weight:600;line-height:var(--line-height-display);color:var(--text-primary)}.companion-artist{font-family:var(--font-soul);letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary);font-size:clamp(.95rem,.85rem + .5vw,1.15rem);font-weight:600}.companion-album{font-family:var(--font-science);color:var(--text-secondary);letter-spacing:.02em;margin-top:.1rem;font-size:.75rem}.companion-whisper-line{border:none;border-top:var(--whisper-width)solid var(--whisper-color);width:100%}.companion-specs{font-family:var(--font-science);letter-spacing:.02em;color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:.4rem;font-size:.7rem;display:flex}.specs-divider{color:var(--text-whisper)}.companion-pitches{align-items:center;gap:1rem;display:flex}.pitch-swatch-group{align-items:center;gap:.4rem;display:flex}.pitch-swatch{border-radius:1px;width:12px;height:12px;display:inline-block}.pitch-label{font-family:var(--font-science);color:var(--text-secondary);letter-spacing:.02em;font-size:.8rem}.companion-matrix{grid-template-columns:repeat(4,1fr);gap:.25rem;display:grid}.matrix-cell{flex-direction:column;gap:.2rem;display:flex}.matrix-label{font-family:var(--font-science);letter-spacing:.04em;color:var(--text-whisper);text-transform:uppercase;font-size:.6rem}.matrix-value{font-family:var(--font-science);color:var(--text-primary);letter-spacing:.02em;font-size:.95rem}.companion-prose{font-family:var(--font-soul);color:var(--text-secondary);max-width:var(--prose-max-width);font-size:clamp(.85rem,.8rem + .25vw,.95rem);line-height:1.6}.companion-prose strong{color:#ffffffd9;font-weight:700}.gallery-viewport{flex-direction:column;flex:1;display:flex;position:relative}.gallery-arrow{z-index:10;cursor:pointer;color:#fba28359;opacity:1;transition:color var(--duration-hover)var(--ease-museum);background:0 0;border:none;padding:1rem;position:absolute;top:50%;transform:translateY(-50%)}.gallery-arrow:hover{color:var(--accent-home)}.gallery-arrow--left{left:var(--margin-golden)}.gallery-arrow--right{right:calc(var(--margin-golden)*.5)}.gallery-arrow--hidden{display:none}.gallery-progress{background:var(--whisper-color);height:1px;margin:clamp(2.5rem,5vh,4rem)var(--margin-golden)calc(var(--margin-golden)*-.5);position:relative}.gallery-progress__fill{background:var(--accent-home);height:100%;transition:left var(--duration-transition)var(--ease-museum);position:absolute;top:0}@media (max-width:768px){.gallery-scroll{scroll-snap-type:none;flex-direction:column;gap:clamp(3rem,6vh,5rem);overflow-x:visible}.gallery-room{flex:none;grid-template-columns:1fr;gap:1.5rem;min-width:auto}.gallery-image img,.gallery-companion{max-width:100%}.gallery-arrow,.gallery-progress{display:none}.companion-matrix{grid-template-columns:repeat(2,1fr);gap:.75rem}.companion-specs{font-size:.65rem}}#contact{background:var(--void-elevated)}#contact.section-viewport{min-height:auto;padding-top:clamp(4rem,8vh,6rem);padding-bottom:clamp(6rem,12vh,10rem)}.contact-wrapper{max-width:540px}.contact-heading{font-family:var(--font-soul);font-size:clamp(1.5rem,1.2rem + 1.5vw,2.5rem);font-weight:600;line-height:var(--line-height-display);margin-bottom:.75rem}.contact-body{color:var(--text-secondary);max-width:var(--prose-max-width);margin-bottom:2.5rem;font-size:clamp(.9rem,.85rem + .25vw,1.05rem);line-height:1.6}.contact-form{flex-direction:column;gap:1rem;max-width:480px;display:flex}.form-input{border:var(--whisper-width)solid var(--whisper-color);width:100%;color:var(--text-primary);font-family:var(--font-science);transition:border-color var(--duration-hover)var(--ease-museum);-webkit-appearance:none;background:0 0;border-radius:0;padding:.75rem 1rem;font-size:.875rem}.form-input--optional{border-color:#ffffff26}.form-input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--void-elevated)inset;-webkit-text-fill-color:var(--text-primary);font-family:var(--font-science);caret-color:var(--text-primary)}.form-input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 1000px var(--void-elevated)inset;-webkit-text-fill-color:var(--text-primary);font-family:var(--font-science);caret-color:var(--text-primary)}.form-input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px var(--void-elevated)inset;-webkit-text-fill-color:var(--text-primary);font-family:var(--font-science);caret-color:var(--text-primary)}.form-input:focus{border-color:var(--accent-home);outline:none}.form-textarea{resize:vertical;min-height:4rem}.contact-submit{background:var(--accent-home);color:var(--void);font-family:var(--font-soul);letter-spacing:.05em;text-transform:lowercase;cursor:pointer;transition:background var(--duration-hover)var(--ease-museum);border:none;align-self:flex-start;padding:.75rem 2.5rem;font-size:.875rem;font-weight:600}.contact-submit:hover{background:var(--accent-home)}.contact-submit:disabled{opacity:.5;cursor:not-allowed}.contact-error{font-family:var(--font-science);color:var(--accent-home);margin-top:1rem;font-size:.75rem}.deeplink-nav{padding:1.5rem var(--margin-golden)}.deeplink-back{font-family:var(--font-science);letter-spacing:.02em;color:var(--text-secondary);transition:color var(--duration-hover)var(--ease-museum);font-size:.75rem;text-decoration:none}.deeplink-back:hover,.deeplink-back:focus-visible{color:var(--text-primary);outline:none}.error-page{text-align:center}.error-heading{font-family:var(--font-soul);margin-bottom:1rem;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:600}.error-body{color:var(--text-secondary);margin-bottom:2rem;font-size:clamp(.9rem,.85rem + .25vw,1.05rem)}.error-action{font-family:var(--font-science);letter-spacing:.1em;color:var(--accent-home);cursor:pointer;background:0 0;border:none;font-size:.75rem;text-decoration:none}#learn-teaser.section-viewport{min-height:auto;padding-top:clamp(5rem,12vh,10rem);padding-bottom:clamp(5rem,12vh,10rem)}.learn-teaser{max-width:var(--prose-max-width);flex-direction:column;justify-content:center;align-items:flex-start;margin:0 auto;display:flex}.learn-teaser__text{font-family:var(--font-soul);color:var(--text-primary);margin-bottom:2rem;font-size:clamp(1.15rem,2vw,1.5rem);font-weight:300;line-height:1.5}.learn-teaser__cta{font-family:var(--font-soul);color:var(--accent-home);transition:color var(--duration-hover)var(--ease-museum);font-size:clamp(1rem,1.5vw,1.25rem);font-weight:600;text-decoration:none}.learn-teaser__cta:hover{color:var(--text-primary)}