:root{--fog:#b2b1a6;--fog-light:#c4c2b5;--fog-deep:#9b9b90;--paper:#d8d4c5;--paper-deep:#cbc6b5;--ink:#22231e;--muted:#4c4e45;--quiet:#65675c;--moss:#465644;--warm:255, 243, 220;--line:#22231e38;--line-soft:#22231e21;--serif:"Noto Serif SC", "Songti SC", "STSong", "SimSun", Georgia, serif;--sans:"Noto Sans SC", "PingFang SC", "Microsoft YaHei", "Segoe UI", sans-serif;--mono:"Cascadia Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;--pad:clamp(20px, 4.2vw, 60px)}*{box-sizing:border-box}[hidden]{display:none!important}html{background:var(--fog)}body{background:var(--fog);min-width:320px;min-height:100vh;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip{z-index:100;background:var(--ink);min-height:44px;color:var(--fog-light);font:10px/1 var(--mono);letter-spacing:.12em;align-items:center;padding:0 16px;transition:top .18s;display:flex;position:fixed;top:-60px;left:16px}.skip:focus{top:12px}.atmosphere{z-index:0;pointer-events:none;background:radial-gradient(at 16% 6%,#e5e2d6eb 0%,#0000 46%),radial-gradient(at 84% 54%,#c6c4b6cc 0%,#0000 54%),radial-gradient(at 50% 108%,#aaa99e9e 0%,#0000 58%),linear-gradient(128deg,#b8b7ac 0%,#adaca1 48%,#bab8ab 100%);position:fixed;inset:0;overflow:hidden}.atmosphere:before{content:"";filter:blur(46px);background:radial-gradient(at 42% 44%,#f4f1e470,#0000 44%);position:absolute;inset:-18%}.atmosphere:after{content:"";background:linear-gradient(#0000 50%,#b7b6ab2e 78%,#acaba06b 100%),radial-gradient(at 50% 118%,#9f9f9461,#0000 62%);position:absolute;inset:0}.fog-layer{filter:blur(56px);will-change:transform;border-radius:50%;position:absolute}.fog-a{background:radial-gradient(circle,#f9f6e9db,#0000 66%);width:64vw;height:64vw;top:-22vw;left:-16vw}.fog-b{background:radial-gradient(circle,#74786a66,#0000 68%);width:58vw;height:58vw;bottom:-18vw;right:-14vw}.fog-c{opacity:.9;background:radial-gradient(circle,#f6f1e294,#0000 70%);width:36vw;height:36vw;top:36vh;left:34vw}.fog-d{opacity:.94;background:radial-gradient(#f2efe285,#0000 68%);width:84vw;height:20vw;top:48vh;left:8vw}.fog-e{opacity:.8;background:radial-gradient(#878a7d4d,#0000 68%);width:54vw;height:28vw;bottom:2vh;left:-12vw}.grain{opacity:.07;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E");background-size:180px 180px;position:absolute;inset:0}.surface-grain{z-index:6;pointer-events:none;opacity:.028;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.74' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");background-size:220px 220px;position:fixed;inset:0}@media (prefers-reduced-motion:no-preference){.fog-a{animation:46s ease-in-out infinite alternate drift-a}.fog-b{animation:58s ease-in-out infinite alternate drift-b}.fog-c{animation:38s ease-in-out infinite alternate drift-c}.fog-d{animation:52s ease-in-out infinite alternate drift-d}.fog-e{animation:64s ease-in-out infinite alternate drift-e}@keyframes drift-a{to{transform:translate(5vw,4vh)scale(1.06)}}@keyframes drift-b{to{transform:translate(-4vw,-3vh)scale(1.04)}}@keyframes drift-c{to{transform:translate(3vw,-5vh)scale(.96)}}@keyframes drift-d{to{transform:translate(-4vw,2vh)scale(1.05)}}@keyframes drift-e{to{transform:translate(3vw,-2vh)scale(1.03)}}}.page{z-index:2;width:min(calc(100% - var(--pad) * 2), 1360px);margin:0 auto;padding-bottom:clamp(44px,6vw,82px);position:relative}.home-index-line{z-index:2;width:min(calc(100% - var(--pad) * 2), 1360px);margin:0 auto;padding:0 0 30px;position:relative}.home-index-trigger{border:0;border-top:1px solid var(--line);width:100%;min-height:52px;color:var(--muted);font:8px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;justify-content:space-between;align-items:center;gap:16px;padding:0;display:flex}.home-index-trigger span:last-child{letter-spacing:0;font-size:15px}.home-index-trigger:hover,.home-index-trigger:focus-visible{color:var(--ink)}@media (width>=961px){.home-index-line{display:none}}.room{border:1px solid var(--line);background:var(--fog-deep);cursor:zoom-in;isolation:isolate;text-align:left;touch-action:pan-y;user-select:none;width:100%;margin:0;padding:0;display:block;position:relative;overflow:hidden}.room:after{content:"";z-index:6;pointer-events:none;border:1px solid #fff6e224;position:absolute;inset:0}.room .base,.room .lit{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.room .base{z-index:0;filter:grayscale(.86)sepia(.04)brightness(1.2)contrast(.54)blur(2.9px);opacity:.6;transform:scale(1.02)}.room .lit{z-index:1;filter:saturate(1.12)contrast(1.06)brightness(1.05);-webkit-mask-image:radial-gradient(circle var(--r) at var(--mx) var(--my), #000 0 22%, #000000ad 46%, transparent 74%);mask-image:radial-gradient(circle var(--r) at var(--mx) var(--my), #000 0 22%, #000000ad 46%, transparent 74%)}.room .veil{z-index:2;pointer-events:none;-webkit-mask-image:radial-gradient(circle calc(var(--r) * 1.06) at var(--mx) var(--my), transparent 0 25%, #0000009e 50%, #000 80%);mask-image:radial-gradient(circle calc(var(--r) * 1.06) at var(--mx) var(--my), transparent 0 25%, #0000009e 50%, #000 80%);background:#c4c3b89e;position:absolute;inset:0}.room .glow{z-index:3;pointer-events:none;background:radial-gradient(circle calc(var(--r) * 1.12) at var(--mx) var(--my), rgba(var(--warm), .34), transparent 70%);mix-blend-mode:soft-light;position:absolute;inset:0}.reticle{top:var(--my);left:var(--mx);z-index:7;border:1px solid rgba(var(--warm), .75);width:17px;height:17px;box-shadow:0 0 0 6px rgba(var(--warm), .06);pointer-events:none;border-radius:50%;margin:-9px 0 0 -9px;position:absolute}.reticle:before,.reticle:after{content:"";background:rgba(var(--warm), .6);position:absolute}.reticle:before{width:23px;height:1px;top:8px;left:-4px}.reticle:after{width:1px;height:23px;top:-4px;left:8px}.room--hero{--r:clamp(190px, 21vw, 300px);--mx:62%;--my:39%;clip-path:polygon(.3% 0,100% .8%,99.4% 99.2%,0 100%);box-shadow:0 22px 58px #23241e21}.room--hero .veil{background:linear-gradient(112deg,#b5b4a96b,#b5b4a90f 52%,#9b9b9038)}.room--photo{--r:clamp(160px, 16vw, 230px);--mx:46%;--my:27%;clip-path:polygon(0 0,100% .7%,99% 100%,.8% 99.2%);box-shadow:0 18px 44px #23241e26}.room--photo .base,.room--photo .lit{object-position:center 22%}.room--photo .veil{background:linear-gradient(#b2b1a61f 30%,#b2b1a657 100%)}.room--record{--mx:65%;--my:30%;--angle:28deg;--r:clamp(120px, 13vw, 190px);aspect-ratio:1;background:0 0;border:0;border-radius:50%;width:min(100%,272px);overflow:visible}.room--record:after{display:none}.vinyl{background:repeating-radial-gradient(circle,#0000 0 3px,#fff6e209 3px 4px),radial-gradient(circle at 46% 38%,#393a32 0%,#25261f 48%,#191a16 100%);border:1px solid #22231e61;border-radius:50%;position:absolute;inset:0;overflow:hidden;box-shadow:0 24px 52px #23241e33}.vinyl-cover{z-index:1;object-fit:cover;filter:saturate(.82)contrast(.95)sepia(.06);border-radius:50%;width:86%;height:86%;position:absolute;inset:7%}.vinyl.has-cover{background:#151610}.vinyl.has-cover:before{z-index:2;background:repeating-radial-gradient(circle at 50% 50%, transparent 0 3px, #08090638 3px 4px), conic-gradient(from var(--angle) 0deg, transparent 0deg 18deg, rgba(var(--warm), .28) 27deg, transparent 43deg, transparent 198deg, rgba(var(--warm), .12) 211deg, transparent 228deg);mix-blend-mode:soft-light}.vinyl.has-cover:after{z-index:3}.vinyl.has-cover .label{backdrop-filter:blur(2px);background:#dcd7c6e8;border-color:#fff9ec6b;width:31%}.vinyl.has-cover .label strong{font-size:clamp(12px,1.15vw,16px)}.vinyl:before{content:"";z-index:2;background:conic-gradient(from var(--angle) 0deg, transparent 0deg 18deg, rgba(var(--warm), .17) 27deg, transparent 43deg, transparent 198deg, rgba(var(--warm), .08) 211deg, transparent 228deg);mix-blend-mode:screen;pointer-events:none;position:absolute;inset:0}.vinyl:after{content:"";z-index:3;background:radial-gradient(circle calc(var(--r,190px) * .7) at var(--mx) var(--my), rgba(var(--warm), .22), transparent 62%);mix-blend-mode:screen;pointer-events:none;position:absolute;inset:0}.label{z-index:4;aspect-ratio:1;width:39%;color:var(--ink);text-align:center;background:radial-gradient(circle at 38% 32%,#e1ddcc,#c9c4b2 72%);border:1px solid #22231e2e;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.label .label-top{color:var(--moss);font:6.5px/1 var(--mono);letter-spacing:.12em}.label strong{letter-spacing:-.02em;margin:3px 0 2px;font-family:Iowan Old Style,Baskerville,Georgia,serif;font-size:clamp(15px,1.4vw,19px);font-weight:400;line-height:1}.label .label-bottom{color:var(--quiet);font:6.5px/1 var(--mono);letter-spacing:.1em}.record-fog{z-index:3;pointer-events:none;-webkit-mask-image:radial-gradient(circle calc(var(--r) * 1.08) at var(--mx) var(--my), transparent 0 27%, #00000085 52%, #000 82%);mask-image:radial-gradient(circle calc(var(--r) * 1.08) at var(--mx) var(--my), transparent 0 27%, #00000085 52%, #000 82%);background:radial-gradient(at 38% 30%,#f2efe357,#0000 62%),#c2c1b6ad;border-radius:50%;position:absolute;inset:0}.room--record .reticle{border-color:rgba(var(--warm), .8)}.room--words{--r:clamp(180px, 19vw, 270px);--mx:38%;--my:62%;background:linear-gradient(145deg, #fffcf052, transparent 48%), var(--paper);clip-path:polygon(0 2.2%,11% .4%,27% 1.6%,45% .5%,63% 1.7%,81% .3%,100% 1.2%,99.4% 34%,100% 67%,98.7% 98.8%,82% 97.4%,63% 99.1%,44% 97.9%,25% 99.4%,8% 97.8%,0 99%);border-color:#22231e3d;flex-direction:row;justify-content:flex-start;align-items:flex-end;height:clamp(280px,21vw,320px);padding:clamp(24px,3vw,36px);display:flex;box-shadow:0 18px 44px #23241e1f}.room--words:after{display:none}.room--words .paper-fiber,.room--words .print,.room--words .print.lit{pointer-events:none;position:absolute;inset:0}.room--words .paper-fiber{z-index:0;opacity:.55;background:repeating-linear-gradient(0deg,#0000 0 5px,#22231e07 5px 6px)}.room--words .print{z-index:1;opacity:.085;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='52' height='52'%3E%3Cg fill='none' stroke='%234D5347' stroke-width='.7'%3E%3Cpath d='M26 5 L47 26 L26 47 L5 26 Z'/%3E%3Ccircle cx='26' cy='26' r='5'/%3E%3Cpath d='M26 0 V52 M0 26 H52'/%3E%3C/g%3E%3Ccircle cx='26' cy='26' r='1.3' fill='%234D5347'/%3E%3C/svg%3E");background-size:46px 46px}.room--words .print.lit{z-index:2;opacity:.27;-webkit-mask-image:radial-gradient(circle var(--r) at var(--mx) var(--my), #000 0 32%, #000000a6 55%, transparent 80%);mask-image:radial-gradient(circle var(--r) at var(--mx) var(--my), #000 0 32%, #000000a6 55%, transparent 80%)}.room--words .paper-haze{z-index:3;pointer-events:none;-webkit-mask-image:radial-gradient(circle calc(var(--r) * 1.06) at var(--mx) var(--my), transparent 0 28%, #00000085 53%, #000 82%);mask-image:radial-gradient(circle calc(var(--r) * 1.06) at var(--mx) var(--my), transparent 0 28%, #00000085 53%, #000 82%);background:radial-gradient(at 46% 28%,#f8f5e957,#0000 62%),#c4c3b8a3;position:absolute;inset:0}.words-stack{z-index:4;width:fit-content;display:grid;position:relative}.words-stack>*{grid-area:1/1}.words-title{color:#22231ea8;font-family:var(--serif);letter-spacing:-.045em;margin:0;font-size:clamp(38px,3.8vw,54px);font-weight:380;line-height:1.08}.words-title.lit{color:var(--ink);-webkit-mask-image:radial-gradient(circle var(--r) at var(--mx) var(--my), #000 0 33%, #000000b3 56%, transparent 82%);mask-image:radial-gradient(circle var(--r) at var(--mx) var(--my), #000 0 33%, #000000b3 56%, transparent 82%)}.room--words .reticle{border-color:#22231e80;box-shadow:0 0 0 6px #22231e09}.room--words .reticle:before,.room--words .reticle:after{background:#22231e66}.page.fog-stage{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:clamp(38px,4.4vw,62px) clamp(16px,2.2vw,30px);padding-top:clamp(28px,4vw,54px);display:grid}.plate{min-width:0;margin:0}.plate--hero{grid-area:1/1/auto/span 8;height:clamp(430px,35vw,520px)}.plate--photos{grid-area:1/9/auto/span 4;height:clamp(400px,32vw,480px)}.room--words{grid-area:2/4/auto/span 9}.plate--record{grid-area:2/1/auto/span 3;justify-content:center;align-items:center;display:flex}.plate .room{height:100%}.room--hero,.room--photo,.room--words{width:100%}.plate--record .room--record{width:min(100%,300px)}.hero-shade{z-index:3;pointer-events:none;background:linear-gradient(90deg,#121310a3 0%,#12131033 52%,#0000 78%),linear-gradient(#12131070 0%,#0000 34% 62%,#12131080 100%);position:absolute;inset:0}.hero-copy{z-index:6;pointer-events:none;text-align:left;flex-direction:column;justify-content:space-between;padding:clamp(24px,3vw,40px);display:flex;position:absolute;inset:0}.hero-top{flex-direction:column;gap:clamp(18px,2.6vw,30px);display:flex}.hero-eyebrow{color:#fff9eca3;font:8.5px/1.6 var(--mono);letter-spacing:.12em;text-transform:uppercase}.hero-title{color:#fff9ecf7;font-family:var(--serif);letter-spacing:-.065em;text-shadow:0 2px 42px #0f100d4d;font-size:clamp(64px,7.4vw,108px);font-weight:360;line-height:.98}.hero-title em{color:#ddcba7;font-style:normal}.hero-bottom{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.hero-intro{color:#fff9eccc;letter-spacing:.02em;white-space:pre-line;max-width:300px;font-size:12.5px;line-height:1.9}.hero-cue{color:#fff9ec94;font:8px/1.6 var(--mono);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.photo-shade{z-index:3;pointer-events:none;background:linear-gradient(#0000 42%,#12131047 68%,#121310bd 100%);position:absolute;inset:0}.photo-copy{z-index:6;pointer-events:none;padding:clamp(20px,2.4vw,28px);position:absolute;inset:auto 0 0}.photo-title{color:#fff9ecf7;font-family:var(--serif);letter-spacing:-.045em;text-shadow:0 2px 30px #0f100d52;font-size:clamp(28px,2.7vw,40px);font-weight:380;line-height:1.08}.plate--record .label strong{font-family:var(--serif);letter-spacing:-.03em;white-space:nowrap;font-size:clamp(12px,1.15vw,15px)}.plate--record .label .label-bottom{letter-spacing:.04em;font-size:5.5px}.room-dialog{background:var(--paper);width:min(1040px,100vw - 48px);max-width:none;max-height:calc(100vh - 40px);color:var(--ink);border:1px solid #22231e52;margin:auto;padding:0;overflow:hidden;box-shadow:0 42px 120px #1617136b}.room-dialog::backdrop{backdrop-filter:blur(7px);background:#4a4c4385}.dialog-bar{border-bottom:1px solid var(--line);height:52px;color:var(--muted);font:8px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;align-items:center;padding-left:22px;display:flex}.close{border:0;border-left:1px solid var(--line);width:54px;height:52px;color:var(--muted);font:8px/1 var(--mono);letter-spacing:.1em;cursor:pointer;background:0 0;place-items:center;display:grid}.close:hover{color:var(--ink);background:#22231e0f}.dialog-body{grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);max-height:calc(100vh - 93px);display:grid}.dialog-visual{background:var(--fog-deep);min-height:500px;position:relative;overflow:hidden}.dialog-visual>img{object-fit:cover;width:100%;height:100%}.dialog-visual:after{content:"";pointer-events:none;background:radial-gradient(ellipse at 64% 38%, rgba(var(--warm), .13), transparent 58%), linear-gradient(180deg, transparent 62%, #22231e33);position:absolute;inset:0}.dialog-copy{flex-direction:column;gap:18px;padding:clamp(28px,4vw,48px);display:flex;overflow-y:auto}.eyebrow{color:var(--muted);font:9px/1.6 var(--mono);letter-spacing:.13em;text-transform:uppercase;justify-content:space-between;gap:12px;margin:0;display:flex}.eyebrow span{color:var(--moss)}.dialog-copy .eyebrow{z-index:2;margin-bottom:6px;position:relative}.dialog-copy h2{font-family:var(--serif);letter-spacing:-.05em;text-wrap:balance;margin:0;font-size:clamp(30px,3.1vw,42px);font-weight:380;line-height:1.13}.dialog-copy .body{color:#22231eb8;max-width:390px;margin:0;font-size:13px;line-height:1.95}.dialog-meta{border-top:1px solid var(--line);grid-template-columns:auto 1fr;gap:0;margin:8px 0 0;display:grid}.dialog-meta div{display:contents}.dialog-meta dt,.dialog-meta dd{border-bottom:1px solid var(--line-soft);font:8px/1.5 var(--mono);letter-spacing:.09em;text-transform:uppercase;margin:0;padding:9px 0}.dialog-meta dt{color:var(--quiet)}.dialog-meta dd{color:var(--ink);text-align:right}.dialog-credit{color:#22231e80;font:7px/1.7 var(--mono);letter-spacing:.08em;text-transform:uppercase;margin:auto 0 0;padding-top:12px}.dialog-enter{border:1px solid var(--line);min-height:48px;color:var(--ink);font:8px/1.4 var(--mono);letter-spacing:.09em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:16px;padding:0 14px;transition:background-color .2s,color .2s;display:flex}.dialog-enter span:last-child{letter-spacing:0;font-size:16px}.dialog-enter:hover,.dialog-enter:focus-visible{background:var(--ink);color:var(--paper)}.dialog-github{border:1px solid var(--line);min-height:54px;color:var(--ink);justify-content:space-between;align-items:center;gap:16px;margin-top:8px;padding:8px 14px;display:flex}.dialog-github>span:first-child{gap:2px;display:grid}.dialog-github small{color:var(--quiet);font:7px/1.5 var(--mono);letter-spacing:.09em;text-transform:uppercase}.dialog-github strong{font:15px/1.35 var(--serif);font-weight:430}.dialog-github:hover,.dialog-github:focus-visible{background:var(--ink);color:var(--paper)}.dialog-github:hover small,.dialog-github:focus-visible small{color:#fff9ecb8}.paper-visual{background:linear-gradient(148deg, #fffcf066, transparent 50%), var(--paper);flex-direction:column;justify-content:space-between;padding:clamp(28px,4vw,46px);display:flex;position:absolute;inset:0}.paper-visual:before{content:"";opacity:.18;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='52' height='52'%3E%3Cg fill='none' stroke='%234D5347' stroke-width='.7'%3E%3Cpath d='M26 5 L47 26 L26 47 L5 26 Z'/%3E%3Ccircle cx='26' cy='26' r='5'/%3E%3Cpath d='M26 0 V52 M0 26 H52'/%3E%3C/g%3E%3Ccircle cx='26' cy='26' r='1.3' fill='%234D5347'/%3E%3C/svg%3E");background-size:39px 39px;position:absolute;inset:0}.paper-visual .quote{z-index:2;font-family:var(--serif);letter-spacing:-.055em;white-space:pre-line;margin:auto 0;font-size:clamp(40px,4.4vw,62px);font-weight:380;line-height:1.22;position:relative}.paper-visual .foot{z-index:2;color:var(--quiet);font:8px/1 var(--mono);letter-spacing:.11em;justify-content:space-between;display:flex;position:relative}.record-visual{background:radial-gradient(at 62% 34%,#5c6052b3,#0000 60%),#24251f;place-items:center;display:grid;position:absolute;inset:0}.dialog-vinyl{aspect-ratio:1;background:repeating-radial-gradient(circle,#0000 0 3px,#fff6e20a 3px 4px),#1b1c17;border-radius:50%;width:min(68%,350px);position:relative;box-shadow:0 26px 60px #0006}.dialog-vinyl-cover{z-index:1;object-fit:cover;filter:saturate(.84)contrast(.95)sepia(.05);border-radius:50%;width:88%;height:88%;position:absolute;inset:6%}.record-visual.has-cover .dialog-vinyl{background:#161710}.record-visual.has-cover .dialog-vinyl:before{content:"";z-index:2;mix-blend-mode:soft-light;background:repeating-radial-gradient(circle,#0000 0 3px,#0809063d 3px 4px);border-radius:50%;position:absolute;inset:0}.dialog-vinyl:after{content:"";background:conic-gradient(from 24deg, transparent 0 22deg, rgba(var(--warm), .2) 33deg, transparent 52deg);mix-blend-mode:screen;border-radius:50%;position:absolute;inset:0}.record-visual.has-cover .dialog-vinyl:after{z-index:3}.dialog-vinyl .label{z-index:4;width:39%}.record-visual.has-cover .dialog-vinyl .label{backdrop-filter:blur(2px);background:#dcd7c6eb;width:30%}@media (prefers-reduced-motion:no-preference){.room-dialog[open]{animation:.32s cubic-bezier(.2,.75,.2,1) room-in}.room-dialog[open]::backdrop{animation:.3s backdrop-in}@keyframes room-in{0%{opacity:0;transform:translateY(14px)scale(.992)}to{opacity:1;transform:none}}@keyframes backdrop-in{0%{opacity:0}}html{scroll-behavior:smooth}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}}@media (width<=1120px){.page.fog-stage{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.plate--hero{grid-area:1/1/auto/-1;height:clamp(420px,44vw,520px)}.plate--photos{grid-area:2/1;height:clamp(380px,42vw,470px)}.plate--record{grid-area:2/2;align-self:center}.room--words{grid-area:3/1/auto/-1;height:clamp(280px,32vw,330px)}}@media (width<=720px){:root{--pad:20px}.page.fog-stage{grid-template-columns:minmax(0,1fr);row-gap:26px;padding-top:22px}.plate--hero{grid-area:1/1;height:clamp(380px,112vw,460px)}.plate--photos{grid-area:2/1;height:clamp(400px,112vw,480px)}.room--words{grid-area:3/1;height:clamp(280px,82vw,320px);padding:24px 24px 22px}.plate--record{grid-area:4/1;align-self:start}.plate--record .room--record{width:min(66vw,270px)}.room--hero{--r:46vw}.hero-copy{padding:24px}.hero-title{font-size:clamp(58px,16vw,76px)}.hero-intro{font-size:12px}.photo-title{font-size:30px}.words-title{font-size:clamp(34px,9.6vw,42px)}.dialog-body{grid-template-columns:1fr;max-height:calc(100vh - 93px);overflow-y:auto}.dialog-visual{height:260px;min-height:0}.dialog-copy{padding:26px 24px 30px}.room-dialog{width:calc(100vw - 28px);max-height:calc(100vh - 28px)}.fog-a,.fog-b,.fog-c,.fog-d,.fog-e{animation:none}}@media (width<=560px){.hero-bottom{flex-direction:column;align-items:flex-start;gap:10px}.hero-cue{white-space:normal}}.room--photo.is-data-empty{background:radial-gradient(circle at 46% 27%,#f2eedca6,#0000 32%),#b8b7ae}