@view-transition{navigation:auto}::view-transition-old(root){animation:page-out .12s ease-out both}::view-transition-new(root){animation:page-in .2s ease-out both}@keyframes page-out{to{opacity:0}}@keyframes page-in{from{opacity:0}to{opacity:1}}.site-header{position:sticky!important;top:0;z-index:100!important;background:#141311f2!important;border-bottom:1px solid #e2b38430!important;backdrop-filter:blur(16px);color:#eee8dc;font-family:Manrope,sans-serif}.site-header>.container-page{width:auto;max-width:none;margin:0 clamp(24px,5vw,96px);padding:24px 0;display:flex;justify-content:space-between;align-items:center;gap:30px;min-height:88px}.site-header>.container-page>a{font-family:Manrope,sans-serif!important;font-size:25px!important;letter-spacing:-.04em!important;text-transform:none}.site-header>.container-page>div{display:flex;align-items:center;gap:28px}.site-header .public-nav{display:flex;align-items:center;gap:26px;font-size:12px}.site-header .public-nav a{white-space:nowrap}.site-header .md\:hidden{display:none}.site-header [data-account-toggle]{background:transparent;color:inherit;border:1px solid #e2b38440;padding:8px 12px;font:11px Manrope,sans-serif;letter-spacing:.02em}.site-header [data-account-dropdown]{position:absolute;right:0;background:#211e19;border:1px solid #e2b38440;width:220px;padding:12px;z-index:110}.site-header [data-account-dropdown] a{display:block;padding:10px}.site-header [data-account-menu]{position:relative}.site-header .hidden{display:none}.site-header a:hover{color:#e2b384}.site-header a:focus-visible,.site-header button:focus-visible{outline:2px solid #e2b384;outline-offset:4px}body:not(.public-world)>.site-header{position:absolute!important;inset:0 0 auto;background:#14131150!important}body:not(.public-world)>.site-header a{color:inherit}@media(max-width:900px){.site-header>.container-page{display:grid!important;grid-template-columns:1fr auto;gap:15px;padding-block:18px}.site-header>.container-page>div{display:contents!important}.site-header .public-nav{grid-column:1/-1;grid-row:2;flex-wrap:wrap;gap:14px 20px!important;overflow:visible!important;max-width:none!important}.site-header [data-account-menu]{grid-column:2;grid-row:1}.site-header .public-nav a{font-size:11px}}
/* Readable, direct mobile navigation: the same links, no collapsed menu. */
.site-header .public-nav a{display:inline-flex;align-items:center;min-height:44px}
.site-header [data-account-menu]:empty{display:none}
@media(max-width:900px){
.site-header>.container-page{gap:4px 16px;padding-block:12px 8px;min-height:104px}
.site-header .public-nav{flex-wrap:nowrap;justify-content:space-between;gap:8px!important;padding:0;min-width:0;width:100%;overflow-x:auto!important;scrollbar-width:none}
.site-header .public-nav::-webkit-scrollbar{display:none}
.site-header .public-nav a{font-size:12px;flex-shrink:0}
.site-header>.container-page>a{font-size:23px!important;min-height:36px;display:flex;align-items:center}
}
@media(max-width:360px){.site-header>.container-page{margin-inline:18px}.site-header .public-nav{gap:13px!important}.site-header .public-nav a{font-size:11px}}
html{scroll-behavior:smooth;scroll-padding-top:110px}
@media(max-width:900px){html{scroll-padding-top:132px}}
[data-scroll-reveal]{opacity:0;transform:translateY(14px);transition:opacity .65s cubic-bezier(.16,1,.3,1) var(--reveal-delay,0ms),transform .75s cubic-bezier(.16,1,.3,1) var(--reveal-delay,0ms)}
[data-scroll-reveal].reveal-visible{opacity:1;transform:none}
[data-scroll-reveal]:focus-within{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){[data-scroll-reveal]{transform:none;transition:opacity .3s ease var(--reveal-delay,0ms)}html{scroll-behavior:auto}}
/* Keep drawn icons aligned and independent of the selected text face. */
.site-header svg,.portrait-bottom svg,.section-heading svg,.release-link svg,.socials svg,.np-link svg,footer a svg{width:18px;height:18px;flex-shrink:0;vertical-align:middle}
.public-world .audio-player .play-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.public-world .audio-player .play-btn svg{width:20px;height:20px;display:block}

@media(max-width:900px){body.public-world .site-header>.container-page{padding-block:12px 8px;gap:4px 16px;min-height:104px}body.public-world .site-header .public-nav{padding:0}}

@media(max-width:900px){.site-header>.container-page>a{grid-column:1/-1;grid-row:1;justify-self:center;justify-content:center}.site-header [data-account-menu]{justify-self:end;z-index:1}}

/* Touch navigation is a centred second row, with generous targets and no hidden links. */
@media(max-width:900px){
body .site-header>.container-page,body.public-world .site-header>.container-page{grid-template-columns:1fr;gap:4px;min-height:112px;margin-inline:20px;padding-block:10px}
.site-header .public-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:0 18px!important;overflow:visible!important}
.site-header .public-nav a{min-height:40px;font-size:12px}
.site-header [data-account-menu]{grid-column:1;grid-row:1;position:absolute;right:0;top:7px}
.site-header>.container-page{position:relative}
.site-header [data-account-toggle]{padding:7px;font-size:10px}
}
@media(max-width:400px){.site-header .public-nav{gap:0 13px!important}.site-header .public-nav a{font-size:11px}}
[data-scroll-reveal]{transition:opacity .8s ease var(--reveal-delay,0ms),transform .9s cubic-bezier(.16,1,.3,1) var(--reveal-delay,0ms)}

