:root{--paper:#f0efeb;--ink:#191919;--line:#c6c4bf;--mono:'IBM Plex Mono',monospace;--serif:'Bodoni Moda',Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid currentColor;outline-offset:6px}header{height:86px;position:absolute;top:0;left:0;z-index:5;color:#fff;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid #ffffff2b}.brand{font-family:var(--serif);font-size:32px;font-weight:600;letter-spacing:-2px}.brand span{font:10px var(--mono);vertical-align:top;display:inline-block;margin:6px 0 0 4px}nav{display:flex;align-items:center;gap:36px;font:11px var(--mono);text-transform:uppercase;letter-spacing:1px}nav a:hover{opacity:.6}.nav-contact{border:1px solid #ffffff70;padding:13px 18px;margin-left:12px}.nav-contact span{margin-left:25px}.menu{display:none}.hero{height:min(880px,100svh);min-height:660px;position:relative;background:#161616;color:white;overflow:hidden}.hero-photo{position:absolute;inset:0;filter:grayscale(1) brightness(.43)}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#050505bb,transparent 95%),linear-gradient(0deg,#080808aa,transparent 40%);pointer-events:none}.hero-content{position:relative;z-index:1;padding:160px 8% 110px}.eyebrow{font:10px var(--mono);letter-spacing:1.4px;line-height:1.8}.hero-content>.eyebrow{display:flex;gap:36px;color:#d1d1d1}.hero-content>.eyebrow span{color:#aaa}h1{font:500 clamp(112px,15.8vw,235px)/1.16 var(--serif);letter-spacing:-.065em;margin:8px 0 14px}.star{font:normal .37em Georgia;display:inline-block;vertical-align:top;margin:25px 0 0 20px}.hero-line{display:flex;align-items:center;gap:80px;margin-bottom:28px}.hero-line p{font:12px/1.9 var(--mono);letter-spacing:2px;margin:0}.hero-line .hero-note{font:italic 23px/1.4 var(--serif);letter-spacing:0;color:#ccc}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;border:1px solid var(--ink);padding:18px 23px;font:11px var(--mono);text-transform:uppercase;letter-spacing:.6px;background:transparent;transition:.2s}.button span{font-size:20px}.button:hover{background:var(--ink);color:var(--paper)}.button.light{color:white;border-color:#aaa}.button.light:hover{color:#161616;background:#efeee9}.hero-footer{position:absolute;bottom:30px;left:5%;right:5%;display:flex;justify-content:space-between;font:9px var(--mono);letter-spacing:1.2px;z-index:1;color:#ccc}.ticker{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:24px 6%;font:10px var(--mono);letter-spacing:1.2px}.ticker i{font-size:20px;font-style:normal}.paper{max-width:1500px;margin:auto;padding:0 6%}.section{padding:70px 0;border-bottom:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:36px}.heading{display:flex;align-items:baseline;gap:22px}.number{font:10px var(--mono);white-space:nowrap}h2{font:400 clamp(32px,3.5vw,52px)/1.15 var(--serif);letter-spacing:-1.8px;margin:0}.section-head p{font:10px/1.8 var(--mono);max-width:330px;color:#555}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.service-art{height:190px;background:#171717;overflow:hidden;position:relative}.service-art>span{position:absolute;bottom:12px;left:15px;font:8px var(--mono);letter-spacing:1px;color:#ccc}.wave-art,.eq-art,.production-art{background-color:#171717;background-image:linear-gradient(#ffffff0c 1px,transparent 1px),linear-gradient(90deg,#ffffff0c 1px,transparent 1px);background-size:24px 24px}.waveform{height:140px;display:flex;align-items:center;justify-content:center;gap:2px;padding:10px}.waveform i{display:block;width:2px;background:#d0d0d0}.eq-art svg{width:100%;height:155px;padding:15px}.production-art img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.6)}.service-title{display:flex;align-items:center;justify-content:space-between;margin:22px 0 12px}.service-title span{font:9px var(--mono);color:#777}h3{font:400 27px var(--serif);margin:0}.services p,.steps p{font:11px/1.9 var(--mono);color:#555;margin:0 0 20px;max-width:340px}.text-link{font:10px var(--mono);text-transform:uppercase;letter-spacing:.5px;text-decoration:underline;text-underline-offset:6px;line-height:1.8}.text-link:hover{opacity:.6}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.cover{display:block;width:100%;aspect-ratio:1;background:#181818;position:relative;overflow:hidden;border:0;padding:0;text-align:left;color:white}.cover img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:transform .5s}.cover:hover img{transform:scale(1.045)}.listen{position:absolute;inset:auto 15px 15px;background:#111e;color:white;padding:11px 14px;font:9px var(--mono);opacity:0;transform:translateY(5px);transition:.2s}.cover:hover .listen,.cover:focus-visible .listen{opacity:1;transform:none}.tokens{background:repeating-linear-gradient(0deg,#ffffff08 0px,#ffffff08 1px,transparent 1px,transparent 4px),radial-gradient(ellipse at 80% 30%,#505050,#121212 70%);padding:20px;display:flex;flex-direction:column;justify-content:space-between}.tokens strong{font:900 clamp(38px,5.6vw,80px)/.88 Arial,sans-serif;letter-spacing:-6px;transform:skewY(-7deg);padding:12px 0}.cover-top,.cover-bottom{font:8px var(--mono);letter-spacing:1px}.cover-bottom{display:flex;justify-content:space-between;align-items:center}.cover-bottom b{font-size:25px}.record-meta{display:flex;justify-content:space-between;gap:10px;margin-top:20px}.record-meta h3{font:500 13px var(--mono)}.record-meta em{font-size:10px;font-style:normal}.record-meta p{font:9px var(--mono);color:#666;text-transform:uppercase;line-height:1.5}.record-meta>a{font-size:25px}.credits{margin-top:32px;border-top:1px solid var(--line);padding-top:15px;font:10px/1.8 var(--mono);color:#686868}.credits summary{cursor:pointer;display:flex;justify-content:space-between}.credits p{max-width:900px}.credits a{text-decoration:underline}.client-list{display:grid;grid-template-columns:repeat(4,1fr);align-items:center;gap:36px 25px;text-align:center;padding:30px 0 10px}.client-list>span{font:bold 24px Arial,sans-serif;letter-spacing:-1px}.client-list .slant{font-style:italic;letter-spacing:-1.5px}.client-list .serif{font:26px var(--serif)}.client-list .narrow{font-stretch:condensed;letter-spacing:-2px}.about{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.about-visual{background:#1d1d1d;color:#e2e1dc;padding:30px 35px;min-height:450px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.about-visual:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,#ffffff07 4px);pointer-events:none}.monogram{font:300 220px/.95 var(--serif);letter-spacing:-30px;text-align:center}.monogram span{font-size:110px}.visual-bottom{font:9px/1.6 var(--mono);display:flex;justify-content:space-between;letter-spacing:1px}.about-copy .heading{gap:17px;margin-bottom:35px}.about-copy .large{font:25px/1.45 var(--serif);color:#222}.about-copy>p{font:11px/1.95 var(--mono);color:#555;max-width:450px}.about-copy .text-link{display:inline-block;margin-top:18px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.steps article{border-top:1px solid var(--line);padding-top:22px}.steps article>span{font:9px var(--mono);color:#666}.steps h3{margin:20px 0 14px}.process{border:0;padding-bottom:90px}.contact{padding:55px 6% 0;background:#171717;color:#eae9e5}.contact-top{display:flex;justify-content:space-between;color:#b1b0ad}.contact-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:80px;align-items:center;padding:65px 0 75px}.contact h2{font-size:clamp(55px,6.8vw,105px);line-height:1.04;letter-spacing:-4px}.contact h2>span{font-family:Arial,sans-serif;font-size:75px}.contact-copy{max-width:390px}.contact-copy>p:first-child{font:26px var(--serif);color:#eae9e5}.contact-copy>p{font:11px/1.9 var(--mono);color:#a9a9a9}.contact-copy .button{margin-top:18px}.brief-toggle{display:block;background:none;border:0;color:#bdbdbd;padding:0;margin-top:23px}footer{border-top:1px solid #444;padding:28px 0;display:flex;align-items:center;justify-content:space-between}footer>span,footer>a:last-child{font:9px var(--mono);color:#aaa;letter-spacing:.5px}#brief{padding:0 0 45px;max-width:900px}.brief-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}label{display:block;font:10px/1.6 var(--mono);margin-bottom:20px;color:#ccc}input,select,textarea{width:100%;display:block;background:#242424;border:1px solid #555;color:white;padding:14px;margin-top:8px;border-radius:0;font:12px var(--mono)}.brief-actions{display:flex;align-items:center;gap:25px}.brief-actions p{font:10px/1.7 var(--mono);color:#aaa}dialog{max-width:600px;width:calc(100% - 36px);background:var(--paper);border:1px solid #aaa;padding:24px}dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;font:12px var(--mono);margin-bottom:20px}.close-player{border:0;background:none;font-size:32px}dialog>a{display:inline-block;margin-top:20px;font:11px var(--mono)}iframe{border:0;width:100%;height:352px}.skip{position:fixed;top:-100px;background:white;color:black;padding:15px;z-index:20}.skip:focus{top:10px}[hidden]{display:none!important}::selection{background:#777;color:white}@media(min-width:1600px){.hero-content{max-width:1500px;margin:auto}.hero{height:900px}}@media(max-width:900px){.hero{min-height:650px;max-height:820px}.hero-content{padding:180px 6% 100px}.hero-line{gap:45px}nav{gap:20px}.section{padding:50px 0}.service-art{height:150px}.services,.work-grid{gap:18px}.about{gap:30px}.about-visual{min-height:390px;padding:25px}.monogram{font-size:180px}.monogram span{font-size:90px}.contact-layout{gap:35px}.client-list>span{font-size:20px}.section-head p{max-width:250px}.record-meta em{display:block;margin-top:6px}.tokens strong{letter-spacing:-3px}}@media(max-width:600px){header{height:72px;padding:0 6%}header nav{display:none}.menu{display:block;background:none;border:0;color:white;font:11px var(--mono);text-transform:uppercase}.brand{font-size:28px}#mobile-nav{position:absolute;left:0;right:0;top:72px;background:#181818;color:white;z-index:6;padding:25px 6%;display:flex;flex-direction:column;align-items:flex-start;gap:26px}.hero{height:720px;min-height:650px;max-height:92svh}.hero-content{padding:155px 6% 100px}.hero-content>.eyebrow{display:block;font-size:9px}.hero-content>.eyebrow span{display:block;margin-top:8px}h1{font-size:27vw;margin:28px 0}.star{margin:12px 0 0 7px;font-size:.27em}.hero-line{gap:22px;margin-bottom:30px}.hero-line p{font-size:9px;letter-spacing:1px}.hero-line .hero-note{font-size:20px}.hero-footer{font-size:8px;left:6%;right:6%;bottom:24px}.hero-footer>a{display:none}.ticker{gap:14px;overflow:hidden;white-space:nowrap;padding:17px 6%;font-size:8px}.ticker i{font-size:15px}.section-head{display:block;margin-bottom:28px}.heading{gap:14px}h2{font-size:37px}.section-head p{margin:18px 0 0 33px;font-size:10px;max-width:100%}.section-head>.eyebrow{display:block;margin:18px 0 0 33px}.services{grid-template-columns:1fr;gap:35px}.service-art{height:185px}.services p{max-width:none}.service-title{margin-top:18px}.work-grid{grid-template-columns:1fr;gap:30px}.cover{aspect-ratio:1.08}.tokens strong{font-size:90px;letter-spacing:-6px}.record-meta em{display:inline}.listen{opacity:1;transform:none}.client-list{grid-template-columns:1fr 1fr;gap:32px 15px;padding:16px 0}.client-list>span{font-size:22px}.client-list .serif{font-size:23px}.about{grid-template-columns:1fr;gap:35px}.about-visual{min-height:350px}.monogram{font-size:190px}.about-copy .heading{margin-bottom:25px}.about-copy .large{font-size:25px}.steps{grid-template-columns:1fr;gap:22px}.steps h3{margin:15px 0 10px}.steps p{max-width:none}.contact{padding-top:32px}.contact-top{gap:20px}.contact-top>.eyebrow{font-size:8px}.contact-top>.eyebrow:last-child{max-width:140px;text-align:right}.contact-layout{grid-template-columns:1fr;gap:28px;padding:45px 0}.contact h2{font-size:65px;letter-spacing:-3px}.contact h2>span{font-size:50px}.contact-copy>p:first-child{font-size:23px}.brief-grid{grid-template-columns:1fr;gap:0}.brief-actions{display:block}footer{flex-wrap:wrap;gap:24px}footer>span{font-size:8px}footer>a:last-child{width:100%;text-align:right}.button{padding:16px 20px}.process{padding-bottom:55px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
/* Revision: featured audio projects, original client artwork. */
.services{grid-template-columns:repeat(3,minmax(0,1fr))}.services article,.service-art,.waveform{min-width:0}.waveform{overflow:hidden}.waveform i{flex:0 0 2px}.hero-line{display:block}.hero-line p{font-size:clamp(10px,1.1vw,15px);letter-spacing:2.5px;white-space:nowrap}#work h2,#services h2,#clients h2{font-size:clamp(30px,3vw,46px);letter-spacing:-1px}.ab-player{display:grid;grid-template-columns:280px minmax(0,1fr);border:1px solid var(--line);padding:22px;gap:36px}.ab-art{aspect-ratio:1;background:#ddd;overflow:hidden}.ab-art img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1)}.ab-body{display:flex;flex-direction:column;justify-content:space-between;min-width:0;padding:15px 10px}.ab-heading{display:flex;gap:20px;justify-content:space-between;align-items:flex-start}.ab-heading h3{font-size:34px;margin:7px 0 9px}.ab-heading p{font:9px/1.8 var(--mono);color:#666;margin:0;text-transform:uppercase}.ab-switch{display:flex;border:1px solid var(--ink);flex-shrink:0}.ab-switch button{font:9px var(--mono);text-transform:uppercase;letter-spacing:.6px;border:0;padding:12px 17px;background:transparent;color:var(--ink)}.ab-switch button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.ab-transport{display:flex;align-items:center;gap:24px;margin:32px 0 22px}#ab-play{width:52px;height:52px;flex:0 0 52px;border:1px solid var(--ink);border-radius:50%;background:none;font-size:17px;color:var(--ink)}#ab-play:disabled{opacity:.3;cursor:default}.ab-timeline{flex:1;min-width:0;position:relative}.audio-lane{height:42px;display:flex;align-items:center;background:repeating-linear-gradient(90deg,transparent 0,transparent 9px,#19191913 9px,#19191913 10px)}.audio-lane>span{height:1px;background:#b8b6b0;width:100%}#ab-seek{margin:0;padding:0;height:3px;accent-color:#191919;border:0;width:100%;cursor:pointer}#ab-seek:disabled{cursor:default;opacity:.45}.ab-time{display:flex;justify-content:space-between;font:9px var(--mono);color:#777;margin-top:10px}.ab-bottom{display:flex;justify-content:space-between;gap:15px;align-items:center;font:9px/1.7 var(--mono);color:#777}.ab-bottom p{margin:0}.ab-bottom a{color:var(--ink);white-space:nowrap;text-decoration:underline;text-underline-offset:5px}.project-selector{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px}.project-option{border:1px solid transparent;border-bottom:1px solid var(--line);padding:12px 14px 16px 0;display:flex;align-items:center;gap:17px;text-align:left;background:transparent;color:var(--ink)}.project-option[aria-pressed=true]{border-bottom-color:var(--ink)}.project-option:hover{background:#e5e4df}.project-option img{width:65px;height:65px;object-fit:cover;filter:grayscale(1)}.project-option strong{font:500 11px/1.7 var(--mono);display:block}.project-option small{font:9px/1.7 var(--mono);color:#777;display:block;margin-top:4px}.project-option .project-index{margin-left:auto;font:9px var(--mono);align-self:flex-start;color:#777}.client-logos{min-height:100px;display:flex;justify-content:center;align-items:center;gap:45px;flex-wrap:wrap}.client-logos img{width:160px;height:90px;object-fit:contain;filter:grayscale(1)}.logos-pending{font:9px var(--mono);letter-spacing:1px;color:#777;margin:15px 0 0}.about-visual .monogram{margin:auto 0}
@media(max-width:900px){.ab-player{grid-template-columns:210px minmax(0,1fr);gap:22px;padding:17px}.ab-body{padding:3px}.ab-heading{flex-wrap:wrap}.ab-heading h3{font-size:28px}.ab-transport{margin:20px 0}.ab-bottom{flex-wrap:wrap}.ab-switch button{padding:10px 15px}.hero-line p{letter-spacing:1.6px}}
@media(max-width:600px){.services{grid-template-columns:1fr}.hero-line p{font-size:9px;letter-spacing:.7px}.ab-player{grid-template-columns:1fr;padding:16px;gap:24px}.ab-art{width:100%;max-width:350px;margin:auto}.ab-body{padding:0}.ab-heading{flex-wrap:nowrap;gap:10px}.ab-heading h3{font-size:29px}.ab-heading p{font-size:8px;max-width:170px}.ab-switch button{padding:11px 12px;font-size:8px}.ab-transport{margin:27px 0 20px;gap:17px}.ab-bottom{font-size:8px;gap:10px}.project-selector{grid-template-columns:1fr;gap:4px}.project-option img{width:60px;height:60px}.project-option{padding:12px 0}.client-logos{min-height:85px}#work h2{font-size:29px;letter-spacing:-1px}}
.client-logos{gap:90px;padding:25px 0 10px;min-height:200px}.client-logo{position:relative;overflow:hidden;flex:none;mix-blend-mode:multiply}.client-logo img{position:absolute;max-width:none;height:auto;object-fit:initial;filter:grayscale(1) invert(1) contrast(3);mix-blend-mode:multiply}.logo-tokens{width:270px;aspect-ratio:383/225}.logo-tokens img{width:106.01%;left:-3.916%;top:-9.778%}.logo-vyshel{width:190px;aspect-ratio:285/258}.logo-vyshel img{width:141.404%;left:-21.053%;top:-21.318%}.contact-socials{display:flex;align-items:center;gap:16px;margin-top:30px}.contact-socials a{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid #666;color:#eae9e5;transition:background .2s,color .2s,border-color .2s;position:relative}.contact-socials svg{width:19px;height:19px;display:block}.contact-socials a:hover{background:#eae9e5;color:#171717;border-color:#eae9e5}.contact-socials a>span{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(max-width:600px){.client-logos{gap:25px;padding:15px 0;min-height:150px}.logo-tokens{width:180px}.logo-vyshel{width:125px}}@media(max-width:380px){.client-logos{gap:18px}.logo-tokens{width:155px}.logo-vyshel{width:110px}}
.featured-videos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-bottom:42px}.video-card{min-width:0}.video-card iframe{display:block;width:100%;height:auto;aspect-ratio:16/9;border:0;background:#111}.video-caption{display:flex;justify-content:space-between;align-items:baseline;gap:18px;margin-top:13px;font:10px/1.7 var(--mono)}.video-caption a{white-space:nowrap;color:#666}.track-section-heading{display:flex;justify-content:space-between;gap:20px;padding:20px 0;border-top:1px solid var(--line);font:10px/1.7 var(--mono);letter-spacing:.6px}.track-section-heading a{font-size:9px;color:#666;letter-spacing:0}.ab-art img,.project-option img,.cover img{filter:none}.spotify-track-player{margin:20px 0 0}.spotify-track-player iframe{height:152px;width:100%;display:block;border:0}.project-selector{max-height:440px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#777 transparent;padding-right:10px}.project-option{min-width:0}.project-option>span:not(.project-index){min-width:0;overflow-wrap:anywhere}.project-option img{flex-shrink:0}.ab-heading h3{font-size:clamp(22px,2.3vw,34px);overflow-wrap:anywhere}.ab-heading>div:first-child{min-width:0}.ab-player{align-items:start}.ab-transport{margin:22px 0}.ab-art{align-self:start}.ab-heading .eyebrow{letter-spacing:.7px}@media(max-width:700px){.featured-videos{grid-template-columns:1fr;gap:24px}.video-card{max-width:520px}.track-section-heading{flex-wrap:wrap;gap:8px}.project-selector{max-height:420px}.ab-heading{flex-wrap:wrap}.spotify-track-player iframe{height:152px}}

/* Compact clients strip */
.hero-content>.eyebrow{flex-wrap:wrap;column-gap:28px;row-gap:4px}
.hero-footer{justify-content:center}
.section.clients{display:flex;align-items:center;gap:36px;padding:24px 0}
.clients .section-head{flex:none;margin:0}
.clients h2{font-size:30px;letter-spacing:-1px}
.clients .heading{gap:14px}
.clients-carousel{display:flex;align-items:center;gap:20px;min-width:0;flex:1}
.clients .client-logos{display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:48px;min-width:0;min-height:0;height:92px;padding:8px 4px;flex:1;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}
.clients .client-logos::-webkit-scrollbar{display:none}
.clients .client-logo{flex:0 0 auto;scroll-snap-align:start}
.clients .logo-tokens{width:124px}
.clients .logo-vyshel{width:80px}
.client-arrow{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);font-size:22px;transition:background .2s,color .2s}
.client-arrow:hover{background:var(--ink);color:var(--paper)}
#client-logos:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
@media(max-width:700px){.section.clients{display:block;padding:24px 0}.clients .section-head{margin-bottom:12px}.clients-carousel{gap:12px}.clients .client-logos{gap:32px;height:82px}.clients .logo-tokens{width:110px}.clients .logo-vyshel{width:72px}.hero-content>.eyebrow{column-gap:18px}}
@media(prefers-reduced-motion:reduce){.client-arrow{transition:none}}

.clients .logo-fleshveil{width:72px;height:72px;mix-blend-mode:multiply}
.clients .logo-fleshveil img{position:absolute;display:block;width:200%;height:200%;left:-52%;top:-58%;object-fit:contain;filter:brightness(0);mix-blend-mode:normal}
@media(max-width:700px){.clients .logo-fleshveil{width:64px;height:64px}}

.about-visual.about-portrait{padding:0;min-height:0;aspect-ratio:1/1;display:block}
.about-portrait:before{display:none}
.about-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 45%}
@media(max-width:700px){.about-visual.about-portrait{aspect-ratio:4/3}}

.contact-email{display:block;width:fit-content;max-width:100%;margin:24px 0 20px;color:#eae9e5;font:16px/1.6 var(--mono);overflow-wrap:anywhere;user-select:text}

.clients a.client-logo{display:block;cursor:pointer}.clients a.client-logo:focus-visible{outline:2px solid var(--ink);outline-offset:3px}

.clients .logo-morty{width:150px;height:72px;mix-blend-mode:multiply}.clients .logo-morty img{position:static;display:block;width:100%;height:100%;object-fit:contain;filter:brightness(0);mix-blend-mode:normal}
@media(max-width:700px){.clients .logo-morty{width:132px;height:64px}}

/* REJECT tribal identity */
.brand{display:inline-flex;align-items:center;flex-shrink:0;line-height:1;letter-spacing:normal}
.brand img{display:block;width:126px;height:63px;object-fit:contain}
h1.hero-wordmark{font-size:inherit;line-height:1;letter-spacing:normal;width:min(660px,100%);margin:18px 0 24px}
.hero-wordmark img{display:block;width:100%;height:auto}
footer .brand img{width:150px;height:75px}
@media(max-width:700px){.brand img{width:110px;height:55px}h1.hero-wordmark{width:100%;margin:24px 0 30px}.hero-content{padding-top:140px}}

/* Simple lightweight wordmark on the first screen */
h1.hero-simple{display:flex;align-items:flex-start;gap:.09em;width:fit-content;max-width:100%;font-family:'Roboto','Helvetica Neue',Arial,sans-serif;font-weight:300;font-size:clamp(76px,14vw,210px);line-height:1.12;letter-spacing:-.045em;margin:24px 0 28px}
h1.hero-simple .star{font:normal .37em/1 Georgia,serif;display:block;flex:none;margin:.13em 0 0;letter-spacing:0}
@media(max-width:700px){h1.hero-simple{font-size:19vw;margin:28px 0}}

/* Persistent desktop navigation */
@media(min-width:901px){
  header{position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(16,16,16,.94);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #ffffff2b}
  html{scroll-padding-top:106px}
}

.ab-body .ab-bottom{margin-top:22px;justify-content:flex-end}

/* Section headings use the same monospaced type as navigation. */
h2,.contact h2{font-family:var(--mono);font-weight:400;font-style:normal}
.section h2,#work h2,#services h2,#clients h2{letter-spacing:.015em}
.contact h2 em{font-style:normal}
@media(max-width:600px){#work h2{font-size:clamp(20px,5vw,29px)}}

.service-title h3{font-family:var(--mono);font-weight:400;font-size:clamp(19px,1.8vw,27px);letter-spacing:-.025em}
.production-art svg{display:block;width:100%;height:100%;padding:16px 10px}

.project-option[aria-pressed=true]{background:#e5e4df;border-bottom-color:var(--ink)}

.genre-label{display:block;font:9px/1.7 var(--mono);letter-spacing:.5px;text-transform:uppercase;color:#666;margin:5px 0 0}
.video-info{min-width:0}.video-caption{align-items:flex-start}.video-info>.genre-label{margin-top:4px}

.clients .logo-loveletting{width:96px;height:76px;mix-blend-mode:multiply}
.clients .logo-loveletting img{position:static;display:block;width:100%;height:100%;object-fit:contain;filter:grayscale(1) invert(1) contrast(10);mix-blend-mode:multiply}
@media(max-width:700px){.clients .logo-loveletting{width:88px;height:68px}}

/* First-screen artist strip and horizontal work collections. */
main{padding-top:86px}
header{background:#101010}
.top-clients.paper{max-width:none;padding:0 6%;background:var(--paper)}
.top-clients .clients{max-width:1320px;margin:auto;padding:12px 0;border-bottom:0}
.top-clients #clients h2{font-size:24px}
.top-clients .client-logos{justify-content:space-around}
.hero{height:auto;min-height:480px;max-height:none}
.hero-content{padding:64px 8% 76px}
.hero h1{margin:18px 0 24px}
.featured-videos{display:flex;gap:28px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;margin-bottom:12px}
.featured-videos::-webkit-scrollbar{display:none}
.featured-videos .video-card{flex:0 0 calc((100% - 28px)/2);max-width:none;scroll-snap-align:start}
.carousel-controls{display:flex;align-items:center;gap:12px;flex-shrink:0}
.carousel-controls>span{font:12px var(--mono);white-space:nowrap;min-width:66px;text-align:center}
.client-arrow:disabled{opacity:.3;cursor:default;background:transparent;color:var(--ink)}
.video-views{display:block;font:12px/1.7 var(--mono);margin-top:6px;color:var(--ink)}
.views-note{font:12px/1.6 var(--mono);color:#666;margin:12px 0 34px}
.project-selector{display:flex;flex-direction:column;gap:28px;max-height:none;overflow:visible;padding:0;margin-top:30px}
.track-language{min-width:0}
.track-row-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px}
.track-row-heading h3{font:400 12px/1.5 var(--mono);letter-spacing:1px;margin:0}
.track-row{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;padding-bottom:10px}
.track-row .project-option{flex:0 0 calc((100% - 36px)/3);scroll-snap-align:start;padding:14px 12px;gap:12px;align-items:flex-start}
.track-row .project-option img{width:64px;height:64px}
.track-row .project-index{display:none}
@media(max-width:1000px){.track-row .project-option{flex-basis:calc((100% - 18px)/2)}.top-clients .clients{gap:20px}.top-clients .client-logos{justify-content:flex-start}}
@media(max-width:700px){
 .top-clients .clients{display:block;padding:12px 0}.top-clients .section-head{margin-bottom:4px}.top-clients .heading .number{display:none}.top-clients #clients h2{font-size:14px}.top-clients .client-logos{height:74px}
 .hero{min-height:420px}.hero-content{padding:48px 6% 60px}
 #work>.section-head{display:flex;align-items:flex-start;flex-wrap:wrap;gap:18px}
 .featured-videos{gap:16px}.featured-videos .video-card{flex-basis:100%}
 .track-row .project-option{flex-basis:85%;max-width:380px}
 .video-caption{font-size:12px;gap:12px}
}
@media(max-width:600px){main{padding-top:72px}}

/* Slim client strip beneath the hero and genre line. */
.top-clients .clients{display:flex;gap:24px;padding:7px 0;min-height:58px;border-bottom:1px solid var(--line)}
.top-clients .section-head{margin:0}
.top-clients .heading .number{display:none}
.top-clients #clients h2{font-size:14px}
.top-clients .clients-carousel{gap:14px}
.top-clients .client-logos{height:44px;padding:0 4px;gap:32px}
.top-clients .logo-tokens{width:72px}
.top-clients .logo-morty{width:96px;height:42px}
.top-clients .logo-vyshel{width:44px}
.top-clients .logo-fleshveil{width:40px;height:40px}
.top-clients .client-arrow{width:32px;height:32px;flex-basis:32px;font-size:18px}
.about-portrait img{filter:none;object-position:50% 50%}
.about-portrait:before{display:none}
@media(max-width:700px){.top-clients .clients{gap:12px}.top-clients .clients-carousel{gap:8px}.top-clients .client-logos{gap:24px}.top-clients #clients h2{font-size:12px}}

/* Wide client strip with the same evenly distributed, cycling logos. */
.top-clients.paper{padding-left:20px;padding-right:20px}
.top-clients .clients{max-width:none}
.top-clients .client-logos{justify-content:space-around}
@media(max-width:700px){.top-clients.paper{padding-left:10px;padding-right:10px}.top-clients .client-logos{justify-content:flex-start}}

/* Taller artist strip with larger black logos. */
.top-clients .clients{min-height:112px;padding:18px 0}
.top-clients .client-logos{height:76px}
.top-clients #clients h2{font-size:18px}
.top-clients .logo-tokens{width:116px}
.top-clients .logo-morty{width:150px;height:70px}
.top-clients .logo-vyshel{width:74px}
.top-clients .logo-fleshveil{width:68px;height:68px}
.top-clients .client-arrow{width:40px;height:40px;flex-basis:40px;font-size:22px}
.featured-videos{margin-bottom:34px}
@media(max-width:700px){.top-clients .clients{min-height:92px;padding:12px 0}.top-clients .client-logos{height:68px}.top-clients #clients h2{font-size:12px}.top-clients .logo-tokens{width:100px}.top-clients .logo-morty{width:130px;height:60px}.top-clients .logo-vyshel{width:64px}.top-clients .logo-fleshveil{width:60px;height:60px}.top-clients .client-arrow{width:32px;height:32px;flex-basis:32px;font-size:18px}}

/* Browse track rows with the existing arrow controls, without visible scrollbars. */
.track-row{scrollbar-width:none;-ms-overflow-style:none}
.track-row::-webkit-scrollbar{display:none;width:0;height:0}

/* Language-based portfolio columns. */
.project-selector{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start}
.track-category{min-width:0}
.track-row-heading{padding:12px 0;border-bottom:1px solid var(--line)}
.track-row-heading h3{font:400 22px/1.4 var(--mono);letter-spacing:0}
.track-row{display:flex;flex-direction:column;overflow:visible;gap:0;padding:0;scroll-snap-type:none}
.track-row .project-option{flex:none;width:100%;max-width:none;padding:18px 12px;align-items:center}
.track-row .project-option strong{font-size:13px}
.track-row .project-option small{font-size:12px}
/* Email-led contact with a direct pointer. */
.contact-layout{grid-template-columns:minmax(0,1fr) 70px minmax(0,1.2fr);gap:28px;align-items:start}
.contact-layout h2{font-size:clamp(42px,5vw,76px);letter-spacing:-3px}
.email-pointer{display:block;font:300 60px/1 Arial,sans-serif;margin-top:12px;text-align:center}
.contact-copy{max-width:none}
button.contact-email{border:0;background:none;padding:0;margin:12px 0 4px;text-align:left;font:400 clamp(19px,2.1vw,32px)/1.4 var(--mono);letter-spacing:-1px;cursor:pointer}
.contact-email:hover{text-decoration:underline;text-underline-offset:6px}
#copy-status{display:block;font:12px/1.5 var(--mono);color:#aaa;min-height:18px}
.contact-copy .contact-intro{font:400 24px/1.4 var(--mono);color:#eee;margin:26px 0 14px}
.contact-copy .contact-description{font:16px/1.8 var(--mono);color:#c5c5c5;margin:0 0 20px}
#contact-form{max-width:920px;margin:0 auto 60px;padding:32px;border:1px solid #555;scroll-margin-top:110px}
#contact-form h3{font:400 26px/1.4 var(--mono);margin:0 0 28px}
.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}
#contact-form label{font-size:14px}
#contact-form input,#contact-form select,#contact-form textarea{font-size:16px}
.form-note{font:12px/1.7 var(--mono);color:#aaa}
.about-copy>p{font-size:14px;max-width:560px}
@media(max-width:900px){.contact-layout{grid-template-columns:minmax(0,1fr);gap:20px}.email-pointer{width:60px;transform:rotate(90deg);margin:0}.contact-layout h2{font-size:56px}.project-selector{gap:22px}}
@media(max-width:600px){.project-selector{grid-template-columns:1fr;gap:30px}.contact-fields{grid-template-columns:1fr}#contact-form{padding:20px}.contact-layout h2{font-size:44px}.contact-copy .contact-intro{font-size:21px}.contact-email{max-width:100%}}

#contact-form-toggle{margin-top:20px;margin-bottom:4px}
.track-row-heading{flex-wrap:wrap;min-height:65px}
.track-pages{gap:8px}
.track-pages>span{min-width:44px}

/* Four-track vertical windows, independently scrollable. */
.track-row{overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;scroll-snap-type:y mandatory;scrollbar-width:none}
.track-row .project-option{flex-shrink:0;scroll-snap-align:start}
.track-row::-webkit-scrollbar{display:none}

/* Original monochrome heavy-music studio imagery. */
.hero-photo{background-position:center 54%;filter:none}
.hero:after{background:linear-gradient(90deg,rgba(0,0,0,.36),transparent 68%),linear-gradient(0deg,rgba(0,0,0,.18),transparent 45%)}
.service-art.service-photo{padding:0;background:#101010;overflow:hidden;height:auto;aspect-ratio:2/1}
.service-photo:before,.service-photo:after{display:none}
.service-photo img{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:700px){.hero-photo{background-position:65% center}.hero:after{background:linear-gradient(90deg,rgba(0,0,0,.65),rgba(0,0,0,.15))}}

/* Track lists move only through their up/down buttons. Wheel and touch scroll the page. */
.track-row{overflow:hidden;overscroll-behavior:auto;touch-action:pan-y;scroll-snap-type:none}

/* Center the labels in the outlined calls to action. */
header .nav-contact{display:inline-flex;align-items:center;justify-content:center;min-width:194px;text-align:center}
.hero-content>.button{justify-content:center;min-width:238px;min-height:66px;gap:0;text-align:center}

/* Live Spotify playlists: Spotify owns titles, artwork and track order. */
.spotify-playlists{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;margin-top:40px}
.spotify-playlists iframe{display:block;width:100%;height:552px;min-width:0;border:0;border-radius:12px;background:#181818}
@media(max-width:700px){.spotify-playlists{grid-template-columns:1fr;gap:24px;margin-top:28px}}

/* Preserve poster lettering as black ink with a transparent background. */
.logo-filter-defs{position:absolute;pointer-events:none;overflow:hidden}
.clients .logo-tokens,.clients .logo-vyshel{mix-blend-mode:normal;background:transparent}
.clients .logo-tokens img,.clients .logo-vyshel img{filter:url(#client-logo-ink);mix-blend-mode:normal;background:transparent}
.about-copy h2{text-transform:none}
.about-greeting{text-transform:none;white-space:nowrap}
@media(max-width:600px){.section-head p,.section-head>.eyebrow{margin-left:0}}

/* Rotate the supplied artwork inside the existing hero frame. */
.hero-photo{background:url(hero-tribal-landscape.svg) center/cover no-repeat;filter:brightness(.55)}
.hero:after{background:linear-gradient(90deg,rgba(0,0,0,.56),rgba(0,0,0,.18) 75%),linear-gradient(0deg,rgba(0,0,0,.3),transparent 55%)}
@media(max-width:700px){.hero:after{background:linear-gradient(90deg,rgba(0,0,0,.62),rgba(0,0,0,.3))}}
