.record-room{background:#171a19;color:#f0dfbf;padding:100px 5% 80px;overflow:hidden;position:relative;border-top:1px solid #a7875140}.record-room .eyebrow{color:#b99c68;font-size:13px}.record-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin:18px 0 38px}.record-heading h2{font-size:clamp(34px,4.3vw,65px);font-weight:500;line-height:1.2;letter-spacing:-2px;margin:0}.record-heading p{font-size:15px;line-height:1.8;color:#b2b4a1;max-width:260px;margin:0}.media-bench{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr);gap:34px;align-items:start}.television{position:relative;isolation:isolate;aspect-ratio:1.5}.television>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:2;pointer-events:none}.tv-screen{position:absolute;left:12%;top:16%;width:68%;height:64%;z-index:3;background:#080e0d;border-radius:8% / 12%;overflow:hidden;box-shadow:inset 0 0 28px #000,0 0 10px #70aa8620;display:grid;place-items:center}.tv-screen video{width:100%;height:100%;object-fit:contain;background:#050807}.tv-screen video[hidden]{display:none}.tv-idle{position:absolute;inset:0;padding:12%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(ellipse,#18332c,#060d0b);color:#d7e5b8;text-shadow:0 0 12px #b8ef8f44}.tv-idle[hidden]{display:none}.tv-idle strong{font-size:clamp(22px,2.3vw,36px);line-height:1.45;font-weight:500;letter-spacing:1px}.tv-idle p{font-size:14px;color:#95a987;margin:14px 0 0;line-height:1.7}.tv-channel{font:12px monospace;letter-spacing:2px;color:#88bca5;margin-bottom:18px}.tv-screen:after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:repeating-linear-gradient(0deg,transparent 0 4px,#a6d5ab09 4px 5px);box-shadow:inset 0 0 35px #0009}.tv-play{position:absolute;border:1px solid #e0dbb7;border-radius:50%;background:#213a2ad9;width:60px;height:60px;z-index:4;font-size:25px}.tv-play[hidden]{display:none}.tv-caption{display:flex;justify-content:space-between;gap:15px;padding:0 8%;color:#a6997e;font-size:14px;line-height:1.6}.tv-caption strong{color:#e3d1af;font-weight:400}.record-catalog{padding-top:12px}.record-categories{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:21px}.record-categories button{border:1px solid #ac96624a;border-radius:4px;background:#262b24;color:#b9b7a3;padding:9px 12px;font-size:13px}.record-categories button[aria-pressed=true]{background:#d5b779;border-color:#d5b779;color:#26251e}.record-list{display:grid;grid-template-columns:1fr 1fr;gap:6px;min-height:160px;align-content:start}.record-item{display:flex;align-items:center;text-align:left;gap:10px;border:1px solid #96836129;background:#22251f;padding:12px 10px;min-height:76px;color:#dcd2b6;transition:background .2s,border-color .2s}.record-item:hover,.record-item[aria-pressed=true]{border-color:#cfb777;background:#34382c}.record-item:disabled{cursor:wait;opacity:.65}.record-icon{width:35px;height:35px;flex-shrink:0;color:#d6c18b}.record-icon svg{width:100%;height:100%}.record-name{min-width:0}.record-name strong{display:block;font-size:14px;font-weight:500;line-height:1.5}.record-name small{display:block;font-size:11px;color:#999e89;margin-top:5px;line-height:1.5}.record-arrow{margin-left:auto;color:#b5a677}.disc-player{position:relative;aspect-ratio:2.5;margin-top:18px;max-width:440px;margin-left:auto;margin-right:auto;isolation:isolate}.disc-player>img{width:100%;height:100%;object-fit:contain;position:absolute;inset:0}.disc-slot{position:absolute;left:20%;top:40%;width:60%;height:8%;pointer-events:none;border-radius:8px;box-shadow:0 0 8px #66e6b800;transition:box-shadow .3s}.loading-disc .disc-slot{box-shadow:0 0 18px #6affe7aa}.player-line{display:flex;gap:9px;align-items:center;justify-content:center;font-size:12px;color:#b3ba9d;margin:0;min-height:24px}.player-line i{width:6px;height:6px;background:#77c59c;border-radius:50%;box-shadow:0 0 8px #77c59c77}.loading-disc .player-line i{animation:load-indicator .2s steps(2) infinite}.record-note{color:#858c7c;font-size:12px;line-height:1.7;margin:18px 0 0;text-align:center}.flying-disc{position:fixed;width:84px;height:84px;border:1px solid #e9d9ae;border-radius:50%;background:conic-gradient(#ba9770,#d9e3c1,#566d68,#e9ddb8,#967f86,#ddd3a8,#ba9770);box-shadow:0 12px 22px #0007;pointer-events:none;z-index:100;transform-origin:center;will-change:transform,opacity}.flying-disc:after{content:'';position:absolute;inset:35%;border:7px solid #cdbd91;border-radius:50%;background:#202720}.flying-disc[hidden]{display:none}.screen-tuning:before{content:'';position:absolute;inset:0;z-index:5;background:repeating-linear-gradient(0deg,#bfd2bd44 0 3px,#0b151b55 4px 7px);animation:tv-tune .45s steps(4);pointer-events:none}@keyframes load-indicator{50%{opacity:.3}}@keyframes tv-tune{0%{opacity:1;transform:scaleY(.1)}35%{opacity:.8;transform:scaleY(1)}100%{opacity:0}}@media(max-width:1050px){.media-bench{grid-template-columns:1.2fr 1fr;gap:20px}.record-list{grid-template-columns:1fr;max-height:250px;overflow-y:auto}.record-heading p{font-size:14px}.record-room{padding-left:4%;padding-right:4%}}@media(max-width:760px){.record-room{padding:65px 5%}.record-heading{display:block}.record-heading h2{font-size:36px}.record-heading p{margin-top:20px;max-width:none}.media-bench{display:block}.tv-caption{font-size:12px;padding:0 4%;margin-bottom:20px}.record-catalog{padding-top:16px}.record-list{grid-template-columns:1fr 1fr;max-height:none;min-height:155px}.record-item{padding:10px 7px;gap:7px}.record-icon{width:28px;height:28px}.record-arrow{display:none}.record-name strong{font-size:13px}.record-name small{font-size:10px}.record-categories button{font-size:12px;padding:9px 11px}.disc-player{max-width:340px}.tv-idle strong{font-size:23px}.tv-idle p{font-size:12px}.tv-channel{font-size:10px;margin-bottom:12px}.tv-idle{padding:6%}.record-heading{margin-bottom:20px}}.reduced .screen-tuning:before{display:none}.reduced .loading-disc .player-line i{animation:none}
.television{aspect-ratio:1619/971}.tv-screen{left:12.97%;top:16.79%;width:64.48%;height:59.22%;border-radius:5% / 10%}.disc-player{aspect-ratio:2}.disc-slot{left:20.29%;top:42.28%;width:59.53%;height:6.31%}
/* Illustrated discs: floating collection, no card backgrounds. */
.media-bench{grid-template-columns:minmax(0,1.12fr) minmax(390px,1fr);gap:42px;align-items:center}.tv-column{position:sticky;top:120px;align-self:start;margin-top:45px}.record-categories{gap:8px 16px;margin-bottom:26px}.record-categories button{background:transparent;border:0;border-bottom:1px solid transparent;border-radius:0;padding:8px 0;color:#a9ae9e}.record-categories button[aria-pressed=true]{background:transparent;color:#f0d296;border-color:#f0d296}.record-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 10px;min-height:220px;max-height:none;overflow:visible;padding:18px 5px 34px;align-items:start;perspective:900px}.record-item,.record-item:hover,.record-item[aria-pressed=true]{display:flex;flex-direction:column;gap:12px;align-items:center;min-height:0;padding:0;border:0;background:none;box-shadow:none;text-align:center;position:relative;color:#e9dec3;transform:translateY(var(--lift));isolation:isolate}.record-item:focus-visible{outline:1px dashed #e8c98d;outline-offset:8px;border-radius:50%}.record-icon.disc-art{display:block;position:relative;width:100%;height:auto;aspect-ratio:1;max-width:162px;border-radius:50%;background-image:linear-gradient(130deg,#ffffff20,transparent 38%,#0005),var(--cover);background-size:cover;background-position:center;box-shadow:0 12px 13px #0008,inset 0 0 0 2px #d9c6a9aa,inset 0 0 0 5px #25231c;transform:rotate(var(--tilt));transition:transform .48s cubic-bezier(.18,.85,.24,1.3),box-shadow .4s;overflow:hidden;color:#fff7dd;flex-shrink:0}.disc-art:before{content:'';position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 25deg,transparent,#e9faff50 8%,transparent 17%,transparent 48%,#f5dc9055 59%,transparent 70%);mix-blend-mode:screen;pointer-events:none}.disc-art:after{content:'';position:absolute;inset:7%;border:1px solid #ffedc866;border-radius:50%;box-shadow:inset 0 0 0 2px #0002;pointer-events:none}.disc-hub{position:absolute;left:41%;top:41%;width:18%;height:18%;background:#171a19;border:5px solid #cab991;border-radius:50%;box-shadow:0 0 0 1px #f8f0cb,0 1px 5px #0008;z-index:2}.disc-edition{position:absolute;bottom:17%;left:14%;right:14%;font:8px monospace;letter-spacing:1px;text-shadow:0 1px 5px #000;background:#10161188;padding:3px 0;border-radius:2px;z-index:1}.disc-art-1{background-position:30% center!important;filter:sepia(.25)}.disc-art-2{background-position:75% center!important}.disc-art-3{filter:sepia(.3) saturate(1.3)}.disc-art-4{filter:hue-rotate(18deg)}.record-item:hover,.record-item:focus-visible{z-index:4}.record-item:hover .disc-art,.record-item:focus-visible .disc-art{transform:translateY(-23px) rotate(0deg) scale(1.12);box-shadow:0 30px 24px #0009,inset 0 0 0 2px #f5dfb5,0 0 22px #e0bb6020}.record-item[aria-pressed=true] .disc-art{box-shadow:0 15px 20px #0008,0 0 0 2px #dfc18b,0 0 25px #d8a85c33}.record-name strong{font-size:13px;font-weight:500;line-height:1.5}.record-name small{font-size:10px;color:#8d9787;margin-top:4px}.record-item:disabled{opacity:.6}.disc-player{margin-top:34px;width:90%;max-width:420px}.flying-disc{width:132px;height:132px;border:0;background:none;box-shadow:none}.flying-disc:after{display:none}.flying-disc .record-icon.disc-art{width:132px;height:132px;max-width:none;transform:none;transition:none}.flying-disc .disc-edition{font-size:8px}.record-list[data-count='1']{display:flex;justify-content:center;min-height:230px}.record-list[data-count='1'] .record-item{width:190px;--lift:0px!important}.record-list[data-count='1'] .disc-art{max-width:190px}.record-list[data-count='1'] .record-name strong{font-size:16px}
@media(max-width:1050px){.media-bench{grid-template-columns:1fr 1fr;gap:25px}.record-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 15px}.record-icon.disc-art{max-width:170px}.tv-column{top:100px}}
@media(max-width:760px){.media-bench{display:block}.tv-column{position:relative;top:auto;margin-top:0}.record-list{padding:22px 12px 38px;gap:32px 24px;min-height:0;grid-template-columns:repeat(2,minmax(0,1fr))}.record-item{--lift:0px!important}.record-item:nth-child(even){transform:translateY(24px)}.record-list[data-count='1'] .record-item{transform:none}.record-name strong{font-size:14px}.disc-player{margin-top:36px}.record-categories{justify-content:center;gap:8px 18px}.record-catalog{padding-top:26px}.disc-edition{font-size:8px}.record-list[data-count='1']{min-height:240px}}
@media(prefers-reduced-motion:reduce){.record-icon.disc-art{transition:none}.record-item:hover .disc-art,.record-item:focus-visible .disc-art{transform:none}}
.reduced .record-icon.disc-art{transition:none}.reduced .record-item:hover .disc-art,.reduced .record-item:focus-visible .disc-art{transform:none}
/* Stack the player directly on the television; crop only transparent asset padding. */
.tv-column .disc-player{width:76%;max-width:none;aspect-ratio:4;margin:0 auto -4.2%;z-index:4;overflow:hidden}
.tv-column .disc-player>img{height:200%;top:-50%;object-fit:fill}
.tv-column .disc-slot{top:34.56%;height:12.62%}
.tv-column .player-line{margin-top:12px}
@media(max-width:760px){.tv-column .disc-player{margin-top:0;margin-bottom:-4.2%}.tv-column .tv-caption{margin-bottom:0}.tv-column .player-line{margin-bottom:20px}}
/* Real portfolio: photographic disc sleeves and compact, accessible pagination. */
/* The final feed is clipped by the real slot, not by viewport coordinates. */
.tv-column .disc-slot{overflow:hidden}
.disc-feed{position:absolute;left:50%;top:50%;pointer-events:none;will-change:transform}
.disc-feed[hidden]{display:none}
.disc-feed .record-icon.disc-art{width:100%;height:100%;max-width:none;aspect-ratio:auto;transform:none;transition:none;box-shadow:inset 0 0 0 1px #e1c998}
.disc-feed .disc-edition{display:none}
.disc-feed .disc-hub{border-width:1px}
.flying-disc{contain:layout style;--tilt:0deg}
.record-categories small{display:inline-block;margin-left:6px;font:10px monospace;opacity:.7;vertical-align:super}
.record-icon.real-work-cover{filter:none;background-image:linear-gradient(130deg,#ffffff18,transparent 38%,#0003),var(--cover)}
.record-name{width:100%;padding:0 2px}
.record-name strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:3em}
.record-pager{display:flex;align-items:center;justify-content:center;gap:22px;margin:20px 0 0;color:#b4ad96;font:12px monospace}
.record-pager[hidden]{display:none}
.record-pager button{width:40px;height:40px;border:1px solid #baa27066;border-radius:50%;background:#171b16;color:#f0d296;font-size:20px;transition:background .2s,transform .2s}
.record-pager button:hover:not(:disabled){background:#3a3d2b;transform:translateY(-2px)}
.record-pager button:focus-visible{outline:2px solid #f0d296;outline-offset:4px}
.record-pager button:disabled{opacity:.25;cursor:default}
.tv-caption strong{max-width:74%;overflow-wrap:anywhere}
.tv-screen video{position:absolute;inset:0;display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain}
.record-note{color:#a3a48f}
@media(max-width:760px){.record-pager{margin-top:30px}.tv-caption strong{max-width:70%}.record-name strong{font-size:12px}.record-categories{gap:5px 14px}}