/* Black, white and grey interface. Photography, art and video retain original color. */
:root{--ink:#fafafa;--muted:#bcbcbc}
.header{border-bottom-color:#555;box-shadow:0 1px 0 #ffffff0b,0 12px 45px #0006}
.wordmark{color:#fff;text-shadow:0 1px 1px #ffffff55,0 0 28px #ffffff12}
.wordmark span{background:linear-gradient(155deg,#fff 20%,#999 43%,#fff 54%,#aaa 90%);background-clip:text;-webkit-background-clip:text;color:transparent}
.nav-book{background:linear-gradient(135deg,#272727,#111);border-color:#777;box-shadow:inset 0 1px #ffffff18}
.hero{background:radial-gradient(ellipse at 74% 32%,#484848 0%,#222 22%,#080808 65%)}
.hero::before{background-image:linear-gradient(110deg,transparent 34%,#ffffff0b 34.1%,transparent 34.25%),linear-gradient(90deg,transparent 49.8%,#ffffff06 50%,transparent 50.2%);background-size:100% 100%,140px 100%}
.hero-top{border-bottom:1px solid #ffffff12;padding-bottom:20px}
.hero h1{background:linear-gradient(175deg,#fff 14%,#d9d9d9 36%,#898989 45%,#f9f9f9 49%,#fff 62%,#aaa 95%);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 5px 0 #0004) drop-shadow(0 0 30px #ffffff0a)}
.hero h1 span{background:inherit;background-clip:text;-webkit-background-clip:text;color:transparent}
.hero-line{color:#f2f2f2}.hero-copy>p{color:#bbb}
.hero-visual::before{opacity:.58;-webkit-text-stroke:1px #bdbdbd;text-shadow:0 0 70px #ffffff05}
.hero-visual::after{content:'';position:absolute;inset:13px 7px 42px 53px;border:1px solid #ffffff45;pointer-events:none;z-index:0}
.portrait-frame{border:1px solid #d0d0d060;box-shadow:0 24px 60px #0009,0 0 40px #ffffff08;z-index:1}
.portrait-frame img{filter:none;transition:transform .8s cubic-bezier(.2,.7,.3,1)}
.portrait-frame:hover img{transform:scale(1.035)}
.portrait-frame::after{background:linear-gradient(0deg,#050505e8 0%,#05050533 22%,transparent 45%)}
.crosshair{color:#fff;text-shadow:0 0 16px #ffffff66}.portrait-caption strong{font-size:16px;color:#fff}.portrait-caption span{color:#ccc}
.vertical-tag{z-index:3;color:#ccc}
.button:not(.outline){background:linear-gradient(165deg,#fff 0%,#e7e7e7 45%,#bcbcbc 100%);border-color:#f2f2f2;box-shadow:inset 0 1px #fff,0 6px 20px #0003,0 0 20px #ffffff0b;position:relative;overflow:hidden}
.button:not(.outline)::before{content:'';position:absolute;top:-50%;bottom:-50%;left:-60%;width:35%;background:linear-gradient(90deg,transparent,#fff9,transparent);transform:skewX(-25deg);transition:left .7s ease}
.button:not(.outline):hover::before{left:130%}
.button:not(.outline):hover{background:#fff;box-shadow:0 8px 30px #ffffff1f;transform:translateY(-3px)}
.button.outline{background:#ffffff05;border-color:#777;box-shadow:inset 0 1px #ffffff0c}
.hero-foot{border-top-color:#777}.hero-foot .disciplines span{position:relative;padding-left:12px}.hero-foot .disciplines span::before{content:'';position:absolute;left:0;top:50%;width:3px;height:3px;transform:translateY(-50%);background:#ddd}
.section-heading h2{font-weight:600}.index-no{color:inherit;border:1px solid currentColor;padding:3px 6px;opacity:.65}
.music{background:linear-gradient(125deg,#fafafa 0%,#e8e8e8 47%,#bfbfbf 100%);border-top-color:#bbb}
.music-feature{background:radial-gradient(ellipse at 90% 15%,#373737,#111 65%);border:1px solid #565656;box-shadow:0 20px 55px #0003,inset 0 1px #ffffff33;color:#f1f1f1}
.release-visual{border-right:1px solid #ffffff22;min-height:420px}
.release-visual>img{filter:none;transition:transform .75s ease}.release-visual:hover>img{transform:scale(1.045)}
.release-info .eyebrow{color:#bbb}.release-info h3{background:linear-gradient(170deg,#fff 15%,#b8b8b8 41%,#fff 49%,#aaa 92%);background-clip:text;-webkit-background-clip:text;color:transparent;font-weight:600}
.release-info p{color:#bcbcbc}.release-info .subtitle{color:#eee}.release-info .text-link{border-color:#aaa}
.play-disc{background:linear-gradient(145deg,#fff,#b7b7b7);box-shadow:0 0 0 8px #ffffff13,0 7px 25px #0007;transition:transform .25s}.play-video:hover .play-disc{transform:scale(1.09)}
.platforms{border-bottom-color:#aaa;gap:6px}.platforms a{transition:background .2s,transform .2s}.platforms a:hover{background:#ffffff80;text-decoration:none;transform:translateY(-2px)}
.mixes{border-bottom:1px solid #aaa}.mix-item{border-top-color:#aaa}.mix-row{grid-template-columns:30px 80px 1fr auto;padding:20px 0;gap:24px;transition:background .2s}
.mix-row:hover{background:#ffffff4d}.mix-cover{width:80px;height:80px;filter:none;box-shadow:0 5px 14px #0003;border:1px solid #ffffff70}.mix-title{font-size:22px}.mix-play{background:linear-gradient(145deg,#fff9,#ffffff22);border-color:#999;min-width:105px}.mix-play:hover,.mix-play[aria-expanded=true]{background:#111;border-color:#111}.mix-player{padding-left:134px}
.service-row{transition:background .25s,padding .25s}.service-row:hover{background:linear-gradient(90deg,#222,#111);padding-left:12px}.service-row h3{color:#eee}
.metrics{border-top-color:#666}.metric strong{background:linear-gradient(#fff,#aaa);background-clip:text;-webkit-background-clip:text;color:transparent}
.brands{background:linear-gradient(125deg,#171717,#080808)}.brand-list{border-top-color:#777}.brand-row{transition:background .25s}.brand-row:hover{background:linear-gradient(90deg,#272727aa,#1110)}.brand-row>.arrow{transition:transform .25s}.brand-row:hover>.arrow{transform:translate(3px,-3px);color:#fff}
.tech-section{background:radial-gradient(ellipse at 80% 15%,#323232,#121212 65%)}.tech-copy h2{background:linear-gradient(165deg,#fff 10%,#ababab 43%,#fff 52%,#999 85%);background-clip:text;-webkit-background-clip:text;color:transparent}.tech-copy h2 span{color:inherit!important}
.tech-visual{background:linear-gradient(135deg,#353535,#0d0d0d);border-color:#777;box-shadow:20px 20px 0 -1px #0b0b0b,20px 20px 0 0 #686868,0 15px 55px #0008;isolation:isolate}.tech-visual::before{content:'';position:absolute;left:15%;right:15%;top:-1px;height:1px;background:linear-gradient(90deg,transparent,#fff,transparent);box-shadow:0 0 15px #fff}.signal-art span{background:linear-gradient(#777,#fff,#999);box-shadow:0 0 8px #ffffff12}
.about-photo{filter:none;border:1px solid #777;box-shadow:12px 12px 0 -1px #171717,12px 12px 0 0 #555,0 20px 40px #0005}.photo-note{margin-top:25px}.highlight video{filter:none;border:1px solid #444}
.press{background:linear-gradient(130deg,#fafafa,#d7d7d7)}.press-link{transition:background .25s}.press-link:hover{background:#ffffff66}.press-link:hover>.arrow{transform:translate(3px,-3px)}.press-link>.arrow{transition:transform .25s}
.contact{background:radial-gradient(ellipse at 82% 22%,#3a3a3a,#101010 58%)}.contact h2 span{background:linear-gradient(160deg,#f8f8f8,#929292 42%,#f2f2f2 54%,#777);background-clip:text;-webkit-background-clip:text;color:transparent}.contact-email{color:#eee}
@media(max-width:920px){.hero-visual::after{inset:6px -4px 44px 34px}.release-visual{min-height:370px}.mix-row{grid-template-columns:26px 70px 1fr auto;gap:18px}.mix-cover{width:70px;height:70px}.mix-title{font-size:20px}.mix-player{padding-left:114px}}
@media(max-width:640px){.hero-top{padding-bottom:15px}.hero h1{margin-top:18px}.hero-visual{height:400px;min-height:400px;margin-top:28px;margin-bottom:25px}.hero-visual::after{inset:-10px 5px 18px 11px}.portrait-frame{inset:0 15px 8px 0}.portrait-frame img{object-position:50% 30%}.portrait-caption strong{font-size:14px}.portrait-caption span{font-size:9px}.hero-foot .disciplines{gap:10px}.hero-foot .disciplines span{padding-left:8px}.release-visual{min-height:310px;aspect-ratio:1.15;border-right:0;border-bottom:1px solid #ffffff22}.music-feature{box-shadow:0 13px 30px #0003}.mix-row{grid-template-columns:16px 58px 1fr 52px;gap:10px;padding:17px 0}.mix-cover{width:58px;height:58px}.mix-title{font-size:16px;line-height:1.25}.mix-play{min-width:48px;padding:8px 4px}.mix-player{padding-left:0}.mix-type{font-size:8px}.tech-visual{box-shadow:12px 12px 0 -1px #0b0b0b,12px 12px 0 0 #686868,0 12px 30px #0006}.about-photo{width:calc(100% - 10px);box-shadow:10px 10px 0 -1px #171717,10px 10px 0 0 #555}.section-heading h2{font-size:63px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.portrait-frame:hover img,.release-visual:hover>img,.button:hover,.platforms a:hover,.brand-row:hover>.arrow,.press-link:hover>.arrow,.play-video:hover .play-disc{transform:none}}