/* Shared finishing: native scrolling, warm scrollbar, quiet sequential entrances. */
html{scrollbar-color:#997650 #141311;scrollbar-width:thin;scrollbar-gutter:stable}
html::-webkit-scrollbar{width:10px;height:10px}
html::-webkit-scrollbar-track{background:#141311}
html::-webkit-scrollbar-thumb{background:#997650;border:3px solid #141311;border-radius:10px}
html::-webkit-scrollbar-thumb:hover{background:#d1a575}
[data-scroll-reveal]{transform:translateY(10px);transition:opacity .65s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0ms),transform .8s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0ms)}
[data-scroll-reveal].reveal-visible{transform:none}
.site-header .public-nav a{transition:color .18s ease;touch-action:manipulation}
.site-header [data-account-toggle]{min-height:44px;max-width:100%}
.site-header [data-account-dropdown]{max-width:calc(100vw - 40px);max-height:70svh;overflow-y:auto}
@media(max-width:900px){
 body .site-header>.container-page,body.public-world .site-header>.container-page{margin-inline:max(16px,env(safe-area-inset-left));padding-top:max(10px,env(safe-area-inset-top));min-height:110px}
 .site-header .public-nav{gap:0 clamp(8px,2.5vw,18px)!important;row-gap:0!important}
 .site-header .public-nav a{min-height:44px;font-size:12px;padding-inline:2px}
 .site-header [data-account-menu]{position:relative;grid-row:3;justify-self:center;right:auto;top:auto;max-width:100%}
 .site-header [data-account-dropdown]{right:50%;transform:translateX(50%)}
 .public-world input:not([type=checkbox]):not([type=radio]),.public-world textarea,.public-world select{font-size:16px}
 .catalog-copy,.release-copy,.np-content,.np-track{min-width:0}
 .catalog-copy h3,.public-world .prose{overflow-wrap:anywhere}
 .socials a,.catalog-actions a{min-height:44px;align-items:center}
}
@media(max-width:600px){
 .public-world h1{font-size:clamp(32px,9vw,48px)!important;overflow-wrap:anywhere}
 .catalog-cover{max-width:370px;justify-self:center}
 .catalog-copy{text-align:center;width:100%}
 .catalog-actions{justify-content:center}
 .preview-seek{min-height:20px}
}
@media(prefers-reduced-motion:reduce){
 [data-scroll-reveal]{transform:none;transition:opacity .2s ease}
 ::view-transition-old(root),::view-transition-new(root){animation:none}
}

/* Compact admin disclosure; public destinations remain directly accessible. */
.mobile-admin-icon{display:none}
@media(max-width:900px){
 .site-header [data-account-menu]{position:absolute;right:0;top:8px;grid-row:1;justify-self:end}
 .site-header [data-account-toggle]{display:grid;place-items:center;width:44px;height:44px;padding:10px;border:0;background:transparent;border-radius:0;overflow:visible}
 .site-header [data-account-toggle]>:not(.mobile-admin-icon){display:none}
 .site-header [data-account-toggle]>.mobile-admin-icon{display:block;width:24px;height:24px}
 .site-header [data-account-dropdown]{right:0;top:100%;transform:none;width:min(300px,calc(100vw - 32px));margin-top:10px;padding:12px;box-shadow:none;animation:admin-menu-arrive .2s ease-out both}
 .site-header [data-account-dropdown] a,.site-header [data-account-dropdown] button{min-height:44px;font-size:13px;letter-spacing:0;text-transform:none}
 .site-header>.container-page>a{max-width:calc(100% - 104px)}
}
@keyframes admin-menu-arrive{from{opacity:0;translate:0 -5px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){.site-header [data-account-dropdown]{animation:none}}

/* A longer, quieter text arrival and a touch-first admin panel. */
[data-scroll-reveal]{transform:translateY(8px);transition:opacity 1.25s cubic-bezier(.25,.1,.25,1) var(--reveal-delay,0ms),transform 1.45s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0ms)}
.portrait-title [data-scroll-reveal]{transition-duration:1.6s,1.8s}
@media(max-width:900px){
 body .site-header>.container-page,body.public-world .site-header>.container-page{padding-block:12px 8px;row-gap:8px}
 .site-header .public-nav{column-gap:clamp(6px,2vw,16px)!important;align-items:center}
 .site-header .public-nav a{min-height:48px;padding-inline:3px}
 .site-header [data-account-toggle]{width:48px;height:48px;padding:12px}
 .site-header [data-account-menu]{top:6px}
 .site-header [data-account-toggle]>.mobile-admin-icon{margin:0}
 .site-header [data-account-dropdown]{box-sizing:border-box;width:calc(100vw - 32px);max-width:420px;padding:8px;margin-top:12px;border-color:#e2b38440;animation-duration:.35s}
 .site-header [data-account-dropdown] a,.site-header [data-account-dropdown] button{display:flex;align-items:center;box-sizing:border-box;width:100%;min-height:52px;padding:14px 16px;text-align:left;font:14px Manrope,sans-serif;color:inherit}
 .site-header [data-account-dropdown] form{border-top:1px solid #e2b38426}
 .site-header [data-account-dropdown] a:active,.site-header [data-account-dropdown] button:active{background:#e2b38418}
}
@media(prefers-reduced-motion:reduce){[data-scroll-reveal],.portrait-title [data-scroll-reveal]{transform:none;transition:opacity .3s ease}}