/* MAY DIES LAST — NOCTURNE VIII / art direction & interaction */
:root{--song-glow:#c5809a;--max-content:1280px}
.site-header{position:fixed;top:0;left:0;right:0;transition:background .25s ease,border-color .25s ease,box-shadow .25s ease}
.site-header.is-scrolled{background:rgba(10,7,11,.94);border-bottom-color:#a87d8a40;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 14px 55px #08040878}
.site-header .nav-logo{font-family:Cinzel,serif;font-size:26px;font-weight:600;letter-spacing:.025em}
.site-header .site-nav{margin-left:auto}
.hero-nocturne::after{content:"";pointer-events:none;position:absolute;inset:0;border:1px solid rgba(214,154,167,.08)}
.hero-tagline{color:#f4dce6}
.hero .hero-services{margin-top:0}
.hero .hero-emblem{filter:none}
.hero-bottom{z-index:3}
.statement-bar{letter-spacing:.025em}
.next-era{background:radial-gradient(circle at 17% 45%,rgba(91,33,51,.17),transparent 55%),#0b080d}
.next-art{border-color:rgba(211,143,162,.25)}
.next-info h2{letter-spacing:-.045em}
.release-grid{gap:clamp(18px,2vw,30px)}
.release-card .release-cover-wrap{outline:1px solid rgba(236,201,212,.12);outline-offset:0;transition:outline-color .2s}
.release-card:hover .release-cover-wrap{outline-color:rgba(236,201,212,.55)}
.release-details h3{letter-spacing:-.035em}
.release-actions .preview-trigger:focus-visible{outline-offset:3px}
.player-dock{box-shadow:0 -10px 80px color-mix(in srgb,var(--song-glow) 22%,transparent);border-color:color-mix(in srgb,var(--song-glow) 50%,transparent)}
.player-dock #playToggle{background:var(--song-glow);color:#190e14}
.player-dock .dock-play{border-radius:50%}
.player-dock #audioSeek{accent-color:var(--song-glow)}
.word-interlude{padding:clamp(80px,8vw,128px) clamp(18px,5vw,92px);background:linear-gradient(135deg,#170e15 0%,#0c090d 62%,#160c13 100%);border-top:1px solid rgba(223,174,185,.15);border-bottom:1px solid rgba(223,174,185,.15)}
.word-frame{max-width:var(--max-content);margin:auto}
.word-overline,.word-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;font:700 10px/1.5 Outfit,Arial,sans-serif;letter-spacing:.22em;color:#bb8196}
.word-signal{color:#7c5f6b;font-size:9px}
.word-body{display:grid;grid-template-columns:minmax(230px,38%) minmax(0,1fr);gap:clamp(30px,6vw,105px);align-items:center;padding:55px 0 65px}
.word-aside h2{font:800 clamp(55px,7vw,114px)/.94 Outfit,Arial,sans-serif;letter-spacing:-.075em;margin:0 0 22px;color:#f7e9e8}
.word-aside h2 em{color:#d58ba4;font-style:normal}
.word-aside p{max-width:330px;color:#c9afb9;line-height:1.65;font-size:15px;margin:0 0 32px}
.word-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-width:400px}
.word-tab{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px;background:rgba(248,228,233,.025);border:1px solid #d8bbc439;color:#b9a7ae;font-size:10px;font-weight:800;letter-spacing:.09em;text-align:left;transition:background .2s,color .2s,border-color .2s}
.word-tab:hover,.word-tab.is-active{border-color:#d895ac;background:#dcaab91b;color:#ffe8f0}
.word-tab span{color:#d18ca1}
.word-display{position:relative;isolation:isolate;min-height:485px;padding:clamp(28px,5vw,70px);display:flex;align-items:flex-end;overflow:hidden;border:1px solid #bb889a30;background:#140e13}
.word-display-art{position:absolute;inset:0;z-index:-2;opacity:.28;filter:blur(4px) saturate(.55)}
.word-display-art img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.08);transition:opacity .3s}
.word-display::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#130c12 3%,#170d13ca 52%,#1a0c1490)}
.word-content{max-width:740px}
.word-label{color:#e7a2b6;font-size:10px;font-weight:800;letter-spacing:.24em}
.word-quote{font:400 clamp(30px,4vw,64px)/1.2 Cinzel,Georgia,serif;letter-spacing:-.055em;margin:25px 0;color:#fff0f0;text-wrap:balance}
.word-content p{color:#dcc6cf;font-size:15px;line-height:1.6;max-width:550px}
.word-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:26px}
.word-actions button,.word-actions a{display:inline-flex;align-items:center;min-height:42px;color:#fbe5ec;background:transparent;border-bottom:1px solid #db9ab1;padding:10px 0;font-size:10px;font-weight:800;letter-spacing:.12em;transition:color .15s}
.word-actions button:hover,.word-actions a:hover{color:#ed9eaf}
.word-bottom{padding-top:16px;border-top:1px solid #cea0b330;color:#a87d8f}
.word-small-logo{font:600 23px Cinzel,serif;color:#e7c8d1;letter-spacing:0}
.screen-feature{height:clamp(440px,50vw,710px)}
.world-photographs{max-width:1160px}
.world-photo img{filter:none!important}
.footline{margin-top:65px}
@media(min-width:761px){.hero-nocturne{max-height:890px;min-height:690px}.hero-center{transform:translateY(-1.5vh)}}
@media(max-width:1000px){.word-body{gap:36px}.word-quote{font-size:clamp(30px,4.3vw,52px)}}
@media(max-width:760px){
 .site-header .site-nav{margin-left:0}
 .site-header .nav-logo{font-size:24px}
 .hero-nocturne{min-height:635px;max-height:none;height:100svh}
 .hero-center{inset:82px 18px 88px}
 .hero-emblem{width:107px!important;height:107px!important}
 .hero-center h1{margin-top:16px}
 .word-interlude{padding:74px 18px}
 .word-body{grid-template-columns:1fr;gap:32px;padding:36px 0 40px}
 .word-aside h2{font-size:clamp(50px,12vw,75px);margin-bottom:18px}
 .word-aside p{max-width:470px;margin-bottom:20px}
 .word-tabs{max-width:none;grid-template-columns:repeat(2,minmax(0,1fr))}
 .word-tab{min-height:48px}
 .word-display{min-height:405px;padding:25px 23px}
 .word-quote{font-size:clamp(29px,8vw,43px);margin:20px 0}
 .word-overline,.word-bottom{font-size:8px;letter-spacing:.12em}
 .word-signal{display:none}
 .word-actions{gap:19px}
 .screen-feature{height:470px}
}
@media(max-width:360px){.word-tab{font-size:9px;padding:10px}.word-display{min-height:390px;padding:20px}.word-quote{font-size:29px}.hero-nocturne{min-height:610px}}
@media(prefers-reduced-motion:reduce){.word-display-art img,.site-header{transition:none}}