#porch{--sky: #e9c6a2;--ink: #352f29;position:fixed;inset:0;margin:0;padding:0;width:100%;height:100%;max-width:none;max-height:none;border:0;border-radius:0;box-shadow:none;color:var(--ink);background:var(--sky);overflow:hidden;color-scheme:light}#porch[open]{display:block;animation:none}#porch[open]{overscroll-behavior:contain;touch-action:pinch-zoom}#porch::backdrop{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}html:has(#porch[open]){overflow:hidden}.porch-viewport{position:relative;width:100%;height:100%;isolation:isolate}.porch-stage,.porch-camera,#porch-canvas{position:absolute;inset:0;width:100%;height:100%}.porch-stage{overflow:hidden}.porch-camera{transform-origin:0 0}#porch .porch-exterior,#porch .porch-open-poster{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover}#porch .porch-open-poster{opacity:0}#porch-canvas{object-fit:cover;opacity:0;pointer-events:none}#porch.porch-live #porch-canvas{opacity:1}#porch-door{position:absolute;padding:0;border:0;min-width:44px;min-height:44px;background:none;transform:translate(-50%,-50%);cursor:pointer}#porch.is-entering #porch-door{pointer-events:none}.porch-header{position:absolute;z-index:1;top:max(24px,env(safe-area-inset-top));left:max(clamp(20px,4vw,64px),env(safe-area-inset-left));right:max(clamp(20px,4vw,64px),env(safe-area-inset-right));display:flex;justify-content:space-between;align-items:center;gap:16px;pointer-events:none}#porch-title{font:500 clamp(20px,2.1vw,30px)/1.4 var(--serif, "Noto Serif SC", "Songti SC", SimSun, serif);letter-spacing:.06em;margin:0}.porch-header form,.porch-controls form{margin:0;pointer-events:auto}#skip-entry,#enter-cottage{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 5px;font:14px/1.25 var(--sans, "Microsoft YaHei", sans-serif);cursor:pointer}#skip-entry{gap:7px;background:none;border:0;color:#403932}#skip-entry:hover{color:#161c17}#skip-entry span{font:16px Georgia,serif}.porch-controls{position:absolute;z-index:1;bottom:max(5.5%,20px,env(safe-area-inset-bottom));width:100%;display:flex;flex-direction:column;align-items:center;gap:8px;justify-content:center;pointer-events:none}#porch-gesture{padding:2px 8px;margin:0;color:#fff6df;background:#302b23b5;border-radius:2px;font:12px/1.5 var(--sans, sans-serif)}#porch-gesture .with-touch{display:none}@media(pointer:coarse){#porch-gesture .with-wheel{display:none}#porch-gesture .with-touch{display:inline}}#enter-cottage{gap:20px;min-width:121px;padding:0 18px;border:1px solid #f1ead9;border-radius:7px;color:#29332e;background:#f0e8d6;transition:background .18s,border-color .18s}#enter-cottage svg{width:18px;height:18px}#enter-cottage:hover{background:#f4efe0;border-color:#f4efe0}#porch button:focus-visible{outline:2px solid #3d3b2e;outline-offset:4px}@media(max-width:650px){.porch-header{top:max(13px,env(safe-area-inset-top))}.porch-controls{bottom:max(9%,22px,env(safe-area-inset-bottom))}}@media(max-height:430px){.porch-header{top:max(5px,env(safe-area-inset-top))}.porch-controls{bottom:max(8px,env(safe-area-inset-bottom))}}.porch-stage{isolation:isolate}.ink-intro{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none;background:#f7f1e4;opacity:1;transition:opacity 225ms ease-out}#porch .ink-intro[hidden]{display:none}.ink-field,.ink-cottage,.ink-paper{position:absolute;inset:0;width:100%;height:100%;display:block}#porch .ink-field,#porch .ink-cottage{object-fit:cover;opacity:0}#porch .ink-drawing .ink-field{opacity:1}.ink-cottage{-webkit-mask-image:radial-gradient(circle at var(--ink-origin,62% 38%),#000 var(--ink-inner,0px),transparent var(--ink-outer,1px));mask-image:radial-gradient(circle at var(--ink-origin,62% 38%),#000 var(--ink-inner,0px),transparent var(--ink-outer,1px))}.ink-intro.ink-leaving{opacity:0}@media(prefers-reduced-motion:reduce){.ink-intro{display:none}}html.reduce-motion .ink-intro{display:none}@font-face{font-family:"Cottage Title Serif";src:url(../fonts/cottage-title.woff2) format("woff2");font-weight:200 900;font-display:swap}:root{--paper:#f8f5ed;--cream:#fffbf2;--ink:#302e29;--muted:#70695d;--soft:#eae3d5;--line:#d6cebc;--accent:#a34c33;--terra-dark:#85402e;--serif:"Cottage Title Serif","Noto Serif SC","Noto Serif CJK SC","Songti SC","STSong",SimSun,Georgia,serif;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--sans:"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;--gutter:max(clamp(22px,5.65vw,92px), calc((100% - 1300px)/2) );color:var(--ink);font-family:var(--sans);background:var(--paper);font-size:16px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:94px}body{margin:0;min-width:0}body:before{content:"";position:fixed;inset:0;z-index:10;pointer-events:none;opacity:.039;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='145' height='145'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23836d49' filter='url(%23n)' opacity='.86' d='M0 0h145v145H0z'/%3E%3C/svg%3E")}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:default}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button,a{touch-action:manipulation}img,svg{display:block}img{max-width:100%}button svg,a svg{width:20px;height:20px;flex:none}h1,h2,h3,p,figure{margin:0}h1,h2,h3{overflow-wrap:anywhere}::selection{background:#dec1a6;color:#302e29}[hidden]{display:none!important}.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link:focus{position:fixed;z-index:40;left:16px;top:12px;padding:10px 18px;background:var(--cream)}.initial-loading,.load-error{min-height:90svh;display:grid;place-content:center;gap:14px;text-align:center;font:500 24px var(--serif)}.initial-loading span,.load-error p,.load-error button{font:14px var(--sans)}.load-error button{text-decoration:underline}.site-width,.header-inner,.footer-inner{margin-inline:var(--gutter)}.section-shell{padding-inline:var(--gutter)}.site-header{position:sticky;top:0;z-index:9;background:#f8f5edf5;border-bottom:1px solid var(--line)}.header-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;height:80px}.brand,.footer-brand{display:inline-flex;align-items:center;gap:12px;justify-self:start;min-width:0}.brand>svg,.footer-brand>svg{width:42px;height:42px}.brand>span,.footer-brand>span{font:650 20px/1.25 var(--serif);letter-spacing:.09em}.brand small,.footer-brand small{display:block;margin-top:4px;font:9px/1.2 var(--mono);letter-spacing:.16em}.header-inner nav{display:flex;align-items:center;gap:clamp(15px,2.5vw,40px)}.nav-link{position:relative;padding:13px 1px;font-size:14px;color:var(--muted);white-space:nowrap}.nav-link:after{content:"";position:absolute;height:2px;bottom:5px;inset-inline:1px;background:var(--accent);transform:scaleX(0);transition:transform .22s}.nav-link.active,.nav-link:hover{color:var(--accent)}.nav-link.active:after{transform:scaleX(1)}.open-sign{justify-self:end;display:inline-flex;align-items:center;gap:9px;color:#585e4a;font-size:12px;letter-spacing:.08em}.open-sign i{border-radius:50%;width:7px;height:7px;background:#77815a;box-shadow:0 0 0 4px #7a835316}.chapter-label,.micro,.shelf-status{font:500 11px/1.35 var(--mono);letter-spacing:.11em}.chapter-label{display:flex;align-items:center;gap:10px;color:var(--accent)}.chapter-label>i{width:23px;height:1px;background:currentColor;display:inline-block}.hero-eyebrow b{font-weight:400;color:#a99a86;margin-inline:1px}.hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.13fr);align-items:center;gap:clamp(34px,5vw,86px);padding-block:clamp(47px,5.3vw,86px) clamp(40px,5.4vw,80px)}.hero-copy{min-width:0}.hero h1{margin:24px 0 5px;font:600 clamp(62px,6.75vw,106px)/1.18 var(--serif);letter-spacing:-.06em;color:#302e28}.hero h1 span{display:block}.english-title{font:italic 400 clamp(23px,2.55vw,39px)/1.4 Georgia,"Times New Roman",serif;color:var(--accent);letter-spacing:-.045em}.hero-intro{max-width:38em;font-size:clamp(14px,1.08vw,17px);line-height:1.95;color:#655f53;margin:24px 0 29px;overflow-wrap:anywhere}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:21px}.primary-link{background:var(--accent);color:#fff9ec;display:inline-flex;align-items:center;justify-content:space-between;gap:24px;padding:0 20px;min-height:46px;border-radius:6px;font-size:14px;font-weight:550;transition:background .22s,transform .22s}.primary-link:hover{background:var(--terra-dark)}.primary-link svg{width:18px;transition:transform .22s}.primary-link:hover svg{transform:translate(3px)}.quiet-link,.text-link,.footer-contact{display:inline-flex;align-items:center;gap:9px;color:var(--ink);font-size:14px;min-height:44px}.quiet-link svg{width:17px;color:var(--accent)}.quiet-link:hover,.text-link:hover,.footer-contact:hover{color:var(--accent)}.directory{display:grid;grid-template-columns:.78fr 3fr;border-block:1px solid var(--line);padding:19px 0;align-items:center}.directory-label{display:flex;flex-direction:column;gap:5px}.directory-label .micro{font-size:9px;color:var(--muted)}.directory-label strong{font:550 17px/1.35 var(--serif);letter-spacing:.03em}.directory nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.directory nav a{display:flex;align-items:center;gap:14px;min-width:0;padding:6px clamp(12px,1.75vw,30px);border-left:1px solid var(--line);position:relative}.door-icon{display:grid;place-items:center;color:var(--accent)}.door-icon svg{width:26px;height:26px;stroke-width:1.2}.door-label{min-width:0}.door-label small{color:#716b60;font:9px/1.2 var(--mono);letter-spacing:.08em}.door-label b{display:block;font-size:16px;font-weight:500;letter-spacing:.04em}.directory a>svg{margin-left:auto;width:15px;color:#8d806c;transition:transform .2s}.directory a:hover{color:var(--accent)}.directory a:hover>svg{transform:translate(2px,-2px)}.works-section{padding-block:clamp(54px,5.8vw,94px) clamp(46px,4.8vw,78px);background:linear-gradient(180deg,transparent,#f1ecdf 80%);border-bottom:1px solid var(--line)}.collection-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:26px;margin:14px 0 30px}.collection-heading h2,.letter-sidebar h2{font:550 clamp(34px,3.65vw,58px)/1.25 var(--serif);letter-spacing:-.045em}.collection-heading h2 sup{font:12px var(--mono);letter-spacing:.03em;vertical-align:top;margin-left:10px;color:var(--accent);position:relative;top:.5em}.collection-heading h2 sup:before{content:"["}.collection-heading h2 sup:after{content:"]"}.collection-heading p{font-size:14px;line-height:1.75;margin-top:10px;color:var(--muted)}.filters{display:flex;gap:3px;padding:3px;border:1px solid var(--line);border-radius:24px;flex-wrap:wrap;max-width:min(100%,540px)}.filters button{min-height:33px;padding:4px 14px;border-radius:20px;font-size:12px;color:#625b4f}.filters button[aria-pressed=true]{background:#423e35;color:#fff9ed}.filters button:not([aria-pressed=true]):hover{background:var(--soft)}.works-grid{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/3);gap:24px;overflow:auto hidden;scrollbar-width:none;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain}.works-grid::-webkit-scrollbar{display:none}.work-card{scroll-snap-align:start;min-width:0}.work-open{display:block;text-align:left;width:100%;color:var(--ink);padding:0 0 12px}.work-open:focus-visible{outline-offset:-3px}.work-art{position:relative;overflow:hidden;aspect-ratio:12/7;background:#e8dfcb;border-radius:3px}.work-art>img{width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.2,.7,.2,1)}.work-open:hover img{transform:scale(1.035)}.work-tab{position:absolute;top:12px;left:12px;padding:4px 7px;font:9px var(--mono);letter-spacing:.07em;background:#fcf5e4ed;color:#4b4031;border:1px solid #786b4e32}.work-line{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:17px 0 7px}.work-line .micro{color:var(--accent);font-family:var(--sans);font-weight:550;font-size:11px}.sample-note{font-size:10px;color:var(--muted)}.work-info{display:flex;align-items:center;justify-content:space-between;gap:12px}.work-info h3{font:550 clamp(21px,1.8vw,29px)/1.4 var(--serif);letter-spacing:-.02em}.work-info p{font:9px/1.5 var(--mono);letter-spacing:.09em;color:var(--muted);margin:4px 0 0}.work-arrow{width:33px;height:33px;flex:none;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center}.work-arrow svg{width:15px}.work-open:hover .work-arrow{background:var(--ink);color:var(--cream)}.shelf-foot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:12px;padding-top:15px}.shelf-status{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:10px}.shelf-status i{width:22px;height:2px;background:var(--accent)}.shelf-turn{display:flex;align-items:center;gap:7px}.shelf-turn>span{margin-right:7px;font-size:12px;color:var(--muted)}.shelf-turn button{width:40px;height:40px;border:1px solid #b7ac97;border-radius:50%;display:grid;place-items:center}.shelf-turn button:disabled{opacity:.33}.shelf-turn button:not(:disabled):hover{background:var(--ink);color:var(--paper)}.shelf-turn svg{width:17px}.empty-works{color:var(--muted);padding-block:20px}.about-section{padding-block:clamp(60px,6.3vw,108px);border-bottom:1px solid var(--line)}.house-letter{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:7vw}.letter-sidebar h2{margin:16px 0 10px}.letter-from{font-size:14px;color:var(--muted)}.letter-seal{margin:30px 12px 0;transform:rotate(-10deg);width:86px;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:3px double #a65a40;border-radius:50%;color:var(--accent)}.letter-seal svg{width:32px;height:32px}.letter-seal span{font:8px var(--mono);letter-spacing:.07em}.letter-body{border:1px solid var(--line);position:relative;padding:clamp(25px,3.5vw,52px);background:#fbf7ed;box-shadow:3px 4px #eae3d5}.letter-body:before{content:"";position:absolute;top:0;right:26px;width:35px;height:6px;background:repeating-linear-gradient(125deg,var(--accent) 0 3px,transparent 3px 6px)}.letter-page{font-size:9px;color:var(--muted)}.letter-body h3{margin:22px 0 12px;font:550 25px/1.5 var(--serif)}.letter-body>p{font:15px/1.95 var(--sans);white-space:pre-line;color:#5c574d;overflow-wrap:anywhere}.letter-sign{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px}.letter-sign>span{font:500 18px var(--serif)}.letter-sign button{color:var(--accent)}.text-link svg,.footer-contact svg{width:15px}.about-tags{display:flex;gap:14px;flex-wrap:wrap;margin-top:20px;padding-top:12px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.about-tags span:before{content:"/";color:#ad977f;margin-right:6px}.site-footer{border-top:1px solid var(--line);background:#efeadd}.footer-inner{display:flex;align-items:center;gap:25px;min-height:98px;padding-right:100px}.footer-brand{gap:10px}.footer-brand>svg{width:34px;height:34px}.footer-brand>span{font-size:17px}.footer-brand small{font-size:8px}.footer-note{margin-right:auto;font:italic 14px var(--serif);color:var(--muted)}.motion-toggle,.footer-contact{font-size:12px;min-height:44px;color:#625b50}.page-forward{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:max(19px,env(safe-area-inset-bottom));z-index:8;display:flex;align-items:center;justify-content:center;gap:10px;color:#fffbf1;background:#39372e;border:1px solid #39372e;box-shadow:0 4px 10px #302c2320;padding:0 17px;min-height:44px;border-radius:30px;font-size:13px}.page-forward:hover{background:#524b3e}.page-forward svg{width:16px;height:16px}.page-forward.at-end svg{transform:rotate(180deg)}.dialog-open{overflow:hidden}.dialog-open .page-forward{visibility:hidden}dialog{background:var(--paper);color:var(--ink);border:1px solid var(--line);padding:0;border-radius:9px;box-shadow:0 20px 70px #25221940}dialog::backdrop{background:#312c2390;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}dialog[open]{animation:open-paper .24s ease-out}@keyframes open-paper{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.work-dialog{width:min(1000px,calc(100vw - 60px));max-width:none;max-height:calc(100svh - 55px);overscroll-behavior:contain}.dialog-top,.dialog-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 24px}.dialog-top{border-bottom:1px solid var(--line);position:sticky;top:0;z-index:1;background:var(--paper)}.dialog-top .micro,.dialog-bottom .micro{color:var(--accent);font-size:10px}.dialog-close,.dialog-bottom button{display:inline-flex;gap:8px;align-items:center;font-size:13px;min-height:40px}.dialog-close svg{width:17px}.dialog-bottom{border-top:1px solid var(--line)}.dialog-bottom button{color:var(--accent)}.detail-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center}.detail-art{padding:22px;background:#ece5d7;align-self:stretch;display:grid;align-content:center}.detail-art img{width:100%;max-height:62vh;object-fit:contain}.detail-intro,.detail-story{padding:clamp(24px,3vw,45px)}.detail-intro .chapter-label{font-size:10px}.detail-placeholder{display:inline-block;border:1px solid var(--line);font-size:10px;color:var(--muted);padding:3px 7px;margin:13px 0 0}.detail-intro h2,.contact-dialog h2{font:550 clamp(29px,3vw,43px)/1.35 var(--serif);margin:13px 0}.detail-summary,.detail-description,.detail-chapter p,.contact-dialog>p{font-size:14px;line-height:1.85;color:var(--muted);white-space:pre-line;overflow-wrap:anywhere}.detail-intro dl{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:18px 0;margin:18px 0;border-block:1px solid var(--line)}.detail-intro dt{font-size:10px;color:var(--muted)}.detail-intro dd{font-size:13px;margin:5px 0 0}.unconfigured-link{font-size:12px;color:var(--muted)}.detail-story{border-top:1px solid var(--line);display:grid;grid-template-columns:.6fr 1.4fr;gap:24px}.detail-story h3{font:550 24px var(--serif);margin-top:10px}.detail-chapter{margin-top:18px;padding-top:16px;border-top:1px solid var(--line);display:flex;gap:14px}.detail-chapter>span{font:11px var(--mono);color:var(--accent)}.detail-chapter h4{margin:0 0 6px;font:550 16px var(--serif)}.detail-file{padding:24px;border-top:1px solid var(--line)}.detail-file :is(video,img){display:block;max-height:65vh;max-width:100%;width:auto;margin:0 auto;object-fit:contain}.detail-file audio{width:100%}.detail-file a{display:inline-block;margin-top:10px;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.contact-dialog{width:min(520px,calc(100vw - 32px));padding:clamp(28px,4vw,50px)}.contact-dialog>.dialog-close{position:absolute;right:12px;top:6px;width:40px;justify-content:center}.contact-dialog>p{margin:12px 0 20px}.contact-dialog a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 0;border-top:1px solid var(--line);color:var(--accent);overflow-wrap:anywhere}@media(min-width:1600px){.hero{padding-block:90px}.hero h1{font-size:106px}}@media(max-width:1000px){.header-inner{gap:15px}.hero{gap:27px;grid-template-columns:minmax(0,.89fr) minmax(0,1.04fr)}.hero h1{font-size:clamp(59px,6.9vw,76px)}.hero-intro br{display:none}.works-grid{grid-auto-columns:calc((100% - 20px)/2);gap:20px}.directory nav a{gap:10px}.directory nav a>svg{display:none}.footer-inner{flex-wrap:wrap;gap:14px}.open-sign{font-size:11px}.hero-actions{gap:14px}}@media(max-width:760px){:root{--gutter:clamp(20px,4.8vw,33px)}html{scroll-padding-top:75px}.header-inner{height:67px;grid-template-columns:auto 1fr}.header-inner nav{justify-self:end;gap:clamp(10px,2.6vw,18px)}.brand{gap:8px}.brand>svg{width:34px;height:34px}.brand>span{font-size:17px}.brand small{font-size:7px}.open-sign{display:none}.nav-link{font-size:13px}.hero{grid-template-columns:minmax(0,1fr) minmax(0,1.07fr);padding-block:38px;gap:20px}.hero h1{font-size:clamp(43px,7vw,59px);margin:14px 0 4px}.english-title{font-size:clamp(21px,3.5vw,26px)}.hero-intro{font-size:14px;margin:15px 0 18px}.hero-actions{gap:2px 12px}.hero-actions .primary-link{padding-inline:12px;min-height:43px;gap:9px;font-size:13px}.quiet-link{font-size:13px}.hero-eyebrow{font-size:9px;gap:6px}.directory{grid-template-columns:1fr;padding-block:13px}.directory-label{display:none}.directory nav a:first-child{border:0;padding-left:0}.directory nav a{padding-block:3px}.door-label b{font-size:15px}.door-label small{font-size:8px}.door-icon svg{width:23px;height:23px}.collection-heading{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:20px}.filters button{min-height:36px}.house-letter{grid-template-columns:.75fr 1.25fr;gap:4vw}.footer-inner{padding-right:95px}.footer-note{margin-right:0}.work-dialog{width:calc(100vw - 24px);max-height:calc(100svh - 24px)}}@media(max-width:590px){.header-inner{height:64px}.brand small{font-size:6.7px;letter-spacing:.08em}.brand>span{font-size:16px}.brand>svg{width:31px;height:31px}.nav-link{font-size:12px}.header-inner nav{gap:12px}.hero{display:flex;flex-direction:column;align-items:stretch;gap:24px;padding:33px 0 29px}.hero-copy{width:100%}.hero h1{font-size:clamp(54px,13.7vw,77px);line-height:1.22;letter-spacing:-.055em;margin:11px 0 0}.english-title{font-size:26px}.hero-intro{max-width:33em;margin:14px 0 18px;line-height:1.8;font-size:14px}.hero-actions{gap:20px}.hero-actions .primary-link{min-height:44px;padding-inline:16px;gap:15px}.directory nav a{padding-inline:12px;gap:8px}.door-icon svg{width:19px;height:19px}.door-label small{font-size:7px;letter-spacing:0}.door-label b{font-size:14px}.chapter-label{font-size:10px}.works-section{padding-block:44px}.works-grid{grid-auto-columns:84%;gap:14px}.works-grid:has(.work-card:only-child){grid-auto-columns:100%}.collection-heading h2,.letter-sidebar h2{font-size:35px}.work-line{margin-top:12px}.filters{gap:0;max-width:100%}.filters button{padding-inline:13px}.shelf-status{font-size:9px}.shelf-turn>span{font-size:11px}.house-letter{grid-template-columns:1fr;gap:22px}.letter-sidebar{position:relative;min-height:78px;padding-right:72px}.letter-sidebar h2{margin-top:12px}.letter-seal{position:absolute;right:4px;top:2px;width:57px;margin:0}.letter-seal svg{width:22px;height:22px}.letter-seal span{font-size:5px}.about-section{padding-block:44px}.letter-body{padding:22px}.letter-body>p{font-size:14px}.footer-inner{padding-block:18px 70px;padding-right:0;display:grid;grid-template-columns:auto 1fr;gap:4px 14px}.footer-note{justify-self:end;font-size:13px}.motion-toggle{justify-self:start}.footer-contact{justify-self:end}.page-forward{right:15px;bottom:max(15px,env(safe-area-inset-bottom));padding-inline:14px}.detail-hero,.detail-story{grid-template-columns:1fr}.detail-art{padding:14px}.detail-art img{max-height:33vh}.detail-story{gap:14px}.dialog-top,.dialog-bottom{padding-inline:16px}.detail-intro,.detail-story{padding:22px}.detail-intro dl{padding:14px 0}.work-dialog{border-radius:6px}}@media(max-width:380px){.header-inner{gap:8px}.header-inner nav{gap:9px}.brand small{display:none}.brand{gap:6px}.brand>svg{width:28px}.nav-link{font-size:11px}.directory nav a{gap:5px;padding-inline:7px}.filters button{padding-inline:10px}.hero-intro{font-size:13px}.footer-note{font-size:12px}}html.reduce-motion{scroll-behavior:auto}.reduce-motion *,.reduce-motion *:before,.reduce-motion *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.site-header{background:var(--paper)}html{scroll-padding-top:var(--room-inset, 80px)}.cottage-track{--space-inset: var(--room-inset, 80px)}.header-inner>nav{min-width:0;max-width:100%;overflow-x:auto;scrollbar-width:thin}.header-inner .nav-link{flex:none}main>section:focus,#desk:focus{outline:none}.work-dialog{width:min(960px,calc(100vw - 50px));max-height:min(92svh,1050px);border:1px solid #8d7559;border-radius:3px;background:#f5eddd;scrollbar-gutter:stable}.work-dialog::backdrop{background:#1b1814cb;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.work-dialog .dialog-top{padding:10px clamp(15px,3.4vw,35px);background:#302b23;color:#fff0d0;border-color:#685844}.reader-heading{display:flex;align-items:baseline;gap:clamp(10px,1.6vw,22px);min-width:0}.reader-heading h2{margin:0;font:500 clamp(20px,2.4vw,32px)/1.2 var(--serif)}.work-dialog .reader-heading .micro{flex:none;color:#debf8b}.work-dialog .dialog-close{flex:none;min-height:44px}.work-dialog .detail-art{display:grid;place-items:center;gap:12px;padding:clamp(12px,2.3vw,30px);background:radial-gradient(ellipse at 50% 44%,#484034,#27241e 80%)}.work-dialog .detail-art :is(img,video){display:block;width:auto;height:auto;max-width:100%;max-height:min(58svh,600px);object-fit:contain}.work-dialog .detail-art img{box-shadow:0 2px 16px #0e0c0870}.work-dialog .detail-art audio{width:min(100%,560px)}.reader-actions{display:flex;flex-wrap:wrap;align-items:center;gap:5px 24px;padding:5px clamp(15px,3.4vw,35px);background:#383128;color:#fbe1b0}.reader-actions a{display:inline-flex;min-height:44px;align-items:center;font-size:14px;overflow-wrap:anywhere}.reader-actions a:hover{text-decoration:underline}.reader-byline{display:flex;align-items:center;flex-wrap:wrap;gap:12px;color:#855038;font:11px/1.4 var(--mono)}.reader-byline .detail-placeholder{margin:0;font-family:var(--sans)}.work-dialog .detail-intro{padding-bottom:12px}.work-dialog .detail-summary{margin:10px 0 16px;color:#443b30;font-size:clamp(15px,1.5vw,19px)}.work-dialog .detail-intro dl{display:flex;flex-wrap:wrap;gap:14px 38px;margin:0;border-bottom:0}.work-dialog .detail-story{grid-template-columns:minmax(100px,.6fr) minmax(0,2fr)}.work-dialog .detail-story h3{margin-top:0}.work-dialog.work-interactive{width:min(1660px,calc(100vw - 24px));max-height:calc(100dvh - 16px)}.work-interactive .detail-art{display:block;padding:0;background:#f5f2e9}.interactive-work-frame{display:block;width:100%;height:78vh;height:max(250px,calc(100dvh - 130px));border:0}.site-registration{margin-inline:var(--gutter);padding:0 0 18px;font-size:12px;color:var(--muted)}.site-registration a{text-underline-offset:3px}.site-registration a:hover{text-decoration:underline}@media(max-width:590px){.work-dialog.work-interactive{width:100%;max-width:100%;max-height:100dvh;border-inline:0}.site-registration{padding-bottom:72px}.site-footer .footer-inner{padding-bottom:12px}}@media(max-width:590px){.work-dialog{width:calc(100vw - 16px);max-height:calc(100svh - 18px)}.work-dialog .detail-story{grid-template-columns:1fr;gap:8px}.work-dialog .detail-art :is(img,video){max-height:52svh}}@media(max-width:800px){.header-inner{grid-template-columns:auto minmax(0,1fr)}.header-inner nav{justify-self:end}}.seal-action{display:inline-flex;flex-direction:column;align-items:center;gap:11px;margin:24px 0 0;color:var(--accent)}.seal-action .letter-seal{margin:0;background:#f3eddf;opacity:.72;transition:opacity .2s,background .2s}.seal-action:hover .letter-seal,.seal-action.stamped .letter-seal{opacity:1;background:#f4e4ce}.seal-label{font:11px/1.5 var(--sans);letter-spacing:.04em}.seal-action.stamped{cursor:default}.seal-action.stamped .seal-label{font:10px/1.5 var(--mono);letter-spacing:0}.seal-action:not(.stamped) .seal-label{text-decoration:underline;text-decoration-style:dotted;text-underline-offset:4px}@media(max-width:590px){.seal-action{position:absolute;right:1px;top:2px;margin:0;gap:6px}.seal-action .letter-seal{position:static}.seal-label{font-size:10px}.seal-action.stamped .seal-label{max-width:85px;text-align:center;font-size:9px}.letter-sidebar{padding-right:88px;min-height:92px}}.guestbook-section.section-shell{--guest-ink: #393128;--guest-muted: #6f604e;--guest-accent: #81452e;--guest-rule: #b4a285;--guest-divider: #b6a48479;--guest-paper: #f3e7cc;--guest-serif: var(--serif, Georgia, "Songti SC", SimSun, serif);--guest-mono: var(--mono, Consolas, monospace);--guest-fibre: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='184' height='144'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.76 .57' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23f)' opacity='.11' d='M0 0h184v144H0z'/%3E%3C/svg%3E");position:relative;isolation:isolate;min-width:0;padding:clamp(37px,5vw,80px) max(clamp(28px,7vw,125px),calc((100% - 1090px)/2)) clamp(52px,6.5vw,104px);border-block:1px solid #3e2b20;color:var(--guest-ink);background:radial-gradient(ellipse at 17% 0,#e8b27849,transparent 56%),linear-gradient(109deg,#3b241e0a 16%,#2d201b24 62%,#241b17a6),url(./desk-walnut-B4T5B0Fd.webp) center / 1024px 300px repeat,#5d4334;box-shadow:inset 0 8px 20px -14px #120b08,inset 0 -18px 28px -23px #110e0b}.guest-bound-book{position:relative;display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);align-items:stretch;padding:6px 8px 11px;border:1px solid #342b23;border-radius:8px 10px 9px 7px;background:linear-gradient(100deg,#4e493a,#392e24 44%,#393026 48%,#68614b 54%,#484332);box-shadow:0 1px #9c8061 inset,0 -2px 1px #211f17 inset,0 3px 3px #21150e91,3px 10px 10px -4px #1b110d9c,11px 27px 32px -9px #21130dbf,-9px 11px 20px -15px #261812}.guest-bound-book:before{content:"";position:absolute;inset:7px 8px 5px;border-radius:5px 6px 5px 4px;background:repeating-linear-gradient(0deg,#bbaa89 0 1px,#ddcdac 1px 2px,#f6eacb 2px 3px);box-shadow:0 1px 2px #362718;pointer-events:none}.guest-frontispiece,.guest-leaf{position:relative;min-width:0}.guest-frontispiece{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(16px,1.65vw,26px);min-height:clamp(430px,35.5vw,530px);padding:37px clamp(29px,4vw,65px) 27px;border-radius:5px 52% 3% 4px/5px 1.2% .75% 3px;background:radial-gradient(ellipse at 24% 14%,#fffae480,transparent 67%),linear-gradient(90deg,#cfbea0 0,#f3e5c7 2%,#f2e8cf 12%,#f3e7cb 71%,#e6d6b7 89%,#c6b293 98.4%,#b09d7c);box-shadow:-1px 1px 1px #8271538f,inset 0 1px #fff5db}.guest-frontispiece:before,.guest-leaf:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background-image:var(--guest-fibre);mix-blend-mode:multiply}.guest-front-text{position:relative;text-align:center}.guest-front-text .chapter-label{justify-content:center;gap:9px;color:#765335;font:500 10px/1.4 var(--guest-mono);letter-spacing:.15em}.guest-front-text .chapter-label i{width:18px;height:1px;background:currentColor}.guest-front-text h2{margin:14px 0 7px;color:#3e392b;font:540 clamp(42px,4.9vw,70px)/1.12 var(--guest-serif);letter-spacing:.08em;text-indent:.08em;overflow-wrap:anywhere}.guestbook-intro{margin:10px auto 0;color:#685945;font:400 clamp(13px,1.1vw,16px)/1.8 var(--guest-serif);letter-spacing:.02em;white-space:pre-line;text-wrap:balance;overflow-wrap:anywhere}.guest-bookplate{display:grid;justify-items:center;gap:8px;width:min(82%,245px);color:#766349;position:relative;pointer-events:none}.guest-print{position:relative;width:100%;aspect-ratio:2 / 1;border-radius:50%;padding:3px;border:1px solid #9b805e;background:#f0e0be;box-shadow:0 0 0 2px #f0e1c2,0 0 0 3px #937b59a1;overflow:hidden;transform:rotate(-1deg);mix-blend-mode:multiply}.guest-print img{display:block;width:100%;height:100%;border-radius:inherit;object-fit:cover;object-position:51% 58%;filter:grayscale(1) sepia(.65) contrast(1.23);opacity:.88}.guest-print:after{content:"";position:absolute;inset:3px;border-radius:inherit;background:repeating-linear-gradient(164deg,#eeddbe70 0 .6px,transparent .6px 2px);pointer-events:none}.guest-bookplate>span{font:500 8px/1.4 var(--guest-mono);letter-spacing:.17em;white-space:nowrap}.guest-pen-action{display:grid;place-items:center;gap:5px;min-height:63px;position:relative;padding:3px 14px 4px;color:#684731;border-radius:6px}.guest-pen-action .guest-pen-object{width:clamp(143px,14vw,215px);height:auto;overflow:visible;transform:rotate(-6deg);filter:drop-shadow(1px 4px 2px #5b462e65);transition:transform .24s ease,filter .24s ease}.guest-pen-label{font:500 13px/1.5 var(--guest-serif);letter-spacing:.065em;border-bottom:1px dotted #896f5096}.guest-bookmark{position:absolute;top:4px;left:48.7%;z-index:3;width:clamp(13px,1.4vw,20px);height:47px;pointer-events:none;filter:drop-shadow(1px 2px 1px #37261865)}.guest-bookmark:after{content:"";display:block;width:100%;height:100%;background:repeating-linear-gradient(38deg,transparent 0 1px,#be805c3d 1px 2px),linear-gradient(90deg,#683725,#99563a 50%,#743a2b);clip-path:polygon(0 0,100% 0,100% 100%,50% 84%,0 100%)}.guest-leaf{display:flex;border-radius:59% 5px 5px 2%/1.2% 4px 3px .75%;background:radial-gradient(ellipse at 73% 12%,#fff9e49e,transparent 76%),linear-gradient(90deg,#c0ae8d,#e6d7b9 2.8%,#f4e8cd 11%,#f5ead1 60%,#f1e5c9 93%,#dbc9a9 99.3%,#eaddc1);box-shadow:inset 0 1px #fff4d9,1px 1px 1px #86735680}.guest-leaf-surface{display:flex;flex:1;flex-direction:column;min-width:0;padding:clamp(30px,3.6vw,55px) clamp(28px,3.8vw,60px) 14px clamp(38px,4.5vw,70px);position:relative}.guest-reading,#guest-writing{flex:1;min-width:0}.guest-reading{display:flex;position:relative;flex-direction:column;align-items:stretch}.guest-leaf-heading{display:flex;align-items:center;justify-content:space-between;gap:13px;padding-bottom:7px;border-bottom:3px double #a58e69}.guest-leaf-heading h3{min-width:0;margin:0;font:520 clamp(23px,2.15vw,31px)/1.35 var(--guest-serif);letter-spacing:.06em;scroll-margin-block-start:calc(var(--room-inset, 65px) + 16px)}.guest-refresh,.guest-more,.guest-retry,.guest-first-line,.guest-pagination button,.guest-entry-actions button{display:inline-flex;align-items:center;min-height:44px;gap:6px;padding:0;color:var(--guest-muted);font-size:13px}.guest-refresh{white-space:nowrap}.guest-refresh svg,.guest-first-line svg,.guest-pagination svg{width:15px;height:15px}.guest-messages,.guest-replies{margin:0;padding:0;list-style:none}.guest-thread{padding-top:clamp(20px,2.3vw,34px)}.message-byline{display:flex;gap:7px 10px;align-items:center;flex-wrap:wrap}.message-byline strong{min-width:0;color:#5d402e;font:600 16px/1.45 var(--guest-serif);overflow-wrap:anywhere}.message-byline time,.guest-length{color:var(--guest-muted);font:400 11px/1.5 var(--guest-mono)}.message-byline time{margin-inline-start:auto}.guest-message-body{margin:10px 0 0;padding:0 1px;color:var(--guest-ink);font:400 clamp(16px,1.22vw,18px)/1.94 var(--guest-serif);white-space:pre-wrap;overflow-wrap:anywhere;background:repeating-linear-gradient(transparent 0 calc(1.94em - 1px),#a28c672b calc(1.94em - 1px) 1.94em)}.guest-entry-actions{display:flex;flex-wrap:wrap;align-items:center;gap:0 15px;margin-top:2px}.guest-entry-actions .guest-like[aria-pressed=true]{color:var(--guest-accent);font-weight:600}.guest-like:before{content:"";width:16px;height:16px;background:currentColor;-webkit-mask:center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M11 18 3.7 11.1C-.7 6.3 5.4 1 9.6 5.2L11 6.6l1.4-1.4C16.6 1 22.7 6.3 18.3 11.1Z' fill='none' stroke='black' stroke-width='1.4' stroke-linejoin='round'/%3E%3C/svg%3E");mask:center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M11 18 3.7 11.1C-.7 6.3 5.4 1 9.6 5.2L11 6.6l1.4-1.4C16.6 1 22.7 6.3 18.3 11.1Z' fill='none' stroke='black' stroke-width='1.4' stroke-linejoin='round'/%3E%3C/svg%3E")}.guest-like[aria-pressed=true]:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M11 18 3.7 11.1C-.7 6.3 5.4 1 9.6 5.2L11 6.6l1.4-1.4C16.6 1 22.7 6.3 18.3 11.1Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M11 18 3.7 11.1C-.7 6.3 5.4 1 9.6 5.2L11 6.6l1.4-1.4C16.6 1 22.7 6.3 18.3 11.1Z'/%3E%3C/svg%3E")}.guest-replies-toggle{margin-inline-start:auto}.guest-reply-panel,.guest-reply-form{margin:8px 0 15px;padding-inline-start:15px;border-inline-start:1px solid #b09875}.guest-reply-form{padding-block:9px}.guest-reply{padding:7px 0 3px}.guest-reply+.guest-reply{border-top:1px solid var(--guest-divider)}.guest-reply .message-byline strong{font-size:14px}.guest-reply .guest-message-body{font-size:15px}.guest-list-status,.guest-form-status{margin:11px 0 0;color:var(--guest-muted);font-size:13px;line-height:1.7;overflow-wrap:anywhere}.guest-list-status:empty,.guest-form-status:empty{display:none}.guest-reading:has(>.guest-list-status[data-empty]){background:repeating-linear-gradient(transparent 0 29px,#b7a37c35 29px 30px) left 0 top 60px / 100% calc(100% - 60px) no-repeat}.guest-reading>.guest-list-status[data-empty]{margin-top:clamp(38px,4vw,65px);color:#74664f;font:400 clamp(21px,1.75vw,27px)/1.5 var(--guest-serif);letter-spacing:.08em}.guest-first-line{width:max-content;color:var(--guest-accent);font:500 14px var(--guest-serif);gap:8px}.guest-first-line svg{width:12px;height:12px}.guest-pagination{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;min-height:46px;border-top:1px solid var(--guest-rule);margin-top:clamp(16px,1.7vw,27px)}.guest-pagination button{width:fit-content;color:#634a34}.guest-pagination .guest-next{justify-self:end}.guest-pagination button:disabled{color:#8a7960;opacity:.72;cursor:default}.guest-folio{color:#6a5740;font:400 11px/1.4 var(--guest-mono);white-space:nowrap;letter-spacing:.045em}.guest-turn-frame{position:absolute;z-index:2;inset:0;overflow:hidden;pointer-events:none;border-radius:inherit}.guest-turn-sheet{position:absolute;inset:0;opacity:0;pointer-events:none;transform-origin:left center;border-radius:inherit;background:var(--guest-fibre),linear-gradient(90deg,#baa788,#e2d4b6 10%,#f1e4c8 58%,#e9d7b7 93%,#d3bd96);box-shadow:7px 4px 11px -6px #624a2f}.guestbook-form fieldset{min-width:0;margin:0;padding:0;border:0}.guestbook-form .guest-leaf-heading{min-height:55px}.guestbook-form label{display:block;margin:12px 0 1px;color:#6b543d;font:550 13px/1.6 var(--guest-serif)}.guestbook-form :is(input,textarea){display:block;width:100%;min-width:0;margin:0;border:0;border-radius:0;padding:6px 3px;background-color:transparent;font:400 16px/1.6 var(--guest-serif);color:var(--guest-ink);caret-color:var(--guest-accent)}.guestbook-form input{border-bottom:1px solid #ad9b79;min-height:39px}.guestbook-form textarea{min-height:106px;padding:3px 3px 0;resize:vertical;line-height:26px;background:repeating-linear-gradient(transparent 0 25px,#b3a08083 25px 26px) left top 3px / 100% 26px repeat-y}.guestbook-form :is(input,textarea)::placeholder{color:#83715c;opacity:1}.guestbook-form .guestbook-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:13px}.guest-submit{min-height:42px;padding-inline:18px;background:#684935;border:1px solid #573d2c;border-radius:2px;box-shadow:inset 0 0 0 2px #987658;color:#f9edd1;font:550 14px/1.4 var(--guest-serif);letter-spacing:.065em}.guest-reply-form label:first-child{margin-top:0}.guest-reply-form textarea{min-height:57px}.guestbook-section :is(input,textarea,button):focus-visible{outline:2px solid #805031;outline-offset:3px}.guest-leaf-heading h3:focus{outline:none}.guestbook-section button:disabled:not(.guest-prev){opacity:.58;cursor:wait}.guest-bound-book[data-mode=write] .guest-pen-object{transform:translate(3px,-2px) rotate(-11deg)}@media(hover:hover){.guest-pen-action:hover .guest-pen-object{transform:translate(1px,-3px) rotate(-9deg);filter:drop-shadow(2px 7px 3px #5b462e66)}.guestbook-section :is(.guest-refresh,.guest-entry-actions button,.guest-pagination button,.guest-more,.guest-retry,.guest-first-line):not(:disabled):hover{color:var(--guest-accent);text-decoration:underline;text-underline-offset:4px}.guest-submit:hover{background:#513827}}@media(max-width:760px){.guestbook-section.section-shell{padding:27px clamp(12px,4vw,28px) 39px}.guest-bound-book{display:block;padding:4px 6px 8px 13px;border-radius:6px}.guest-bound-book:before{inset:5px 6px 4px 5px;background:repeating-linear-gradient(90deg,#b8a585 0 1px,#d8c6a4 1px 2px,#ecdfbf 2px 3px)}.guest-frontispiece,.guest-leaf{background:linear-gradient(90deg,#b9a482,#e6d5b4 2.6%,#f1e4c8 7%,#f4e9cf 32% 85%,#e7d9bc 99%,#d4c1a0);box-shadow:inset 1px 0 1px #b4a0808a}.guest-frontispiece{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 12px;min-height:0;padding:23px clamp(19px,5vw,35px) 0 clamp(23px,5.9vw,39px);border-radius:3px 3px 0 0}.guest-front-text{text-align:left}.guest-front-text .chapter-label{justify-content:flex-start;gap:6px;font-size:9px}.guest-front-text .chapter-label i{width:13px}.guest-front-text h2{margin:8px 0 5px;font-size:clamp(34px,6vw,45px);text-indent:0}.guestbook-intro{max-width:25em;margin:4px 0 0;font-size:13px;line-height:1.6}.guest-bookplate{width:clamp(72px,17vw,111px);align-self:start;margin-top:16px}.guest-print{padding:2px;aspect-ratio:1.65;box-shadow:0 0 0 1px #f0e1c2,0 0 0 2px #937b59a1}.guest-print:after{inset:2px}.guest-bookplate>span{display:none}.guest-pen-action{grid-column:1 / -1;display:flex;gap:9px;justify-self:start;min-height:48px;padding:0 8px 0 0}.guest-pen-action .guest-pen-object{width:clamp(99px,23vw,135px)}.guest-pen-label{font-size:12px}.guest-bookmark{top:3px;left:auto;right:25px;height:27px;width:10px}.guest-leaf{border-radius:0 0 4px 2px;min-height:290px}.guest-leaf-surface{padding:7px clamp(19px,5vw,35px) 4px clamp(23px,5.9vw,39px)}.guest-leaf-heading h3{font-size:23px}.guest-reading>.guest-list-status[data-empty]{margin-top:32px}.guest-pagination{margin-top:17px}.guest-thread{padding-top:17px}.guest-reply-panel,.guest-reply-form{padding-inline-start:10px}}@media(max-width:375px){.guest-frontispiece{gap:6px}.guest-bookplate{width:62px}.guest-front-text .chapter-label{font-size:8px}.guest-entry-actions{gap:0 10px}.guest-pagination{gap:5px}.guest-pagination button{gap:3px}.guest-refresh,.guest-pagination button{font-size:11px}}@media(prefers-reduced-motion:reduce){.guest-turn-sheet{display:none}.guest-pen-action .guest-pen-object{transition:none}}.reduce-motion .guest-turn-sheet{display:none}.reduce-motion .guest-pen-action .guest-pen-object{transition:none}.light-desk{--ld-gutter: max(clamp(28px, 6vw, 108px), calc((100vw - 1410px)/2) );--ld-ivory: #f8ead1;--ld-muted: #ddc7ad;--ld-honey: #f9c77f;--ld-border: rgb(246 215 164 / .28);--ld-height: clamp(340px, 49svh, 530px);width:100%;min-width:0;color:var(--ld-ivory);background:#3b2b24;font-family:var(--sans, "Microsoft YaHei", sans-serif);isolation:isolate;position:relative}.light-desk *,.light-desk *:before,.light-desk *:after{box-sizing:border-box}.light-desk button:focus-visible,.light-desk a:focus-visible{outline:2px solid #ffe0a1;outline-offset:4px}.ld-room{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 22% 38%,rgb(145 104 76 / .37),transparent 52%),radial-gradient(ellipse at 76% 32%,rgb(157 111 77 / .32),transparent 44%),linear-gradient(108deg,#48362c,#44332c 38%,#302a26 70%,#252a27)}.ld-wall-material{position:absolute;inset:0;pointer-events:none;z-index:-1;background:url(./desk-plaster-DeAOd0bz.webp) repeat;mix-blend-mode:soft-light;opacity:.48}.ld-topline{position:relative;z-index:4;margin-inline:var(--ld-gutter);padding-top:clamp(13px,2.2svh,25px);display:flex;justify-content:space-between;align-items:center}.ld-room-name{display:inline-flex;align-items:center;gap:12px;color:#efdebd;font:500 13px/1.4 var(--serif, serif);letter-spacing:.13em}.ld-registration{display:inline-block;flex:none;width:23px;height:12px;position:relative;border:1px solid #c6ab80;border-radius:45% 52% 48% 48%;transform:rotate(-10deg)}.ld-registration:before{content:"";position:absolute;left:8px;top:2px;border:1px solid #e3bb7b;border-radius:50%;width:6px;height:6px}.ld-lamp{display:inline-flex;gap:9px;align-items:center;color:#f1dfbd;font:12px var(--sans, sans-serif);min-height:44px;padding-inline:7px 0}.ld-switch{width:32px;height:16px;border:1px solid #b09b77;border-radius:12px;display:flex;align-items:center;padding-inline:3px;background:#504333;box-shadow:inset 0 1px 3px #21191180}.ld-switch i{display:block;width:8px;height:8px;border-radius:50%;background:#baa888;transition:transform .28s ease,box-shadow .25s,background .25s}.ld-lamp[aria-pressed=true] .ld-switch i{transform:translate(15px);background:#ffe0a0;box-shadow:0 0 8px #ffd38292}.ld-stage{position:relative;height:var(--ld-height);isolation:isolate}.ld-window-light{position:absolute;inset:-95px -4% -4%;pointer-events:none;z-index:-2;overflow:hidden}.ld-window-light:before{content:"";position:absolute;width:67%;height:145%;top:-31%;right:-13%;opacity:.8;filter:blur(5px);transform:rotate(-17deg) skew(-11deg);background:linear-gradient(180deg,transparent 0 29%,rgb(50 41 34 / .92) 29.8% 31%,transparent 32.8% 73%,rgb(50 41 34 / .82) 74% 75.8%,transparent 77%),linear-gradient(90deg,transparent 0 9%,rgb(255 199 125 / .14) 10% 30%,transparent 31.8% 34%,rgb(255 201 134 / .21) 35.6% 56%,transparent 58% 61.6%,rgb(255 198 124 / .18) 62.6% 87%,transparent 88%);-webkit-mask-image:linear-gradient(160deg,transparent,#000 32% 67%,transparent 100%);mask-image:linear-gradient(160deg,transparent,#000 32% 67%,transparent 100%)}.ld-stage:after{content:"";position:absolute;inset:auto 0 -1px;height:12%;pointer-events:none;z-index:-1;background:linear-gradient(177deg,transparent 0 43%,rgb(22 17 14 / .12) 45%,rgb(50 34 24 / .3) 65%,rgb(45 32 25 / .52))}.ld-beam,.ld-dust{display:block;pointer-events:none;position:absolute;inset:0;width:100%;height:100%;z-index:0;transition:opacity .38s ease}.ld-beam{mix-blend-mode:screen}.ld-dust{z-index:1}.light-desk[data-power=off] :is(.ld-beam,.ld-dust){opacity:0}.ld-wall{position:absolute;z-index:2;left:var(--ld-gutter);top:50%;transform:translateY(-50%);width:min(calc(47% - 1.2vw),610px);height:calc(var(--ld-height) - 30px);display:flex;flex-direction:column;justify-content:center;align-items:stretch}.ld-welcome{position:absolute;inset:0;display:flex;justify-content:center;align-items:flex-start;flex-direction:column;gap:0;text-shadow:0 2px 18px rgb(239 170 98 / .13);transition:opacity .24s ease,transform .32s ease,filter .25s ease}.ld-welcome h1{color:#faecd2;font:470 clamp(58px,6.6vw,107px)/1.1 var(--serif, serif);letter-spacing:-.065em;margin:0 0 .12em -.045em}.ld-welcome h1 span{display:block}.ld-welcome.ld-wide-title h1{font-size:clamp(39px,4.4vw,68px)}.ld-welcome.ld-long-title h1{font-size:clamp(27px,3vw,45px)}.ld-subtitle{color:#efd3a7;font:italic 400 clamp(22px,2vw,31px)/1.35 Georgia,"Times New Roman",serif;letter-spacing:-.025em}.ld-intro{color:#e7d4b8;font-size:clamp(13px,1.05vw,16px);line-height:1.88;max-width:35em;white-space:pre-line;overflow-wrap:anywhere;margin-top:clamp(18px,2.4vw,33px)}.ld-machine{position:absolute;right:max(3.6%,calc((100vw - 1500px)/2));width:min(53%,calc(var(--ld-height) * 1.38),750px);aspect-ratio:4 / 3;bottom:-2%;pointer-events:none;z-index:2}.ld-machine-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.ld-machine:before{content:"";position:absolute;left:23%;right:12%;bottom:3.2%;height:9%;border-radius:50%;background:radial-gradient(ellipse,rgb(18 12 7 / .64),rgb(28 17 9 / .22) 46%,transparent 72%);filter:blur(5px);transform:rotate(-5deg)}.ld-aperture{position:relative;display:block;padding:0;border:0;background:none;width:min(100%,calc((var(--ld-height) - 95px) * 1.72));aspect-ratio:1.72;opacity:0;pointer-events:none;transition:opacity .26s ease;flex:none}.ld-film{position:absolute;inset:0;overflow:hidden;isolation:isolate;background:#806448;box-shadow:0 0 3px .4px #edcc96,0 0 16px #f3b86f36,0 0 60px #fcbb6c14}.ld-film:after{content:"";pointer-events:none;position:absolute;inset:0;background:linear-gradient(135deg,rgb(255 222 169 / .11),transparent 60%,rgb(103 67 32 / .11)),url(./desk-plaster-DeAOd0bz.webp);opacity:.23;mix-blend-mode:soft-light}.ld-film-frame,.ld-transport{position:absolute;inset:0}.ld-film-frame{overflow:hidden;display:grid;place-items:center;background:#d7b98b}.ld-film-frame img{display:block;width:100%;height:100%;object-fit:contain}.ld-film-type{display:none;color:#3c3026;font:500 clamp(20px,2.6vw,44px) var(--serif, serif)}.ld-unprinted .ld-film-type{display:block}.ld-film-corner{position:absolute;aspect-ratio:1;width:clamp(5px,.6vw,9px);border:solid rgb(250 222 171 / .55);border-width:1px 0 0 1px}.ld-corner-tl{left:-6px;top:-6px}.ld-corner-tr{right:-6px;top:-6px;transform:rotate(90deg)}.ld-corner-br{right:-6px;bottom:-6px;transform:rotate(180deg)}.ld-corner-bl{left:-6px;bottom:-6px;transform:rotate(270deg)}.ld-projecting .ld-welcome{opacity:0;transform:translateY(5px);filter:blur(1.5px);pointer-events:none}.ld-projecting .ld-aperture{opacity:1;pointer-events:auto;cursor:zoom-in}.ld-projecting[data-power=off] .ld-aperture{opacity:0;pointer-events:none}.ld-proof-open .ld-welcome{pointer-events:none}.ld-proof-open .ld-aperture:not(:disabled){pointer-events:auto;cursor:zoom-in}#desk[data-power=off] .ld-aperture{opacity:0;pointer-events:none}.ld-work-summary{display:none}.ld-playing{width:min(100%,calc((var(--ld-height) - 95px) * 1.72));display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0 0;min-height:42px}.ld-playing-title{min-width:0;display:flex;align-items:baseline;gap:11px}.ld-frame-number{flex:none;font:10px var(--mono, monospace);color:var(--ld-honey);white-space:nowrap}.ld-playing-title h2{font:500 clamp(20px,1.8vw,31px)/1.3 var(--serif, serif);margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ld-view,.ld-next,.ld-return{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:13px;min-height:44px;padding:0 4px;white-space:nowrap}.ld-view{flex:none;color:#ffddad}.ld-view svg,.ld-next svg,.ld-return svg,.ld-doorways svg{width:15px;height:15px}.ld-view:hover,.ld-next:hover,.ld-return:hover,.ld-doorways a:hover{text-decoration:underline;text-underline-offset:5px}.ld-table{position:relative;isolation:isolate;z-index:3;background:linear-gradient(172deg,rgb(224 164 112 / .18),transparent 35%),linear-gradient(100deg,#30201652,#754d3308 47%,#241a1466),url(./desk-walnut-B4T5B0Fd.webp) center 30% / 950px 274px repeat;border-top:1px solid #b48c663c;box-shadow:inset 0 3px 8px #20151038}.ld-table-top{min-height:clamp(152px,19.8svh,207px);margin:0 var(--ld-gutter);padding-block:clamp(19px,2.7svh,32px) clamp(16px,2svh,25px);display:grid;grid-template-columns:minmax(126px,.75fr) minmax(0,3.1fr) minmax(88px,.5fr);align-items:center;column-gap:clamp(20px,3vw,50px)}.ld-tray-caption{align-self:center}.ld-tray-caption h2{font:520 clamp(23px,2.2vw,37px)/1.3 var(--serif, serif);margin:0 0 8px;color:#faecd3}.ld-tray-hint{color:#f0d7b7;font:12px/1.6 var(--sans, sans-serif);margin:0}.ld-prints{display:grid;grid-template-columns:repeat(var(--print-count),minmax(0,1fr));justify-items:center;align-items:center;max-width:min(100%,calc(var(--print-count) * 185px));width:100%;gap:clamp(5px,.7vw,12px);justify-self:center;perspective:950px}.ld-slot{min-width:0;position:relative;width:100%;z-index:1;perspective:800px}.ld-slot:focus-within,.ld-slot:hover{z-index:3}.ld-slot.ld-selected,.ld-slot.ld-held{z-index:4}.ld-postcard{--ld-paper-width: clamp(4px, .52vw, 8px);position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;padding:var(--ld-paper-width) var(--ld-paper-width) 0;background:linear-gradient(132deg,#fff4d9,#eedec7 72%,#ecd9ba);border:1px solid #e8d5aa;border-radius:1px;aspect-ratio:1.44;width:100%;color:#46382a;transform-origin:center 62%;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-y pinch-zoom;box-shadow:0 1px #a68a68,0 2px #b79a76,3px 5px 6px -2px #1c110b8c,1px 12px 14px -8px #1f120b6b;transition:box-shadow .25s ease}.ld-slot.ld-selected .ld-postcard,.ld-slot.ld-held .ld-postcard{box-shadow:0 1px #b19770,0 2px #bfa380,2px 6px 11px -3px #1c110b59,5px 23px 28px -9px #1a100a7a}.ld-postcard[aria-pressed=true]{cursor:pointer}.ld-pull-tab{position:absolute;left:8%;top:-1px;transform:translateY(-82%);padding:4px 10px 5px;border-radius:3px 3px 0 0;background:#f4cd85;color:#472b18;box-shadow:1px -1px 2px #42291933;font:600 12px/1.1 var(--sans, sans-serif);white-space:nowrap}.ld-projecting .ld-pull-tab{visibility:hidden}.ld-postcard:active,.ld-held .ld-postcard{cursor:grabbing}.ld-print{display:block;min-height:0;flex:1;overflow:hidden;background:#c5aa85}.ld-print img{width:100%;height:100%;display:block;object-fit:cover;pointer-events:none}.ld-print-caption{flex:none;display:flex;gap:7px;min-width:0;align-items:center;height:max(20%,17px)}.ld-print-serial{color:#904b32;font:9px var(--mono, monospace);flex:none}.ld-print-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:520 clamp(12px,.98vw,16px)/1.25 var(--serif, serif)}.ld-tray-actions{justify-self:end;display:flex;flex-direction:column;align-items:flex-start;gap:1px}.ld-next{color:#ffe1ac}.ld-return{font-size:12px;color:#e9d6b9}.ld-table-edge{border-top:1px solid rgb(237 202 149 / .3);border-bottom:1px solid #36261d;box-shadow:0 -3px 0 -2px #1f120dcc,inset 0 -3px 6px #1c110c2b;display:flex;justify-content:space-between;align-items:center;padding-inline:var(--ld-gutter);min-height:49px;gap:20px;background:linear-gradient(to bottom,#4d3424f0,#37271df5)}.ld-index,.ld-doorways{display:flex;align-items:center}.ld-index{gap:2px}.ld-index-key{font:12px/1 var(--mono, monospace);color:#e1caa9;width:42px;min-height:46px;position:relative}.ld-index-key:after{position:absolute;content:"";width:14px;height:2px;left:calc(50% - 7px);bottom:8px;transform:scaleX(0);background:var(--ld-honey);transition:transform .2s}.ld-index-key[aria-pressed=true]{color:#fff1d1}.ld-index-key[aria-pressed=true]:after{transform:scaleX(1)}.ld-index-key:hover{color:#fff1d1}.ld-doorways{gap:clamp(14px,2vw,34px);margin-left:auto}.ld-doorways a{display:flex;align-items:center;gap:7px;min-height:46px;font:13px var(--sans, sans-serif);color:#f2ddbd}.light-desk [hidden]{display:none!important}@media(min-width:1600px){.ld-room{max-width:none}.ld-machine{right:max(8%,calc((100vw - 1340px)/2))}}@media(max-width:980px){.light-desk{--ld-gutter: clamp(30px, 5vw, 55px);--ld-height: clamp(310px, 42svh, 390px)}.ld-machine{right:0;width:min(53%,calc(var(--ld-height) * 1.34))}.ld-intro{font-size:13px;white-space:normal;margin-top:14px}.ld-table-top{grid-template-columns:minmax(100px,.69fr) minmax(0,3.3fr) minmax(67px,.45fr);gap:16px}.ld-welcome h1{font-size:clamp(50px,6.55vw,68px)}}@media(max-width:650px){.light-desk{--ld-gutter: clamp(17px, 5vw, 30px);--ld-height: clamp(238px, min(78vw, 36svh), 375px)}.ld-topline{padding-top:7px}.ld-room-name{font-size:12px;gap:8px}.ld-registration{width:20px;height:11px}.ld-registration:before{left:6px}.ld-lamp{font-size:11px}.ld-wall{inset:0;transform:none;height:100%;width:100%;display:block;pointer-events:none}.ld-welcome{inset:0 var(--ld-gutter) auto;justify-content:flex-start;padding-top:2px}.ld-welcome h1{font-size:clamp(47px,12vw,68px)}.ld-welcome.ld-wide-title h1{font-size:clamp(32px,7.8vw,44px)}.ld-welcome.ld-long-title h1{font-size:clamp(23px,5.5vw,31px)}.ld-subtitle{font-size:clamp(20px,5.3vw,26px);line-height:1.3}.ld-intro{max-width:31em;font-size:13px;line-height:1.6;margin-top:8px}.ld-machine{right:-2%;bottom:12%;width:min(48%,267px)}.ld-window-light:before{right:-31%;width:99%}.ld-aperture{position:absolute;left:var(--ld-gutter);top:var(--ld-plate-center, 73%);width:min(51%,300px);transform:translateY(-50%)}.ld-playing{position:absolute;inset:2px var(--ld-gutter) auto;width:auto;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;margin:0}.ld-playing-title{gap:8px}.ld-playing-title h2{font-size:clamp(21px,6.3vw,32px)}.ld-frame-number{font-size:9px}.ld-view{font-size:13px;gap:3px;pointer-events:auto}.ld-work-summary{display:block;grid-column:1 / -1;color:#efdbbb;font-size:13px;line-height:1.6}.ld-playing .ld-view svg{width:13px}.ld-table-top{position:relative;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:21px 8px;min-height:0;padding-block:11px 19px}.ld-tray-caption{display:flex;align-items:baseline;gap:8px}.ld-tray-caption h2{font-size:18px;margin:0}.ld-tray-hint{font-size:12px}.ld-prints{grid-column:1 / -1;grid-row:2;grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,430px);gap:11px 14px;padding-inline:4px}.ld-prints:has(.ld-slot:only-child){grid-template-columns:minmax(0,1fr);width:min(55%,180px)}.ld-print-caption{height:max(23%,19px);gap:5px}.ld-print-serial{font-size:9px}.ld-print-title{font-size:clamp(12px,3.3vw,15px)}.ld-postcard{aspect-ratio:1.85}.ld-pull-tab{font-size:11px;padding:3px 8px 4px}.ld-tray-actions{grid-row:1;grid-column:2;flex-direction:row;align-items:center;gap:5px}.ld-next,.ld-return{min-height:38px;font-size:11px;gap:3px}.ld-tray-actions svg{width:12px}.ld-projecting .ld-tray-hint{display:none}.ld-table-edge{padding-inline:calc(var(--ld-gutter) - 4px);gap:6px;min-height:45px}.ld-index{gap:0}.ld-index-key{width:32px;min-height:44px}.ld-doorways{gap:14px}.ld-doorways a{font-size:12px;gap:3px;min-height:44px}.ld-doorways svg{width:12px}}@media(max-width:650px)and (max-height:670px){.light-desk{--ld-height: clamp(205px, 40svh, 258px)}.ld-welcome h1{font-size:34px}.ld-subtitle{font-size:17px}.ld-intro{margin-top:5px;font-size:12px}.ld-table-top{padding-block:6px 14px;gap:14px 7px}.ld-prints{gap:7px 11px}.ld-postcard{display:grid;grid-template-columns:47% minmax(0,1fr);align-items:center;gap:5px;min-height:48px;aspect-ratio:2.8;padding:4px}.ld-print{height:100%}.ld-print-caption{height:auto;align-items:flex-start;flex-direction:column;gap:2px}.ld-print-title{text-align:left;white-space:normal}}@media(max-width:370px){.light-desk{--ld-gutter: 17px}.ld-doorways{gap:8px}.ld-index-key{width:29px}}@media(prefers-reduced-motion:reduce){.light-desk *,.light-desk *:before,.light-desk *:after{transition:none!important}}.scroll-space[data-space-mode=depth]{position:relative;min-height:var(--space-track-height)}.scroll-space[data-space-mode=depth]>.space-pin{position:sticky;top:var(--space-top);height:var(--space-height);overflow:clip;isolation:isolate;background:linear-gradient(179deg,#44372d,#493e33 65%,#30251e 90%),#382d24}.scroll-space[data-space-mode=depth]>.space-pin:after{content:"";pointer-events:none;position:absolute;z-index:-2;top:var(--space-desk-height);inset-inline:0;bottom:-1px;background:linear-gradient(180deg,#26191299,#32231ed9 70%),url(./desk-walnut-B4T5B0Fd.webp) center top / 1100px auto repeat}.scroll-space[data-space-mode=depth]>.space-pin:before{content:"";pointer-events:none;position:absolute;z-index:-1;top:calc(var(--space-desk-height) + 13px);inset-inline:-4%;height:48px;background:linear-gradient(178deg,#79583d66,#281c1766 30%,#281d17a0),url(./desk-walnut-B4T5B0Fd.webp) center 65% / 1550px auto;border-top:1px solid #bd8e5966;box-shadow:0 5px 16px #20161166;transform:translate3d(0,var(--space-lip-y, 0px),0) rotate(-.8deg)}.scroll-space[data-space-mode=depth] .ld-room{overflow:visible}.scroll-space[data-space-mode=depth] .ld-stage{transform-origin:0 0;transform:var(--space-camera, none)}.scroll-space[data-space-mode=depth] .ld-machine{transform-origin:var(--space-lens-origin);transform:scale(var(--space-machine-scale, 1))}.scroll-space[data-space-mode=depth] .ld-window-light{translate:var(--space-light-x, 0px) 0}.scroll-space[data-space-mode=depth] .ld-table{transform:translate3d(0,var(--space-table-y, 0px),0);background-position:0 0,0 0,calc(50% + var(--space-wood-x, 0px)) 30%}.scroll-space[data-space-mode=depth] .ld-prints{transform-origin:50% 65%;transform:var(--space-rack-camera, none)}.space-proof,.space-proof-caption{display:none}.scroll-space[data-space-mode=depth] .light-desk:not(.ld-projecting) .space-proof{position:absolute;inset:0;display:grid;place-items:center;background:#d7b98b;color:#3c3026;font:500 clamp(18px,2.6vw,40px)/1.3 var(--serif, serif)}.space-proof img{width:100%;height:100%;object-fit:contain}.space-proof img+span{display:none}.scroll-space[data-space-gate=work] .light-desk:not(.ld-projecting) .ld-aperture:has(.space-proof img) .space-proof-caption{display:block;position:absolute;top:calc(100% + 7px);left:0;color:#fae9cf;font:500 clamp(16px,1.8vw,27px)/1.3 var(--serif, serif)}.scroll-space[data-space-mode=depth] .light-desk:not(.ld-projecting) .ld-welcome{clip-path:inset(0 var(--space-welcome-cut, 0%) 0 -8px);translate:var(--space-welcome-shift, 0px) 0;transition:none}.scroll-space[data-space-mode=depth] .light-desk:not(.ld-projecting) .ld-aperture{opacity:0;transition:none}.scroll-space:is([data-space-gate=opening],[data-space-gate=work]) .light-desk:not(.ld-projecting) .ld-aperture{opacity:1}.scroll-space:is([data-space-gate=opening],[data-space-gate=work]) .light-desk:not(.ld-projecting) .ld-welcome{visibility:hidden}.scroll-space:is([data-space-gate=opening],[data-space-gate=work]) .light-desk:not(.ld-projecting)[data-power=off] .ld-aperture{opacity:.14}.scroll-space[data-space-gate=opening] .light-desk:not(.ld-projecting) .ld-film{clip-path:inset(var(--space-gate-cut) 0)}@media(max-width:650px){.scroll-space[data-space-mode=depth] .ld-playing{transform-origin:top left;transform:translateY(var(--space-label-y, 0px)) scale(var(--space-label-scale, 1))}.scroll-space[data-space-mode=depth] .space-proof-caption{transform-origin:top left;transform:translateY(var(--space-proof-lift, 0px)) scale(var(--space-label-scale, 1));font-size:clamp(21px,6.3vw,32px)}}.scroll-space[data-space-mode=depth] .ld-table:has(:focus-visible){transform:translateY(min(var(--space-table-y, 0px),calc(var(--space-height) - var(--space-desk-height))))}#works:has(.wr-room){padding:0;border:0;background:#423027}.wr-room{--wr-ivory: #f9ebd1;--wr-sand: #d5bfa2;--wr-honey: #edc38b;--wr-ink: #382d23;--wr-tint: #964a30;color:var(--wr-ivory);background:radial-gradient(ellipse at 24% 53%,#a675494a,transparent 60%),linear-gradient(112deg,#2e211bea,#3a2b22d9 24%,#4d3728b8 63%,#34271fe6),url(./desk-walnut-B4T5B0Fd.webp) center / 1200px 370px repeat;border-block:1px solid #795b41;box-shadow:inset 0 6px 22px #1e18162c;padding:clamp(35px,3.7vw,61px) max(clamp(24px,5.65vw,95px),calc((100% - 1240px)/2)) clamp(38px,4vw,65px);font-family:var(--sans)}.wr-layout,.wr-heading-copy,.wr-bench>*,.wr-directory>*{min-width:0}.wr-room button:focus-visible,.wr-room select:focus-visible{outline:2px solid #ffe4a4;outline-offset:3px}.wr-heading{display:flex;align-items:end;justify-content:space-between;gap:16px 32px;margin-bottom:clamp(18px,2.25vw,34px)}.wr-chapter{display:flex;align-items:center;gap:10px;color:var(--wr-honey);font:10px/1.45 var(--mono);letter-spacing:.18em}.wr-chapter i{width:23px;height:1px;background:#b4956e}.wr-heading h2{margin:7px 0 5px;font:550 clamp(34px,3.3vw,52px)/1.23 var(--serif);letter-spacing:-.045em}.wr-intro{max-width:56em;color:#ddcbb3;font-size:clamp(13px,1.03vw,16px);line-height:1.65;overflow-wrap:anywhere}.wr-filters{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:0 4px;max-width:min(54%,600px)}.wr-filters button{min-width:45px;min-height:44px;position:relative;padding-inline:clamp(7px,.85vw,14px);color:#d6c2a6;font-size:13px;overflow-wrap:anywhere}.wr-filters button:after{content:"";position:absolute;left:11px;right:11px;bottom:4px;height:1px;background:#f2c691;transform:scaleX(0)}.wr-filters button[aria-pressed=true],.wr-filters button:hover{color:#fff0d4}.wr-filters button[aria-pressed=true]:after{transform:none}.wr-filter-field{display:flex;align-items:center;gap:10px;max-width:54%;color:#dec9ad;font-size:12px}.wr-filter-select{min-width:0;max-width:min(22em,100%);min-height:44px;padding:6px 9px;color:#fcebd0;background:#423126;border:1px solid #937b60;border-radius:2px;font:13px var(--sans)}.wr-bench{display:grid;grid-template-columns:minmax(0,1.96fr) minmax(0,.92fr);grid-template-areas:"viewer note" "index index";align-items:center;gap:0 clamp(30px,5.7vw,98px)}.wr-case{grid-area:viewer;position:relative;padding:clamp(10px,1vw,16px) clamp(12px,1.25vw,19px) 3px;border:1px solid #211e19;border-radius:9px 9px 10px 10px;background:linear-gradient(168deg,#c2b39b33,transparent 19%),linear-gradient(105deg,#5c554a,#504b40 52%,#393c35 84%,#4a463c);box-shadow:inset 0 1px 1px #e2d2b3a6,inset 2px 0 1px #dbcaac51,inset -2px 0 2px #2729229c,0 3px #34312a,0 5px #211f1c,1px 11px 11px -4px #100f0dade,6px 21px 27px -12px #100e0bc7}.wr-screw{position:absolute;z-index:2;width:5px;height:5px;border-radius:50%;background:linear-gradient(138deg,#a28d71 33%,#514737 42%,#332f28 55%,#9a8c73 66%);box-shadow:0 0 0 1px #292820b3,0 1px .8px #c9b99f78;pointer-events:none}.wr-screw-tl{top:5px;left:5px}.wr-screw-tr{top:5px;right:5px;transform:rotate(26deg)}.wr-screw-bl{bottom:5px;left:5px;transform:rotate(74deg)}.wr-screw-br{bottom:5px;right:5px;transform:rotate(-35deg)}.wr-diffuser{position:relative;display:grid;align-items:center;justify-items:center;padding:clamp(19px,2vw,32px) clamp(23px,3.25vw,49px);border:1px solid #4d483a;border-radius:3px;background:repeating-linear-gradient(0deg,transparent 0 15px,#ac894716 15px 16px),repeating-linear-gradient(90deg,transparent 0 15px,#ac894716 15px 16px),radial-gradient(ellipse at 45% 43%,#fff9de,#ffedb7 77%,#ecd298);box-shadow:inset 0 0 0 1px #fff8d9,inset 0 0 14px #93682f53,0 1px 1px #d4c6ae94}.wr-mark{position:absolute;width:14px;height:14px;opacity:.43}.wr-mark:before,.wr-mark:after{content:"";position:absolute;background:#866b3f}.wr-mark:before{top:6px;height:1px;left:0;right:0}.wr-mark:after{left:6px;width:1px;top:0;bottom:0}.wr-mark-tl{left:9px;top:8px}.wr-mark-br{right:9px;bottom:8px}.wr-holder{position:relative;width:100%;padding-inline:clamp(5px,.65vw,11px);border-radius:1px;background:linear-gradient(109deg,#38231c,#2c211b 48%,#42291d);box-shadow:0 1px 2px #503320d4,1px 3px 4px #58381762}.wr-film-edge{position:relative;display:flex;align-items:center;gap:7px;height:clamp(14px,1.5vw,23px);color:#f3b55f;font:8px var(--mono);letter-spacing:.12em;-webkit-user-select:none;user-select:none}.wr-film-edge>span{flex:1;height:clamp(4px,.5vw,7px);background:linear-gradient(#eed39e,#fff0bc);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='8' viewBox='0 0 21 8'%3E%3Crect x='1' y='0' width='11' height='8' rx='1.7'/%3E%3C/svg%3E") left center / auto 100% repeat-x;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='8' viewBox='0 0 21 8'%3E%3Crect x='1' y='0' width='11' height='8' rx='1.7'/%3E%3C/svg%3E") left center / auto 100% repeat-x}.wr-film-edge b{font-weight:500;white-space:nowrap}.wr-film-top{padding-inline:2px 0}.wr-film-bottom{padding-inline:1px 3px}.wr-surface{display:block;position:relative;z-index:1;width:100%;aspect-ratio:12 / 7;line-height:0;touch-action:pan-y pinch-zoom;background:#2c251f;cursor:crosshair;box-shadow:0 0 0 1px #1c1816}.wr-surface:focus-visible{outline-offset:1px!important}.wr-original{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.wr-no-cover{display:none;position:absolute;inset:0;align-items:center;justify-content:center;line-height:1.4;color:#e5d6bb;font-size:13px}.wr-room[data-image=missing] .wr-no-cover{display:flex}.wr-room[data-image=missing] .wr-original{visibility:hidden}.wr-loupe{position:absolute;z-index:1;width:90px;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(closest-side,transparent 83%,#bda990 86%,#383b35 89%,transparent 91%),repeating-conic-gradient(from 6deg,#8c8b7e 0 1deg,#454840 1.6deg 2.8deg,#2d322e 3.1deg 4.5deg);box-shadow:inset 2px 2px 2px #eee6d0bc,inset -2px -2px 2px #1d201a,0 1px 0 1px #211f19,2px 5px 0 -1px #48483e,3px 7px 0 -2px #24251f,5px 10px 8px -2px #302619ba;pointer-events:none;-webkit-user-select:none;user-select:none}.wr-loupe:after{content:"";position:absolute;inset:5%;border-radius:50%;border:1px solid #d6c5a5ba;box-shadow:inset 0 1px 1px #27251e,0 1px 1px #292b26}.wr-glass{position:absolute;inset:9%;overflow:hidden;border-radius:50%;background:#382c24}.wr-glass:after{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(135deg,#ffeecf4d,transparent 32%,transparent 72%,#ffe4ad13);box-shadow:inset 1px 2px 5px #302621b0,inset -1px -1px 2px #f2d6a971}.wr-crop{position:absolute;display:block;left:0;top:0;max-width:none;max-height:none}.wr-room:not([data-image=ready]) .wr-loupe,.wr-room:not([data-optics=ready]) .wr-loupe,.wr-room[data-loupe=off] .wr-loupe{visibility:hidden}.wr-room[data-loupe=off] .wr-surface{cursor:zoom-in}.wr-box-toolbar{display:flex;align-items:center;gap:clamp(8px,1vw,15px);padding:2px 4px 1px;color:#eee6d0}.wr-onlight{flex:none;width:6px;height:6px;border-radius:50%;background:#ffce7f;box-shadow:0 0 0 1px #3e382e,0 0 5px 1px #e2ae5680}.wr-rule{flex:1;height:5px;max-width:150px;opacity:.54;background:repeating-linear-gradient(90deg,#dfc49f 0 1px,transparent 1px 7px);border-bottom:1px solid #c1b193}.wr-pointer-cue{margin-left:auto;font-size:11px}.wr-touch-cue,.wr-key-cue,.wr-rest-cue{display:none}@media(hover:none),(pointer:coarse),(max-width:680px){.wr-mouse-cue{display:none}.wr-touch-cue{display:inline}}.wr-room[data-loupe=off] :is(.wr-touch-cue,.wr-mouse-cue){display:none}.wr-room[data-loupe=off] .wr-rest-cue{display:inline}.wr-room[data-image=missing] .wr-pointer-cue{visibility:hidden}.wr-room .wr-case:has(.wr-surface:focus-visible) :is(.wr-touch-cue,.wr-mouse-cue,.wr-rest-cue){display:none}.wr-case:has(.wr-surface:focus-visible) .wr-key-cue{display:inline}.wr-loupe-switch{display:inline-flex;flex:none;align-items:center;gap:6px;min-height:38px;padding:0 3px;color:#f5e7ce;font-size:12px;font-variant-numeric:tabular-nums}.wr-loupe-switch i{position:relative;display:block;width:22px;height:11px;border:1px solid #8c7d67;border-radius:3px;background:#302f28;box-shadow:inset 1px 1px 2px #201e19}.wr-loupe-switch i:before{content:"";position:absolute;inset:1px auto 1px 1px;width:8px;background:linear-gradient(#d6c6a3,#948569);border-radius:1px}.wr-loupe-switch[aria-pressed=true] i:before{left:11px;background:linear-gradient(#ffe0a5,#bda075)}.wr-loupe-switch:disabled{opacity:.55}.wr-note{grid-area:note;position:relative;max-width:390px;width:100%;justify-self:center;padding:clamp(24px,2.5vw,40px) clamp(22px,2.4vw,39px) clamp(14px,1.6vw,25px);transform:rotate(1deg);color:var(--wr-ink);background:linear-gradient(124deg,#fff7dc54,transparent 45%,#b9a07c17),#ede0c3;border-radius:1px;box-shadow:1px 2px 1px #3a2b1d5e,2px 5px 0 -2px #bbaa8c,3px 7px 1px -3px #8f7a5d,5px 12px 18px -5px #20181085}.wr-note:after{content:"";position:absolute;inset:0;pointer-events:none;background:url(./desk-plaster-DeAOd0bz.webp) center / 370px repeat;mix-blend-mode:multiply;opacity:.1}.wr-clip{position:absolute;z-index:1;width:15px;height:43px;right:30px;top:-13px;transform:rotate(8deg);border:2px solid #716f5e;border-radius:8px;box-shadow:inset .9px .7px #e6ddbf,1px .6px #d1c8ab,2px 2px 2px #5a4a3547}.wr-clip:after{content:"";position:absolute;inset:2px 2px 4px;border:1px solid #a19b80;border-top:0;border-radius:0 0 6px 6px}.wr-note-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:5px 12px;padding-bottom:13px;margin-bottom:clamp(13px,1.5vw,23px);border-bottom:1px solid #9e88656e}.wr-sheet-index{color:#655642;font:12px var(--mono);letter-spacing:.04em}.wr-sheet-index b{color:#513e2f;font-weight:600}.wr-sheet-index>span{color:#74644e}.wr-sample{color:#8c432e;font:11px/1.3 var(--serif);letter-spacing:.13em;border:1px solid #a1674d;padding:2px 5px 2px 6px;transform:rotate(-3deg)}.wr-title{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;font:550 clamp(28px,2.55vw,41px)/1.3 var(--serif);letter-spacing:-.035em}.wr-english{margin-top:5px;color:#765538;font:italic 400 clamp(14px,1.25vw,20px)/1.35 Georgia,var(--serif);overflow-wrap:anywhere}.wr-meta{display:flex;flex-wrap:wrap;gap:3px 9px;margin:17px 0 0;color:#665039;font-size:12px;line-height:1.5}.wr-meta span{max-width:100%;overflow-wrap:anywhere}.wr-meta span+span{padding-left:9px;border-left:1px solid #a58d6d9c}.wr-summary{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow-wrap:anywhere;margin-top:9px;font:400 clamp(14px,1.05vw,17px)/1.7 var(--serif);color:#4d4235}.wr-open{display:inline-flex;position:relative;z-index:1;gap:13px;align-items:center;min-height:44px;margin-top:clamp(10px,1.6vw,24px);font-weight:600;font-size:14px;color:#783d2c;text-decoration:underline;text-decoration-color:#ae775a94;text-underline-offset:5px}.wr-open svg{width:15px;height:15px;stroke-width:1.7}.wr-open:hover{color:#59271d}.wr-room .wr-open:focus-visible{outline-color:#873c29}.wr-directory{grid-area:index;display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:clamp(20px,3.3vw,55px);border-top:1px solid #d9b1803e;margin-top:clamp(24px,2.6vw,41px);padding-top:clamp(17px,1.8vw,29px)}.wr-directory-title{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px}.wr-directory-title h3{font:500 clamp(17px,1.4vw,23px)/1.4 var(--serif);letter-spacing:.025em}.wr-count{color:var(--wr-sand);font-size:11px;font-variant-numeric:tabular-nums}.wr-stepper{display:flex;align-items:center;gap:4px;margin-top:5px}.wr-stepper-caption{color:var(--wr-sand);font-size:11px;max-width:8em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wr-stepper button{width:37px;height:40px;display:grid;place-items:center;color:var(--wr-ivory)}.wr-stepper button svg{width:19px;height:15px}.wr-stepper button:disabled{opacity:.32}.wr-stepper button:not(:disabled):hover{color:#ffc587}.wr-rail{overflow:auto hidden;max-width:100%;padding:3px 2px 7px;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:#a78255 #33281e}.wr-strip{display:flex;width:max-content;padding:0 6px;background:linear-gradient(120deg,#3e281e,#35251e 57%,#432b1f);border-block:1px solid #976e457c;border-inline:1px solid #251d17;box-shadow:0 2px 3px #201711bd}.wr-frame{position:relative;flex:none;display:grid;gap:0;align-content:start;width:clamp(125px,14.3vw,219px);padding:0 6px;color:#e0c4a2;text-align:left;touch-action:pan-x pan-y pinch-zoom}.wr-frame-perf{height:10px;background:repeating-linear-gradient(90deg,#b3946a 0 6px,transparent 6px 12px) left center / 100% 3px no-repeat;opacity:.83}.wr-thumbnail{display:block;position:relative;aspect-ratio:2.9;overflow:hidden;background:#5b4432;box-shadow:0 0 0 1px #211d17}.wr-thumbnail img{display:block;width:100%;height:100%;object-fit:cover;opacity:.78}.wr-frame[aria-checked=true] .wr-thumbnail{box-shadow:0 0 0 2px #ffc982}.wr-frame[aria-checked=true] .wr-thumbnail img,.wr-frame:hover .wr-thumbnail img{opacity:1}.wr-frame-caption{display:flex;align-items:baseline;gap:7px;min-width:0;padding:4px 1px}.wr-frame-caption b{color:#eab372;font:500 10px/1.5 var(--mono);letter-spacing:.05em}.wr-frame-caption>span{font:12px/1.4 var(--serif);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wr-frame[aria-checked=true] .wr-frame-caption{color:#fff0cc}.wr-frame[aria-checked=true] .wr-frame-caption:after{content:"▴";margin-left:auto;color:#f3bb73;font:10px var(--mono)}.wr-room .wr-frame:focus-visible{outline-offset:-1px}.wr-empty{display:grid;place-content:center;justify-items:center;gap:16px;min-height:220px;color:#514432;border:8px solid #5a5448;border-radius:4px;background:radial-gradient(ellipse,#fff5d2,#ead4a7);box-shadow:0 5px 17px #211c1766}.wr-empty>span{width:44px;height:32px;border:2px solid #aa926554}.wr-empty p{font:16px var(--serif)}@media(min-width:1500px){.wr-diffuser{padding-inline:55px}}@media(min-width:901px)and (max-height:980px){.wr-room{padding-block:clamp(25px,3.5svh,37px) clamp(22px,3.3svh,36px)}.wr-heading{margin-bottom:19px}.wr-heading-copy{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:21px}.wr-chapter{flex:0 0 100%}.wr-heading h2{margin:6px 0 0}.wr-intro{min-width:0}.wr-diffuser{padding-block:clamp(16px,2svh,22px)}.wr-holder{max-width:clamp(420px,calc(125svh - 490px),635px)}.wr-directory{margin-top:25px;padding-top:17px}}@media(max-width:900px){.wr-bench{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);column-gap:26px}.wr-note{padding:20px 18px 13px}.wr-note-top{padding-bottom:8px;margin-bottom:11px}.wr-title{font-size:27px}.wr-meta{margin-top:13px}.wr-case{padding-inline:10px}.wr-diffuser{padding:17px 21px}.wr-box-toolbar{gap:7px}.wr-loupe-switch{min-height:36px}.wr-directory{gap:18px}}@media(max-width:680px){.wr-room{padding:28px 20px 30px}.wr-heading{flex-wrap:wrap;row-gap:5px;margin-bottom:13px}.wr-heading-copy{width:100%}.wr-heading h2{margin:5px 0;font-size:35px}.wr-intro{font-size:13px}.wr-filters{max-width:100%;gap:0;justify-content:flex-start;margin-left:-7px}.wr-filters button{padding-inline:9px;font-size:12px}.wr-filters button:after{left:9px;right:9px;bottom:6px}.wr-filter-field{max-width:100%}.wr-bench{grid-template-columns:minmax(0,1fr);grid-template-areas:"viewer" "index" "note";gap:0}.wr-case{padding:9px 9px 1px}.wr-diffuser{padding:16px 20px}.wr-film-edge{height:13px}.wr-box-toolbar{padding:0 4px}.wr-loupe-switch{min-height:44px}.wr-pointer-cue{font-size:10px}.wr-note{max-width:none;width:calc(100% - 12px);transform:rotate(-.65deg);padding:14px 16px 11px}.wr-clip{width:10px;height:28px;right:16px;top:-8px}.wr-note-top{margin:0 0 8px;padding-bottom:7px;padding-right:14px}.wr-sheet-index,.wr-sample{font-size:10px}.wr-title{font-size:26px}.wr-english{font-size:13px;margin-top:1px}.wr-meta{margin-top:8px;font-size:11px}.wr-summary{margin-top:3px;font-size:13px;line-height:1.6}.wr-open{min-height:44px;margin-top:0;margin-bottom:-5px}.wr-directory{display:block;margin:9px 0 16px;padding-top:0;border:0}.wr-directory-label{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:44px}.wr-stepper{margin:0;gap:3px}.wr-stepper-caption{max-width:6em}.wr-stepper button{width:43px;height:44px}.wr-rail{padding-inline:1px}.wr-frame{width:clamp(110px,33vw,165px)}.wr-frame-perf{height:9px}.wr-frame-caption{gap:5px}}@media(max-width:370px){.wr-room{padding-inline:15px}.wr-diffuser{padding:14px}.wr-mark{width:9px;height:9px}.wr-mark-tl{top:3px;left:3px}.wr-mark-br{bottom:5px;right:5px}.wr-frame{width:110px}}#about.about-section:has(.letter-room){padding:0;border:0}.letter-room{--lr-height: clamp(515px, 71svh, 785px);--lr-progress: 1;--lr-away: calc(1 - var(--lr-progress));--lr-gutter: clamp(34px, 7.6vw, 142px);--lr-photo-size: clamp(575px, min(77vw, var(--lr-height) * 1.52), 1260px);--lr-envelope-edge: 0% 44.14%, 22.98% 39.72%, 22.2% 37.8%, 21.77% 35.96%, 21.62% 34.01%, 21.78% 32.12%, 22.34% 30.31%, 23.38% 28.45%, 24.68% 26.91%, 26.22% 25.64%, 28.14% 24.72%, 30.12% 24.2%, 32.14% 24%, 34.12% 24.15%, 36.12% 24.67%, 37.98% 25.65%, 39.54% 27.06%, 40.8% 28.73%, 41.7% 30.53%, 42.33% 32.6%, 42.49% 34.62%, 42.35% 36.18%, 42.13% 36.86%, 68.78% 32.42%, 69.05% 32.49%, 84.43% 81.81%, 84.13% 82%, 8.06% 94.39%, 7.73% 94.13%, 0% 50.28%;--lr-paper-edge: 0% 44.14%, 68.78% 32.42%, 69.05% 32.49%, 84.43% 81.81%, 84.13% 82%, 8.06% 94.39%, 7.73% 94.13%, 0% 50.28%;--lr-tool-edge: 31.9% 24%, 34.12% 24.15%, 36.12% 24.67%, 37.98% 25.65%, 39.54% 27.06%, 40.8% 28.73%, 41.7% 30.53%, 42.33% 32.6%, 42.49% 34.62%, 42.35% 36.18%, 41.86% 37.96%, 40.88% 40.12%, 39.62% 42.4%, 38.54% 44.89%, 37.7% 47.46%, 37.22% 50.03%, 37.13% 51.86%, 37.3% 52.84%, 37.93% 54.14%, 38.15% 55.26%, 37.99% 56.17%, 37.1% 57.56%, 38.87% 58.29%, 40.54% 59.41%, 41.8% 60.8%, 42.65% 62.47%, 43.03% 64.41%, 43.12% 66.49%, 42.79% 68.6%, 42.22% 70.34%, 41.16% 71.93%, 39.68% 73.24%, 37.91% 74.28%, 35.82% 74.99%, 33.63% 75.31%, 31.17% 75.29%, 28.66% 74.91%, 26.42% 74.15%, 24.54% 73.07%, 23.04% 71.7%, 21.84% 70%, 21.15% 68.13%, 20.86% 66.17%, 20.82% 64.26%, 21.23% 62.41%, 22.23% 60.62%, 23.75% 59.05%, 25.48% 58.02%, 26.81% 57.56%, 25.98% 56.42%, 25.73% 55.31%, 25.91% 54.05%, 26.62% 52.77%, 27.01% 52.22%, 26.99% 50.55%, 26.65% 48.07%, 26.03% 45.7%, 25.08% 43.41%, 23.92% 41.34%, 22.87% 39.47%, 22.15% 37.59%, 21.75% 35.77%, 21.62% 34.01%, 21.78% 32.12%, 22.34% 30.31%, 23.38% 28.45%, 24.68% 26.91%, 26.22% 25.64%, 28.14% 24.72%, 30.12% 24.2%;--lr-flap-edge: 0% 44.14%, 68.83% 32.42%, 68.93% 34.91%, 68.4% 37.76%, 67.1% 39.72%, 44.6% 58.88%, 40.1% 62.42%, 36.23% 64.62%, 32.94% 65.37%, 29.51% 65.17%, 26.32% 64.18%, 3.04% 54.85%, .65% 52.98%, 0% 50.28%;--lr-sheet-edge: .1% .5%, 32% .2%, 65% .6%, 99.55% .1%, 100% 38%, 99.7% 74%, 99.88% 96%, 97% 99.95%, 66% 99.35%, 29% 99.9%, 0 99.35%, .3% 52%;position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"table";min-height:var(--lr-height);overflow:clip;color:#f7e5c7;background:radial-gradient(ellipse at 6% 48%,#43291b,transparent 61%),#20130e}.lr-world{position:absolute;inset:0;overflow:hidden;pointer-events:none;transition:filter .65s}.lr-world:after{position:absolute;inset:0;background:linear-gradient(90deg,#26180f24,#28190f00 50%),linear-gradient(0deg,#28170f30,transparent 22%);content:"";pointer-events:none}.lr-camera{position:absolute;width:var(--lr-photo-size);aspect-ratio:1;right:-2.2%;top:calc(var(--lr-height) * .5);transform:translateY(-54%);-webkit-mask-image:linear-gradient(to right,transparent,#000 23%,#000 88%,transparent 100%),linear-gradient(to bottom,transparent,#000 10%,#000 94%,transparent);mask-image:linear-gradient(to right,transparent,#000 23%,#000 88%,transparent 100%),linear-gradient(to bottom,transparent,#000 10%,#000 94%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect;transition:transform .75s cubic-bezier(.22,.76,.26,1)}.lr-backplane,.lr-foreplane,.lr-stamp-plane,.lr-hit-plane,.lr-envelope,.lr-paper-cut,.lr-wood-underlay,.lr-paper-underlay,.lr-mouth,.lr-hinge,.lr-flap,.lr-stamp-lift,.lr-unseal,.lr-photo,.lr-photo img{position:absolute;inset:0;display:block;width:100%;height:100%}.lr-photo{pointer-events:none}.lr-photo img{max-width:none;object-fit:fill;-webkit-user-select:none;user-select:none}.lr-backplane{transform-origin:58% 52%;transform:translate3d(calc(var(--lr-away) * -7px),calc(var(--lr-away) * -22px),0) scale(calc(1 + var(--lr-away) * .065));filter:blur(calc(var(--lr-progress) * .55px))}.lr-wood-underlay{background:#63351f url(./letter-wood-BAx-344a.webp) center / 100% 100% no-repeat}.lr-still{clip-path:polygon(40% 0,100% 0,100% 48.5%,86% 42%,73% 33.3%,61% 26.5%,49% 16.4%)}.lr-foreplane,.lr-hit-plane{transform-origin:66% 67%;transform:translate3d(calc(var(--lr-away) * 16px),calc(var(--lr-away) * 46px),0) rotate(calc(var(--lr-away) * 3.1deg)) scale(calc(1 - var(--lr-away) * .072))}.lr-foreplane{filter:blur(calc(var(--lr-away) * 1.25px)) drop-shadow(1px 4px 3px #210e0633)}.lr-paper-underlay,.lr-paper-cut{clip-path:polygon(var(--lr-paper-edge))}.lr-paper-underlay,.lr-mouth{background:#c39f6e url(../atelier/correspondence-small.webp) 67.5% 62% / 760% 760%}.lr-paper-underlay:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 15% 11% at 35% 71%,#512b16ce,#74472299 62%,transparent 90%)}.lr-without-stamp{clip-path:polygon(evenodd,0 0,100% 0,100% 100%,0 100%,0 0,var(--lr-tool-edge),31.9% 24%,0 0)}.lr-mouth,.lr-flap{clip-path:polygon(var(--lr-flap-edge))}.lr-mouth{opacity:0;filter:brightness(.78) saturate(.85);transition:opacity .28s}.lr-hinge{transform-origin:46% 36.4%;transition:transform .57s cubic-bezier(.3,.65,.22,1),filter .5s}.lr-stamp-plane{transform-origin:32% 74%;transform:rotate(calc(var(--lr-away) * -.9deg)) scaleY(calc(1 + var(--lr-away) * .037));filter:blur(calc(var(--lr-away) * .18px))}.lr-stamp-image{clip-path:polygon(var(--lr-tool-edge))}.lr-stamp-lift{transform-origin:32% 74%}.lr-settled-print{opacity:clamp(0,calc((var(--lr-progress) - .92) * 12.5),1)}.lr-unseal{overflow:visible;clip-path:polygon(var(--lr-envelope-edge));cursor:pointer;pointer-events:auto;color:#402a19}.lr-open-label{position:absolute;top:59.5%;left:54.1%;display:inline-flex;align-items:center;gap:.43em;min-height:44px;padding:2px 4px;transform:rotate(-10deg);font:590 clamp(18px,1.8vw,29px)/1.15 var(--serif);white-space:nowrap;transition:opacity .18s}.lr-open-label>span{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.28em;text-decoration-color:#624527aa}.lr-open-label svg{width:1.16em;height:1.16em;padding:.23em;border:1px solid currentColor;border-radius:50%;stroke-width:1.9;transition:transform .2s}.lr-unseal:focus-visible{outline:0}.lr-unseal:focus-visible .lr-open-label{outline:2px solid #422b19;outline-offset:4px;background:#f7e2bb}@media(hover:hover){.lr-unseal:hover .lr-open-label svg{transform:translate(2px,-2px);background:#f8e2b494}.lr-unseal:hover .lr-open-label>span{text-decoration-color:currentColor}}.lr-address{z-index:1;grid-area:table;align-self:start;width:min(35%,500px);margin:calc(var(--lr-height) * .32) 0 36px var(--lr-gutter);pointer-events:none;transform:translateY(calc(var(--lr-away) * 12px))}.lr-address p{display:flex;align-items:center;gap:12px;color:#e7c7a0;font:450 clamp(13px,1.05vw,17px)/1.65 var(--sans);letter-spacing:.13em;overflow-wrap:anywhere}.lr-address p:before{flex:0 0 30px;height:1px;background:#c09969;content:""}.lr-address h2{color:#f7e8cb;margin:.2em 0 0 -.035em;font:530 clamp(48px,5.78vw,88px)/1.19 var(--serif);letter-spacing:-.065em;text-shadow:0 1px 8px #24120d16}.letter-room[data-letter=open] .lr-camera{transform:translate(-10%,-54%)}.letter-room[data-letter=open] .lr-world{filter:brightness(.78) saturate(.9)}.letter-room[data-letter=open] .lr-settled-print{opacity:0}.letter-room[data-letter=open] .lr-mouth{opacity:1}.letter-room[data-letter=open] .lr-hinge{transform:perspective(1100px) rotate3d(1,-.17,0,133deg);filter:brightness(.79)}.letter-room:not(.lr-reduced)[data-letter=open] .lr-stamp-lift{animation:lr-move-stamp .7s cubic-bezier(.23,.73,.3,1)}@keyframes lr-move-stamp{0%,to{transform:none}38%{transform:translate(-.7%,-1.8%) rotate(-2.2deg)}}.letter-room[data-letter=open] .lr-open-label{opacity:0}.lr-reading{position:relative;z-index:2;grid-area:table;align-self:center;justify-self:end;width:min(52%,720px);margin:clamp(34px,4.6vw,76px) var(--lr-gutter) clamp(38px,4.9vw,82px) 0;transform:translateY(calc(var(--lr-away) * 17px))}.lr-sheet{position:relative;isolation:isolate;padding:clamp(56px,5vw,85px) clamp(25px,4.4vw,76px) clamp(19px,2.1vw,35px);color:#402f24;transform-origin:35% 90%;filter:drop-shadow(1px 2px 2px #24130d55) drop-shadow(8px 20px 20px #170d0860)}.lr-sheet:before{z-index:-2;position:absolute;inset:0;content:"";transform:rotate(-.75deg);background:linear-gradient(173deg,#fff3dca6,transparent 41.6%,#8b694b17 42%,#fff4da6b 42.45%,transparent 45%),linear-gradient(100deg,#efdbb7,#f6e9cc 64%,#e9d6b5);clip-path:polygon(var(--lr-sheet-edge))}.lr-sheet:after{position:absolute;z-index:-1;inset:.6% .65%;pointer-events:none;content:"";opacity:.085;transform:rotate(-.75deg);background:#cfb997 url(../atelier/correspondence-small.webp) 67% 63% / 820% auto;filter:grayscale(.7);mix-blend-mode:multiply;clip-path:polygon(var(--lr-sheet-edge))}.lr-fold,.lr-visit,.lr-contact{display:inline-flex;align-items:center;gap:7px;min-height:44px;color:#633f2c;font:500 13px/1.45 var(--sans);max-width:100%;overflow-wrap:anywhere}.lr-fold svg,.lr-visit svg,.lr-contact svg{width:17px;height:17px}.lr-fold{position:absolute;top:8px;right:clamp(15px,2.4vw,40px);color:#715a44}.lr-fold:hover span,.lr-contact:hover{text-decoration:underline;text-underline-offset:.23em}.lr-greeting{font:540 clamp(27px,2.65vw,42px)/1.45 var(--serif);letter-spacing:-.035em}.lr-greeting:focus{outline:none}.lr-message{margin-top:clamp(12px,1.3vw,20px);font:460 clamp(15px,1.16vw,19px)/1.95 var(--serif);letter-spacing:.025em;overflow-wrap:anywhere}.lr-message p+p{margin-top:.9em}.lr-message p{max-inline-size:29em;text-wrap:pretty}.lr-signature{display:flex;justify-content:flex-end;align-items:center;gap:9px;margin-top:clamp(16px,2vw,30px);font:550 clamp(18px,1.5vw,24px)/1.5 var(--serif);overflow-wrap:anywhere}.lr-signature svg{flex:none;width:18px;height:18px;transform:rotate(4deg)}.lr-tags{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:4px 10px;margin:6px 0 0;padding:0;list-style:none;color:#6e5c45;font:12px/1.6 var(--sans);overflow-wrap:anywhere}.lr-tags li+li:before{color:#95795a;content:"·";margin-right:10px}.lr-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:3px 12px;border-top:1px solid #906d4840;margin-top:clamp(17px,1.8vw,29px);padding-top:5px}.lr-visit,.lr-contact{color:#7b3f2c}.lr-visit .seal-label{color:inherit;font:inherit;letter-spacing:.025em}.lr-visit:not(:disabled):hover .seal-label{text-decoration:underline;text-underline-offset:.23em}.lr-visit.stamped{color:#8f422d}.lr-stamp-tool{display:grid;place-items:center}.lr-imprint,.lr-visit.stamped .lr-stamp-tool{display:none}.lr-visit.stamped .lr-imprint{display:grid;place-items:center;width:35px;aspect-ratio:1;border:2px double currentColor;border-radius:48% 52% 49% 48%;transform:rotate(-8deg)}.lr-imprint svg{width:26px;height:26px}.lr-imprint svg rect{fill:none}.lr-imprint svg g{stroke:currentColor}@media(min-width:1750px){.lr-camera{right:max(-25px,calc((100% - 1740px)/2))}}@media(max-width:900px){.letter-room{--lr-gutter: clamp(27px, 5.7vw, 60px)}.lr-reading{width:56%}.lr-sheet{padding-inline:clamp(23px,3.6vw,40px)}}@media(max-width:620px){.letter-room{--lr-height: clamp(436px, 146vw, 676px);--lr-mobile-table: clamp(334px, 118vw, 526px);--lr-photo-size: min(115%, 683px);--lr-gutter: clamp(23px, 6.9vw, 44px);grid-template-areas:"address" "table";grid-template-rows:auto minmax(var(--lr-mobile-table),1fr);background:radial-gradient(ellipse at 10% 5%,#493022,transparent 67%),#26170f}.lr-world{grid-area:table}.lr-camera{right:-6.5%;top:var(--lr-mobile-table);transform:translateY(-99.5%);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 17%,#000 94%,transparent),linear-gradient(to right,transparent 0%,#000 7%,#000 96%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 17%,#000 94%,transparent),linear-gradient(to right,transparent 0%,#000 7%,#000 96%,transparent)}.lr-world:after{background:linear-gradient(0deg,#24160f25,transparent 16%)}.lr-address{grid-area:address;width:calc(100% - 2 * var(--lr-gutter));margin:clamp(27px,8.4vw,51px) var(--lr-gutter) 0}.lr-address p{font-size:12px;gap:9px}.lr-address p:before{flex-basis:21px}.lr-address h2{margin-top:.12em;font-size:clamp(39px,10.8vw,61px)}.lr-open-label{left:52.5%;top:57.5%;gap:.35em;font-size:clamp(15px,4.4vw,23px)}.letter-room[data-letter=open] .lr-camera{transform:translate(-3%,-99.5%)}.lr-reading{align-self:start;justify-self:center;width:calc(100% - (2*clamp(15px,4.9vw,29px)));margin:clamp(17px,5.4vw,31px) 0 clamp(25px,7.1vw,38px)}.lr-sheet{padding:55px clamp(20px,6.6vw,36px) clamp(17px,4.8vw,26px)}.lr-fold{right:clamp(15px,5.4vw,31px);top:5px}.lr-greeting{font-size:clamp(26px,6.7vw,32px)}.lr-message{font-size:15px}.lr-signature{font-size:18px;margin-top:17px}.lr-tags{font-size:11px}.lr-visit,.lr-contact,.lr-fold{font-size:12px}}.lr-reduced .lr-world,.lr-reduced .lr-camera,.lr-reduced .lr-mouth,.lr-reduced .lr-hinge,.lr-reduced .lr-stamp-lift,.lr-reduced .lr-open-label,.lr-reduced .lr-open-label svg{transition:none}.print-passage{position:fixed;inset:0 auto auto 0;z-index:7;display:block;margin:0;padding:0;background:none;border:0;line-height:0;cursor:pointer;pointer-events:auto;touch-action:pan-y pinch-zoom;transform-origin:center}.print-passage[hidden]{display:none!important}.print-passage-paper,.print-passage-paper>img{display:block;width:100%;height:100%;pointer-events:none}.print-passage-paper{position:relative;transform-origin:center;background:#dac39b;box-shadow:0 calc(17px * var(--lift)) calc(30px * var(--lift)) rgb(31 22 16 / calc(.4 * var(--lift)))}.print-passage-paper>img{object-fit:contain}.print-passage-paper:before,.print-passage-paper:after{content:"";position:absolute;inset:0;pointer-events:none}.print-passage-paper:before{background:linear-gradient(135deg,rgb(255 222 169 / .11),transparent 60%,rgb(103 67 32 / .11)),url(./desk-plaster-DeAOd0bz.webp);mix-blend-mode:soft-light;opacity:calc(.23 * var(--projection))}.print-passage-paper:after{border:1px solid #e3c69d;box-shadow:1px 2px #614830;background:linear-gradient(116deg,transparent 28%,#fff6df26 49%,transparent 69%);opacity:var(--lift)}.print-passage:focus-visible .print-passage-paper{outline:2px solid #ffdfa0;outline-offset:3px}.passage-source .ld-aperture .ld-film,.passage-target .wr-original{visibility:hidden}.passage-target .wr-loupe{opacity:var(--passage-loupe, 0)}.passage-target .wr-surface{background:transparent;box-shadow:none}.passage-target .wr-holder{background:#3b2a21}.passage-target .wr-holder:before{content:"";position:absolute;inset-inline:var(--passage-film-side);top:var(--passage-film-top);height:var(--passage-film-height);background:radial-gradient(ellipse at 45% 43%,#fff6d5,#efdaaa 84%,#d7b98b);box-shadow:inset 0 0 6px #9a78462b;pointer-events:none}.passage-target .wr-surface{z-index:6}
