.memory-room{--room-ink:#3f392f;--room-muted:#817666;--room-line:#7d64432b;color:var(--room-ink);background:radial-gradient(at 52% 39%,#e9e5d9 0%,#d5d0bf 54%,#b9b8a5 100%);height:100svh;min-height:320px;position:relative;overflow:hidden}.memory-room:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#e8e4d8a0,#0000 125px calc(100% - 125px),#d4cdbc99);position:absolute;inset:0}.memory-room__header{z-index:2;pointer-events:none;justify-content:space-between;align-items:center;gap:24px;padding:30px 4.5vw 0;display:flex;position:absolute;inset:0 0 auto}.house-eyebrow{letter-spacing:.19em;color:inherit;opacity:.66;font-size:12px;line-height:1.5}.memory-room h1{font:500 clamp(25px, 2.5vw, 34px)/1.35 var(--serif);letter-spacing:.05em;margin:8px 0 0}.memory-room h1 span{opacity:.28;margin:0 .3em}.memory-room h1 small{font:400 14px var(--sans);letter-spacing:.08em;opacity:.75}.memory-room__header>p{font-family:var(--serif);color:#726755;letter-spacing:.035em;font-size:15px}.memory-room__world{position:absolute;inset:0}.memory-room__canvas{opacity:0;transition:opacity .7s;position:absolute;inset:0}.is-ready .memory-room__canvas{opacity:1}.memory-room__canvas canvas{touch-action:pan-y;width:100%;height:100%;display:block}.memory-room__anchors{pointer-events:none;position:absolute;inset:0}.room-object-anchor{opacity:0;pointer-events:none;color:#fff9ef;background:#473d31;border:none;border-radius:6px;width:30px;height:36px;padding:0;font-size:14px;position:absolute;overflow:hidden;transform:translate(-50%,-50%)}.room-object-anchor:focus-visible{z-index:5;opacity:1;outline-offset:4px;outline:2px solid #fff;width:max-content;max-width:min(270px,80vw);height:auto;padding:12px 16px}.room-object-hint{z-index:2;opacity:0;text-align:center;pointer-events:none;font:500 16px var(--serif);background:#fbf6eddd;border:1px solid #fff8;border-radius:50px;padding:11px 25px;transition:opacity .2s,transform .2s;position:absolute;bottom:108px;left:50%;transform:translate(-50%,5px);box-shadow:0 3px 20px #67533c0d}.room-object-hint.is-visible{opacity:1;transform:translate(-50%)}.room-object-hint span{font:12px var(--sans);color:#827865;margin-left:16px}.room-loading{font:16px var(--serif);color:#7d705d;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.room-loading>span{border:1px solid #8f7c5c44;border-top-color:#8f7c5c;border-radius:50%;width:16px;height:16px;animation:1s linear infinite room-loading-spin}@keyframes room-loading-spin{to{transform:rotate(360deg)}}.memory-room__footer{z-index:3;pointer-events:none;justify-content:space-between;align-items:center;gap:22px;padding:14px 4.5vw 30px;display:flex;position:absolute;inset:auto 0 0}.memory-room__footer>p{font:15px/1.8 var(--serif);letter-spacing:.04em;color:#71634e;margin:0}.memory-room__footer nav{pointer-events:auto;align-items:center;gap:12px;display:flex}.memory-room__footer nav button{cursor:pointer;background:#f6f0e5c7;border:1px solid #9178533b;border-radius:100px;align-items:center;gap:14px;padding:15px 23px;font-size:14px;transition:transform .18s,background .18s;display:flex;box-shadow:0 3px 16px #775b3010,inset 0 1px #fff8}.memory-room__footer nav button:hover{background:#fffcf4;transform:translateY(-2px)}.memory-room__footer nav button>span{font-size:20px;line-height:1}.memory-room__footer nav button small{color:#95856e;border-left:1px solid #9c8b7238;padding-left:13px;font-size:12px}.room-footer-note{font:12px var(--serif);letter-spacing:.05em;color:#8d7a5f}:is(.memory-room button:focus-visible,.photo-preview button:focus-visible,.letter-dialog button:focus-visible){outline-offset:4px;outline:2px solid #8a6141}.house-close{cursor:pointer;background:0 0;border:1px solid #84705133;border-radius:50%;flex:none;width:42px;height:42px;font-size:27px;line-height:1}.house-close:hover{background:#b59d7618}.house-back{cursor:pointer;background:0 0;border:0;padding:12px 0;font-size:14px}.house-primary{color:#fff8ec;cursor:pointer;background:#584b3b;border:1px solid #7a634b;border-radius:3px;align-items:center;gap:42px;padding:17px 26px;font-size:16px;transition:background .2s;display:inline-flex}.house-primary:hover{background:#756045}.library-dialog{color:#453b2e;background:#f1eadc;border:0;border-radius:8px;width:min(1120px,94vw);max-width:none;max-height:87svh;padding:0;box-shadow:0 30px 100px #26180f45}.library-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#34281969}.letter-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#34281969}.library-dialog__surface{padding:clamp(24px,4vw,50px)}.library-dialog header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px;display:flex}.library-dialog h2{font:500 28px var(--serif);margin:7px 0 0}.library-books{grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 28px;display:grid}.library-books>button{text-align:left;cursor:pointer;background:0 0;border:0;min-width:0;padding:0}.library-books__cover{aspect-ratio:2/3;border-right:3px solid #ddd1b7;width:100%;transition:transform .25s,box-shadow .25s;position:relative;box-shadow:5px 9px 14px #4d3b2a26}.library-books>button:hover .library-books__cover{transform:translateY(-6px);box-shadow:5px 15px 20px #4d3b2a30}.library-books>button>span{color:#8d7d66;margin-top:16px;font-size:12px;display:block}.library-books>button>strong{font:500 17px var(--serif);margin-top:5px;display:block}.library-books .photographic-cover__title>p,.library-books .photographic-cover__foot{display:none}.library-books .photographic-cover__top{letter-spacing:0;font-size:12px}.library-books .photographic-cover__title{bottom:9%}.photo-preview{z-index:80;color:#3f362a;background:0 0;border:0;place-items:center;width:100vw;max-width:none;height:100svh;max-height:none;margin:0;padding:0;display:grid;position:fixed;inset:0}.photo-preview::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#e6ddcfeb}.photo-preview__stage{grid-template-columns:minmax(0,360px) minmax(0,320px);align-items:center;gap:20px 90px;width:min(860px,86vw);max-height:95svh;animation:.38s both room-preview-in;display:grid;position:relative}.photo-preview .house-back{grid-column:1/-1;justify-self:start}.photo-preview__book{aspect-ratio:2/3;border-left:8px solid var(--book-accent);border-right:3px solid #e8dfc9;justify-self:center;width:min(100%,66.67svh - 100.005px);transform:perspective(1500px)rotateY(-9deg)rotate(-1deg);box-shadow:12px 20px 35px #54412c3b,-5px 2px 10px #53412b18}.photo-preview__copy h2{font:500 clamp(25px, 3.3vw, 38px)/1.5 var(--serif);letter-spacing:.04em;margin:18px 0 20px}.photo-preview__copy>p{color:#7b6d5b;font:16px/2 var(--serif);margin:0 0 30px}.photo-preview__copy>small{color:#998b76;letter-spacing:.12em;margin-top:35px;font-size:12px;display:block}@keyframes room-preview-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.letter-dialog{color:#4c4030;background:#eee4d2;border:1px solid #e4d7bf;border-radius:8px;width:min(720px,94vw);max-width:none;max-height:88svh;padding:0;box-shadow:0 30px 100px #281c1355}.letter-dialog__surface{padding:clamp(24px,4vw,44px)}.letter-dialog__header{justify-content:space-between;align-items:center;gap:20px;display:flex}.letter-dialog h2{font:500 clamp(23px, 3vw, 29px)/1.4 var(--serif);margin:8px 0 0}.letter-intro{color:#948269;font:16px/1.7 var(--serif);margin:20px 0 27px}.letter-list{gap:14px;display:grid}.letter-row{text-align:left;cursor:pointer;background:#fcf7eb;border:1px solid #b7a08040;border-radius:4px;grid-template-columns:35px minmax(0,1fr) 18px;gap:16px;width:100%;padding:24px 20px;transition:transform .18s,box-shadow .18s;display:grid;box-shadow:0 3px 6px #5e492409}.letter-row:hover{transform:translateY(-2px);box-shadow:0 6px 14px #5e492414}.letter-number{color:#b39b77;padding-top:2px;font:20px Georgia,serif}.letter-row strong{font:500 19px/1.5 var(--serif);display:block}.letter-row small{white-space:nowrap;text-overflow:ellipsis;color:#a08f78;margin-top:7px;font-size:14px;display:block;overflow:hidden}.letter-row>span:last-child{color:#b19a78;font-size:20px}.letter-drawer-note{color:#a18e71;font:14px var(--serif);text-align:center;border-top:1px solid #a48f6e35;margin-top:30px;padding-top:20px}.letter-back{color:#9a8365;cursor:pointer;background:0 0;border:0;margin-top:26px;padding:0;font-size:14px;display:block}.letter-paper{white-space:pre-wrap;overflow-wrap:anywhere;font:17px/2.1 var(--serif);letter-spacing:.025em;background:#fffbf2;border:1px solid #bba68833;margin-top:23px;padding:clamp(24px,5vw,45px);box-shadow:0 5px 15px #6954320a}.letter-paper:focus-visible{outline-offset:4px;outline:1px solid #b29b77}.letter-end{text-align:center;color:#a08c6e;font:13px var(--serif);margin:24px 0 0}.letter-error{font-size:14px;line-height:1.8}.letter-error button{cursor:pointer;background:0 0;border:0;text-decoration:underline}.letter-empty{font:17px/1.8 var(--serif);text-align:center;padding:35px 0}.room-fallback{text-align:center;position:absolute;inset:125px 8% 135px;overflow-y:auto}.room-fallback h2{font:500 30px var(--serif)}.room-fallback>p{font-size:14px}.room-fallback__books{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;max-width:800px;margin:25px auto;display:grid}.room-fallback__books button{aspect-ratio:2/3;cursor:pointer;border:0;padding:0;box-shadow:4px 5px 12px #68523533}@media (max-width:1000px){.room-footer-note{display:none}.memory-room__header>p{font-size:14px}.photo-preview__stage{gap:15px 50px}}@media (max-width:640px){.memory-room__header{padding:24px 24px 0;display:block}.memory-room__header>p{margin:15px 0 0}.memory-room__header h1{font-size:27px}.memory-room__footer{flex-direction:column;align-items:stretch;gap:22px;padding:10px 20px 28px}.memory-room__footer>p{text-align:center;font-size:14px}.memory-room__footer>p br{display:none}.memory-room__footer nav{justify-content:center;gap:10px}.memory-room__footer nav button{flex:1;justify-content:center;gap:9px;max-width:240px;padding:14px 16px}.memory-room__footer nav button small{display:none}.room-object-hint{white-space:nowrap;font-size:14px;bottom:145px}.room-object-hint span{display:none}.library-books{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 18px}.library-dialog h2{font-size:24px}.library-books .photographic-cover__top{font-size:12px}.library-books .photographic-cover__top>span:first-child{display:none}.photo-preview__stage{grid-template-columns:1fr;gap:12px;width:86vw;padding-bottom:15px;overflow-y:auto}.photo-preview__book{width:min(59vw,66.67svh - 180.009px)}.photo-preview__copy{text-align:center}.photo-preview__copy>.house-eyebrow,.photo-preview__copy>small{display:none}.photo-preview__copy h2{margin:14px 0 8px;font-size:24px}.photo-preview__copy p{max-width:27em;margin:0 auto 16px;font-size:14px;line-height:1.8}.house-primary{padding:13px 24px;font-size:15px}.letter-row{grid-template-columns:27px minmax(0,1fr) 16px;gap:10px;padding:20px 14px}.letter-row strong{font-size:17px}.letter-row small{font-size:13px}.letter-paper{font-size:16px}.room-fallback__books{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-height:650px) and (min-width:641px){.memory-room__header{padding-top:18px}.memory-room__footer{padding-bottom:18px}.memory-room__header .house-eyebrow{display:none}}@media (prefers-reduced-motion:reduce){.memory-room *,.photo-preview *,.letter-dialog *{transition:none!important;animation:none!important}}.room-decoration-notice{z-index:5;color:#72533d;text-align:center;background:#fff8ebed;border-radius:12px;max-width:min(90%,520px);margin:0;padding:10px 16px;font-size:13px;position:absolute;bottom:120px;left:50%;transform:translate(-50%)}.book-showcase{--active-width:clamp(176px, min(25vw, calc((100svh - 360px) * .6667)), 310px);--rail-width:clamp(112px, calc(var(--active-width) * .6), 174px);--rail-gap:clamp(34px, 4vw, 76px);--center-gap:calc(var(--active-width) / 2 + 34px);overscroll-behavior:contain;color:#443a2e;background:#eae2d5;border:0;width:100vw;max-width:none;height:100svh;max-height:none;margin:0;padding:0;position:fixed;inset:0;overflow:auto}.book-showcase::backdrop{background:#31281de0}.book-showcase__surface{grid-template-rows:auto minmax(calc(var(--active-width) * 1.5 + 44px), 1fr) auto;isolation:isolate;background:radial-gradient(at 50% 39%,#fffaf0 0%,#f4edde 25%,#eae2d5 65%);gap:14px;min-height:100%;padding:clamp(18px,3vh,32px) 0 22px;animation:.32s both book-showcase-arrive;display:grid;overflow:hidden}.book-showcase__header{justify-content:space-between;align-items:center;gap:16px;padding:0 4.5vw;display:flex}.book-showcase__collection{font:15px var(--serif);letter-spacing:.12em}.book-showcase__collection>span{color:#978974;font:12px var(--sans);letter-spacing:.08em;margin-left:10px}.book-showcase__motion{cursor:pointer;color:#756955;background:0 0;border:0;align-items:center;gap:9px;padding:10px 0 10px 12px;font-size:14px;display:flex}.book-showcase__motion>span{text-align:center;width:14px;display:inline-block}.book-showcase button:focus-visible{outline-offset:5px;outline:2px solid #775537}.book-showcase__scene{place-items:center;min-width:0;display:grid;position:relative}.book-showcase__scene:after{content:"";inset-block:0;left:calc(50% - var(--center-gap));width:calc(var(--center-gap) * 2);z-index:1;position:absolute}.book-showcase__rail{-webkit-mask-image:linear-gradient(to right, transparent, #000 4%, #000 calc(50% - var(--center-gap) - 22px), transparent calc(50% - var(--center-gap)), transparent calc(50% + var(--center-gap)), #000 calc(50% + var(--center-gap) + 22px), #000 96%, transparent);mask-image:linear-gradient(to right, transparent, #000 4%, #000 calc(50% - var(--center-gap) - 22px), transparent calc(50% - var(--center-gap)), transparent calc(50% + var(--center-gap)), #000 calc(50% + var(--center-gap) + 22px), #000 96%, transparent);padding:32px 0;position:absolute;inset:50% 0 auto;overflow:hidden;transform:translateY(-50%)}.book-showcase__track{will-change:transform;width:max-content;animation:48s linear infinite book-showcase-drift;display:flex}.book-showcase__track[data-running=false]{animation-play-state:paused}.book-showcase__cycle{justify-content:space-around;align-items:center;gap:var(--rail-gap);min-width:100vw;padding-inline:calc(var(--rail-gap) / 2);flex:none;display:flex}.book-showcase__candidate{flex:0 0 var(--rail-width);width:var(--rail-width);text-align:left;cursor:pointer;isolation:isolate;background:0 0;border:0;padding:0;position:relative}.book-showcase__small-cover{aspect-ratio:2/3;border-left:4px solid var(--candidate-accent);opacity:.76;border-right:2px solid #f3e9d7;width:100%;transition:transform .22s,opacity .22s,box-shadow .22s;display:block;transform:translateY(0);box-shadow:6px 12px 17px #54432d2b}.book-showcase__candidate-name{color:#8e7f69;white-space:nowrap;align-items:baseline;gap:9px;margin-top:17px;font-size:12px;display:flex}.book-showcase__candidate-name>span{font:14px var(--serif);color:#71614d;text-overflow:ellipsis;overflow:hidden}.book-showcase__small-cover .photographic-cover__title{bottom:9%}.book-showcase__small-cover .photographic-cover__title>span,.book-showcase__small-cover .photographic-cover__title>p,.book-showcase__small-cover .photographic-cover__foot,.book-showcase__small-cover .photographic-cover__top>span:first-child{display:none}.book-showcase__small-cover .photographic-cover__top{letter-spacing:.08em;justify-content:flex-end;font-size:12px}.book-showcase__small-cover .photographic-cover__title>strong{font-size:max(14px,8cqw)}.book-showcase__active{z-index:2;width:var(--active-width);text-align:center;position:relative}.book-showcase__active-label{letter-spacing:.2em;color:#8e7452;margin-bottom:19px;font-size:14px;display:block}.book-showcase__active-label>span{letter-spacing:.09em;margin-left:8px}.book-showcase__active-cover{aspect-ratio:2/3;border:0;border-left:6px solid var(--showcase-accent);background:var(--showcase-accent);text-align:left;cursor:pointer;border-right:3px solid #eee1cb;width:100%;padding:0;display:block;box-shadow:12px 20px 28px #503c2a33,0 0 0 1px #fff7e8,0 0 45px #fff9edb3}.book-showcase__footer{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:16px;padding:0 24px;display:flex;position:relative}.book-showcase__caption h2{font:500 clamp(24px, 2.3vw, 31px)/1.35 var(--serif);letter-spacing:.06em;margin:0}.book-showcase__caption p{font:14px/1.6 var(--serif);color:#8b7b64;margin:10px 0 0}.book-showcase__caption p>span{color:#b9a78a;margin:0 8px}.book-showcase .house-primary{padding:13px 26px}.book-showcase__choices{gap:8px;display:flex}.book-showcase__choices>button{color:#8c7c65;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:50%;width:38px;height:38px;font-size:14px}.book-showcase__choices>button:hover{background:#fffcf27a}.book-showcase__choices>button[aria-pressed=true]{color:#594a34;background:#fffcf2;border-color:#a28a663b;box-shadow:0 2px 8px #6347200a}@media (hover:hover){.book-showcase__rail:has(.book-showcase__candidate:hover) .book-showcase__track{animation-play-state:paused}.book-showcase__candidate:hover{z-index:1}.book-showcase__candidate:hover .book-showcase__small-cover{opacity:1;transform:translateY(-8px);box-shadow:6px 18px 22px #54432d36}}@keyframes book-showcase-drift{0%{transform:translate(0,0)}to{transform:translate(-50%)}}@keyframes book-showcase-arrive{0%{opacity:0}to{opacity:1}}@media (max-width:640px){.book-showcase{--active-width:clamp(176px, min(49vw, calc((100svh - 310px) * .6667)), 250px);--rail-width:112px;--rail-gap:30px;--center-gap:calc(var(--active-width) / 2 + 18px)}.book-showcase__surface{gap:12px;padding:14px 0 18px}.book-showcase__header{padding-inline:20px}.book-showcase__collection{display:none}.book-showcase__active-label{margin-bottom:16px;font-size:12px}.book-showcase__footer{gap:14px;padding-inline:16px}.book-showcase__caption p{max-width:320px}.book-showcase__choices{gap:5px}}@media (prefers-reduced-motion:reduce){.book-showcase__surface{animation:none}.book-showcase__small-cover{transition:none}}