@font-face {
 font-family:Inter; font-style:normal; font-weight:100 900; font-display:swap;
 src:url('/fonts/inter-latin.woff2') format('woff2');
 unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
 font-family:Inter; font-style:normal; font-weight:100 900; font-display:swap;
 src:url('/fonts/inter-latin-ext.woff2') format('woff2');
 unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0300-0303,U+0305-0307,U+0309-0328,U+032A-036F,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
:root { --ink:#39574e; --paper:#f3f1e7; --muted:#5b7064; --line:1px solid #a7b8a8; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Inter,Arial,sans-serif; font-weight:350; }
body::before { content:''; position:fixed; inset:0; z-index:5; pointer-events:none; opacity:.035; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' opacity='.55' d='M0 0h180v180H0z'/%3E%3C/svg%3E"); }
button { font:inherit; cursor:pointer; color:inherit; }
a { color:inherit; text-decoration:none; }
a:hover { color:#1a4237; }
a:focus-visible,button:focus-visible,summary:focus-visible { outline:2px solid #487e70; outline-offset:7px; }
button:disabled { opacity:.4; cursor:default; }
h1,h2,p { margin:0; }
img { display:block; max-width:100%; height:auto; }
::selection { background:#c2dcd0; color:#244339; }
.nav { position:relative; z-index:3; display:flex; justify-content:space-between; align-items:center; gap:25px; padding:24px 3vw; font-size:12px; }
.logo { letter-spacing:-.06em; font-size:19px; }
.nav-links { display:flex; gap:30px; align-items:center; }
.nav-links a[aria-current] { text-decoration:underline; text-underline-offset:5px; }
.motion-toggle { border:0; background:none; padding:4px 0; font-size:10px; color:var(--muted); }
.hero { position:relative; min-height:740px; height:calc(100svh - 68px); max-height:1150px; isolation:isolate; overflow:hidden; }
.hero::before { content:''; position:absolute; inset:0; background:radial-gradient(ellipse at 74% 36%,#c8e2d7aa,transparent 56%),radial-gradient(ellipse at 16% 75%,#e9d7bf80,transparent 50%); z-index:-2; }
.water-memory { position:absolute; top:8%; right:6%; width:62%; height:76%; transform:rotate(-15deg); border-radius:46% 54% 68% 32% / 64% 32% 68% 36%; overflow:hidden; opacity:.85; mask-image:radial-gradient(ellipse at 55% 50%,#000 45%,transparent 74%); animation:water-drift 22s ease-in-out infinite alternate; }
.video-banner { position:relative; width:100%; overflow:hidden; }
.video-banner video { width:100%; height:100%; object-fit:cover; display:block; }
.hero-video { height:100%; filter:saturate(.85) contrast(.92); }
.hero-video video { transform:scale(1.65); transform-origin:50% 90%; }
.water-echo { position:absolute; top:22%; left:10%; width:17%; height:24%; border-radius:50% 38% 55% 32%; background:url('/media/hero.png') 60% 94%/auto 400%; filter:saturate(.5) contrast(1.2); mix-blend-mode:multiply; opacity:.55; transform:rotate(28deg); }
.water-strip { position:absolute; top:54%; left:5%; width:91%; height:10vw; max-height:145px; background:url('/media/hero.png') 45% 92%/118% auto no-repeat; opacity:.6; filter:saturate(.5) hue-rotate(15deg); mix-blend-mode:multiply; transform:rotate(-11deg); mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent); }
.orbit { position:absolute; inset:0; width:100%; height:100%; color:#6665a0; opacity:.45; pointer-events:none; animation:orbit-drift 30s ease-in-out infinite alternate; }
.hero h1 { font-family:Inter,Arial,sans-serif; font-weight:200; font-style:normal; letter-spacing:-.085em; line-height:.8; }
.hero h1 span { position:absolute; display:block; z-index:1; opacity:.78; mix-blend-mode:multiply; }
.word-no { top:10%; left:8%; font-size:clamp(140px,22vw,400px); transform:rotate(-8deg); }
.word-rbu { top:33%; left:30%; font-size:clamp(160px,26vw,480px); transform:rotate(5deg) scaleX(1.12); }
.word-spa { top:62%; left:64%; font-size:clamp(90px,15vw,260px); transform:rotate(-13deg); }
.fragment { position:absolute; z-index:2; font-size:11px; line-height:1.6; }
.fragment-a { left:7%; top:58%; transform:rotate(-5deg); }
.fragment-b { right:9%; top:17%; }
.immersion-note { position:absolute; z-index:2; top:75%; left:40%; font-size:clamp(18px,2.3vw,36px); font-weight:300; line-height:1; letter-spacing:-.045em; color:#514b8a; transform:rotate(-7deg); }
.fragment,.ghost-coordinate,.copy-label,.eyebrow,.bath-coordinate,.about-footnote { font-family:'Courier New',monospace; }
.ghost-coordinate { position:absolute; top:6%; left:48%; font-size:36px; font-family:Inter,Arial,sans-serif; opacity:.6; transform:rotate(14deg); }
.drifting-mark { position:absolute; left:18%; bottom:14%; font-size:160px; line-height:.5; font-family:Inter,Arial,sans-serif; opacity:.5; transform:rotate(22deg); }
.hero-exits { position:absolute; z-index:2; bottom:5%; left:7%; right:7%; display:flex; justify-content:space-between; align-items:center; gap:24px; font-size:12px; }
.hero-exits a,.random-bath { padding:12px 0; text-decoration:underline; text-underline-offset:7px; text-decoration-thickness:1px; }
.random-bath { border:0; background:transparent; }
.random-bath:hover { color:#1a4237; }
.landing-copy { position:relative; padding:130px 7% 80px; display:grid; grid-template-columns:1.2fr 1fr; gap:70px 9vw; overflow:hidden; }
.landing-copy > .eyebrow { grid-column:1/-1; margin:0; }
.landing-copy h2 { position:relative; z-index:1; grid-column:1/-1; font-weight:250; font-size:clamp(78px,13vw,220px); line-height:.88; letter-spacing:-.075em; transform:rotate(-3deg); margin-bottom:15px; }
.landing-copy h2 em { font-weight:250; font-style:normal; color:#6a8979; margin-left:9vw; }
.about-lead { font-size:clamp(25px,3vw,46px); line-height:1.2; letter-spacing:-.045em; padding-top:60px; }
.about-story { max-width:540px; font-size:21px; line-height:1.45; letter-spacing:-.025em; }
.about-story > p { margin-bottom:30px; }
.about-story a { text-decoration:underline; text-underline-offset:3px; }
.about-footnote { display:block; margin-top:40px; color:var(--muted); font-size:11px; line-height:1.6; letter-spacing:0; }
.about-story .about-credit { font-size:15px; margin-top:40px; }
.about-mark { position:absolute; top:0; right:3%; font-size:330px; opacity:.18; transform:rotate(28deg); }
.about-postscript { grid-column:1/-1; padding:35px 0 20px; font-size:clamp(55px,7.5vw,125px); font-weight:250; line-height:.95; letter-spacing:-.065em; color:#514b8a; }
.about-postscript em { font-style:normal; margin-left:17vw; }
.sound-baths { position:relative; overflow:hidden; padding:120px 5% 100px; }
.sound-baths img { position:absolute; right:7%; top:90px; width:47%; height:720px; object-fit:cover; filter:saturate(.65); border-radius:48% 52% 40% 60% / 48% 56% 44% 52%; opacity:.65; transform:rotate(9deg); }
.bath-thought { position:relative; z-index:1; font-size:clamp(90px,17vw,280px); font-weight:200; line-height:.83; letter-spacing:-.085em; mix-blend-mode:multiply; }
.bath-thought em { display:block; margin-left:12vw; font-style:normal; color:#688775; }
.bath-thought > span { display:block; margin-top:90px; margin-left:2vw; font-size:.44em; line-height:1; letter-spacing:-.055em; color:#514b8a; transform:rotate(-6deg); }
.bath-body { position:relative; z-index:1; width:43%; margin:110px 0 30px 48%; font-size:27px; line-height:1.3; letter-spacing:-.04em; }
.bath-coordinate { position:relative; display:block; margin-left:7%; font-size:11px; }
.page-padding { padding:100px 7%; }
.section-heading { margin-bottom:100px; }
.eyebrow { font-size:11px; color:var(--muted); margin-bottom:36px; }
.section-heading h1,.section-heading h2 { font-weight:200; font-size:clamp(90px,19vw,310px); line-height:.78; letter-spacing:-.085em; }
.section-heading em { display:inline-block; font-weight:200; font-style:normal; color:#6a8979; margin-left:17vw; }
.section-intro { max-width:620px; margin:70px 0 0 46%; font-size:26px; line-height:1.35; letter-spacing:-.04em; }
.release-list { padding-bottom:0; }
.release { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); gap:34px 8vw; align-items:start; padding:25px 0 150px; border-top:var(--line); }
.release-art,.release-copy { min-width:0; }
.catalog { display:flex; align-items:center; justify-content:space-between; font-family:'Courier New',monospace; font-size:11px; color:var(--muted); }
.release > .catalog,.release-title { grid-column:1/-1; }
.release-title { font-weight:250; font-size:clamp(52px,8vw,140px); line-height:.95; letter-spacing:-.075em; margin:0 0 25px; overflow-wrap:anywhere; }
.release-artist { display:block; margin-bottom:20px; font-size:22px; font-weight:350; letter-spacing:-.035em; }
.release-name { display:block; }
.release-art { grid-column:1; grid-row:3; }
.release-copy { grid-column:2; grid-row:3; }
.release-art > a { display:block; }
.release-art img { width:100%; aspect-ratio:1; object-fit:cover; }
.release-list .release:nth-of-type(even) .release-art { grid-column:2; }
.release-list .release:nth-of-type(even) .release-copy { grid-column:1; }
.release-list .release:nth-of-type(3n+1) .release-art > a { transform:rotate(-2deg); }
.release-list .release:nth-of-type(3n+2) .release-art > a { transform:rotate(2deg); }
.release-copy { padding-top:25px; font-size:23px; line-height:1.4; letter-spacing:-.035em; }
.copy-label { display:block; font-size:11px; margin-bottom:30px; color:var(--muted); letter-spacing:0; }
.release-copy p { margin-bottom:32px; }
.bath-notes { margin-bottom:32px; }
.bath-notes summary { cursor:pointer; display:flex; justify-content:space-between; padding:14px 0; list-style:none; border-bottom:var(--line); margin-bottom:24px; font-size:13px; }
.bath-notes summary::-webkit-details-marker { display:none; }
.bath-notes[open] summary > span { transform:rotate(45deg); }
.listen { display:inline-flex; align-items:center; gap:65px; padding:12px 0; border-bottom:1px solid currentColor; font-size:clamp(32px,4vw,60px); font-weight:250; line-height:1; letter-spacing:-.055em; }
.film-link { display:block; margin-top:32px; text-decoration:underline; font-size:14px; }
.release-video { display:block; width:100%; aspect-ratio:16/9; border:0; margin-bottom:32px; }
.release-detail { padding-bottom:70px; border-top:0; }
.release-detail .release-copy { padding-top:0; }
.release-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:100px 8vw; align-items:start; }
.release-card { display:block; min-width:0; }
.release-card:nth-child(even) { margin-top:180px; }
.release-card img { width:100%; aspect-ratio:1; object-fit:cover; transition:filter .3s; }
.release-card:hover img { filter:saturate(.7); }
.card-caption { padding-top:20px; }
.card-caption .catalog { margin-bottom:22px; }
.card-caption h2 { font-size:clamp(35px,4.7vw,75px); line-height:1; font-weight:250; letter-spacing:-.06em; overflow-wrap:anywhere; }
.card-artist { display:block; margin-bottom:15px; font-size:17px; font-weight:350; letter-spacing:-.03em; }
.footer { padding-top:40px; }
.footer-scene { position:relative; min-height:800px; overflow:hidden; }
.footer-video { position:absolute; width:80%; height:800px; left:10%; opacity:.65; filter:saturate(.8); mask-image:radial-gradient(ellipse,#000 5%,transparent 68%); }
.footer-drift { position:absolute; left:7%; top:100px; font-size:clamp(90px,20vw,330px); font-weight:200; letter-spacing:-.085em; line-height:.85; transform:rotate(-9deg); mix-blend-mode:multiply; }
.footer-drift em { display:inline-block; font-weight:200; font-style:normal; margin-left:9vw; }
.footer-reading { display:grid; grid-template-columns:1.5fr 1fr; gap:8vw; align-items:end; padding:0 7% 70px; }
.footer-reading p { font-size:clamp(25px,3vw,44px); line-height:1.2; letter-spacing:-.045em; }
.footer-return { justify-self:end; font-size:14px; text-decoration:underline; text-underline-offset:7px; padding:12px 0; }
.marquee-strip { overflow:hidden; padding:25px 0; color:var(--muted); }
.marquee-track { display:flex; width:max-content; animation:marquee-scroll 90s linear infinite; }
.marquee-track span { white-space:nowrap; padding-right:16px; font-family:'Courier New',monospace; font-size:16px; }
.hero-ticker { position:absolute; top:0; left:0; right:0; z-index:3; padding:12px 0; background:#e2e3eb99; color:#514b8a; }
.hero-ticker .marquee-track { animation-duration:65s; }
.hero-ticker .marquee-track span { font-size:18px; }
.footer-bottom { display:flex; justify-content:space-between; gap:20px; padding:35px 7%; font-size:11px; color:var(--muted); }
.not-found { min-height:60vh; }
.not-found h1 { font-family:Inter,Arial,sans-serif; font-size:clamp(48px,8vw,110px); font-weight:400; letter-spacing:-.07em; margin-bottom:30px; }
.not-found p { font-size:14px; }
.not-found a { text-decoration:underline; }
.skip-link { position:fixed; top:-100px; left:16px; z-index:10; padding:16px; background:var(--ink); color:var(--paper); }
.skip-link:focus { top:16px; }
@keyframes water-drift { from { transform:rotate(-15deg) scale(1); } to { transform:rotate(-4deg) scale(1.06) translateY(12px); } }
@keyframes orbit-drift { to { transform:rotate(-9deg) scale(1.06); } }
@keyframes marquee-scroll { to { transform:translate3d(-50%,0,0); } }
.motion-paused *,.motion-paused *::before,.motion-paused *::after { animation-play-state:paused !important; scroll-behavior:auto !important; }
html.motion-paused { scroll-behavior:auto; }
@media (max-width:900px) {
 .hero { min-height:680px; }
 .water-memory { width:80%; right:-4%; }
 .word-no { top:16%; }
 .word-rbu { top:37%; left:25%; }
 .word-spa { top:68%; }
 .landing-copy { gap:55px 7vw; padding:120px 7% 60px; }
 .about-story { font-size:18px; }
 .sound-baths img { height:580px; }
 .bath-body { font-size:23px; }
 .release { gap:30px 6vw; }
 .release-copy { font-size:20px; }
 .release-grid { gap:70px 5vw; }
 .release-card:nth-child(even) { margin-top:110px; }
 .footer-scene { min-height:650px; }
}
@media (max-width:600px) {
 .nav { padding:21px 20px; gap:14px; }
 .logo { font-size:17px; }
 .nav-links { gap:18px; font-size:11px; }
 .motion-toggle { font-size:9px; }
 .hero { height:calc(100svh - 65px); min-height:650px; max-height:850px; }
 .water-memory { top:17%; right:-32%; width:132%; height:66%; }
 .water-echo { top:25%; left:4%; width:27%; height:18%; }
 .water-strip { top:52%; left:-10%; width:120%; height:18vw; }
 .orbit { width:160%; left:-30%; }
 .word-no { top:15%; left:5%; font-size:43vw; }
 .word-rbu { top:36%; left:18%; font-size:50vw; }
 .word-spa { top:64%; left:48%; font-size:28vw; }
 .fragment { font-size:10px; }
 .fragment-a { top:65%; left:7%; }
 .fragment-b { top:13%; right:10%; }
 .immersion-note { top:79%; left:55%; font-size:18px; }
 .ghost-coordinate { top:8%; left:30%; font-size:24px; }
 .drifting-mark { font-size:100px; bottom:14%; left:26%; }
 .hero-exits { left:7%; right:7%; bottom:4%; font-size:11px; }
 .landing-copy { grid-template-columns:1fr; gap:45px; padding:90px 7% 60px; }
 .landing-copy > .eyebrow { font-size:9px; max-width:230px; }
 .landing-copy h2 { font-size:17vw; line-height:.93; }
 .landing-copy h2 em { margin-left:0; }
 .about-lead { padding-top:0; font-size:28px; }
 .about-story { margin-left:12%; font-size:18px; }
 .about-mark { top:0; right:-12px; font-size:160px; }
 .about-postscript { font-size:12vw; padding-top:0; }
 .about-postscript em { display:block; margin-left:7vw; }
 .sound-baths { padding:65px 5% 75px; }
 .sound-baths img { width:65%; height:400px; right:3%; top:65px; }
 .bath-thought { font-size:19vw; line-height:.9; }
 .bath-thought em { margin-left:13vw; }
 .bath-thought > span { font-size:11vw; margin-top:90px; margin-left:0; }
 .bath-body { width:80%; margin:65px 0 35px 12%; font-size:22px; }
 .bath-coordinate { font-size:9px; margin-left:3%; }
 .page-padding { padding:60px 7%; }
 .section-heading { margin-bottom:75px; }
 .section-heading h1,.section-heading h2 { font-size:28vw; }
 .section-heading em { margin-left:16vw; }
 .section-intro { margin:40px 0 0 10%; font-size:22px; }
 .eyebrow { font-size:10px; }
 .release { display:block; padding-top:20px; padding-bottom:90px; }
 .release > .catalog { margin-bottom:25px; }
 .release-title { font-size:17vw; margin-bottom:35px; }
 .release-artist { font-size:18px; margin-bottom:18px; }
 .release-art { margin-bottom:40px; }
 .release-copy { padding-top:0; font-size:19px; }
 .copy-label { margin-bottom:25px; font-size:10px; }
 .listen { font-size:45px; }
 .release-grid { grid-template-columns:1fr; gap:70px; }
 .release-card:nth-child(even) { margin:0 0 0 10%; }
 .release-card:nth-child(odd) { margin-right:10%; }
 .card-caption h2 { font-size:13vw; }
 .card-artist { font-size:16px; }
 .footer-scene { min-height:420px; }
 .footer-video { height:420px; width:100%; left:0; }
 .footer-drift { left:4%; top:100px; font-size:22vw; }
 .footer-drift em { margin-left:6vw; }
 .footer-reading { grid-template-columns:1fr; gap:35px; padding-bottom:40px; }
 .footer-reading p { font-size:28px; }
 .footer-return { justify-self:start; font-size:13px; }
 .marquee-track span { font-size:13px; }
 .hero-ticker { padding:10px 0; }
 .hero-ticker .marquee-track span { font-size:13px; }
 .footer-bottom { flex-wrap:wrap; font-size:10px; }
}
@media (max-width:360px) {
 .nav { padding-inline:15px; }
 .nav-links { gap:12px; }
 .logo { font-size:15px; }
 .about-lead { font-size:25px; }
 .about-story { font-size:17px; }
 .release-copy { font-size:18px; }
}
@media (prefers-reduced-motion:reduce) {
 html { scroll-behavior:auto; }
 *,*::before,*::after { animation:none !important; transition:none !important; }
}
