@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500&family=Instrument+Serif:ital@0;1&display=swap');
:root{--w:#f3f8fa;--b:#111314;--m:#5c666b;--l:#1113142b;--c:#ff674e;--blue:#dceaf0;--pad:clamp(18px,3.3vw,54px);--max:1540px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--w);color:var(--b);font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}img{display:block;width:100%}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:30;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.nav{position:fixed;z-index:20;top:0;width:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:17px var(--pad);border-bottom:1px solid var(--l);background:#f3f8fae8;backdrop-filter:blur(10px)}.logo{font:900 43px/.73 "Barlow Condensed";letter-spacing:-.06em}.nav-center{display:flex;gap:27px;font:500 10px "DM Mono";text-transform:uppercase}.nav-center a:hover{color:var(--c)}.nav-right{text-align:right;font:500 10px "DM Mono"}.nav-right a{border-bottom:1px solid}
.hero{min-height:100svh;padding:145px var(--pad) 45px;overflow:hidden}.hero-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1fr 1.15fr;gap:4vw;align-items:end;min-height:calc(100svh - 190px)}.eyebrow,.section-no{font:500 10px "DM Mono";letter-spacing:.12em;text-transform:uppercase;color:var(--m)}.hero h1{font:900 clamp(110px,16.5vw,285px)/.7 "Barlow Condensed";letter-spacing:-.075em;text-transform:uppercase;margin:30px 0}.hero h1 em{display:block;font:400 .43em/1 "Instrument Serif";text-transform:none;letter-spacing:-.02em;color:var(--c)}.hero-deck{max-width:570px;font-size:clamp(17px,1.45vw,23px);line-height:1.3}.hero-photo{transform:rotate(1.2deg);position:relative}.hero-photo img{height:min(68vh,760px);object-fit:cover;filter:grayscale(1) contrast(1.12)}.hero-photo:before{content:"";position:absolute;z-index:2;left:-24px;top:22%;width:125px;height:38px;background:var(--c);mix-blend-mode:multiply}.hero-photo:after{content:"RECORD / PRODUCE / MIX";position:absolute;right:-20px;bottom:28px;background:var(--w);padding:8px;font:500 9px "DM Mono";writing-mode:vertical-rl}
.ticker{overflow:hidden;white-space:nowrap;padding:12px 0;background:var(--b);color:var(--w)}.ticker-track{display:inline-flex;gap:45px;animation:scroll 25s linear infinite}.ticker span{font:800 44px/.8 "Barlow Condensed";text-transform:uppercase}.ticker .accent{color:var(--c)}@keyframes scroll{to{transform:translateX(-50%)}}
.section{padding:clamp(100px,13vw,190px) var(--pad)}.inner{max-width:var(--max);margin:auto}.head{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:end;margin-bottom:70px}.section h2{font:900 clamp(80px,11vw,170px)/.72 "Barlow Condensed";text-transform:uppercase;letter-spacing:-.065em;margin:18px 0}.section h2 em{font:400 .5em/1 "Instrument Serif";text-transform:none}.intro{max-width:550px;font-size:18px;line-height:1.45}.blue-note{display:inline-block;background:var(--blue);padding:7px 11px;font:500 10px "DM Mono";text-transform:uppercase}
.split{display:grid;grid-template-columns:1.05fr .95fr;align-items:center}.split-image{margin-right:-100px;z-index:2;transform:rotate(-1.5deg)}.split-image img{height:650px;object-fit:cover;filter:grayscale(1)}.split-copy{background:var(--blue);padding:95px 80px 95px 150px;min-height:570px}.split-copy h3{font:900 clamp(65px,8vw,125px)/.73 "Barlow Condensed";text-transform:uppercase;letter-spacing:-.06em;margin:25px 0}.split-copy p{font-size:18px;max-width:510px}
.services{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--b);border-left:1px solid var(--b)}.service{min-height:330px;padding:27px;border-right:1px solid var(--b);border-bottom:1px solid var(--b);position:relative;transition:.35s}.service:hover{background:var(--c);transform:translateY(-7px)}.service h3{font:900 clamp(48px,5vw,78px)/.78 "Barlow Condensed";text-transform:uppercase;letter-spacing:-.05em;margin:85px 0 18px}.service p{font-size:14px;max-width:270px}.arrow{position:absolute;right:22px;bottom:20px;font:500 18px "DM Mono"}
.packages{background:var(--b);color:var(--w);padding:25px}.package{display:grid;grid-template-columns:70px 1fr 1fr;gap:25px;border-top:1px solid #fff4;padding:34px 12px}.package:first-child{border-top:0}.package-no{font:500 10px "DM Mono";color:var(--c)}.package h3{font:900 clamp(50px,5.7vw,92px)/.75 "Barlow Condensed";text-transform:uppercase;letter-spacing:-.05em;margin:0}.package-copy{color:#c8ced0;font-size:15px;max-width:520px}.package-list{display:flex;flex-wrap:wrap;gap:7px;padding:0;margin:17px 0 0;list-style:none}.package-list li{border:1px solid #fff4;padding:7px 9px;font:500 9px "DM Mono";text-transform:uppercase}
.work{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.work-card{position:relative;overflow:hidden;background:var(--b);min-height:580px}.work-card.small{min-height:280px}.work-card img{height:100%;object-fit:cover;filter:grayscale(1);opacity:.82;transition:.7s}.work-card:hover img{transform:scale(1.045);filter:grayscale(.25)}.work-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,#000c)}.meta{position:absolute;z-index:2;left:28px;bottom:25px;color:#fff}.meta strong{font:900 clamp(48px,5vw,85px)/.75 "Barlow Condensed";text-transform:uppercase;display:block}.meta small{font:500 9px "DM Mono";text-transform:uppercase}
.about{background:var(--b);color:var(--w)}.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.about-copy{max-width:720px;font-size:20px;line-height:1.42}.creds{display:flex;flex-wrap:wrap;gap:8px;margin-top:35px}.cred{border:1px solid #fff4;padding:9px 11px;font:500 9px "DM Mono";text-transform:uppercase}.about-note{color:#c4c9ca;max-width:650px;font-size:14px}
.contact{padding:100px var(--pad) 40px}.contact-box{max-width:var(--max);margin:auto;border-top:2px solid var(--b);padding-top:45px;display:grid;grid-template-columns:1fr auto;align-items:end}.contact h2{font-size:clamp(100px,15vw,230px);margin:0}.contact-link{font:500 clamp(20px,2.5vw,34px) "DM Mono";border-bottom:2px solid var(--c);padding-bottom:5px}.footer{max-width:var(--max);margin:auto;padding:50px var(--pad) 25px;display:flex;justify-content:space-between;font:500 9px "DM Mono";text-transform:uppercase;color:var(--m)}
.reveal{opacity:0;transform:translateY(32px);transition:.8s cubic-bezier(.16,.8,.2,1)}.reveal.in{opacity:1;transform:none}.letter{display:inline-block;opacity:0;transform:translateY(55px);transition:.7s cubic-bezier(.16,.8,.2,1);transition-delay:calc(var(--i)*.025s)}.letters.in .letter{opacity:1;transform:none}
@media(max-width:900px){.nav{grid-template-columns:1fr auto}.nav-center{display:none}.hero-grid,.head,.split,.about-grid,.contact-box{grid-template-columns:1fr}.hero{padding-top:125px}.hero-photo{margin-top:30px}.services{grid-template-columns:1fr 1fr}.package{grid-template-columns:45px 1fr}.package-copy,.package-list{grid-column:2}.split-image{margin:0 0 -70px}.split-copy{padding:120px 35px 55px}.work{grid-template-columns:1fr}.work-card,.work-card.small{min-height:430px}}
@media(max-width:560px){.logo{font-size:36px}.nav-right{font-size:8px}.hero h1{font-size:26vw}.hero-photo img{height:430px}.services{grid-template-columns:1fr}.service{min-height:270px}.package h3{font-size:50px}.section h2{font-size:25vw}.contact h2{font-size:27vw}.footer{display:block}.footer div+div{margin-top:12px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal,.letter{opacity:1!important;transform:none!important}}