@font-face{font-family:BarlowDeck;src:url(media/display-condensed.ttf) format("truetype");font-display:swap}
@font-face{font-family:PlexDeck;src:url(media/interface-mono.ttf) format("truetype");font-display:swap}
:root{--display:BarlowDeck,"Arial Narrow",sans-serif;--ui:PlexDeck,monospace;--phosphor:#ccf6d3;--violet:#ad9cf3;--ink:#0a0a10}
.identity-home .signal-head,.archive-shell header{height:88px;padding:0 clamp(18px,4vw,70px);background:linear-gradient(180deg,#100f19e0,#15141e40);border:0;border-radius:0;display:flex;align-items:center;justify-content:space-between;color:#f6f2e7}
.archive-shell header{border-bottom:1px solid #8b849747;background:linear-gradient(105deg,#17181e,#17151f 65%,#242030)}
.identity-home .wordmark,.archive-shell .brand{display:flex;align-items:center;gap:9px;color:#f9f6eb;font:600 italic clamp(34px,2.8vw,52px)/1 var(--display);letter-spacing:-.045em;text-transform:uppercase;text-shadow:1px 1px #975481}
.mark-dot,.archive-shell .brand::after{content:"";display:inline-block;background:var(--phosphor);width:8px;height:8px;border-radius:0;transform:skew(-15deg);box-shadow:0 0 10px #b7f7d28c}
.identity-home .signal-head nav,.archive-shell header nav{font:500 clamp(15px,1.15vw,21px)/1.3 var(--ui);letter-spacing:-.05em;display:flex;gap:clamp(4px,2vw,32px)}
.signal-head nav a,.archive-shell header nav a{padding:10px 5px;color:inherit}.archive-shell header nav [aria-current]{color:var(--phosphor)}
.identity-home .author h1{font:600 italic clamp(80px,9vw,170px)/.8 var(--display);letter-spacing:-.055em;text-transform:uppercase}.author h1 em{font:inherit}
.identity-home .author p,.identity-home .signal-foot{font:500 clamp(14px,1.1vw,20px)/1.45 var(--ui);letter-spacing:0;text-shadow:0 1px 8px #121019}
.identity-home .mind-entry span{font:500 clamp(16px,1.45vw,25px)/1.4 var(--ui)}
.identity-home .mind-entry strong{font:600 italic clamp(34px,3.6vw,72px)/1 var(--display);text-transform:uppercase;letter-spacing:-.025em}
.signal-foot button{min-height:44px}.identity-home .signal-foot{padding-right:max(7.5vw,55px)}
.deck-page{background:#101017;color:#edece6;box-shadow:inset 0 0 65px #0009}
.disc-library{padding:clamp(32px,4vw,70px) 5vw 7vh;overflow:hidden;background:radial-gradient(ellipse at 32% 35%,#211e1738,transparent 60%),linear-gradient(145deg,#0e0d0b,#060605 80%)}
.disc-library h1,.profile-screen h1{margin:0;font:600 italic clamp(62px,7.3vw,126px)/.95 var(--display);text-transform:uppercase;letter-spacing:-.045em}
.racks{display:grid;grid-template-columns:1fr 1fr;perspective:1250px;gap:3.5vw;margin-top:clamp(26px,3.5vw,60px)}
.rack{min-width:0;position:relative;--accent:#e0c298;border-top:1px solid #94836773;padding-top:14px;transition:transform .65s,filter .55s,opacity .55s}
.rack:nth-child(2){--accent:#c9bfa2;border-color:#766e594f}
.rack.recedes{transform:translateZ(-95px) scale(.94);opacity:.53;filter:blur(2.1px)}
.rack-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;background:none;padding:4px 0 15px;color:var(--accent);font:600 clamp(25px,2.4vw,46px)/1.1 var(--display);text-transform:uppercase;letter-spacing:.008em}
.rack-toggle i{font:400 .8em var(--ui);transition:transform .4s}.rack.open .rack-toggle i{transform:rotate(90deg)}
.disc-stack{--row:clamp(118px,9vw,168px);height:max(340px,calc(4 * var(--row)));position:relative}
.record{position:absolute;left:0;right:0;top:0;z-index:var(--depth);display:flex;align-items:center;gap:16px;height:var(--row);color:inherit;text-decoration:none;transform:translateY(calc(var(--i)*17px + 72px));transition:transform .65s cubic-bezier(.2,.75,.18,1)}
.platter{position:relative;display:block;flex:none;width:clamp(155px,15vw,255px);aspect-ratio:1;border-radius:50%;overflow:hidden;border:1px solid #e2e3dfb0;box-shadow:1px 5px 0 #0b0b0e,0 14px 22px #0009;transform:translateX(calc(2.4vw + var(--i)*2.1vw)) perspective(480px) rotateX(44deg) rotateZ(calc(-15deg + var(--i)*8deg));transition:width .65s,transform .65s}
.platter img{width:100%;height:100%;object-fit:cover;display:block}
.platter::after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,#111119 0 5%,#d3d6db 5.5% 6.5%,#6b6974 7% 10%,#d6d3de 10.3%,transparent 11%),conic-gradient(from 36deg,transparent,#b7f8fd44,transparent 25%,#df95ff38,transparent 60%,#fff2,transparent),repeating-radial-gradient(circle,transparent 0 3px,#e3deff18 3.5px,transparent 4.5px);box-shadow:inset 0 0 0 3px #1511197a}
.sleeve{display:grid;gap:5px;opacity:0;transform:translateX(-16px);pointer-events:none;transition:opacity .2s,transform .45s}
.sleeve strong{color:#f1e9d8;font:400 clamp(29px,2.5vw,47px)/1.06 Georgia,serif;letter-spacing:-.038em}
.sleeve small{color:#ccc4b4;font:400 clamp(18px,1.23vw,24px)/1.43 Proxima,Arial,sans-serif;max-width:42ch}
.rack.open .record{transform:translateY(calc(var(--i)*var(--row)))}
.rack.open .platter{width:calc(var(--row)*.90);transform:rotate(-5deg)}
.rack.open .sleeve{min-width:0;opacity:1;transform:none;transition-delay:.22s}
.rack.open .record:is(:hover,:focus-visible) .platter{transform:rotate(12deg) scale(1.04)}.record:is(:hover,:focus-visible) strong{color:var(--accent)}
.profile-screen .contact h1,.profile-screen .bio h1{font-family:var(--display);font-style:italic}
@media(max-width:760px){
 .identity-home .signal-head,.archive-shell header{height:68px;padding-inline:16px}.identity-home .wordmark,.archive-shell .brand{font-size:29px}
 .identity-home .signal-head nav,.archive-shell header nav{gap:3px;font-size:13px}
 .identity-home .author h1{font-size:clamp(64px,16vw,108px)}.identity-home .author p{font-size:13px}
 .racks{grid-template-columns:1fr;gap:15px}.rack.recedes{filter:none;opacity:.8;transform:none}
 .disc-stack{height:190px}.rack.open .disc-stack{height:calc(var(--count)*var(--row))}.record{transform:translateY(calc(44px + var(--i)*10px))}
 .platter{width:118px;transform:translateX(calc(12px + var(--i)*28px)) perspective(450px) rotateX(45deg) rotateZ(-12deg)}.sleeve small{font-size:15px}
}
@media(prefers-reduced-motion:reduce){.rack,.record,.platter,.sleeve{transition:none!important}}
.identity-home .signal-head{background:linear-gradient(#101018aa,transparent)}
.deck-page header {position:relative;background:transparent;color:#edece6;margin:0 4.8vw;padding-inline:0;border:0}
.deck-page header::after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,#dcf2dc 0 5%,#c3c1d340 5% 88%,#b099ff 88% 92%,transparent 92%)}
.deck-page header nav [aria-current]::before{content:"";display:inline-block;margin-right:.55em;width:.38em;height:.38em;background:var(--phosphor);transform:rotate(45deg)}
.deck-page {background:#090907}
.deck-page footer{background:transparent}
@media(min-width:761px){.rack:not(.open) .platter{width:clamp(190px,20vw,338px)}.rack:not(.open) .record{transform:translateY(calc(var(--i)*19px + 98px))}}
.case-page header .brand,.video-page header .brand{font:italic 600 clamp(30px,2.8vw,50px)/1 var(--display);letter-spacing:-.045em}
.case-page header nav,.video-page header nav{font:500 clamp(14px,1.15vw,21px)/1.4 var(--ui)}
@media(max-width:620px){.case-page header,.video-page header{padding-inline:15px}.case-page header nav,.video-page header nav{font-size:12px;gap:0}}

/* Warm phosphor and book typography keep the disc catalogue legible in the dark surround. */
.deck-page {--phosphor:#dcc39c;--violet:#b5a88b}
.deck-page .disc-library h1 {font:italic 400 clamp(65px,6.4vw,118px)/1 Georgia,serif;letter-spacing:-.069em;text-transform:none;color:#f2ead8}
.deck-page .brand {font:italic 600 clamp(30px,2.15vw,43px)/1 Georgia,serif;letter-spacing:-.06em;text-shadow:none}
.deck-page header::after {background:linear-gradient(90deg,#bca57f 0 7%,#655a474d 7% 100%)}
.deck-page .rack-toggle {font:400 clamp(22px,2vw,37px)/1.16 Georgia,serif;letter-spacing:-.026em;text-transform:none}
.deck-page .record {gap:clamp(16px,2vw,38px)}
.deck-page .sleeve {gap:9px}
.deck-page .platter::after {background:radial-gradient(circle,#131310 0 5%,#aea891 5.4% 7%,#5b594d 7.5% 10%,#d8d1bb 10.4%,transparent 11%),conic-gradient(from 30deg,transparent,#f0dfbd30,transparent 30%,#b8c3b624,transparent 62%,#fff2,transparent),repeating-radial-gradient(circle,transparent 0 4px,#eee4c519 4.5px,transparent 5px)}
@media(min-width:761px){
 .deck-page .racks{grid-template-columns:minmax(0,1fr) minmax(0,1fr);transition:grid-template-columns .65s cubic-bezier(.2,.75,.18,1)}
 .deck-page .racks:has(.rack:first-child.open){grid-template-columns:minmax(0,1.65fr) minmax(0,.65fr)}
 .deck-page .racks:has(.rack:last-child.open){grid-template-columns:minmax(0,.65fr) minmax(0,1.65fr)}
 .deck-page .rack.recedes{opacity:.40;filter:blur(1.5px)}
}
@media(max-width:760px){
 .deck-page .disc-stack{--row:132px}
 .deck-page .rack.open .platter{width:clamp(84px,23vw,126px)}
 .deck-page .sleeve strong{font-size:clamp(24px,5.8vw,33px)}
 .deck-page .sleeve small{font-size:17px;line-height:1.29}
 .deck-page .sleeve{gap:4px}.deck-page .record{gap:12px}
}

/* The same printed masthead and catalogue type are used across the public shell. */
:root{--catalog-serif:Georgia,"Times New Roman",serif;--paper:#f3ead8;--brass:#d5b88d}
body header :is(.wordmark,.brand),.deck-page header .brand{
 font:italic 600 clamp(29px,2.45vw,46px)/1 var(--catalog-serif);letter-spacing:-.065em;color:var(--paper);text-shadow:none
}
body header .mark-dot,.archive-shell .brand::after{display:none}
body header nav,.identity-home .signal-head nav,.archive-shell header nav,.case-page header nav,.video-page header nav{font:500 clamp(14px,1.1vw,20px)/1.4 var(--ui);letter-spacing:-.045em}
.identity-home .signal-head .wordmark,.archive-shell header .brand,.case-page header .brand,.video-page header .brand{font-family:var(--catalog-serif);font-weight:600;font-style:italic}
.identity-home .signal-head{background:linear-gradient(#19150fb8,transparent);text-shadow:0 1px 5px #1a1619}
.identity-home .author h1,.deck-page .disc-library h1,.profile-screen .bio h1,.profile-screen .contact h1{
 font:italic 400 clamp(64px,7.6vw,146px)/.94 var(--catalog-serif);letter-spacing:-.067em;text-transform:none;color:var(--paper)
}
.identity-home .author h1 em{font:inherit}.identity-home .author p,.signal-foot,.identity-home .mind-entry span{font-family:var(--ui);color:#f0e7d4}
.identity-home .mind-entry strong{font:italic 400 clamp(34px,3.7vw,76px)/1.14 var(--catalog-serif);letter-spacing:-.06em;text-transform:none;color:var(--paper);border-color:#d7c8ac88}
.identity-home{background:#060504}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:7;opacity:.12;background:repeating-linear-gradient(0deg,#342d221e 0 1px,transparent 1px 4px),radial-gradient(ellipse at center,transparent 58%,#21160875 115%)}
body:has(dialog[open])::before{visibility:hidden}
.identity-home.departing .projection{transform-origin:center;animation:tube-decay .5s 1.82s both}
@keyframes tube-decay{
 0%{transform:none;filter:none;opacity:1}
 35%{transform:scale(.96,.32);filter:sepia(.25) brightness(1.1);opacity:.94}
 68%{transform:scale(.44,.024);opacity:.7}
 86%{transform:scale(.014,.007);opacity:.36}
 100%{transform:scale(.002,.002);opacity:0}
}
@media(prefers-reduced-motion:reduce){.identity-home.departing .projection{animation:none}}
@media(max-width:700px){body header nav,.identity-home .signal-head nav,.archive-shell header nav,.case-page header nav{font-size:13px}.identity-home .author h1{font-size:clamp(62px,15vw,100px)}}
.identity-home .mind-entry strong{border-bottom:0}.identity-home .mind-entry:is(:hover,:focus-visible) strong{color:#fff5e3;text-shadow:1px 0 #80584c,-1px 0 #736b84}.identity-home.departing .signal-head,.identity-home.departing .signal-foot,.identity-home.departing .identity-stage{pointer-events:none}