@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Noto+Serif+TC:wght@400;500&display=swap";:root{color:#eee3d1;font-synthesis:none;--paper:#eee3d1;--muted:#b8ac98;--gold:#cfb17b;--serif:"Noto Serif TC","Songti TC",Georgia,serif;background:#191611;font-family:DM Sans,-apple-system,BlinkMacSystemFont,PingFang TC,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{background:0 0;border:0}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline-offset:6px;outline:2px solid #efd090}button:disabled{cursor:default}[hidden]{display:none!important}h1,h2,p{margin-top:0}a,button{touch-action:manipulation}.skip-link{background:var(--paper);color:#191611;z-index:30;padding:12px 20px;position:fixed;top:-100px;left:24px}.skip-link:focus{top:20px}.site-header{z-index:12;justify-content:space-between;align-items:flex-start;gap:25px;height:120px;padding:32px 4.4%;display:flex;position:relative}.wordmark{letter-spacing:.025em;white-space:nowrap;font-family:Georgia,serif;font-size:29px}.wordmark span{letter-spacing:.3em;color:#cfbfaa;margin-top:9px;font-family:DM Sans,sans-serif;font-size:8px;display:block}.quick-nav{align-items:center;gap:34px;padding-top:8px;display:flex}.quick-nav a{color:#e2d5c0;border-bottom:1px solid #0000;align-items:center;gap:9px;min-height:30px;padding-bottom:5px;font-size:12px;display:flex}.quick-nav a:hover{border-color:var(--gold)}.quick-nav span{letter-spacing:.12em;opacity:.65;font-size:8px}.eyebrow{letter-spacing:.24em;color:#d4bea0;font-size:9px;font-weight:500;line-height:1.8}.room-page{overflow:hidden}.room-page .site-header{pointer-events:none;background:linear-gradient(#17120eb0,#0000);position:absolute;inset:0 0 auto}.room-page .site-header a{pointer-events:auto}.station{background:#17120d;height:100svh;min-height:620px;position:relative;overflow:hidden;outline:none!important}.room-viewport{position:absolute;inset:0;overflow:clip}.room-scene{transform-origin:50%;width:100%;height:100%;transition:transform 1.2s cubic-bezier(.2,.7,.15,1),filter 1s;position:relative;transform:translate(0)scale(1.015)}.room-image{object-fit:cover;width:100%;height:100%;display:block}.room-shade{pointer-events:none;background:linear-gradient(#100d0a55,#0000 28% 68%,#100d0aeb);position:absolute;inset:0}.room-caption{pointer-events:none;text-shadow:0 2px 24px #090704;transition:opacity .35s,transform .6s;position:absolute;bottom:13.5%;left:4.8%}.room-caption h1{font-family:var(--serif);letter-spacing:.07em;margin-bottom:17px;font-size:clamp(34px,3.8vw,64px);font-weight:400;line-height:1.55}.room-caption>.eyebrow{margin-bottom:17px;font-size:8px}.room-caption>p:last-child{letter-spacing:.1em;color:#d4c8b5;margin:0;font-size:11px}.room-bottom{letter-spacing:.07em;color:#cabcaa;border-top:1px solid #cfb58a35;justify-content:space-between;align-items:center;gap:15px;height:73px;font-size:10px;display:flex;position:absolute;bottom:0;left:4.4%;right:4.4%}.room-bottom>span{align-items:center;gap:10px;display:flex}.status-light{background:#c9b485;border-radius:50%;width:5px;height:5px;display:inline-block;box-shadow:0 0 10px #e2b968}.desktop-hint{letter-spacing:.22em;font-size:8px}.desktop-hint b{margin-left:15px;font-size:19px;font-weight:400}.room-bottom .mobile-hint{display:none}.motion-toggle{color:#b9aa96;min-height:44px;padding:10px 0;font-size:10px}.hotspot{filter:drop-shadow(0 2px 12px #100900b0);align-items:center;gap:12px;padding:12px;transition:opacity .3s,transform .3s;display:flex;position:absolute}.hotspot-articles{top:32%;left:11%}.hotspot-profile{top:27%;left:50%}.hotspot-projects{top:49%;left:78%}.hotspot-dot{backdrop-filter:blur(7px);background:#1c160e40;border:1px solid #eee3d196;border-radius:50%;place-items:center;width:31px;height:31px;font-size:21px;font-weight:400;transition:background .3s,transform .3s;display:grid}.hotspot-label{white-space:nowrap;font-family:Georgia,serif;font-size:25px}.hotspot-label small{letter-spacing:.2em;margin-bottom:5px;font-family:DM Sans,sans-serif;font-size:7px;display:block}.hotspot-label i{padding-left:10px;font-size:13px;font-style:normal}.hotspot:hover .hotspot-dot,.hotspot:focus-visible .hotspot-dot{color:#231911;background:#dcc296;transform:rotate(90deg)}.hotspot:hover{transform:translateY(-4px)}.station[data-view=articles] .room-scene{transform:translate(23.4%,7.15%)scale(1.65)}.station[data-view=projects] .room-scene{transform:translate(-58.2%,-2%)scale(1.4)}.station[data-view=profile] .room-scene{transform:translate(-15.6%,10.8%)scale(1.6)}.station:not([data-view=room]) .room-caption,.station:not([data-view=room]) .hotspot{opacity:0;pointer-events:none}.station:not([data-view=room]) .room-bottom{right:49%}.station:not([data-view=room]) .desktop-hint{display:none}.collection-panel{background:linear-gradient(100deg,#1a1611ed,#1a1611fa 25%);width:46%;max-width:720px;padding:134px 5% 84px;animation:.7s cubic-bezier(.2,.7,.15,1) panel-in;position:absolute;top:0;bottom:0;right:0;overflow-y:auto;outline:none!important}.collection-panel .eyebrow{margin:40px 0 20px;font-size:8px}.collection-panel h2{font-family:var(--serif);letter-spacing:.04em;margin-bottom:19px;font-size:34px;font-weight:400;line-height:1.5}.collection-panel h2 em{letter-spacing:0;color:#d5bd90;margin-top:0;font-family:Georgia,serif;font-size:50px;font-weight:400;display:block}.back-room{letter-spacing:.17em;color:#c5b69f;align-items:center;gap:15px;min-height:30px;font-size:8px;display:inline-flex}.back-room span{letter-spacing:.04em;color:#9e917e;font-size:10px}.back-room:hover{color:#fff0d4}.panel-intro{color:#bcb09c;letter-spacing:.05em;margin-bottom:32px;font-size:11px;line-height:1.9}.book-list{gap:10px;display:grid}.book{border-bottom:1px solid #d4b47f2a;align-items:center;gap:14px;padding:17px 0;transition:transform .25s;display:flex}.book:hover{transform:translate(-7px)}.book-spine{writing-mode:vertical-rl;letter-spacing:.2em;background:#5d4733;border:1px solid #b38b5d5c;min-width:27px;height:89px;padding:10px 6px;font-size:10px}.book:nth-child(2n) .book-spine{background:#454f49}.book small,.record>small{letter-spacing:.13em;color:#b7a78d;font-size:7px;line-height:1.7;display:block}.book strong{font-family:var(--serif);margin:9px 0;font-size:16px;font-weight:400;display:block}.book>b{margin-left:auto;font-size:15px;font-weight:400}.entry-description{color:#a89a84;font-size:10px;line-height:1.7;display:block}.text-link{letter-spacing:.08em;border-bottom:1px solid #cfb17b77;justify-content:space-between;align-items:center;max-width:245px;margin-top:33px;padding:13px 0;font-size:12px;display:flex}.text-link:hover{color:#e6c890;border-color:#e6c890}.text-link span{font-size:20px}.record{display:block}.record-art{width:240px;height:205px;margin:5px 0 26px;position:relative}.record-cover{color:#2a251b;background:#b88756;border:1px solid #e5c79355;flex-direction:column;justify-content:space-between;width:190px;height:190px;padding:17px;transition:transform .5s;display:flex;position:relative;box-shadow:4px 5px 20px #0005}.record-cover>span:first-child{font-family:Georgia,serif;font-size:36px}.record-cover small{letter-spacing:.17em;font-size:9px;line-height:1.5}.cover-line{background:#352c205c;height:1px;position:absolute;top:95px;left:20px;right:20px}.vinyl{background:repeating-radial-gradient(circle,#211f1a 0,#161410 2px,#27241e 3px,#161410 4px);border:1px solid #72624b66;border-radius:50%;width:180px;height:180px;transition:transform .5s;position:absolute;top:5px;right:0}.vinyl:after{content:"";background:radial-gradient(circle,#111 0 3px,#d9b985 4px 100%);border-radius:50%;position:absolute;inset:62px}.record:hover .vinyl{transform:translate(14px)rotate(25deg)}.record:hover .record-cover{transform:rotate(-3deg)translate(-5px)}.record>strong{justify-content:space-between;margin:10px 0;font-family:Georgia,serif;font-size:26px;font-weight:400;display:flex}.record>strong b{font-size:17px;font-weight:400}.record p{color:#b9a990;font-size:11px;line-height:1.7}.profile-panel h2{font-size:32px}.profile-panel h2 em{font-size:75px}.profile-lead{font-family:var(--serif);color:#eadbc3!important;font-size:19px!important}.profile-panel>p:not(.eyebrow){color:#baa991;font-size:12px;line-height:2.2}.profile-interests{color:#d1b893;border-top:1px solid #d2b38440;border-bottom:1px solid #d2b38440;flex-wrap:wrap;gap:17px;margin:30px 0;padding:20px 0;font-size:10px;display:flex}.profile-panel .sample-note{color:#978974!important;font-size:10px!important}.entrance{z-index:10;perspective:1400px;background:radial-gradient(at 70% 45%,#4a3923 0,#251e16 25%,#191713 60%,#151411 100%);transition:opacity .7s .8s;position:absolute;inset:0;overflow:hidden}.entrance:before{content:"";pointer-events:none;background:repeating-linear-gradient(90deg,#0000 0 21%,#e7c18303 21.1% 21.2%,#0000 21.3% 40%);position:absolute;inset:0}.entrance-copy{z-index:2;position:absolute;top:25%;left:8%}.entrance-copy .eyebrow{letter-spacing:.23em;color:#b9a78c;margin-bottom:22px;font-size:8px}.entrance h2{letter-spacing:-.035em;color:#e9dfcd;margin:0 0 26px;font-family:Georgia,serif;font-size:clamp(72px,7.5vw,126px);font-weight:400;line-height:.98}.entrance h2 em{color:#d3b785;font-weight:400}.entrance-chinese{font-family:var(--serif);letter-spacing:.16em;margin-bottom:17px;font-size:19px}.entrance-description{color:#a99d87;letter-spacing:.08em;font-size:11px;line-height:2.2}.enter-button{letter-spacing:.15em;border-bottom:1px solid #d3ba866b;justify-content:space-between;align-items:center;min-width:180px;margin-top:18px;padding:13px 0;font-size:12px;display:flex}.enter-button span{font-size:24px}.enter-button:hover{color:#e5bf7e;border-color:#e5bf7e}.doorway{perspective:1200px;background:#090906;width:27%;height:76%;max-height:790px;position:absolute;top:17%;left:59%;transform:rotateY(-5deg);box-shadow:0 0 0 6px #362b1e,0 0 0 11px #6e543533,0 0 85px #b98f3522}.door-light{filter:brightness(.9);background:url(/images/listening-room.jpg) 50%/cover;position:absolute;inset:0}.door{transform-origin:0;background:repeating-linear-gradient(89.5deg,#472f1d2e 0 2px,#0000 3px 9px),linear-gradient(100deg,#3d2c1d,#5d432a 45%,#3b2a1b 100%);transition:transform 1.45s cubic-bezier(.4,0,.15,1),filter 1.5s;position:absolute;inset:0;box-shadow:inset 0 0 0 9px #1d160f44,inset -5px 0 12px #100c09,13px 8px 35px #0008}.door-plaque{z-index:1;color:#292015;letter-spacing:.22em;text-align:center;background:linear-gradient(115deg,#aa8c50,#dbc393,#957742);padding:13px 22px;font-family:Georgia,serif;font-size:15px;position:absolute;top:14%;left:50%;transform:translate(-50%);box-shadow:1px 2px 7px #0006}.door-plaque small{letter-spacing:.23em;white-space:nowrap;margin-top:7px;font-family:DM Sans,sans-serif;font-size:6px;display:block}.door-panel{border:5px solid #53392066;position:absolute;left:12%;right:12%;box-shadow:inset 3px 3px 8px #140f0b99,0 1px #97733c66}.top-panel{height:51%;top:8%}.bottom-panel{height:26%;top:65%}.door-handle{background:linear-gradient(90deg,#72562f,#d6bb7c,#856231);border-radius:7px;width:11px;height:52px;position:absolute;top:55%;right:9%;box-shadow:3px 3px 8px #0008}.door-handle:after{content:"";background:linear-gradient(#d6bb7c,#826037);border-radius:6px;width:44px;height:8px;position:absolute;top:19px;right:2px;box-shadow:0 3px 5px #0008}.entrance-bottom{letter-spacing:.2em;color:#b9a98e;justify-content:space-between;align-items:center;font-size:8px;display:flex;position:absolute;bottom:4%;left:8%;right:7%}.skip-intro{letter-spacing:.06em;padding:12px;font-size:10px}.entering .door{filter:brightness(.45);transform:rotateY(-100deg)}.entering .entrance{opacity:0;pointer-events:none}.at-door .room-bottom,.at-door .room-caption{visibility:hidden}.at-door .room-scene{transform:translate(0)scale(1.15)}.noscript-nav{background:#211b13;max-width:90%;padding:15px;font-size:12px;position:absolute;bottom:95px;left:5%}.noscript-nav a{text-decoration:underline}.reading-page{max-width:880px;margin:30px auto 0;padding:30px 55px 0}.reading-page>.eyebrow{margin:54px 0 25px;font-size:8px}.reading-page>h1{font-family:var(--serif);margin-bottom:25px;font-size:clamp(32px,4vw,48px);font-weight:400;line-height:1.6}.reading-description{color:#c6b79e;font-size:15px;line-height:1.9}.entry-meta{letter-spacing:.17em;color:#a48f6f;margin:28px 0 45px;font-size:9px}.prose{color:#cdbfa9;border-top:1px solid #ceae7433;padding-top:35px;font-size:15px;line-height:2.1}.prose h2{font-family:var(--serif);color:#eee3d1;margin-top:45px;font-size:26px;font-weight:400}.prose p{margin-bottom:25px}.prose blockquote{font-family:var(--serif);color:#ddc59e;border-left:2px solid #b59057;margin:34px 0;padding:7px 22px}.prose blockquote p{margin:0}.prose pre{background:#282219;padding:20px;font-size:13px;line-height:1.7;overflow:auto}.prose a{color:#dec397;text-decoration:underline}.prose img{max-width:100%}.reading-list>a{border-top:1px solid #ceae7433;padding:28px 0;display:block}.reading-list>a:hover h2{color:#dbba80}.reading-list small{color:#b29f7e;letter-spacing:.14em;font-size:8px}.reading-list h2{font-family:var(--serif);justify-content:space-between;margin:15px 0;font-size:23px;font-weight:400;display:flex}.reading-list h2 span{font-family:Georgia,serif;font-size:21px}.reading-list p{color:#b4a48b;font-size:12px;line-height:1.8}.reading-footer{letter-spacing:.18em;color:#97866d;border-top:1px solid #ceae7433;justify-content:space-between;margin-top:95px;padding:27px 0 40px;font-size:8px;display:flex}@keyframes panel-in{0%{opacity:0;transform:translate(35px)}to{opacity:1;transform:translate(0)}}.motion-off *{scroll-behavior:auto!important;transition:none!important;animation:none!important}@media (aspect-ratio>=2){.room-image{object-position:center 57%}.station{min-height:560px}.entrance-copy{top:22%}.entrance h2{font-size:76px}.entrance-chinese{font-size:16px}.entrance-description{display:none}}@media (width<=1000px) and (width>=701px){.collection-panel{width:51%;padding-left:5%;padding-right:4%}.quick-nav span{display:none}.hotspot-label{font-size:21px}.hotspot-projects{left:73%}.hotspot-label small{font-size:6px}.room-caption h1{font-size:40px}.entrance-copy{left:6%}.entrance h2{font-size:85px}.doorway{width:30%;left:61%}.station:not([data-view=room]) .room-bottom{right:55%}}@media (width<=700px){.site-header{align-items:flex-start;height:100px;padding:25px 23px}.wordmark{font-size:22px}.wordmark span{letter-spacing:.25em;margin-top:7px;font-size:6px}.quick-nav{gap:15px;padding-top:0}.quick-nav a{min-height:32px;font-size:10px}.quick-nav span{display:none}.room-page .site-header{background:linear-gradient(#15120fd9,#0000)}.station{height:100svh;min-height:540px}.room-viewport{scrollbar-width:none;overscroll-behavior-x:contain;overflow:auto hidden}.room-viewport::-webkit-scrollbar{display:none}.room-scene{width:max(100%,1100px);height:100%}.station[data-view] .room-scene{transform:translate(0)scale(1)}.room-image{object-fit:cover;object-position:center}.room-shade{background:linear-gradient(#100d0a77,#0000 28% 61%,#100d0afa)}.hotspot{gap:9px}.hotspot-label{font-size:24px}.hotspot-label small{font-size:7px}.hotspot-articles{top:33%;left:11%}.hotspot-profile{top:29%;left:46%}.hotspot-projects{top:47%;left:76%}.room-caption{bottom:17%;left:27px;right:25px}.room-caption h1{margin-bottom:14px;font-size:36px;line-height:1.5}.room-caption>.eyebrow{margin-bottom:12px;font-size:6px}.room-caption>p:last-child{max-width:275px;font-size:10px;line-height:1.9}.room-bottom{flex-wrap:wrap;justify-content:space-between;gap:0;height:84px;padding-top:13px;padding-bottom:15px;font-size:9px;left:25px;right:25px}.room-bottom>span:first-child{width:100%;font-size:9px}.room-bottom .desktop-hint{display:none}.room-bottom .mobile-hint{color:#a69882;font-size:9px;display:block}.motion-toggle{min-height:30px;font-size:9px}.station:not([data-view=room]) .room-bottom{visibility:hidden}.collection-panel{backdrop-filter:blur(16px);background:#1b1711f2;border:1px solid #c5a77336;border-bottom:0;border-radius:2px 2px 0 0;width:auto;max-width:none;padding:25px 27px 45px;inset:110px 16px 0}.collection-panel .eyebrow{margin-top:27px;margin-bottom:15px}.collection-panel h2{font-size:28px}.collection-panel h2 em{font-size:42px}.panel-intro{margin-bottom:22px;font-size:11px}.profile-panel h2 em{font-size:67px}.back-room{min-height:35px;font-size:7px}.back-room span{font-size:9px}.record-art{transform-origin:0 0;height:190px;margin-bottom:12px;transform:scale(.9)}.book strong{font-size:15px}.book{gap:11px}.book small{font-size:6px}.entry-description{font-size:9px}.entrance{background:radial-gradient(at 85% 55%,#4a3521,#1e1b16 60%,#161510)}.entrance-copy{top:22%;left:8%;right:6%}.entrance-copy .eyebrow{letter-spacing:.15em;max-width:270px;margin-bottom:20px;font-size:6px}.entrance h2{z-index:2;text-shadow:0 2px 25px #17110a;margin-bottom:30px;font-size:76px;line-height:1;position:relative}.entrance-chinese{letter-spacing:.12em;text-shadow:0 2px 15px #0e0b08;max-width:230px;font-size:17px;line-height:1.8}.entrance-description{color:#b2a58f;max-width:200px;font-size:10px;line-height:2.1}.enter-button{text-shadow:0 2px 10px #000;max-width:180px;margin-top:15px}.doorway{opacity:.55;width:47%;height:59%;top:25%;left:55%;transform:rotateY(-12deg)}.door-plaque{letter-spacing:.13em;padding:11px 12px;font-size:12px;top:13%}.door-plaque small{font-size:5px}.door-handle{right:12%}.entrance-bottom{font-size:6px;bottom:3.5%;left:8%;right:6%}.skip-intro{padding-right:0;font-size:9px}.reading-page{margin-top:0;padding:15px 26px 0}.reading-page>.eyebrow{margin-top:37px}.reading-page>h1{font-size:31px}.reading-description{font-size:13px}.prose{font-size:14px}.prose h2{font-size:23px}.reading-list h2{font-size:21px}.reading-footer{gap:10px;margin-top:65px;font-size:6px}.noscript-nav{font-size:11px;bottom:105px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.door{filter:brightness(.76)saturate(.82);background:linear-gradient(90deg,#0e080a26,#0000 35%,#1209072b),url(/images/walnut-door.jpg) 50%/cover;box-shadow:inset -3px 0 8px #100b08,16px 10px 38px #0008}.doorway{aspect-ratio:2/3;width:min(32vw,50.6667svh,526px);height:auto;max-height:none;left:auto;right:11%;box-shadow:0 0 0 5px #2c2018,0 0 0 10px #61492d44,0 14px 45px #0006}.door-plaque{color:#241d13;background:url(/images/paper-grain.svg),linear-gradient(120deg,#8b7041,#b59b63,#77603d);border:1px solid #c7ab6b44;padding:11px 19px;font-size:12px;top:14%;box-shadow:1px 3px 6px #0008}.record-cover,.ceremony-sleeve{background:url(/images/paper-grain.svg),linear-gradient(140deg,#cfb286,#b78c60 52%,#cfad7c);border:1px solid #ddd0b77a;box-shadow:inset 0 0 0 1px #eed5a073,inset 0 0 13px #51433166,4px 7px 17px #0007}.record-cover:after,.ceremony-sleeve:after{content:"";pointer-events:none;background:radial-gradient(#0000 49%,#62462c26 50%,#0000 52%),linear-gradient(133deg,#e7d6b744 0 2%,#0000 2.5% 95%,#e7d6b766 97%),repeating-linear-gradient(94deg,#0000 0 42px,#5c432b12 43px,#0000 44px 93px);position:absolute;inset:0;box-shadow:inset 0 0 0 2px #e3cca838,inset 3px 0 8px #55391b40}.record-cover:before{content:"";background:#88674666;width:2px;position:absolute;top:0;bottom:0;left:8px;box-shadow:1px 0 #e3c99b55}.room-scene{overflow:hidden}.room-world{width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.room-world .room-image{width:100%;height:100%}.room-atmosphere{pointer-events:none;position:absolute;inset:0;overflow:hidden}.room-atmosphere .lamp-glow{mix-blend-mode:screen;opacity:.5;background:radial-gradient(#ffdca7b3,#eeb26a66 24%,#0000 68%);width:17%;height:26%;animation:7s ease-in-out infinite alternate lamplight;position:absolute;transform:translate(-50%,-50%)}.lamp-left{top:28%;left:32%}.lamp-middle{top:30%;left:63.5%;animation-delay:-4s!important}.lamp-right{top:45%;left:90.5%;animation-delay:-7s!important}.dust{position:absolute;inset:0}.dust i{left:var(--x);top:var(--y);opacity:0;width:2.5px;height:2.5px;animation:dust-drift var(--duration) var(--delay) ease-in-out infinite;background:#ffe9c4;border-radius:50%;position:absolute;box-shadow:0 0 6px 1px #e5c39499}.dust i:nth-child(3n){filter:blur(.6px);width:4px;height:4px}.coffee-steam{width:3.4%;height:9%;position:absolute;top:61.7%;left:47.6%;transform:translate(-50%,-100%)}.coffee-steam i{filter:blur(3px);opacity:0;transform-origin:bottom;border-left:2px solid #f8eee2;border-radius:50%;width:28%;height:64%;animation:4.8s ease-out infinite coffee-steam;position:absolute;bottom:0;left:44%}.coffee-steam i:nth-child(2){height:76%;animation-delay:-1.6s;left:35%}.coffee-steam i:nth-child(3){animation-delay:-3.2s;left:57%}.at-door .room-atmosphere{visibility:hidden}.home-arrival .station .room-scene{transform:translate(0)scale(1.12)}@keyframes lamplight{0%{opacity:.3}to{opacity:.65}}@keyframes dust-drift{0%{opacity:0;transform:translateY(25px)}25%,65%{opacity:.66}to{opacity:0;transform:translate(var(--drift), -100px)}}@keyframes coffee-steam{0%{opacity:0;transform:translateY(9px)scale(.65)rotate(-7deg)}25%{opacity:.32}65%{opacity:.17;transform:translate(-6px,-20px)scale(1.1)rotate(10deg)}to{opacity:0;transform:translate(7px,-39px)scale(1.35)rotate(-12deg)}}body:not(.room-page),.navigation-transition:after{background-color:#5c4430;background-image:linear-gradient(#1f180d30,#24170966),url(/images/listening-room.jpg);background-position:50%;background-repeat:repeat;background-size:cover;background-attachment:fixed;background-origin:padding-box;background-clip:border-box}body:not(.room-page) .site-header{background:linear-gradient(#19110ad9,#21170b44)}.reading-page{isolation:isolate;border:1px solid #0000;max-width:960px;margin:20px auto 80px;padding:48px 68px 0;position:relative}.reading-page:before{content:"";z-index:-1;pointer-events:none;background:#141411f7;border:1px solid #c7aa7533;position:absolute;inset:-1px;box-shadow:0 18px 75px #100900a6,0 0 0 6px #30271c44}.reading-arrival .reading-page:before{animation:.58s ease-out both reading-surface}.reading-arrival .reading-page>*{animation:.55s ease-out .46s both reading-copy}.reading-arrival body:not(.room-page) .site-header{animation:.5s ease-out .2s both reading-copy}@keyframes reading-surface{0%{opacity:0;transform:translateY(16px)scale(.985)}to{opacity:1;transform:none}}@keyframes reading-copy{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}.reading-page>.eyebrow{margin-top:36px}.reading-page .reading-footer{margin-top:65px}.collection-tools{margin:32px 0}.collection-search label{color:#b9a98a;letter-spacing:.07em;margin-bottom:10px;font-size:11px;display:block}.search-field{background:#f7e6c508;border-bottom:1px solid #947f5980;gap:10px;padding:4px 12px;display:flex}.search-field:focus-within{background:#f7e6c50d;border-color:#d4b782}.search-field input{color:#eadeca;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0;padding:12px 0;font-size:13px}.search-field input::placeholder{color:#958770}.search-field button{white-space:nowrap;align-items:center;gap:20px;padding:9px 0 9px 12px;font-size:11px;display:flex}.search-field button span{font-size:18px}.filter-tags{flex-wrap:wrap;gap:8px;margin-top:19px;display:flex}.filter-tags button{color:#c3b08f;border:1px solid #ab94623d;border-radius:2px;min-height:36px;padding:7px 14px;font-size:11px}.filter-tags button:hover{border-color:#c6aa79}.filter-tags button[aria-pressed=true]{color:#251e13;background:#c6aa79;border-color:#c6aa79}.search-summary{justify-content:space-between;align-items:center;gap:15px;margin-top:13px;display:flex}.search-status{color:#a7987f;margin:0;font-size:10px}.clear-search{color:#af9c7c;min-height:36px;padding:9px 0 9px 14px;font-size:10px}.entry-tags{color:#c1a77c;flex-wrap:wrap;gap:8px 15px;margin:15px 0 0;font-size:10px;line-height:1.8;display:flex}.entry-tags a{border-bottom:1px solid #b39a6844;padding:4px 0}.entry-tags a:hover{color:#f0d8ae}.reading-list{margin-top:22px}.reading-list>a{padding:26px 0}.reading-list .entry-tags{color:#9f8b6a;margin-top:10px;font-size:9px}.search-empty{text-align:center;border-top:1px solid #ad945844;padding:32px 0 55px}.search-empty>span{color:#b69a68;font:italic 50px Georgia,serif;display:block}.search-empty h2{font:400 21px var(--serif);margin:18px 0}.search-empty p{color:#b0a085;font-size:12px}.navigation-transition{color:#ebddc3;background:radial-gradient(at 50% 46%,#58422fba,#17120ff5 70%);border:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.navigation-transition::backdrop{backdrop-filter:blur(5px);background:#14110bc9}.navigation-transition:after{content:"";z-index:2;opacity:0;pointer-events:none;transition:opacity .35s ease-in-out;position:absolute;inset:0}.navigation-transition.leaving:after{opacity:1}.navigation-transition[open]{align-content:center;justify-items:center;animation:.2s both transition-in;display:grid}.transition-still-life{perspective:1200px;width:580px;height:330px;position:relative}.transition-copy{text-align:center;margin-top:35px}.transition-copy .eyebrow{color:#b79d77;font-size:8px}#transition-caption{font:400 21px var(--serif);letter-spacing:.08em}.transition-skip{letter-spacing:.05em;padding:14px 0 14px 20px;font-size:11px;position:absolute;bottom:5%;right:6%}.transition-skip span{margin-left:20px}.navigation-transition[data-kind=book] .record-ceremony,.navigation-transition[data-kind=record] .opening-book{display:none}.opening-book{perspective:1300px;width:224px;height:300px;animation:1.45s both book-approach;position:absolute;top:12px;left:210px;transform:rotate(-6deg)}.book-back,.book-paper,.book-front,.book-turning-leaf{transform-origin:0;border-radius:2px 6px 6px 2px;position:absolute;inset:0}.book-back{background:#4d382b;transform:translate(3px,4px);box-shadow:15px 18px 45px #0009}.book-paper{background:url(/images/paper-grain.svg),#d5c7a7;border-right:5px double #bbaa86;padding:62px 30px;inset:5px 4px 5px 7px}.book-paper span{background:#786c5155;height:1px;margin-bottom:17px;display:block}.book-paper span:nth-child(2n){width:80%}.book-turning-leaf{background:url(/images/paper-grain.svg),#dbceb2;animation:1.45s both book-leaf;inset:6px 8px 6px 6px}.book-front{color:#d9bd83;transform-style:preserve-3d;background:url(/images/paper-grain.svg),linear-gradient(110deg,#5d3e2b,#76533b 50%,#644531);border:1px solid #bc965340;flex-direction:column;justify-content:space-between;padding:30px 24px;animation:1.45s cubic-bezier(.25,.7,.25,1) both book-open;display:flex;box-shadow:inset 7px 0 9px #160e0766,inset 12px 0 #a1773233}.book-front>*{backface-visibility:hidden;transform:translateZ(1px)}.book-front:after{content:"";backface-visibility:hidden;background:url(/images/paper-grain.svg),#cfc0a0;border:9px solid #644531;position:absolute;inset:0;transform:rotateY(180deg)translateZ(1px)}.book-front small{letter-spacing:.19em;font-size:8px}.book-front .transition-title{font:22px/1.8 var(--serif);border-top:1px solid #c8a77670;border-bottom:1px solid #c8a77670;padding:20px 0}.book-front i{letter-spacing:.17em;font-size:7px;font-style:normal}.record-ceremony{position:absolute;inset:0}.ceremony-sleeve{color:#403120;flex-direction:column;justify-content:space-between;width:208px;height:208px;padding:23px;display:flex;position:absolute;top:52px;left:4px;transform:rotate(-8deg)}.ceremony-sleeve>small{letter-spacing:.15em;font-size:8px}.ceremony-sleeve .transition-title{font:22px/1.4 Georgia,var(--serif)}.ceremony-sleeve i{letter-spacing:.1em;font-size:8px;font-style:normal}.ceremony-turntable{background:linear-gradient(#1a100788,#1a100733),url(/images/walnut-door.jpg) 50% 18%/900px;border:8px solid #463327;border-bottom:14px solid #2b211a;border-radius:5px;width:325px;height:258px;position:absolute;top:38px;left:248px;box-shadow:12px 22px 36px #0008,inset 0 0 0 1px #a58a6466}.platter{background:repeating-radial-gradient(circle,#3b3a34 0 2px,#262520 3px 7px);border:5px solid #99917e;border-radius:50%;width:204px;height:204px;position:absolute;top:14px;left:14px;box-shadow:0 3px 9px #0008}.ceremony-turntable>small{color:#cfb694;letter-spacing:.08em;font-size:6px;position:absolute;bottom:6px;right:9px}.turntable-light{background:#e6a450;border-radius:50%;width:4px;height:4px;position:absolute;bottom:7px;left:15px;box-shadow:0 0 9px #eca961}.tonearm{transform-origin:50% 10px;background:linear-gradient(90deg,#837b69,#ddd3b7,#817761);border-radius:6px;width:12px;height:150px;animation:1.9s both lower-arm;position:absolute;top:21px;right:20px;box-shadow:4px 5px 9px #0006}.tonearm:before{content:"";background:#332f26;border:5px solid #837764;border-radius:50%;width:29px;height:29px;position:absolute;top:-5px;left:-9px}.tonearm:after{content:"";background:#25251f;border:1px solid #8e826b;border-radius:2px;width:21px;height:31px;position:absolute;bottom:-4px;left:-5px}.ceremony-record{background:repeating-radial-gradient(circle,#171713 0 2px,#333129 3px,#191913 4px 6px);border:1px solid #9a896955;border-radius:50%;width:190px;height:190px;animation:1.9s cubic-bezier(.3,.5,.2,1) both place-record;position:absolute;top:67px;left:277px;box-shadow:0 5px 15px #0008}.ceremony-record>div{background:radial-gradient(circle,#16150f 0 3px,#bf9962 4px);border:1px solid #e5c18c;border-radius:50%;position:absolute;inset:68px}@keyframes transition-in{0%{opacity:0}to{opacity:1}}@keyframes book-approach{0%{transform:translateY(30px)rotate(-12deg)scale(.82)}35%{transform:translateY(0)rotate(-4deg)scale(1)}to{transform:translate(30px)rotate(0)scale(1.12)}}@keyframes book-open{0%,18%{transform:rotateY(0)}85%,to{transform:rotateY(-156deg)}}@keyframes book-leaf{0%,38%{transform:rotateY(0)}to{transform:rotateY(-147deg)}}@keyframes place-record{0%,10%{transform:translate(-205px,-30px)rotate(-20deg)scale(1.04);box-shadow:16px 20px 28px #0008}48%{transform:translateY(-30px)rotate(6deg)scale(1.04)}65%{transform:translate(0)rotate(0)scale(1);box-shadow:0 2px 4px #0007}to{transform:translate(0)rotate(95deg)scale(1);box-shadow:0 2px 4px #0007}}@keyframes lower-arm{0%,62%{transform:rotate(-8deg)}88%,to{transform:rotate(25deg)}}.motion-off .room-atmosphere{display:none}.motion-off *,.motion-off :before,.motion-off :after{transition:none!important;animation:none!important}.page-idle .room-atmosphere *{animation-play-state:paused}@media (width<=700px){.room-scene{width:max(100%,177.683svh)}.doorway{opacity:.8;width:min(72vw,39.3333svh);right:-2%}.door-plaque{padding:9px 12px;font-size:9px}.room-world .hotspot-profile{top:29%;left:47%}.reading-page{margin:12px 14px 35px;padding:29px 23px 0}.reading-page>h1{font-size:28px}.reading-page>.eyebrow{margin-top:28px}.collection-tools{margin:26px 0}.search-field{padding-left:10px;padding-right:10px}.search-field input{font-size:12px}.search-field button{gap:8px;font-size:10px}.filter-tags{gap:7px}.filter-tags button{min-height:38px;padding:7px 10px;font-size:10px}.search-empty h2{font-size:18px;line-height:1.7}.transition-still-life{margin:-60px -130px;transform:scale(.57)}.transition-copy{margin-top:10px;padding:0 20px}#transition-caption{font-size:17px}.transition-skip{bottom:7%;right:8%}}@media (prefers-reduced-motion:reduce){.room-atmosphere{display:none}}@media (height<=600px){.station{min-height:100svh}.entrance-copy{top:23%}.entrance h2{margin-bottom:15px;font-size:64px}.entrance-description{display:none}.entrance-chinese{margin-bottom:8px;font-size:15px}.collection-panel{padding-top:95px}}