@font-face{font-family:Source;src:url('fonts/source-sans-3.woff2') format('woff2');font-weight:200 900;font-display:swap}
:root{--bg:#10100e;--text:#d6d0bf;--muted:#9c9885;--gold:#dfc77d;--line:#37362b;--sidebar:245px;--mono:ui-monospace,"SF Mono","Cascadia Mono",Consolas,"Liberation Mono","DejaVu Sans Mono",monospace;color-scheme:dark}
*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text)}body.regal{font-family:var(--mono);font-size:13px;line-height:1.6;overflow:hidden;background:radial-gradient(ellipse at 65% 20%,#24221a44,transparent 58%),#10100e}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:not(.sequencer-workstation button){color:inherit;border:0;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button:hover,a:hover{color:var(--gold)}button:disabled{opacity:.35;cursor:default}img{max-width:100%;display:block}button img{pointer-events:none}[hidden]{display:none!important}.gold{color:var(--gold)}.muted{color:var(--muted)}.prose{white-space:pre-wrap;overflow-wrap:anywhere}.skip{position:fixed;top:-100px;left:12px;background:var(--gold);color:#111;padding:10px;z-index:99}.skip:focus{top:10px}
.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar);padding:42px 28px 24px;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:3;background:#10100ef5}.wordmark{font-family:var(--mono);font-size:24px;font-weight:900;line-height:1.12;letter-spacing:-1.4px;color:#e1c990;position:relative;text-shadow:1px 1px #74633b}.brand-dot{display:block;font-size:8px;letter-spacing:0;margin-top:15px}.intro{font-size:11px;color:#929084;line-height:1.7;margin:15px 0 24px}.small-rule{width:40px;border-top:1px solid #6e6245;margin-bottom:22px}.sidebar nav{display:flex;flex-direction:column;gap:4px}.sidebar nav a{display:flex;align-items:center;gap:12px;padding:10px 0;color:#9b988c;transition:color .2s}.sidebar nav a span{font-size:10px;color:#666659}.sidebar nav a b{margin-left:auto;opacity:0;font-weight:normal}.sidebar nav a.active{color:var(--gold)}.sidebar nav a.active span{color:var(--gold)}.sidebar nav a.active b{opacity:1}.sidebar nav a.active:before{content:'';width:3px;height:15px;background:var(--gold);position:absolute;left:0}.sidebar-bottom{margin-top:auto;padding-top:28px}.coordinate{font-size:9px;letter-spacing:1px}.coordinate i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#9ba782;margin-right:5px}.coordinate span{display:inline-block;letter-spacing:0;color:#77766b;padding-top:6px}.key-hint{display:flex;gap:5px;align-items:center;margin:28px 0 22px}kbd{border:1px solid #4d4939;padding:0 6px;box-shadow:0 2px #29271f;font-size:12px}.key-hint span{font-size:9px;color:#898373;margin-left:5px}.edition{font-size:9px;color:#747164;line-height:1.9}.editor-link{font-size:9px;color:#696759}
#main{height:100dvh;margin-left:var(--sidebar);overflow:hidden;outline:0}.deck{height:100%;will-change:transform;transform:translate3d(0,calc(var(--floor,0) * -100%),0);transition:transform 570ms cubic-bezier(.76,0,.18,1)}.deck.in-transit .area{animation:travel-blur 570ms ease both}.area{height:100%;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#544a32 transparent;position:relative}.area-inner{max-width:1570px;padding:40px 48px 25px;margin:0 auto;min-height:100%;display:flex;flex-direction:column}.room-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:25px;border-bottom:1px dashed var(--line);gap:20px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--gold);margin:0 0 12px}.room-header h1{font-family:Source,Arial,sans-serif;font-size:clamp(32px,3.2vw,52px);letter-spacing:-1.9px;font-weight:400;line-height:1.1;margin:0 0 14px}.room-header h1>span{color:var(--gold)}.room-header p:last-child{font-size:11px;color:#929083;margin:0}.room-number{color:#706c5c;font-size:10px;white-space:nowrap;padding-top:3px}.objects-shelf{margin-top:34px;position:relative}.shelf-items{height:210px;display:flex;align-items:flex-end;justify-content:space-around;gap:24px;padding:0 16px}.shelf-object{position:relative;flex:0 1 auto;display:flex;align-items:center;flex-direction:column;justify-content:flex-end;padding:0;transform-origin:bottom;transition:transform .25s,filter .25s;z-index:1}.shelf-object:hover{transform:translateY(-9px) rotate(-1deg);filter:brightness(1.15)}.object-label{position:absolute;top:calc(100% + 19px);white-space:nowrap;color:#b8a975;font-size:9px;letter-spacing:.1px}.wood-frame{display:block;padding:12px;background:linear-gradient(135deg,#887253,#433321 8%,#786042 13%,#2b2017 17%,#7d674c 23%,#41301e 79%,#96744d 90%,#3e2b1d);border:2px solid #5b4931;box-shadow:3px 5px 8px #0009,inset 0 0 0 2px #a38a6133}.wood-frame img{height:142px;width:166px;object-fit:cover;border:6px solid #d1c7b0;filter:saturate(.4) sepia(.15)}.camera-sprite{display:block;width:185px;height:115px;position:relative;background-image:url('images/shelf-objects-v2.webp');background-size:470% auto;background-position:1% 77%;background-repeat:no-repeat}.camera-sprite canvas{width:100%;height:100%;position:absolute;inset:0}.camera-sprite:has(canvas.pixel-ready){background:none}.machine-sprite{display:block;width:181px;height:120px;background:url('images/shelf-objects-v2.webp') no-repeat 100% 76% / 470% auto}.paper-frame{display:block;width:128px;padding:10px 10px 7px;background:#c6bda5;border:5px ridge #756040;transform:rotate(4deg);box-shadow:4px 7px 8px #0007}.paper-frame img{width:100%;height:132px;object-fit:cover;filter:saturate(.5)}.paper-frame>span{display:block;color:#3d372b;font-size:7px;text-align:left;line-height:1.2;margin-top:8px;letter-spacing:.8px}.ticket{display:block;width:141px;height:90px;background:#c2ae80;color:#292b23;text-align:left;padding:8px 13px;line-height:1.1;transform:rotate(-5deg);box-shadow:4px 5px 9px #0009;border-left:5px dotted var(--bg);border-right:5px dotted var(--bg);font-size:15px}.ticket small{font-size:6px;letter-spacing:2px;display:block;padding-bottom:4px;border-bottom:1px dashed #7c735c;margin-bottom:4px}.ticket>span{font-size:7px;display:block;margin-top:5px}.ticket i{font-style:normal;letter-spacing:-2px;position:absolute;right:5px;top:24px;writing-mode:vertical-rl;font-size:18px}.wood-plank{height:17px;border-top:2px solid #87623c;border-bottom:4px solid #2b1f13;background:repeating-linear-gradient(1deg,#71503177 0px,#21180e77 1px,transparent 2px,transparent 4px),linear-gradient(90deg,#39291a,#6a4c2b 25%,#3a291a 48%,#755334 80%,#392718);box-shadow:0 13px 16px #0007,0 1px #120e09;transform:perspective(800px) rotateX(5deg);position:relative}.wood-plank:after{content:'';position:absolute;left:4%;right:4%;top:17px;height:10px;background:linear-gradient(90deg,#2e2417 15px,transparent 15px,transparent calc(100% - 15px),#2e2417 calc(100% - 15px))}.collection-head{display:flex;align-items:center;gap:20px;margin:62px 0 22px;font-size:9px}.collection-head .eyebrow{margin:0;font-size:9px;letter-spacing:1.5px}.collection-head>span{margin-left:auto;color:#8a8371}.shelf-arrows{display:flex;gap:5px}.shelf-arrows button{width:26px;height:25px;border:1px solid #48432f;color:var(--gold)}.records{display:flex;align-items:flex-end;gap:22px;overflow-x:auto;scrollbar-width:none;padding:12px 11px 0}.record{flex:1 0 190px;min-width:0;max-width:310px;display:flex;flex-direction:column;position:relative;text-align:left;padding:0 0 24px 13px}.record-cover{width:100%;aspect-ratio:1;position:relative;display:block;border:1px solid #aca07c66;box-shadow:4px 0 0 #25221a,7px 0 0 #645e4990;transform-origin:bottom;transition:transform .3s,box-shadow .3s;overflow:hidden;background:#b5b09a}.record-cover>img,.record-cover>canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.record-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#181b1b33,transparent 55%,#0006);pointer-events:none}.record:hover .record-cover,.record:focus-visible .record-cover{transform:translateY(-11px) rotate(-2deg);box-shadow:0 0 0 1px var(--gold),7px 6px 0 #564832}.cover-type{position:absolute;z-index:1;top:15px;left:16px;right:14px;font-size:clamp(13px,1.4vw,20px);font-weight:700;line-height:1.22;text-transform:uppercase;color:#f1e8cc;text-shadow:0 1px 7px #000;max-width:85%;letter-spacing:-.6px}.record-0 .cover-type,.record-3 .cover-type{color:#242922;text-shadow:0 0 8px #fff8;background:#d6cdaea6;padding:6px}.cover-edition{position:absolute;bottom:10px;left:14px;right:12px;color:#e4ddc9;font-size:7px;z-index:2;text-shadow:0 1px 2px #000}.cover-edition>span{float:right}.record-spines{position:absolute;left:0;right:-10px;bottom:24px;top:5px;background:repeating-linear-gradient(90deg,#88765b 0px,#88765b 1px,#161915 2px,#161915 4px,#536064 5px,#aa9271 6px,#292e2d 8px,#292e2d 11px,#86653d 12px,#181b18 15px);z-index:-1;border-top:1px solid #7e745866}.record-date{font-size:9px;color:#c1ad76;position:absolute;bottom:1px;left:16px;right:8px;line-height:20px}.record-date span{float:right}.records-shelf .wood-plank{margin-top:0}.room-bottom{display:flex;justify-content:space-between;gap:30px;padding:30px 0 27px;align-items:center}.listening-note{display:flex;align-items:center;gap:16px}.headphones{font-size:27px;color:var(--gold)}.listening-note p{font-size:11px;margin:0}.listening-note p span{color:var(--muted);font-size:9px}.discovery{font-size:9px;color:#929080;position:relative;padding-left:30px}.discovery>span{position:absolute;left:0;font-size:23px;color:var(--gold);top:-6px}.room-footer{border-top:1px dashed var(--line);padding-top:16px;display:flex;justify-content:space-between;font-size:9px;color:#777366;margin-top:auto}.floor-indicator{position:fixed;bottom:20px;left:28px;font-size:9px;color:#b8a778;display:none}.area-controls{position:fixed;right:10px;bottom:18px;display:flex;flex-direction:column;gap:5px;z-index:4}.area-controls button{border:1px solid #4b4634;background:#141410cc;color:var(--gold);width:28px;height:28px}
@keyframes travel-blur{0%,100%{filter:blur(0);opacity:1}35%,65%{filter:blur(9px);opacity:.5}}@keyframes arrive-camera{0%{transform:translateY(100px) scale(.4) rotateY(-180deg);filter:blur(5px)}50%{filter:blur(0)}100%{transform:translateY(0) scale(1) rotateY(0)}}
.photo-stage{padding:50px 0 20px;width:100%;max-width:900px;margin:auto;perspective:1500px}.camera-rig{position:relative;transform-style:preserve-3d}.area-photos.is-active .camera-rig{animation:arrive-camera 850ms cubic-bezier(.18,.7,.2,1) both}.camera-front{position:absolute;inset:0;pointer-events:none;backface-visibility:hidden;transform:rotateY(180deg);display:grid;place-items:center;background:#131414;border-radius:24px}.camera-front .camera-sprite{width:100%;height:100%;background-size:470% auto}.camera-back{backface-visibility:hidden;border:3px solid #555650;border-radius:22px 25px 19px 22px;padding:20px 25px 14px;box-shadow:inset 0 4px 2px #94958a66,inset 0 -8px 2px #0008,0 30px 40px #0008;background:radial-gradient(#57574a77 .6px,transparent .8px) 0 0 / 3px 3px,linear-gradient(#32332f,#171917 15%,#262723)}.camera-top{display:flex;justify-content:space-between;color:#989b85;font-size:9px;letter-spacing:1px;margin:1px 6px 18px}.camera-top span:last-child{color:#b9bb8d}.camera-rear{display:flex;align-items:center;gap:25px}.camera-screen{position:relative;padding:0;touch-action:pan-y;width:83%;aspect-ratio:1.5;background:#080b09;border:10px solid #10120f;outline:1px solid #77786a55;box-shadow:inset 0 0 5px #000,0 1px 2px #9a9a7a55;border-radius:3px;overflow:hidden}.camera-screen img{width:100%;height:100%;object-fit:contain}.screen-overlay,.screen-bottom{position:absolute;left:12px;right:12px;display:flex;justify-content:space-between;color:#eee;pointer-events:none;font-size:9px;text-shadow:0 1px 3px #000,0 0 5px #000}.screen-overlay{top:9px}.screen-bottom{bottom:9px}.camera-controls{width:15%;display:flex;flex-direction:column;gap:18px;align-items:center}.camera-controls button{border-radius:100%;border:1px solid #626357;background:linear-gradient(#44473b,#1b1c18);box-shadow:0 3px 3px #000a;min-width:34px;min-height:34px}.viewfinder{width:56px;height:30px;border:6px ridge #414339;background:linear-gradient(135deg,#213830,#060b08)}.dpad{width:92px;height:92px;border:1px solid #4e5047;border-radius:100%;display:flex;align-items:center;justify-content:center;background:repeating-conic-gradient(#262824 0deg 3deg,#34362e 4deg 5deg)}.dpad button{font-size:9px;min-width:28px;min-height:32px;border:0;background:none;box-shadow:none}.dpad span{border:1px solid #676959;background:#34362b;border-radius:100%;padding:10px 4px;font-size:8px}.camera-led{width:5px;height:5px;border-radius:100%;background:#a5b38c;box-shadow:0 0 8px #a5b38c55}.camera-controls small{font-size:7px;color:#8e907e;text-align:center}.camera-brand{font-size:9px;letter-spacing:2px;margin-top:18px;color:#989b89}.camera-brand span{float:right;font-size:7px;letter-spacing:0}.camera-tip{text-align:center;color:#8b8778;font-size:10px;margin-top:23px}.camera-tip span{padding:0 10px}.photo-caption{text-align:center;margin:18px auto;color:#bcb5a2;max-width:580px;white-space:pre-wrap}.photo-modes{display:flex;width:fit-content;margin:16px auto 0;border:1px solid #555650;border-radius:3px;overflow:hidden;background:linear-gradient(#32332f,#1a1b18);box-shadow:inset 0 1px 1px #94958a44,0 5px 10px #0007}.photo-modes button{padding:9px 20px;font-size:9px;letter-spacing:2px;color:#9a9d87}.photo-modes button+button{border-left:1px solid #4a4b43}.photo-modes button[aria-pressed=true]{color:#14150f;background:linear-gradient(#e3ce8e,#b6a15f);text-shadow:0 1px 0 #fff5}.photo-modes button[aria-pressed=true]:hover{color:#14150f}.photo-gallery{padding:34px 0 10px;max-width:1040px;margin-inline:auto}.gallery-day{border-top:1px solid var(--line);padding:20px 0 34px}.gallery-day header{display:flex;gap:16px;align-items:baseline;flex-wrap:wrap;margin-bottom:20px}.gallery-day time{color:var(--gold);font-size:10px;letter-spacing:1.6px;white-space:nowrap}.gallery-day header p{margin:0;color:#a7a390;font-size:11px;white-space:pre-wrap;max-width:620px}.gallery-shots{display:flex;flex-wrap:wrap;gap:18px;justify-content:center;align-items:flex-start;--shot-height:min(78vh,840px)}.gallery-shot{flex:0 0 100%;padding:0;min-width:0}.gallery-shot.is-upright{flex:0 1 auto;max-width:calc(50% - 9px)}.gallery-shot img{display:block;width:auto;height:auto;max-width:100%;max-height:var(--shot-height);margin-inline:auto;background:#17170f;filter:saturate(.85);transition:filter .3s}.gallery-shot:hover img{filter:saturate(1) brightness(1.05)}.photo-stage.is-gallery .camera-rig,.photo-stage.is-gallery .camera-tip,.photo-stage.is-gallery .photo-caption{display:none}.photo-stage.is-gallery{padding-top:20px}.photo-stage.is-gallery .photo-modes{margin-top:0}
.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 24px;padding:40px 0}.portfolio-item{padding:0;text-align:left}.portfolio-item img{width:100%;height:260px;object-fit:cover;transition:filter .3s;filter:saturate(.7)}.portfolio-item:hover img{filter:saturate(1)}.portfolio-item:nth-child(3n+2){padding-top:65px}.portfolio-item>span{display:flex;justify-content:space-between;gap:12px;font-size:9px;margin-top:13px;color:#a49c84}.portfolio-item>span span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.portfolio-item b{color:var(--gold);font-weight:normal}.notes-layout{display:grid;grid-template-columns:1fr 2.1fr;gap:60px;padding-top:45px}.notes-layout aside{color:#8e8979;font-size:11px}.notes-feed article{border-top:1px solid var(--line);padding:24px 0 35px}.notes-feed time{font-size:10px;color:var(--gold)}.notes-feed h2{font-size:22px;font-family:Source,sans-serif;font-weight:400}.notes-feed p{font-family:Source,sans-serif;font-size:19px;line-height:1.7}.notes-feed img{max-height:420px;object-fit:contain;margin:20px 0}.permalink{font-size:9px;color:#797565}.about-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:70px;align-items:center;margin:auto;padding:60px 0}.about-photo{transform:rotate(-3deg)}.about-photo img{width:100%;height:330px;object-fit:cover}.about-layout p{font-family:Source,sans-serif;font-size:20px;line-height:1.7;color:#a9a594}.about-layout .about-lead{font-size:29px;color:var(--text);line-height:1.4}.about-layout .gold{font-family:var(--mono);font-size:12px;color:var(--gold);margin-top:30px}.about-links{display:flex;gap:20px;margin-top:35px;color:#847e6d;font-size:10px}.text-link{color:var(--gold);padding:10px 0;font-size:11px;text-decoration:underline;text-underline-offset:5px;text-align:left}
dialog{color:var(--text);background:#171713;border:1px solid #625337;padding:0;max-height:90dvh;overscroll-behavior:contain}dialog:not([open]){display:none}dialog::backdrop{background:#080906db;backdrop-filter:blur(9px)}.close-dialog{position:absolute;right:14px;top:10px;z-index:5;width:36px;height:36px;color:var(--gold);font-size:24px;border:1px solid #76633b55;background:#12130fcc}.record-dialog{width:min(1130px,93vw);overflow:auto;box-shadow:0 50px 100px #000;perspective:1600px}.record-detail{display:grid;grid-template-columns:1fr 1fr;gap:42px;padding:60px 46px 42px}.gatefold-art{position:relative;align-self:center;padding:20px 45px 20px 0;perspective:1000px}.open-cover{aspect-ratio:1;position:relative;box-shadow:9px 13px 25px #0009;transform:rotate(-3deg);overflow:hidden;background:#a8a38d}.open-cover img{width:100%;height:100%;object-fit:cover}.open-cover>span{position:absolute;top:24px;left:24px;right:20px;color:#eee9db;text-transform:uppercase;font-size:24px;line-height:1.15;font-weight:700;text-shadow:0 1px 6px #000}.open-cover small{position:absolute;bottom:13px;left:15px;font-size:8px;color:white;text-shadow:0 1px 3px #000}.vinyl{position:absolute;width:82%;aspect-ratio:1;right:0;top:50%;transform:translateY(-50%);border-radius:50%;background:repeating-radial-gradient(circle,#0b0c0a 0 2px,#242622 3px,#0f110e 4px);box-shadow:4px 6px 12px #0009}.vinyl:before{content:'';position:absolute;inset:0;border-radius:50%;background:conic-gradient(transparent 0deg,#fff2 35deg,transparent 65deg,transparent 175deg,#fff2 220deg,transparent 260deg)}.vinyl-label{position:absolute;left:32%;right:32%;top:32%;bottom:32%;border-radius:50%;background:#a1aa9d;color:#252d25;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;font-size:9px;line-height:1.2}.vinyl-label:after{content:'';width:5px;height:5px;border-radius:50%;background:#121510;margin:8px}.vinyl-label span{font-size:8px;margin-top:8px}.record-info h2{font-size:30px;font-weight:400;font-family:Source,sans-serif;line-height:1.15;margin:12px 0 17px}.detail-meta{color:#a5997c;font-size:11px;border-bottom:1px dashed var(--line);padding-bottom:17px}.record-info .prose{font-family:Source,sans-serif;font-size:18px;line-height:1.6;color:#b6b09f}.external-player{background:#222218;border:1px solid #52482f;padding:20px;margin:25px 0}.external-player p{font-size:10px;color:#a9a08a}.primary-button{display:inline-block;background:var(--gold);color:#191b12;padding:12px 17px;font-size:11px;font-weight:700;border:1px solid var(--gold)}.primary-button:hover{background:#edd797;color:#111}.external-player a{display:inline-block;margin-top:15px;color:var(--gold);font-size:10px}.external-iframe{border:0;width:100%;height:180px;margin:20px 0}.record-info details{border-top:1px dashed var(--line);margin-top:20px}.record-info summary{cursor:pointer;padding:17px 0;color:var(--gold);list-style:none}.record-info summary span{float:right}.record-info ol{padding:0;list-style:none;max-height:240px;overflow:auto;font-size:11px;color:#a8a28f}.record-info li{padding:9px 0;border-top:1px solid #37352b}.empty-message{border:1px dashed #59513a;padding:20px;color:#a39a80;font-size:11px}.image-dialog{border:0;background:#11120f;width:96vw;max-width:1700px;height:94dvh;max-height:94dvh}.image-dialog figure{margin:45px 65px 25px;height:calc(100% - 70px);display:flex;align-items:center;flex-direction:column;justify-content:center;gap:15px}.image-dialog figure img{max-height:calc(100% - 40px);max-width:100%;object-fit:contain}.image-dialog figcaption{font-size:11px;color:#c4b893;max-width:100%;overflow-wrap:anywhere}.image-prev,.image-next{position:absolute;top:47%;width:45px;height:45px;border:1px solid #5e553b;color:var(--gold)}.image-prev{left:8px}.image-next{right:8px}.story-dialog{width:min(930px,94vw);padding:50px;grid-template-columns:1fr 1fr;gap:45px}.story-dialog[open]{display:grid}.story-dialog>img{width:100%;max-height:500px;object-fit:contain;align-self:center;border:12px ridge #736142}.story-dialog>div{align-self:center}.story-dialog h2{font-family:Source,sans-serif;font-size:32px;font-weight:400;line-height:1.2}.story-dialog .prose{font-family:Source,sans-serif;font-size:20px}.sequencer-dialog{background:#161b18!important;overflow:auto!important}.sequencer-workstation{height:auto!important;min-height:100%;padding:70px 35px 35px!important}.sequencer-dialog-close{position:fixed!important;right:20px!important;top:20px!important}.sequencer-workstation button{font-size:11px}.sequencer-workstation input{color:#e7d4a0}.sequencer-workstation .section-index{color:#aab9a7}.noscript{position:fixed;inset:0;z-index:20;background:#111;color:#eed;padding:40px}
@media(min-width:1600px){.shelf-items{height:260px}.objects-shelf{margin-top:50px}.camera-sprite{width:235px;height:147px}.machine-sprite{width:230px;height:151px}.wood-frame img{width:210px;height:180px}.paper-frame{width:159px}.paper-frame img{height:160px}.ticket{width:167px;height:106px}.record{max-width:350px}.collection-head{margin-top:74px}}
@media(max-width:1180px){:root{--sidebar:205px}.sidebar{padding:30px 22px}.wordmark{font-size:21px}.area-inner{padding:30px 28px 24px}.shelf-items{gap:15px;padding:0 8px;height:185px}.note-object{display:none}.camera-sprite{width:164px;height:103px}.machine-sprite{width:155px;height:103px}.wood-frame img{width:133px;height:119px}.paper-frame{width:107px}.paper-frame img{height:105px}.record{flex-basis:174px}.records{gap:17px}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-item:nth-child(3n+2){padding-top:0}.portfolio-item:nth-child(even){padding-top:50px}.camera-back{padding:18px}.camera-rear{gap:15px}.dpad{width:78px;height:78px}.camera-controls{gap:12px}.notes-layout{gap:30px}.about-layout{gap:35px}}
@media(max-width:760px){:root{--sidebar:0px}.sidebar{position:fixed;top:0;bottom:auto;width:100%;height:103px;padding:13px 20px 0;border-right:0;border-bottom:1px solid var(--line);background:#10100ef5;display:block}.wordmark{font-size:14px;letter-spacing:-.5px;line-height:1;display:block}.wordmark br{display:none}.wordmark br:after{content:' '}.wordmark .brand-dot{display:inline;margin-left:8px;font-size:6px}.intro,.small-rule,.sidebar-bottom{display:none}.sidebar nav{flex-direction:row;justify-content:space-between;gap:6px;margin-top:16px}.sidebar nav a{font-size:10px;gap:0;padding:12px 0}.sidebar nav a span,.sidebar nav a b{display:none}.sidebar nav a.active:before{display:none}.sidebar nav a.active{border-bottom:2px solid var(--gold)}#main{height:calc(100dvh - 103px);margin-top:103px}.area-inner{padding:26px 21px 45px}.room-header{padding-bottom:20px}.room-header h1{font-size:34px;letter-spacing:-1.3px}.eyebrow{font-size:8px;letter-spacing:1.6px}.room-header p:last-child{font-size:10px;max-width:280px}.room-number{font-size:8px}.objects-shelf{margin-top:22px}.shelf-items{height:141px;padding:0 5px;gap:18px}.memory-object .wood-frame{padding:7px}.memory-object .wood-frame img{width:91px;height:89px;border-width:4px}.camera-sprite{width:118px;height:75px}.machine-sprite{width:101px;height:68px}.portfolio-object{display:none}.object-label{font-size:7px;top:calc(100% + 16px)}.wood-plank{height:13px}.wood-plank:after{top:13px;height:7px}.collection-head{margin:49px 0 14px;gap:10px}.collection-head .eyebrow{font-size:8px}.collection-head>span{display:none}.shelf-arrows{margin-left:auto}.record{flex:0 0 200px}.records{padding-left:4px;gap:22px}.cover-type{font-size:19px}.room-bottom{padding:24px 0}.discovery{display:none}.listening-note p span{font-size:8px}.room-footer{font-size:8px;gap:20px;padding-top:13px}.room-footer>span:last-child{display:none}.area-controls{right:6px;bottom:6px;flex-direction:row}.area-controls button{width:25px;height:25px}.photo-stage{padding:35px 0 0}.camera-back{padding:13px 11px;border-radius:13px;border-width:2px}.camera-top{font-size:6px;letter-spacing:.3px;margin:0 0 10px}.camera-rear{gap:9px}.camera-screen{border-width:5px;width:83%;aspect-ratio:1.2}.camera-controls{gap:10px}.camera-controls>button{min-width:25px;min-height:25px;font-size:12px}.viewfinder{width:30px;height:20px;border-width:4px}.dpad{width:49px;height:49px}.dpad button{min-width:17px;width:17px;min-height:25px;font-size:7px;padding:0}.dpad span{font-size:6px;padding:6px 2px}.camera-controls small{display:none}.camera-brand{font-size:6px;letter-spacing:1px;margin-top:12px}.camera-brand span{display:none}.screen-overlay,.screen-bottom{font-size:6px;left:5px;right:5px}.camera-tip{font-size:9px;margin-top:22px}.photo-caption{font-size:11px}.photo-modes button{padding:9px 15px;letter-spacing:1.4px}.photo-gallery{padding-top:24px}.gallery-day{padding:16px 0 26px}.gallery-day header{margin-bottom:14px}.gallery-shots{gap:12px;--shot-height:none}.gallery-shot.is-upright{flex:0 0 100%;max-width:100%}.portfolio-grid{gap:24px 12px;padding-top:27px}.portfolio-item img{height:180px}.portfolio-item:nth-child(even){padding-top:35px}.portfolio-item>span{font-size:8px}.notes-layout{display:block;padding-top:26px}.notes-layout aside{margin-bottom:30px}.notes-layout aside p{display:none}.notes-feed p{font-size:19px}.about-layout{grid-template-columns:1fr;padding:35px 0;gap:30px}.about-photo{max-width:260px;margin:auto}.about-photo img{height:200px}.about-layout .about-lead{font-size:25px}.record-detail{grid-template-columns:1fr;padding:55px 25px 25px;gap:20px}.gatefold-art{max-width:340px;width:100%;margin:auto;padding-top:0;padding-bottom:0}.record-info h2{font-size:27px}.record-info .eyebrow{margin-top:20px}.record-dialog{max-height:92dvh}.story-dialog[open]{display:block;padding:55px 25px 25px}.story-dialog>img{max-height:250px}.image-dialog figure{margin:50px 35px;height:calc(100% - 100px)}.image-prev,.image-next{width:28px}.image-prev{left:2px}.image-next{right:2px}.sequencer-workstation{display:block!important;padding:65px 12px 20px!important;overflow:auto}.sequencer-workstation>section{margin-bottom:25px;min-width:560px}.sequencer-workstation>.cassette-deck{min-width:300px}.sequencer-workstation .patch-cables{display:none}}
@media(prefers-reduced-motion:reduce){body:not(.motion-enabled),body:not(.motion-enabled) *,body:not(.motion-enabled) *:before,body:not(.motion-enabled) *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}body:not(.motion-enabled) .deck.in-transit .area{filter:none!important}}
.wordmark{text-transform:uppercase}.record-dialog[open] .open-cover{animation:sleeve-unfold .65s cubic-bezier(.2,.75,.2,1) both;transform-origin:left center}@keyframes sleeve-unfold{from{transform:rotateY(-45deg) rotate(-3deg);filter:blur(1px)}to{transform:rotateY(0) rotate(-3deg);filter:blur(0)}}.image-dialog figcaption{max-height:85px;overflow:auto;white-space:pre-wrap}.image-dialog figure img{max-height:calc(100% - 85px)}.sidebar nav a,.area-controls button,.shelf-arrows button{min-height:32px}@media(max-width:760px){.sidebar nav a{min-height:44px}.object-label{font-size:8px}.camera-controls .dpad{position:relative}.dpad button{position:relative}.dpad button:after{content:'';position:absolute;inset:-10px}.room-header p:last-child{font-size:11px}.record-date{font-size:10px}.camera-tip{font-size:10px}.listening-note p span{font-size:9px}}
.preview-notice{position:fixed;top:8px;right:8px;z-index:50;background:#d4bd79;color:#202116;padding:7px 12px;font:11px var(--mono);box-shadow:0 2px 8px #0008}@media(max-width:760px){.preview-notice{top:auto;bottom:0;left:0;right:0;text-align:center;font-size:9px}}
.image-dialog figure{position:relative}.image-dialog figure.loading img{visibility:hidden}.image-dialog figure.loading:before{content:'Lädt …';position:absolute;inset:0;display:grid;place-items:center;color:#c4b893;font-size:12px;letter-spacing:.2em;text-transform:uppercase;animation:image-loading 1.2s ease-in-out infinite alternate}@keyframes image-loading{from{opacity:.35}to{opacity:1}}