:root{--ink:#090909;--paper:#f3f0e8;--white:#fff;--line:rgba(9,9,9,.2);--pad:clamp(22px,4vw,68px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--white);font-family:Poppins,Arial,sans-serif;overflow-x:hidden}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.site-header{position:absolute;z-index:20;top:0;left:0;width:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:28px var(--pad);border-bottom:1px solid rgba(255,255,255,.25);font-size:12px;text-transform:uppercase;letter-spacing:.12em}.site-header a{color:inherit;text-decoration:none}.wordmark{justify-self:start;font-weight:600;text-transform:lowercase;letter-spacing:-.04em;font-size:19px}.site-header nav{display:flex;gap:32px}.site-header nav button,.site-header nav a,.header-cta{font-size:11px;text-transform:uppercase;letter-spacing:.14em}.site-header nav button,.site-header nav a{transition:opacity .25s}.site-header nav button:hover,.site-header nav a:hover,.site-header nav a[aria-current="page"]{opacity:.5}.header-cta{display:flex;align-items:center;justify-content:center;justify-self:end;border:1px solid rgba(255,255,255,.6);border-radius:999px;padding:12px 18px;transition:.3s}.header-cta:hover{background:#fff;color:#000}.header-cta span{margin-left:18px}
.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden}.hero-media,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-media{transform:scale(1.08)}.hero-shade{background:linear-gradient(180deg,rgba(0,0,0,.35) 0%,rgba(0,0,0,.08) 42%,rgba(0,0,0,.68) 100%)}.hero-content{position:relative;z-index:2;width:100%;padding:150px var(--pad) 50px}.eyebrow,.section-index{text-transform:uppercase;letter-spacing:.2em;font-size:11px}.split-title{font-size:clamp(64px,12.5vw,190px);line-height:.76;letter-spacing:-.075em;margin:4vh 0 6vh;font-weight:600}.split-title span{display:block}.split-title span:last-child{padding-left:12vw}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.hero-bottom>p{max-width:640px;font-size:clamp(15px,1.4vw,22px);line-height:1.45;margin:0}.round-link{width:130px;height:130px;border:1px solid rgba(255,255,255,.8);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;text-transform:uppercase;font-size:11px;line-height:1.4;letter-spacing:.1em;transition:.4s;text-decoration:none}.hero .round-link,.hero .round-link:visited{color:#fff}.round-link b{position:absolute;right:24px;top:20px;font-size:18px}.round-link:hover{background:#fff;color:#000;transform:rotate(-5deg)}.hero .round-link:hover,.hero .round-link:active{color:#000}.scroll-cue{position:absolute;z-index:3;right:var(--pad);top:46%;writing-mode:vertical-rl;text-transform:uppercase;letter-spacing:.15em;font-size:9px;display:flex;align-items:center;gap:10px}.scroll-cue span{width:1px;height:42px;background:white;display:block}
.cream{background:var(--paper);color:var(--ink)}.statement,.services{padding:clamp(100px,13vw,220px) var(--pad)}.section-index{opacity:.6;margin:0 0 40px}.display{font-size:clamp(50px,8.8vw,136px);line-height:.92;letter-spacing:-.065em;margin:0;font-weight:600}.display em{font-family:"Times New Roman",serif;font-weight:400}.statement-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:clamp(70px,10vw,160px);gap:8vw;align-items:end}.large-copy{font-size:clamp(20px,2.3vw,36px);line-height:1.35;letter-spacing:-.035em;margin:0}.text-link{display:block;color:inherit;text-decoration:none;text-transform:uppercase;letter-spacing:.13em;font-size:11px;border-bottom:1px solid currentColor;padding:0 0 10px;justify-self:end;min-width:200px;text-align:left}.text-link span{float:right;font-size:17px;transition:transform .3s}.text-link:hover span{transform:translate(4px,-4px)}
.image-break{height:92vh;min-height:680px;position:relative;overflow:hidden}.parallax-image{position:absolute;inset:-12%;width:124%;height:124%;object-fit:cover;will-change:transform}.image-break:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.45))}.image-caption{position:absolute;z-index:2;bottom:25px;left:var(--pad);font-size:11px;text-transform:uppercase;letter-spacing:.16em}
.about{padding:clamp(100px,13vw,220px) var(--pad)}.about-top .display{text-align:right}.about-grid{display:grid;grid-template-columns:minmax(240px,.7fr) 1.3fr;gap:10vw;align-items:end;margin-top:10vw}.about-visual{position:relative;width:100%;max-width:430px}.about-visual video{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;filter:grayscale(1)}.about-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.55))}.about-copy{width:100%;max-width:780px}.about-copy>p:nth-of-type(2){max-width:580px;line-height:1.8;color:#aaa;margin:44px 0 70px}.text-link.light{color:#fff}
.services-head{display:grid;grid-template-columns:1fr 2fr;align-items:end}.service-list{margin-top:100px;border-top:1px solid var(--line)}.service{display:grid;grid-template-columns:60px 1fr 1fr 60px;gap:30px;align-items:center;border-bottom:1px solid var(--line);padding:35px 0;transition:padding .35s,background .35s}.service>span{font-size:11px;opacity:.55}.service h3{font-size:clamp(30px,4vw,64px);letter-spacing:-.055em;margin:0}.service p{max-width:420px;font-size:13px;line-height:1.7;color:#595959}.service-link{display:grid;place-items:center;font-size:22px;border:1px solid var(--line);width:52px;height:52px;border-radius:50%;color:var(--ink);text-decoration:none;transition:.3s}.service-link:visited{color:var(--ink)}.service:hover{padding-left:18px;padding-right:18px;background:#e9e5dc}.service:hover .service-link{background:var(--ink);color:#fff;transform:rotate(45deg)}
.listen{padding:clamp(100px,12vw,190px) var(--pad)}.listen-head{display:grid;grid-template-columns:1fr 2fr;grid-template-rows:auto 1fr;column-gap:8vw;align-items:start;margin-bottom:clamp(80px,10vw,150px)}.listen-head>.section-index{grid-column:1;grid-row:1}.listen-visual{grid-column:1;grid-row:2;position:relative;width:min(23vw,300px);aspect-ratio:1;margin-top:50px}.listen-visual:before{content:"";position:absolute;z-index:0;width:92%;aspect-ratio:1;border-radius:50%;right:-46%;top:50%;background:repeating-radial-gradient(circle at center,#080808 0 4px,#292929 5px 6px,#0b0b0b 7px 11px);box-shadow:0 18px 45px rgba(0,0,0,.6);animation:vinyl-spin 12s linear infinite}.listen-visual video{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;filter:grayscale(1);opacity:.85;border:1px solid #333}.listen-title{grid-column:2;grid-row:1/3}.listen-title h2{font-size:clamp(62px,10vw,150px);line-height:.84;letter-spacing:-.07em;margin:0;font-weight:600}.listen-title h2 em{font-family:"Times New Roman",serif;font-weight:400}.listen-title>p{max-width:560px;margin:65px 0 0 auto;font-size:clamp(17px,1.8vw,28px);line-height:1.45;color:#aaa}.track-list{border-top:1px solid #333}.track{display:grid;grid-template-columns:70px 70px 1fr auto;gap:18px;align-items:center;border-bottom:1px solid #333;padding:18px 0}.track>img,.artwork-open{width:58px!important;height:58px!important;border-radius:2px!important;overflow:hidden}.track>img,.artwork-open img{display:block;object-fit:cover;filter:grayscale(1);transition:.35s}.track>img{width:58px;height:58px}.artwork-open{padding:0!important;border:0!important;background:none!important}.artwork-open img{width:100%;height:100%}.track button:not(.artwork-open){border:1px solid #555;border-radius:50%;width:48px;height:48px;font-size:12px;transition:.3s}.track:hover button:not(.artwork-open){background:#fff;color:#000}.track:hover>img,.track:hover .artwork-open img{filter:grayscale(0);transform:scale(1.06)}.track h3{font-size:clamp(20px,2.5vw,36px);margin:0;letter-spacing:-.03em}.track h3 small{font-size:.5em;font-weight:400;color:#888}.track p,.track>span{font-size:11px;color:#888;text-transform:uppercase;letter-spacing:.12em;margin:4px 0 0}
.player-backdrop{position:fixed;z-index:100;inset:0;padding:24px;display:grid;place-items:center;background:rgba(0,0,0,.6);backdrop-filter:blur(16px) saturate(130%);-webkit-backdrop-filter:blur(16px) saturate(130%);opacity:1;transition:opacity .3s}.player-backdrop[hidden]{display:none}.glass-player{position:relative;width:min(900px,100%);display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(28px,5vw,70px);padding:clamp(22px,4vw,54px);overflow:hidden;border:1px solid rgba(255,255,255,.32);border-radius:42px 58px 38px 52px;background:linear-gradient(135deg,rgba(36,36,36,.78),rgba(12,12,12,.66));box-shadow:inset 0 1px rgba(255,255,255,.35),0 35px 120px rgba(0,0,0,.65);backdrop-filter:blur(30px) saturate(160%);-webkit-backdrop-filter:blur(30px) saturate(160%)}.glass-player:before{content:"";position:absolute;width:65%;aspect-ratio:1;right:-20%;top:-45%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 65%);pointer-events:none}.player-close{position:absolute;z-index:2;right:22px;top:20px;width:40px;height:40px;border:1px solid rgba(255,255,255,.35);border-radius:50%;font-size:25px}.player-art{position:relative}.player-art img{display:block;width:100%;aspect-ratio:1;object-fit:cover;box-shadow:0 25px 65px rgba(0,0,0,.45)}.player-art span{display:block;margin-top:16px;font-size:9px;text-transform:uppercase;letter-spacing:.15em;color:#999}.player-details{align-self:center;position:relative;z-index:1}.player-kicker,.player-artist{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:#999}.player-details h2{font-size:clamp(48px,7vw,92px);line-height:.9;letter-spacing:-.06em;margin:18px 0 10px}.player-artist{font-size:12px;color:#ccc}.player-timeline{margin-top:50px}.player-timeline input,.volume-control input{width:100%;accent-color:#fff}.player-timeline>div{display:flex;justify-content:space-between;margin-top:8px;font-size:10px;color:#999}.player-controls{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:30px}.player-controls button{border:1px solid rgba(255,255,255,.35);border-radius:50%;width:48px;height:48px;font-size:10px}.player-controls .player-main-play{width:74px;height:74px;background:#fff;color:#000;font-size:17px}.volume-control{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:18px;margin-top:32px;font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:#999}
.track{position:relative;isolation:isolate;height:160px;min-height:160px;padding:24px 22px;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:4px;margin-top:10px}.track:has(.artwork-open){cursor:pointer}.track:after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(5,5,5,.78) 0%,rgba(5,5,5,.68) 42%,rgba(5,5,5,.42) 100%);pointer-events:none}.track>img,.track>.artwork-open{position:absolute;z-index:0;inset:0;width:100%!important;height:100%!important;border-radius:0!important}.track>img,.track>.artwork-open img{filter:none}.track>.artwork-open img{width:100%;height:100%;object-fit:cover}.track:hover>img,.track:hover .artwork-open img{filter:none;transform:scale(1.025)}.track>.track-play,.track>div,.track>.track-duration,.track>button[data-audio]{position:relative;z-index:2}.track h3{color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.5)}.track p,.track>span{color:rgba(255,255,255,.7)}
.final-cta{min-height:95vh;padding:clamp(90px,12vw,180px) var(--pad);background:var(--paper);color:var(--ink);position:relative;display:flex;flex-direction:column;justify-content:center}.final-cta .split-title{margin:40px 0 0;font-size:clamp(62px,11vw,170px)}.final-cta .round-link{position:absolute;right:12vw;bottom:11vh;border-color:var(--ink)}.final-cta .round-link,.final-cta .round-link:visited{color:var(--ink)}.light-button:hover,.light-button:active{background:var(--ink);color:#fff}.final-cta .light-button:hover,.final-cta .light-button:active{color:#fff}footer{padding:70px var(--pad) 35px;display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:40px;align-items:start}footer a{color:inherit;text-decoration:none}footer p{font-size:11px;line-height:1.8;color:#aaa;margin:0}.footer-meta{display:flex;min-height:95px;flex-direction:column;justify-content:space-between}
.reveal{opacity:0;transform:translateY(34px);transition:opacity .85s cubic-bezier(.22,1,.36,1),transform .85s cubic-bezier(.22,1,.36,1)}.reveal.is-visible{opacity:1;transform:none}.split-title>span{animation:title-in 1.2s .15s cubic-bezier(.22,1,.36,1) both}.split-title>span:nth-child(2){animation-delay:.28s}@keyframes title-in{from{opacity:0;transform:translateY(80px);clip-path:inset(0 0 100% 0)}to{opacity:1;transform:none;clip-path:inset(0)}}@keyframes marquee{to{transform:translateX(-25%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes vinyl-spin{from{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}
.split-title{line-height:.86}.split-title>span{padding-block:.08em;clip-path:none!important}
.statement .display,.about-top,.about-visual,.service,.listen-visual,.listen-title,.final-cta .eyebrow,.final-cta .split-title,.final-cta .round-link{will-change:transform}
.statement .display{transform:translate3d(var(--motion-x,0),0,0)}
.about-top{transform:translate3d(var(--motion-x,0),0,0)}
.about-visual{transform:translate3d(0,var(--motion-y,0),0)}
.service{transform:translate3d(var(--motion-x,0),0,0)}
.listen-visual{transform:translate3d(0,var(--motion-y,0),0)}
.listen-title{transform:translate3d(var(--motion-x,0),0,0)}
.final-cta .eyebrow{transform:translate3d(0,var(--motion-y,0),0)}
.final-cta .split-title{transform:translate3d(var(--motion-x,0),0,0)}
.final-cta .round-link{transform:translate3d(0,var(--motion-y,0),0)}
@media(max-width:760px){.site-header{grid-template-columns:1fr auto;padding-top:22px}.site-header nav{display:none}.header-cta{padding:9px 12px}.header-cta span{margin-left:8px}.hero-content{padding-bottom:30px}.split-title{font-size:18vw;line-height:.82;margin-bottom:12vh}.split-title span:last-child{padding-left:0}.hero-bottom{align-items:center}.hero-bottom>p{max-width:65%;font-size:13px}.round-link{width:100px;height:100px}.scroll-cue{display:none}.statement-grid,.about-grid,.services-head{grid-template-columns:1fr}.statement-grid{gap:55px}.text-link{justify-self:start}.image-break{height:72vh;min-height:520px}.about-top .display{text-align:left}.about-grid{gap:70px}.portrait-wrap{width:83%}.portrait-wrap>video{height:120vw;max-height:650px}.orbit{right:-60px}.service{grid-template-columns:36px 1fr 42px;gap:12px}.service p{grid-column:2/4;margin-top:0}.service-link{grid-column:3;grid-row:1;width:40px;height:40px}.listen-intro{justify-content:flex-start}.track{grid-template-columns:48px 1fr auto;gap:12px;height:120px;min-height:120px;padding:18px 16px}.track>.track-play,.track>button[data-audio]{grid-column:1}.track>div{grid-column:2}.track>.track-duration,.track>span{grid-column:3}.track>img,.track>.artwork-open{width:100%!important;height:100%!important}.track button:not(.artwork-open){width:38px;height:38px}.player-backdrop{padding:12px}.glass-player{grid-template-columns:1fr;padding:22px;border-radius:30px;max-height:calc(100svh - 24px);overflow-y:auto}.player-art{width:55%;margin:auto}.player-art span{display:none}.player-details h2{font-size:13vw}.player-timeline{margin-top:30px}.player-controls{margin-top:22px}.player-close{right:15px;top:14px}.final-cta{min-height:70vh}.final-cta .round-link{position:relative;right:auto;bottom:auto;margin:70px 0 0 auto}footer{grid-template-columns:1fr 1fr}.footer-mark{grid-column:1/3;margin-bottom:25px}}
@media(max-width:760px){.split-title{line-height:.9}.round-link b{top:12px;left:auto;right:16px;bottom:auto;transform:none;font-size:12px}.about-grid{grid-template-columns:1fr}.about-visual{width:72%;margin-bottom:30px}.about-copy{width:100%}.listen-head{grid-template-columns:1fr;grid-template-rows:auto;margin-bottom:70px}.listen-head>.section-index,.listen-visual,.listen-title{grid-column:1;grid-row:auto}.listen-visual{width:180px;margin:25px 0 60px}.listen-title>p{margin:38px 0 0}.listen-title h2{font-size:18vw;line-height:.9}.statement .display,.about-top,.service,.listen-title,.final-cta .split-title{transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.split-title>span{opacity:1;transform:none;animation:none;transition:none}.marquee-track,.vinyl,.listen-visual:before{animation:none}.listen-visual:before{transform:translateY(-50%)}.parallax-image,.statement .display,.about-top,.about-visual,.service,.listen-visual,.listen-title,.final-cta .eyebrow,.final-cta .split-title,.final-cta .round-link{transform:none!important}}