:root{--bg:#050606;--white:#f3f3ef;--muted:#858a87;--line:#242625;--sans:"Inter",Arial,sans-serif;--mono:"DM Mono",monospace;--display:"Barlow Condensed","Arial Narrow",sans-serif;--ease:cubic-bezier(.22,.72,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding-bottom:88px;background:var(--bg);color:var(--white);font-family:var(--sans)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}
.music-back{position:absolute;z-index:12;top:104px;left:4vw;color:#b8bcba;font:9px var(--mono);letter-spacing:.04em;text-transform:uppercase;transition:color .25s ease,transform .25s ease}.music-back:hover{color:#fff;transform:translateX(-3px)}.music-back:focus-visible{outline:1px solid #fff;outline-offset:5px}
.music-nav{position:fixed;z-index:30;top:0;left:0;right:0;height:76px;padding:0 4vw;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(180deg,rgba(3,4,4,.88),transparent);backdrop-filter:blur(12px);text-transform:uppercase}.music-nav__name{font:500 14px var(--mono);letter-spacing:.32em}.music-nav nav{display:flex;gap:40px;font:500 11px var(--sans);letter-spacing:.06em}.music-nav nav a{position:relative}.music-nav nav a::after{content:"";position:absolute;left:0;bottom:-5px;width:0;height:1px;background:#fff;transition:width .25s ease}.music-nav nav a:hover::after{width:100%}
.music-intro{min-height:58vh;padding:16vh 4vw 7vh;display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid var(--line)}.music-intro>div:first-child>span,.music-intro p{font:8px/1.7 var(--mono);letter-spacing:.08em;text-transform:uppercase}.music-intro h1{margin:20px 0 8px;font:600 clamp(100px,14vw,230px)/.68 var(--display);letter-spacing:-.045em;text-transform:uppercase}.music-intro h2{margin:22px 0 14px;font-size:16px;font-weight:400}.music-intro p{color:var(--muted)}.music-intro__signal{display:flex;flex-direction:column;align-items:flex-end;gap:22px;font:7px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.music-intro__signal i{position:relative;width:145px;height:145px;border:1px solid #303331;border-radius:50%;background:radial-gradient(circle,#1d2020 0 2%,transparent 3% 42%,#171919 43% 44%,transparent 45%)}.music-intro__signal i::after{content:"";position:absolute;inset:30%;border:1px solid #777;border-radius:50%;box-shadow:0 0 30px rgba(255,255,255,.08)}
.album-filter{position:sticky;z-index:12;top:76px;padding:18px 4vw;display:flex;justify-content:flex-end;gap:30px;border-bottom:1px solid var(--line);background:rgba(5,6,6,.76);backdrop-filter:blur(15px)}.album-filter button{padding:4px 0;border:0;border-bottom:1px solid transparent;background:transparent;font:8px var(--mono);text-transform:uppercase;cursor:pointer}.album-filter button.is-active{border-color:#fff}
.albums-grid{padding:5vh 4vw 12vh;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:52px 18px}.music-card{min-width:0;padding:0;border:0;background:transparent;text-align:left;cursor:pointer}.music-card>span{display:flex;justify-content:space-between;gap:10px;margin-top:12px;font:8px var(--mono);letter-spacing:.03em;text-transform:uppercase}.music-card>span i{font-style:normal;color:var(--muted);white-space:nowrap}.music-card:hover .cover,.music-card.is-active .cover{transform:translateY(-7px);filter:brightness(1.12);box-shadow:0 24px 60px rgba(0,0,0,.28)}
.cover{position:relative;width:100%;aspect-ratio:1;overflow:hidden;background:#111;filter:brightness(.76);transition:transform .7s var(--ease),filter .5s ease,box-shadow .5s ease}.cover b{position:absolute;z-index:3;left:8%;bottom:9%;font:500 clamp(24px,3vw,52px)/.82 var(--display);letter-spacing:-.03em;text-transform:uppercase}.cover small{position:absolute;z-index:3;right:7%;top:7%;font:7px var(--mono);letter-spacing:.08em}.cover i{position:absolute;display:block}
.cover--01{background:linear-gradient(145deg,#15191a,#020303 68%)}.cover--01 i{inset:18%;border:1px solid #606968;box-shadow:0 0 38px rgba(154,180,178,.16)}
.cover--02{background:radial-gradient(circle at 50% 48%,#41515b 0 4%,#12191c 5% 25%,#050707 48%)}.cover--02 i{width:46%;aspect-ratio:1;left:27%;top:27%;border:1px solid #9eacad;border-radius:50%;box-shadow:0 0 28px #384a52}
.cover--03{background:#090808}.cover--03 i{width:140%;height:2px;left:-20%;top:43%;background:#e02c1d;box-shadow:0 16px #86170f,0 -15px #ff5a2f;transform:rotate(-13deg)}
.cover--04{background:linear-gradient(120deg,#161818,#050606)}.cover--04 i{width:32%;height:74%;left:34%;top:12%;background:linear-gradient(#3d4140,#080909);clip-path:polygon(50% 0,100% 100%,0 100%)}
.cover--05{background:radial-gradient(circle at 42% 40%,#982412,#230604 45%,#060202 72%)}.cover--05 i{width:24%;height:50%;left:38%;top:25%;border-radius:48%;background:#090303;filter:blur(4px)}
.cover--06{background:#080909}.cover--06 i{inset:22% 0;background:repeating-linear-gradient(0deg,transparent 0 7px,#8e9794 8px 9px);filter:blur(.4px);transform:skewY(-8deg)}
.cover--07{background:linear-gradient(145deg,#1f282c,#07090a 60%)}.cover--07 i{width:42%;height:42%;left:29%;top:25%;border:1px solid #859096;box-shadow:inset 0 0 45px #101719;transform:rotate(45deg)}
.cover--08{background:linear-gradient(160deg,#d1d1cc,#676965 55%,#101111)}.cover--08 i{width:70%;height:70%;left:15%;top:15%;border:1px solid rgba(255,255,255,.7);clip-path:polygon(0 0,100% 0,62% 100%,28% 100%)}
.cover--09{background:radial-gradient(circle,#050606 0 23%,#8c9999 24% 25%,#060707 26% 45%,#222829 46%)}.cover--09 i{inset:0;background:linear-gradient(110deg,transparent 42%,rgba(255,255,255,.2) 50%,transparent 58%)}
.cover--10{background:linear-gradient(110deg,#0c0d0e,#252d31 48%,#070808)}.cover--10 i{width:22%;height:70%;left:39%;top:15%;background:linear-gradient(90deg,transparent,#8ea2aa,transparent);filter:blur(6px)}
.cover--11{background:#080909}.cover--11 i{inset:0;background:repeating-linear-gradient(90deg,transparent 0 8px,rgba(177,195,198,.35) 9px 10px);mask-image:linear-gradient(0deg,transparent 12%,#000 46%,transparent 84%)}
.cover--12{background:linear-gradient(160deg,#9a9080,#292722 48%,#060606)}.cover--12 i{width:130%;height:45%;left:-15%;top:30%;border-top:1px solid #d4c9b3;border-radius:50%;transform:rotate(-12deg)}
@media(max-width:800px){.music-nav__name{font-size:11px}.music-nav nav{gap:12px;font-size:8px}.music-nav nav a:nth-child(3),.music-nav nav a:nth-child(5){display:none}.music-intro{min-height:52vh;padding-top:14vh}.music-intro h1{font-size:27vw}.music-intro__signal{display:none}.album-filter{overflow:auto;justify-content:flex-start}.albums-grid{grid-template-columns:repeat(2,1fr);gap:34px 10px}.cover b{font-size:9vw}.sticky-player{height:70px;grid-template-columns:48px 1fr 120px;padding:7px 4vw}.player-cover{width:48px;height:48px}.sticky-player>input,.sticky-player>time{display:none}.sticky-player__controls{justify-content:flex-end}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Cinematic discography layout */
main{position:relative;z-index:2;min-height:100vh;overflow:hidden}.album-backdrop{position:fixed;z-index:-1;inset:0;overflow:hidden;background:#050606}.album-backdrop__art{--backdrop-y:0px;position:absolute;inset:-18%;width:136%;height:136%;aspect-ratio:auto;filter:blur(34px) brightness(.27) saturate(.72);transform:translate3d(0,var(--backdrop-y),0) scale(1.08);opacity:1;transition:opacity .6s ease,transform 1.2s var(--ease)}.album-backdrop__art.is-changing{opacity:.18;transform:translate3d(0,var(--backdrop-y),0) scale(1.13)}.album-backdrop__art b,.album-backdrop__art small{display:none}.album-backdrop__veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,4,4,.94) 0%,rgba(3,4,4,.58) 46%,rgba(64,4,2,.34) 100%),linear-gradient(0deg,rgba(3,4,4,.9),transparent 55%,rgba(3,4,4,.42))}.music-art-type{position:absolute;z-index:0;right:5vw;top:9vh;font:600 clamp(150px,22vw,390px)/.72 var(--display);letter-spacing:-.05em;text-transform:uppercase;white-space:nowrap;color:rgba(255,255,255,.045);pointer-events:none}.music-art-caption{position:fixed;z-index:1;right:7vw;top:39vh;font:7px var(--mono);letter-spacing:.34em;text-transform:uppercase;color:rgba(255,255,255,.18);pointer-events:none}.archive-side{position:fixed;z-index:8;top:34vh;font:7px var(--mono);letter-spacing:.45em;text-transform:uppercase;color:rgba(255,255,255,.35);writing-mode:vertical-rl}.archive-side--left{left:1.2vw}.archive-side--right{right:1.2vw}.music-intro{position:relative;min-height:42vh;padding:14vh 7vw 5vh;border-bottom:0}.music-intro h1{font-size:clamp(88px,9vw,155px)}.music-intro__signal{opacity:.42}.music-scroll-cue{position:absolute;z-index:5;right:4vw;top:calc(100vh - 58px);font:8px var(--mono);letter-spacing:.08em;text-transform:uppercase}.music-scroll-cue span{margin-left:18px}.album-filter{top:76px;padding-left:7vw;padding-right:7vw;background:rgba(5,6,6,.28);border-color:rgba(255,255,255,.12)}.albums-grid{padding:4vh 7vw 14vh;grid-template-columns:repeat(5,minmax(0,1fr));gap:54px 16px}.cover{aspect-ratio:3/4}.cover b{font-size:clamp(22px,2.3vw,42px)}.sound-marquee{grid-column:1/-1;overflow:hidden;margin:-22px -7vw -18px;padding:11px 0;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);white-space:nowrap;text-transform:uppercase}.sound-marquee span,.sound-marquee i{display:block;width:max-content;font:9px var(--mono);font-style:normal;letter-spacing:.42em;color:rgba(255,255,255,.35);animation:archive-marquee 28s linear infinite}.sound-marquee i{margin-top:9px;animation-direction:reverse;color:rgba(255,255,255,.18)}@keyframes archive-marquee{to{transform:translateX(-35%)}}.sticky-player{left:2vw;right:2vw;bottom:18px;height:82px;border:1px solid rgba(255,255,255,.2);background:rgba(5,6,6,.7)}
@media(max-width:1100px){.albums-grid{grid-template-columns:repeat(4,1fr)}.sound-marquee{grid-column:1/-1}}
@media(max-width:800px){.archive-side,.music-art-caption{display:none}.music-art-type{right:-8vw;top:15vh;font-size:40vw}.music-intro{min-height:50vh;padding-left:5vw;padding-right:5vw}.music-scroll-cue{display:none}.albums-grid{padding-left:5vw;padding-right:5vw;grid-template-columns:repeat(2,1fr)}.sound-marquee{margin-left:-5vw;margin-right:-5vw}.sticky-player{left:0;right:0;bottom:0;border-left:0;border-right:0;border-bottom:0}}

/* Unified sharp-edged controls */
.album-filter button{min-height:30px;padding:0 10px;border:1px solid rgba(255,255,255,.16);border-radius:0;transition:color .25s ease,background .25s ease,border-color .25s ease,transform .25s ease}.album-filter button:hover,.album-filter button.is-active{color:#050606;background:#fff;border-color:#fff;transform:translateY(-2px)}
.music-card{border-radius:0}.music-card:focus-visible{outline:1px solid #fff;outline-offset:5px}
@media(max-width:800px){.sticky-player{grid-template-columns:48px 1fr 120px}.sticky-player__timeline,.sticky-player>time{display:none}}

/* Image-led parallax backdrop and refined waveform */
.album-backdrop__media{--media-y:0px;position:absolute;inset:-9% 0;width:100%;height:118%;object-fit:cover;object-position:center;opacity:.48;filter:grayscale(.72) saturate(.7) brightness(.5) contrast(1.08);transform:translate3d(0,var(--media-y),0) scale(1.035);will-change:transform}
.album-backdrop__art{opacity:.13;mix-blend-mode:screen}.album-backdrop__veil{background:linear-gradient(90deg,rgba(3,4,4,.9) 0%,rgba(3,4,4,.55) 44%,rgba(24,6,5,.34) 100%),linear-gradient(0deg,rgba(3,4,4,.82),transparent 58%,rgba(3,4,4,.35))}
.cover.has-cover-image{background-image:var(--cover-image)!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}
.cover.has-cover-image>i,.cover.has-cover-image>b,.cover.has-cover-image>small{display:none!important}
.music-card .cover{position:relative}
.track-activity{position:absolute;z-index:4;left:8%;right:8%;bottom:18px;height:12px;opacity:0;transform:translateY(4px);transition:opacity .35s ease,transform .5s var(--ease);pointer-events:none}
.track-activity::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.88),rgba(255,255,255,.2));transform:translateY(-50%)}
.track-activity::after{content:"";position:absolute;left:0;top:50%;width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 10px rgba(255,255,255,.45);transform:translate(-50%,-50%)}
.music-card.is-active .track-activity{opacity:1;transform:none}
.track-activity i{display:none!important}
.music-card.is-playing .track-activity::after{animation:track-pulse 1.15s ease-in-out infinite alternate}
.music-card.is-playing .track-activity::before{animation:track-line 1.8s ease-in-out infinite alternate}
@keyframes track-pulse{to{transform:translate(-50%,-50%) scale(1.65);opacity:.58}}
@keyframes track-line{to{opacity:.55}}
@media(prefers-reduced-motion:reduce){.track-activity{transition:none}.music-card.is-playing .track-activity::before,.music-card.is-playing .track-activity::after{animation:none}}
.sticky-player__wave{gap:1px;opacity:.6}.sticky-player__wave i{min-width:1px;background:rgba(255,255,255,.82);transform:scaleX(.4);transition:height 65ms linear,opacity 65ms linear}
.music-intro{padding-left:4vw}.music-intro h1{width:100%;margin-left:0;text-align:left;transform:translateX(-.012em)}
.music-scroll-cue{font-size:10px;letter-spacing:.1em}.music-scroll-cue span{display:inline-block;margin-left:15px;font:700 18px/1 var(--sans);animation:music-cue-drop 1.8s ease-in-out infinite}@keyframes music-cue-drop{0%,100%{transform:translateY(-2px);opacity:.65}50%{transform:translateY(5px);opacity:1}}
@media(max-width:800px){.music-intro{padding-left:5vw}.album-backdrop__media{inset:-5% 0;height:110%;opacity:.42}}

/* Mood-led archive heading */
.music-card[hidden]{display:none}
.music-art-caption,.archive-side{position:absolute}
.sticky-player__wave{gap:0;opacity:.72}
.sticky-player__wave i{min-width:0;transform:none}
.albums-heading{display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:end;gap:34px;padding:5vh 0 0 7vw}
.albums-heading h2{margin:0;font:600 clamp(42px,5.5vw,86px)/.8 var(--display);letter-spacing:-.03em;text-transform:uppercase}
.albums-heading h2 span{display:block;margin-bottom:10px;font:8px var(--mono);letter-spacing:.12em;color:var(--muted)}
.albums-heading .sound-marquee{grid-column:2;min-width:0;margin:0;padding:13px 0;overflow:hidden;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);white-space:nowrap;text-transform:uppercase}
.albums-heading .sound-marquee span{display:block;width:max-content;font:9px var(--mono);letter-spacing:.42em;color:rgba(255,255,255,.35);animation:archive-marquee 28s linear infinite}
@media(max-width:800px){.albums-heading{grid-template-columns:1fr;gap:20px;padding-left:5vw}.albums-heading .sound-marquee{grid-column:1;margin-left:0}}

/* Four mood chapters */
.mood-archive{padding:2vh 0 14vh}
.mood-group{padding-top:6vh}
.mood-group__head{display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:end;gap:34px;padding-left:7vw}
.mood-group__head h2{margin:0;font:600 clamp(42px,5.5vw,86px)/.8 var(--display);letter-spacing:-.03em;text-transform:uppercase}
.mood-group__head h2 span{display:block;margin-bottom:10px;font:8px var(--mono);letter-spacing:.12em;color:var(--muted)}
.mood-group__head .sound-marquee{grid-column:2;min-width:0;margin:0;padding:13px 0;overflow:hidden;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);white-space:nowrap;text-transform:uppercase}
.mood-group__head .sound-marquee span{display:block;width:max-content;font:9px var(--mono);letter-spacing:.42em;color:rgba(255,255,255,.35);animation:archive-marquee 28s linear infinite}
.mood-group .albums-grid{padding-top:4vh;padding-bottom:3vh}
@media(max-width:800px){.mood-group{padding-top:5vh}.mood-group__head{grid-template-columns:1fr;gap:20px;padding-left:5vw}.mood-group__head .sound-marquee{grid-column:1}.mood-group .albums-grid{padding-top:3vh;padding-bottom:2vh}}

/* Album archive entrance — aligned with the secondary-page reveal rhythm */
.albums-reveal-ready .mood-group__head h2,
.albums-reveal-ready .mood-group__head .sound-marquee,
.albums-reveal-ready .music-card{opacity:0;will-change:transform,opacity;transition:opacity 820ms cubic-bezier(.16,1,.3,1),transform 900ms cubic-bezier(.16,1,.3,1)}
.albums-reveal-ready .mood-group__head h2{transform:translate3d(0,22px,0)}
.albums-reveal-ready .mood-group__head .sound-marquee{transform:translate3d(24px,0,0);transition-delay:120ms}
.albums-reveal-ready .music-card{transform:translate3d(0,28px,0)}
.albums-reveal-ready .music-card>span{opacity:0;transform:translate3d(0,9px,0);transition:opacity 650ms cubic-bezier(.16,1,.3,1),transform 720ms cubic-bezier(.16,1,.3,1)}
.albums-reveal-ready .mood-group.is-albums-visible .mood-group__head h2,
.albums-reveal-ready .mood-group.is-albums-visible .mood-group__head .sound-marquee,
.albums-reveal-ready .mood-group.is-albums-visible .music-card{opacity:1;transform:none}
.albums-reveal-ready .mood-group.is-albums-visible .music-card>span{opacity:1;transform:none}
.albums-reveal-ready .mood-group.is-albums-visible .mood-group__head h2,
.albums-reveal-ready .mood-group.is-albums-visible .mood-group__head .sound-marquee,
.albums-reveal-ready .mood-group.is-albums-visible .music-card{will-change:auto}
.albums-reveal-ready .mood-group.is-albums-visible .music-card:nth-child(1){transition-delay:180ms}
.albums-reveal-ready .mood-group.is-albums-visible .music-card:nth-child(2){transition-delay:250ms}
.albums-reveal-ready .mood-group.is-albums-visible .music-card:nth-child(3){transition-delay:320ms}
.albums-reveal-ready .mood-group.is-albums-visible .music-card:nth-child(4){transition-delay:390ms}
.albums-reveal-ready .mood-group.is-albums-visible .music-card:nth-child(5){transition-delay:460ms}
.albums-reveal-ready .mood-group.is-albums-visible .music-card:nth-child(1)>span{transition-delay:430ms}
.albums-reveal-ready .mood-group.is-albums-visible .music-card:nth-child(2)>span{transition-delay:500ms}
.albums-reveal-ready .mood-group.is-albums-visible .music-card:nth-child(3)>span{transition-delay:570ms}
.albums-reveal-ready .mood-group.is-albums-visible .music-card:nth-child(4)>span{transition-delay:640ms}
.albums-reveal-ready .mood-group.is-albums-visible .music-card:nth-child(5)>span{transition-delay:710ms}
@media(max-width:800px){.albums-reveal-ready .mood-group__head h2{transform:translate3d(0,12px,0)}.albums-reveal-ready .mood-group__head .sound-marquee{transform:translate3d(12px,0,0)}.albums-reveal-ready .music-card{transform:translate3d(0,16px,0)}.albums-reveal-ready .mood-group.is-albums-visible .music-card:nth-child(n){transition-delay:calc(150ms + (var(--album-index,0) * 55ms))}}
@media(prefers-reduced-motion:reduce){.albums-reveal-ready .mood-group__head h2,.albums-reveal-ready .mood-group__head .sound-marquee,.albums-reveal-ready .music-card,.albums-reveal-ready .music-card>span{opacity:1!important;transform:none!important;transition:none!important}}

/* Sound video works */
body.sound-video-open{overflow:hidden}
.sound-video-archive{position:relative;z-index:4;padding:7vh 7vw 10vh;background:rgba(5,6,6,.76);border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}
.sound-video-project{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.65fr);gap:clamp(34px,6vw,90px);align-items:center;padding:6vh 0 8vh;border-bottom:1px solid rgba(255,255,255,.13)}
.sound-video-project:last-child{padding-top:9vh;border-bottom:0}
.sound-video-project--reverse{grid-template-columns:minmax(260px,.65fr) minmax(0,1.6fr)}
.sound-video-project--reverse .sound-video-project__media{grid-column:2}.sound-video-project--reverse .sound-video-project__info{grid-column:1;grid-row:1}
.sound-video-project__media{position:relative;aspect-ratio:16/9;overflow:hidden;border:1px solid rgba(255,255,255,.22);background:#0b0d0d;cursor:pointer}
.sound-video-project__media::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 62%,rgba(0,0,0,.34))}
.sound-video-project__media video{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.68) contrast(1.06) brightness(.72);transition:transform .8s var(--ease),filter .45s ease}
.sound-video-project__media:hover video{transform:scale(1.018);filter:saturate(.88) contrast(1.05) brightness(.88)}
.sound-video-play{position:absolute;z-index:2;top:50%;left:50%;width:58px;height:58px;padding-left:4px;border:1px solid rgba(255,255,255,.84);border-radius:50%;background:rgba(5,6,6,.3);backdrop-filter:blur(8px);opacity:0;transform:translate(-50%,-45%) scale(.92);cursor:pointer;transition:opacity .28s ease,transform .35s var(--ease),background .25s ease}
.sound-video-project__media:hover .sound-video-play,.sound-video-project__media:focus-within .sound-video-play{opacity:1;transform:translate(-50%,-50%) scale(1)}
.sound-video-play:hover{background:rgba(5,6,6,.62);transform:translate(-50%,-50%) scale(1.06)!important}
.sound-video-project__info>span{color:var(--muted);font:8px var(--mono);letter-spacing:.12em}
.sound-video-project__info h2{margin:20px 0 26px;font:500 clamp(38px,4.4vw,72px)/.86 var(--display);letter-spacing:-.035em;text-transform:uppercase}
.sound-video-project__info h2 small{font:400 14px/1.4 var(--sans);letter-spacing:.08em;color:#b9bcb8}
.sound-video-project__info>p{max-width:42ch;margin:0;color:#aeb2ae;font-size:11px;line-height:1.9}
.sound-video-project__info>div{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:34px;padding-top:17px;border-top:1px solid rgba(255,255,255,.13);color:#737874;font:7px/1.7 var(--mono)}
.sound-video-project__info b{color:#bfc2bd;font-weight:400}
.sound-video-modal{position:fixed;z-index:90;inset:0;display:grid;place-items:center;padding:5vh 5vw;opacity:0;visibility:hidden;transition:opacity .32s ease,visibility .32s ease}
.sound-video-modal.is-open{opacity:1;visibility:visible}
.sound-video-modal__backdrop{position:absolute;inset:0;border:0;background:rgba(3,4,4,.9);backdrop-filter:blur(16px)}
.sound-video-modal__panel{position:relative;width:min(1180px,100%);transform:translateY(18px) scale(.985);transition:transform .4s var(--ease)}
.sound-video-modal.is-open .sound-video-modal__panel{transform:none}
.sound-video-modal__head{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px;color:#dedfd9;font:9px var(--mono);letter-spacing:.06em;text-transform:uppercase}
.sound-video-modal__head button{padding:8px 10px;border:1px solid rgba(255,255,255,.3);background:rgba(5,6,6,.35);cursor:pointer}
.sound-video-modal video{display:block;width:100%;max-height:78vh;aspect-ratio:16/9;object-fit:contain;border:1px solid rgba(255,255,255,.2);background:#050606}
@media(hover:none){.sound-video-play{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@media(max-width:800px){.sound-video-archive{padding:5vh 5vw 8vh}.sound-video-project,.sound-video-project:last-child{display:flex;flex-direction:column;align-items:stretch;gap:26px;padding:5vh 0 7vh}.sound-video-project--reverse .sound-video-project__media,.sound-video-project--reverse .sound-video-project__info{grid-column:auto;grid-row:auto}.sound-video-project__info h2{font-size:15vw}.sound-video-project__info>p{max-width:none}.sound-video-modal{padding:3vh 4vw}.sound-video-modal__head{font-size:8px}}
@media(prefers-reduced-motion:reduce){.sound-video-project__media video,.sound-video-modal__panel{transition:none!important;transform:none!important}}
