:root{--paper: #F3EDE2;--paper-hi: #FBF8F1;--kraft: #C9A27A;--kraft-dk: #A9825C;--ink: #2B2A28;--ink-soft: #5E5A53;--ink-mute: #8C877E;--accent: #D9653B;--accent-dk: #B44F2B;--tape: rgba(232, 221, 181, .78);--f-latin: "Fraunces", "Noto Serif SC", serif;--f-serif: "Noto Serif SC", serif;--f-hand: "LXGW WenKai", "Noto Serif SC", serif;--f-mono: "JetBrains Mono", ui-monospace, monospace;--wrap: min(1180px, 88vw);--shadow: drop-shadow(0 1px 1px rgba(60, 45, 30, .18)) drop-shadow(0 6px 10px rgba(60, 45, 30, .1))}*{box-sizing:border-box}html{scroll-behavior:smooth}html.lenis,html.lenis body{height:auto}body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.8 var(--f-serif);-webkit-font-smoothing:antialiased;overflow-x:hidden;overflow-x:clip}a{color:inherit;text-decoration:none}h1,h2,h3,p,figure,blockquote{margin:0}.grain{position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.2;background-image:url(/assets/grain.png)}section{width:var(--wrap);margin:0 auto;position:relative}.tape{position:absolute;width:74px;height:22px;z-index:3;background:var(--tape);transform:rotate(var(--r, 0deg));clip-path:polygon(0 8%,6% 0,12% 10%,18% 0,24% 8%,100% 0,94% 12%,100% 26%,94% 40%,100% 56%,94% 72%,100% 88%,95% 100%,0 100%,6% 86%,0 70%,6% 54%,0 38%,6% 22%);box-shadow:inset 0 0 0 100px #ffffff14}.tape-top{top:-11px;left:50%;margin-left:-37px}.tape-corner{top:-6px;right:-18px;transform:rotate(38deg)}.label{font:500 13px/1 var(--f-mono);letter-spacing:.12em;color:var(--ink-mute);margin-bottom:22px}.label:before{content:"— "}.sec-head{display:flex;align-items:baseline;gap:18px;margin-bottom:56px;padding-bottom:14px;border-bottom:1.5px dashed rgba(43,42,40,.25)}.sec-no{font:500 13px var(--f-mono);color:var(--accent)}.sec-title{font:400 40px/1.2 var(--f-hand);letter-spacing:.04em}.sec-en{font:italic 500 17px var(--f-latin);color:var(--ink-mute);margin-left:auto}.tabs{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:40;display:flex;flex-direction:column;gap:6px}.tab{writing-mode:vertical-rl;letter-spacing:.3em;font:400 14px/1 var(--f-hand);padding:14px 9px 14px 11px;border-radius:6px 0 0 6px;filter:var(--shadow);transform:translate(6px)}.t-cream{background:var(--paper-hi)}.t-kraft{background:var(--kraft)}.t-accent{background:var(--accent);color:var(--paper-hi)}.t-ink{background:var(--ink);color:var(--paper-hi)}.hero{width:100%;height:100vh;min-height:640px;position:relative;z-index:5;pointer-events:none}.half{position:absolute;inset:0;will-change:transform}.half.lifted{filter:drop-shadow(0 18px 30px rgba(60,45,30,.28))}.half-fiber{position:absolute;inset:0;background:var(--paper-hi);opacity:0}.sheet{position:absolute;inset:0;background:radial-gradient(ellipse at 30% 40%,#faf6ee,#f2ece0 80%);display:flex;align-items:center;pointer-events:auto}.hero-grid{width:var(--wrap);margin:0 auto;display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:4vw}.name{display:flex;align-items:flex-end;gap:10px;margin-bottom:44px}.ltr{position:relative;display:grid;place-items:center;width:clamp(64px,7.4vw,112px);height:clamp(82px,9.4vw,142px);transform:translateY(var(--y)) rotate(var(--r));filter:var(--shadow);will-change:transform,rotate,translate}.ltr-fiber{position:absolute;inset:-3px;background:var(--paper-hi)}.ltr-paper{position:absolute;inset:0}.ltr-ch{position:relative;font:700 clamp(52px,6.2vw,96px)/1 var(--f-latin);font-variation-settings:"opsz" 144}.p-kraft .ltr-paper{background:var(--kraft)}.p-cream .ltr-paper{background:var(--paper-hi)}.p-ink .ltr-paper{background:var(--ink)}.p-ink .ltr-ch{color:var(--paper-hi)}.p-accent .ltr-paper{background:var(--accent)}.p-accent .ltr-ch{color:var(--paper-hi)}.p-news .ltr-paper{background:repeating-linear-gradient(0deg,transparent 0 9px,rgba(43,42,40,.13) 9px 10px),#e8e3d8}.p-news .ltr-ch{font-style:italic}.cursor{width:6px;height:clamp(54px,6vw,92px);margin-left:8px;align-self:center;background:var(--accent);opacity:.9}.strip{display:inline-block;position:relative;padding:6px 16px 7px;background:#ece7dc;box-shadow:0 1px 2px #3c2d1e26;clip-path:polygon(0 4%,3% 0,97% 6%,100% 0,99% 50%,100% 96%,96% 100%,2% 94%,0 100%,1% 50%)}.tagline{margin-bottom:26px}.tagline .strip{font:600 26px/1.5 var(--f-serif);letter-spacing:.08em}.hint{font:400 17px var(--f-hand);color:var(--ink-soft);display:flex;align-items:center;gap:6px}.hint-arrow{width:34px;height:34px;fill:none;stroke:var(--ink-soft);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.hero-right{position:relative;display:grid;place-items:center}.hero-char{width:min(100%,440px);position:relative;z-index:2}.character{width:100%;height:auto;display:block;overflow:visible}.scrap{position:absolute;z-index:1;transform:rotate(var(--r));will-change:transform,rotate,translate}.scrap-a{width:62%;height:58%;left:12%;top:18%;background:var(--kraft);opacity:.55}.scrap-b{width:34%;height:26%;right:2%;top:8%;background:repeating-linear-gradient(0deg,transparent 0 9px,rgba(43,42,40,.13) 9px 10px),#e8e3d8}.sticker-svg{display:block;width:100%;height:100%;overflow:visible}.st-edge *{fill:#fbf8f1!important;stroke:#fbf8f1!important;stroke-width:14px!important;stroke-linejoin:round;stroke-dasharray:none!important}.st-text{font:700 30px var(--f-latin)}.st-text.big{font-size:62px}.led{animation:led 1.4s steps(1) infinite}.led:nth-of-type(2){animation-delay:.5s}.led:nth-of-type(3){animation-delay:.9s}@keyframes led{50%{fill:#f3d9a4}}.works{min-height:100vh;padding:12vh 0 22vh;display:flex;flex-direction:column;justify-content:center;z-index:1}.works-in{position:relative}.works .sec-head{margin-bottom:6vh}.works-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:72px;align-items:center}.works-row{display:grid;grid-template-columns:1fr 1fr;gap:36px}.works-col:last-child .works-row{grid-template-columns:1fr;gap:24px}.work{position:relative;display:block;transform:rotate(var(--r))}.work-done{background:var(--paper-hi);padding:16px 16px 22px;filter:var(--shadow)}.polaroid-img{display:grid;place-items:center;aspect-ratio:4 / 3;margin-bottom:14px;background:repeating-linear-gradient(135deg,#e4dccd 0 10px,#ddd3c2 10px 20px);font:400 13px var(--f-mono);color:var(--ink-mute)}.work-meta{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.work-title{font:400 21px/1.4 var(--f-hand)}.work-kind{font:500 11px/1 var(--f-mono);letter-spacing:.1em;padding:4px 7px;border:1px solid currentColor;color:var(--accent);border-radius:3px}.work-note{display:block;font-size:14px;color:var(--ink-soft);margin-top:4px}.works-grid.has-pile{grid-template-columns:2.1fr 1fr;gap:56px}.has-pile .works-col:first-child .works-row{grid-template-columns:1fr 1fr .82fr;gap:30px;align-items:center}.work-pile{position:relative;display:block;aspect-ratio:1 / 1.2;transform:rotate(var(--r));cursor:pointer}.pile-card{position:absolute;left:4%;right:4%;top:12%;height:74%;padding:9px 9px 0;background:var(--paper-hi);box-shadow:0 1px 2px #3c2d1e29,0 6px 14px #3c2d1e1f;transition:transform .55s cubic-bezier(.34,1.56,.64,1)}.pile-card .polaroid-img{margin-bottom:8px}.pc-3{transform:translate(-5%,4%) rotate(-9deg)}.pc-2{transform:translate(6%,-2%) rotate(7deg)}.pc-1{transform:rotate(-1.5deg)}.pile-title{display:block;font:400 16px/1.3 var(--f-hand);color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.work-pile:hover .pc-3{transform:translate(-16%,5%) rotate(-17deg)}.work-pile:hover .pc-2{transform:translate(16%,-3%) rotate(14deg)}.work-pile:hover .pc-1{transform:translateY(-8px) rotate(0)}.pile-band{position:absolute;left:0;right:0;top:50%;height:7px;transform:rotate(-4deg);background:linear-gradient(#b48e64,#9c774f);box-shadow:0 2px 3px #3c2d1e40;border-radius:3px}.pile-tag{position:absolute;right:-6%;top:54%;display:flex;flex-direction:column;gap:2px;padding:12px 16px 10px 22px;background:var(--kraft);color:var(--ink);transform:rotate(7deg);transform-origin:0 0;box-shadow:0 2px 4px #3c2d1e33;clip-path:polygon(12px 0,100% 0,100% 100%,12px 100%,0 50%);transition:transform .5s cubic-bezier(.34,1.56,.64,1)}.pile-tag b{font:400 20px/1.2 var(--f-hand)}.pile-tag small{font:500 11px var(--f-mono);letter-spacing:.1em;color:#2b2a28b3}.work-pile:hover .pile-tag{transform:rotate(2deg)}.work-next{border:2px dashed rgba(43,42,40,.38);border-radius:4px;padding:30px 28px 28px 88px;min-height:150px}.work-next .work-kind{position:absolute;right:18px;top:18px;color:var(--ink-mute)}.scissors{position:absolute;left:22px;top:26px;width:44px;height:44px;fill:none;stroke:var(--ink-soft);stroke-width:2.4;stroke-linecap:round}.likes{height:100vh;width:100%;z-index:2}@media(min-width:861px){.likes{margin-top:-100vh}}.likes.in-photo .likes-stage{box-shadow:0 0 0 4000px var(--paper)}.likes.in-photo .likes-stage:after,.likes.in-photo .sheet-shadow{visibility:hidden}.pin-spacer{pointer-events:none}.pin-spacer>:not(.hero){pointer-events:auto}.likes-lift{position:relative;height:100vh;will-change:transform}.likes-stage{position:relative;z-index:0;height:100vh;display:flex;flex-direction:column;justify-content:center;background:var(--paper);overflow:hidden;overflow:clip visible;will-change:transform}.likes-stage:after{content:"";position:absolute;left:0;right:0;height:28px;background:var(--paper);pointer-events:none}.likes-stage:after{bottom:-26px;clip-path:polygon(0 0,100% 0,100% 0%,100% 78%,97.5% 50%,95% 41%,92.5% 30%,90% 30%,87.5% 81%,85% 68%,82.5% 54%,80% 65%,77.5% 55%,75% 64%,72.5% 41%,70% 69%,67.5% 68%,65% 98%,62.5% 83%,60% 87%,57.5% 96%,55% 63%,52.5% 99%,50% 89%,47.5% 57%,45% 54%,42.5% 32%,40% 31%,37.5% 97%,35% 51%,32.5% 43%,30% 94%,27.5% 79%,25% 93%,22.5% 44%,20% 56%,17.5% 64%,15% 87%,12.5% 59%,10% 64%,7.5% 67%,5% 35%,2.5% 61%,0% 68%)}.sheet-shadow{position:absolute;left:0;right:0;top:calc(100% + 14px);height:48px;z-index:-1;pointer-events:none;background:linear-gradient(rgba(60,45,30,.13),transparent)}.likes .sec-head{width:var(--wrap);margin:0 auto 2vh}.line-wrap{position:relative;height:72vh;margin-top:1vh}.rail{position:absolute;left:0;top:0;height:100%;display:flex;align-items:flex-start;gap:56px;padding:0 14vw 0 max(6vw,calc((100vw - 1180px)/2));will-change:transform}.rope{position:absolute;left:0;top:8px;height:40px;overflow:visible}.rope path{fill:none;stroke:#8c877e;stroke-width:2}.hanger{position:relative;flex:none;margin:18px 0 0;transform-origin:50% 0;transform:rotate(var(--r));will-change:transform}.peg{position:absolute;left:50%;top:-12px;width:14px;height:38px;margin-left:-7px;z-index:4;background:linear-gradient(90deg,#b98f64,#d8b48a 50%,#b98f64);border-radius:3px;box-shadow:0 2px 3px #3c2d1e4d}.peg:after{content:"";position:absolute;left:6px;top:5px;width:2px;height:28px;background:#3c2d1e59}.card{position:relative;filter:drop-shadow(0 8px 12px rgba(60,45,30,.22))}.hanger figcaption{max-width:290px;margin-top:16px;font:400 15px/1.6 var(--f-hand);color:var(--ink-soft)}.card.grab{cursor:grab;user-select:none;-webkit-user-select:none;touch-action:none}.card.grab img,.card.grab svg{-webkit-user-drag:none}html.grabbing,html.grabbing *{cursor:grabbing!important;user-select:none}.hanger.fell>.card,.hanger.fell figcaption{visibility:hidden}.fallen{position:absolute;left:0;top:0;z-index:-1;pointer-events:none;will-change:transform}.h-poster .card{width:300px}.poster-svg,.poster-img{display:block;width:100%;height:auto}.poster-img{aspect-ratio:240 / 340;object-fit:cover}.poster-title{font:600 30px var(--f-serif);letter-spacing:.04em}.poster-title.sm{font-size:24px}.poster-sub{font:italic 500 12px var(--f-latin);opacity:.8}.poster-kind{font:500 9px var(--f-mono);letter-spacing:2px;opacity:.7}.h-poster .card:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.38) 50%,transparent 60%);transform:translate(-110%);opacity:0}.h-poster.focus .card:after{transition:transform 1.1s ease,opacity .2s;transform:translate(110%);opacity:1}.h-tag .card{width:170px;padding:30px 18px 22px;background:var(--kraft);display:flex;flex-direction:column;align-items:center;gap:2px}.tag-hole{width:12px;height:12px;border-radius:50%;background:var(--paper);box-shadow:inset 0 0 0 2px var(--kraft-dk);margin-bottom:10px}.h-tag b{font:400 28px var(--f-hand)}.h-tag small{font:500 10px var(--f-mono);letter-spacing:.2em;color:var(--ink-soft)}.h-record .card{width:300px;height:300px}.sleeve{position:absolute;inset:0;z-index:2}.vinyl{position:absolute;left:14px;top:14px;width:272px;height:272px;border-radius:50%;z-index:1;background:repeating-radial-gradient(circle,#1e1d1b 0 2px,#2e2c29 2px 4px);transition:transform 1s cubic-bezier(.2,.8,.2,1)}.vinyl i{position:absolute;inset:34%;border-radius:50%;background:var(--accent)}.vinyl i:before{content:"";position:absolute;left:50%;top:8%;width:3px;height:30%;margin-left:-1.5px;background:var(--paper-hi);border-radius:2px}.vinyl i:after{content:"";position:absolute;inset:44%;border-radius:50%;background:var(--paper)}.h-record.focus .vinyl,.h-record:hover .vinyl{transform:translate(44%)}.h-record.focus .vinyl i,.h-record:hover .vinyl i{animation:spin 2.4s linear infinite}.h-book .card{width:262px;height:371px;perspective:1000px}.book-pages{position:absolute;inset:4px 0 4px 8px;border-radius:0 3px 3px 0;background:repeating-linear-gradient(0deg,#f6f1e7 0 2px,#e7e0d2 2px 3px)}.book-cover{position:absolute;inset:0;transform-origin:0 50%;transition:transform 1s cubic-bezier(.2,.8,.2,1)}.book-cover .poster-svg{height:100%}.book-cover:after{content:"";position:absolute;left:0;top:0;bottom:0;width:10px;background:linear-gradient(90deg,rgba(0,0,0,.18),transparent)}.h-book.focus .book-cover,.h-book:hover .book-cover{transform:rotateY(-36deg)}.h-more .card{width:200px;background:var(--accent);color:var(--paper-hi);cursor:pointer}.h-more b{white-space:nowrap}.h-more small{color:#fbf8f1cc}.h-more .card:hover{transform:translateY(-4px)}.h-more .card{transition:transform .3s}.poster-glyph{font:600 150px var(--f-serif)}.nodes{padding:4vh 0 8vh;position:relative;z-index:1}@media(min-width:861px){.nodes{margin-top:-100vh}}.nodes-intro{position:absolute;inset:0;z-index:6;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.buddy{width:170px;height:170px;filter:drop-shadow(0 8px 10px rgba(60,45,30,.22));margin-bottom:18px;will-change:transform}.intro-line{font:400 34px/1.5 var(--f-hand);letter-spacing:.06em}.ic{display:inline-block}.map-wrap{transform-origin:var(--hx, 78%) var(--hy, 40%);will-change:transform,opacity}.nodes .sec-head{margin-bottom:18px}.nodes-sub{font:400 18px var(--f-hand);color:var(--ink-soft);margin-bottom:40px}.map-wrap{position:relative}.map{width:100%;height:auto;display:block;overflow:visible;will-change:opacity}.map-fx{position:absolute;left:0;top:0;width:100%;height:auto;overflow:visible}.map-sphere{fill:#ede6d8;stroke:#2b2a2833;stroke-width:1.2;stroke-dasharray:4 5}.map-grat{fill:none;stroke:#2b2a2814;stroke-width:.8}.map-land-fiber path{fill:var(--paper-hi);stroke:var(--paper-hi);stroke-width:2.5}.map-land path{fill:var(--kraft)}.map-arcs path{fill:none;stroke:var(--accent);stroke-width:1.6;stroke-dasharray:2 6;stroke-linecap:round}.node-halo{fill:var(--accent);opacity:.22}.node-dot{fill:var(--accent);stroke:var(--paper-hi);stroke-width:2.5}.node-tag rect{fill:var(--paper-hi);stroke:#2b2a282e;stroke-width:1}.node-tag text{font:400 13px var(--f-hand);fill:var(--ink)}.map-fail{font:400 14px var(--f-mono);color:var(--ink-mute)}.end{padding:6vh 0 0}.letter-stage{position:relative;min-height:100vh;display:grid;place-items:center}.meadow{--mh: 58vh;position:sticky;top:calc(100vh - var(--mh));display:block;z-index:0;width:100vw;height:var(--mh);margin:calc(100vh - var(--mh)) 0 -100vh calc(50% - 50vw);pointer-events:none;will-change:transform;filter:drop-shadow(0 1px 1px rgba(60,45,30,.16)) drop-shadow(0 4px 6px rgba(60,45,30,.08))}.meadow-front{z-index:3}.big-plane{position:absolute;left:50%;top:50%;width:240px;margin:-80px 0 0 -120px;z-index:5;opacity:0;will-change:transform}.letter{position:relative;z-index:1;width:min(780px,92%);padding:76px 84px 72px;background:repeating-linear-gradient(180deg,transparent 0 39px,rgba(124,147,166,.28) 39px 40px) 0 34px / 100% 100% no-repeat,var(--paper-hi);box-shadow:0 2px 3px #3c2d1e1f,0 24px 44px #3c2d1e29;will-change:transform}.ll{margin:0;min-height:40px;font:400 24px/40px var(--f-hand)}.ll .mc{display:inline-block}.ll-to{color:var(--ink-soft)}.ll-motto{margin:22px 0 22px 6px;padding-left:22px;border-left:3px solid var(--accent)}.ll-m{font:400 34px/48px "Ma Shan Zheng",var(--f-hand);letter-spacing:.02em;white-space:nowrap}.ll-sign{text-align:right;margin-top:22px}.postage{display:block;background:var(--paper-hi);padding:7px;-webkit-mask:radial-gradient(circle 4px at 5px 5px,#0000 96%,#000) -5px -5px / 10px 10px;mask:radial-gradient(circle 4px at 5px 5px,#0000 96%,#000) -5px -5px / 10px 10px}.postage-in{display:flex;flex-direction:column;align-items:center;height:100%;background:#eadfcb;overflow:hidden}.postage-in svg{width:100%;flex:1}.postage-in b{font:500 10px var(--f-mono);letter-spacing:.15em;padding:3px 0 5px}.letter-stamp{position:absolute;right:38px;top:30px;width:96px;height:118px;transform:rotate(4deg)}.stamp-face{flex:1;width:120%;margin-top:4px;overflow:hidden}.stamp-face .character{width:100%}.postmark{position:absolute;right:100px;top:96px;width:170px;opacity:.8;transform:rotate(-12deg)}.pm-text{font:500 11px var(--f-mono);fill:#b44f2b;letter-spacing:1px}.pm-text.sm{font-size:10px}.leaf{position:absolute;left:-34px;bottom:-26px;width:72px;transform:rotate(-24deg)}.motto{display:flex;flex-direction:column;align-items:center;gap:8px;font:400 clamp(26px,3vw,40px)/1.6 var(--f-hand);letter-spacing:.06em;text-align:center;margin-bottom:14vh}.motto span:last-child{color:var(--ink-soft)}.end-row{position:relative;z-index:2;display:grid;grid-template-columns:300px 1fr;gap:72px;align-items:end;margin-top:-18vh;padding-bottom:calc(max(100vw / 1600,58vh / 520)*14)}.end-char{position:relative;width:100%}.end-char .character{display:block}.end-char .foot-grass{position:absolute;left:-10px;right:-10px;bottom:-6px;width:calc(100% + 20px);height:50px}.contact-row{display:flex;gap:28px;align-items:flex-end}.sign{position:relative;display:flex;flex-direction:column;align-items:center;transform:rotate(var(--r));transform-origin:50% 100%;color:inherit;text-decoration:none}.sign .board{position:relative;display:flex;flex-direction:column;gap:4px;min-width:180px;padding:18px 22px 16px;background:#d4b48e repeating-linear-gradient(176deg,transparent 0 9px,rgba(120,80,40,.1) 9px 10px,transparent 10px 23px);border-radius:3px;box-shadow:0 0 0 3px var(--paper-hi),0 2px 3px #3c2d1e33,0 10px 18px #3c2d1e24}.sign .nail{position:absolute;top:9px;left:10px;width:6px;height:6px;border-radius:50%;background:#7a5a3c}.sign .nail+.nail{left:auto;right:10px}.sign .post{width:14px;height:var(--h);margin-top:-2px;background:linear-gradient(90deg,#a9825c,#c9a27a 45%,#a9825c);box-shadow:0 0 0 2.5px var(--paper-hi)}.sign .foot-grass{position:absolute;bottom:-8px;width:64px;height:46px}.contact-kind{font:500 12px var(--f-mono);letter-spacing:.2em;color:#8a4a2a}.contact-value{font:400 20px var(--f-hand);white-space:nowrap}.qr{display:grid;place-items:center;width:116px;aspect-ratio:1;margin:6px auto 2px;background:repeating-linear-gradient(45deg,#e4dccd 0 6px,#ddd3c2 6px 12px);font:400 12px var(--f-mono);color:var(--ink-mute)}.qr img{width:100%;height:100%}.sign.tag{margin-left:auto}.sign.tag .board{min-width:0;padding:8px 12px;background:var(--paper-hi);border-radius:2px;font:400 11px/1.6 var(--f-mono);color:var(--ink-mute);letter-spacing:.08em;white-space:nowrap;box-shadow:0 2px 3px #3c2d1e29,0 6px 10px #3c2d1e1a}.sign.tag .post{width:6px;background:var(--paper-hi);box-shadow:0 1px 2px #3c2d1e33}.sign.tag .foot-grass{width:40px}@media(max-width:860px){:root{--wrap: calc(100vw - 40px) }.tabs{display:none}.hero{height:auto;min-height:100vh}.half{position:relative;inset:auto}.half-r{position:absolute;inset:0}.half-r .sheet{background:transparent;pointer-events:none}.half-r .hero-right{pointer-events:auto}.sheet{position:relative;min-height:100vh;padding:8vh 0}.half-r .sheet{position:absolute;inset:0}.hero-grid{grid-template-columns:1fr}.hero-right{order:-1}.hero-char{width:64%}.works-grid,.works-grid.has-pile,.tickets,.shelf,.end-row{grid-template-columns:1fr}.has-pile .works-col:first-child .works-row{grid-template-columns:1fr 1fr}.end-row{margin-top:4vh}.carts{grid-template-columns:1fr}.contact-row{flex-wrap:wrap}.photo-wall{grid-template-columns:1fr 1fr;grid-auto-rows:160px}.photo-wall .photo{grid-column:auto;grid-row:auto;margin:0}.sec-title{font-size:32px}}.cursor.blink{animation:blink 1.1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.tab{transition:transform .45s cubic-bezier(.34,1.56,.64,1)}.tab:hover{transform:translate(0)}.tab.on{transform:translate(-8px)}.work-next{border:none;--dash: rgba(43, 42, 40, .38);background:linear-gradient(90deg,var(--dash) 55%,transparent 0) 0 0 / 14px 2px repeat-x,linear-gradient(90deg,var(--dash) 55%,transparent 0) 0 100% / 14px 2px repeat-x,linear-gradient(0deg,var(--dash) 55%,transparent 0) 0 0 / 2px 14px repeat-y,linear-gradient(0deg,var(--dash) 55%,transparent 0) 100% 0 / 2px 14px repeat-y;animation:ants 2.8s linear infinite}@keyframes ants{to{background-position:14px 0,-14px 100%,0 -14px,100% 14px}}.work-next:hover{animation-duration:1s}.work-next:hover .scissors{animation:snip .5s ease-in-out infinite alternate}@keyframes snip{0%{transform:rotate(-6deg)}to{transform:rotate(8deg) translate(3px)}}.cassette:hover .reels i{animation:spin 1.6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.reels i{background:conic-gradient(from 0deg,transparent 0 20deg,rgba(43,42,40,.5) 20deg 32deg,transparent 32deg 140deg,rgba(43,42,40,.5) 140deg 152deg,transparent 152deg 260deg,rgba(43,42,40,.5) 260deg 272deg,transparent 272deg),radial-gradient(circle,var(--ink) 0 4px,var(--paper-hi) 5px 7px,#8C877E 8px)}.spine{cursor:default}.work-done,.ticket,.cart,.photo,.contact{cursor:pointer}.arc-mask{fill:none;stroke:#fff;stroke-width:10;stroke-linecap:round}.node-halo{transform-box:fill-box;transform-origin:center;animation:pulse 2.6s ease-in-out infinite}@keyframes pulse{50%{transform:scale(1.7);opacity:.05}}.motto .mc{display:inline-block}.motto-line{display:block}.offscreen,.offscreen *{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.work-done,.ticket,.cart,.film,.cassette,.photo,.contact,.now,.spine{will-change:transform}.polaroid-img,.photo-pic{position:relative;overflow:hidden}.polaroid-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.photo-pic{flex:1;display:flex}.develop{position:absolute;inset:0;background:radial-gradient(ellipse at 40% 40%,#4a4036,#2b2621 75%)}.ticket-main{position:relative}.plane{opacity:0}.plane-shadow{fill:#3c2d1e38}.plane-top{fill:var(--paper-hi);stroke:var(--ink);stroke-width:1.8;stroke-linejoin:round}.plane-under{fill:#ddd4c4;stroke:var(--ink);stroke-width:1.8;stroke-linejoin:round}.burst rect{opacity:0}.b-a{fill:var(--accent)}.b-k{fill:var(--kraft-dk)}.hero-left,.hero-right,.tagline{position:relative}.deco{position:absolute;z-index:3;transform:rotate(var(--r));will-change:transform,rotate,translate;pointer-events:none}.hero .postage{left:-34px;top:-138px;width:84px;height:100px}.star{width:44px;height:44px}.star .sticker-svg{filter:drop-shadow(0 3px 4px rgba(60,45,30,.2))}.s1{right:12%;top:-96px}.clip{left:-12px;top:-24px;width:22px;height:52px;z-index:4}.doodle{left:4px;bottom:-18px;width:250px;height:16px}.doodle svg,.clip svg{width:100%;height:100%;display:block}.news{left:58%;top:104%;width:176px}.news-in{display:flex;flex-direction:column;gap:6px;padding:12px 14px 14px;background:#e8e3d8;box-shadow:0 2px 4px #3c2d1e26}.news-in b{font:600 15px var(--f-serif);letter-spacing:.1em;border-bottom:1.5px solid var(--ink);padding-bottom:4px}.news-in i{display:block;height:5px;background:#2b2a2838;border-radius:1px}.news-in i.short{width:60%}.hero-char{position:relative;z-index:2}.mini-photo{left:0;top:2%;width:128px;height:150px;padding:8px 8px 30px;background:var(--paper-hi);z-index:1;box-shadow:0 4px 10px #3c2d1e29}.mini-photo span{display:block;height:100%;background:radial-gradient(circle at 70% 30%,#E9B68F 0 14%,transparent 15%),linear-gradient(#d8c7ae,#c9a27a)}.washi{width:124px;height:24px;z-index:3}.w1{left:-2%;top:0;background:repeating-linear-gradient(45deg,#d9653b99 0 8px,#d9653b61 8px 16px)}.w2{right:4%;bottom:10%;background:repeating-linear-gradient(90deg,#c9a27acc 0 6px,#fbf8f199 6px 12px)}.bubble{left:64%;top:2%;z-index:4}.bubble span{position:relative;display:block;padding:10px 20px;font:400 28px var(--f-hand);background:var(--paper-hi);border:2.5px solid var(--ink);border-radius:24px 24px 24px 6px;box-shadow:4px 5px #2b2a281f}.badge{right:-4%;top:58%;width:116px;height:116px;z-index:4;filter:drop-shadow(0 5px 6px rgba(60,45,30,.2))}.badge svg{width:100%;height:100%;animation:spin 22s linear infinite}.badge-text{font:500 10px var(--f-mono);letter-spacing:2.6px;fill:var(--paper-hi)}.badge-mid{font:400 22px var(--f-hand);fill:var(--ink)}.s2{right:12%;top:-4%;width:40px;height:40px}.s3{left:22%;bottom:4%;width:30px;height:30px}.draw{stroke-dasharray:400;stroke-dashoffset:0}@view-transition{navigation:auto}::view-transition-old(root),::view-transition-new(root){animation-duration:.12s}.page-cover{position:fixed;left:-6vw;right:-6vw;top:-8vh;height:116vh;z-index:45;display:none;will-change:transform;filter:drop-shadow(0 18px 28px rgba(60,45,30,.28))}.pageturn .page-cover{display:block}.pc-sheet{position:absolute;inset:0;display:grid;place-items:center;background:repeating-linear-gradient(97deg,transparent 0 13px,rgba(120,85,50,.06) 13px 14px),var(--kraft);clip-path:polygon(0 0,100% 0,100% 97%,95.3% 98.1%,91.3% 97.7%,88.1% 96.2%,84.6% 96.1%,80.6% 96.2%,75.9% 97.4%,73.9% 96.4%,68.6% 98%,66.5% 97.8%,61.3% 99.1%,56.6% 98.7%,53.3% 96.5%,49.1% 97%,46.9% 96.6%,42.5% 98%,38.2% 97.8%,33.6% 96.2%,30.1% 98.2%,26.7% 97%,23.3% 97.5%,18.8% 98.5%,15.9% 96.8%,11.7% 97.7%,8.6% 98.3%,3.3% 99.1%,0% 96.4%)}.pc-tape{position:absolute;left:50%;top:6vh;width:200px;height:40px;margin-left:-100px;background:#fbf8f1b3;transform:rotate(-3deg);clip-path:polygon(0 8%,4% 0,96% 6%,100% 0,98% 50%,100% 100%,3% 94%,0 100%,2% 50%)}.pc-label{display:flex;flex-direction:column;align-items:center;gap:4px;transform:rotate(-1.5deg)}.pc-kicker{font:400 20px var(--f-hand);color:var(--ink-soft)}.pc-title{font:400 76px/1.15 var(--f-hand);letter-spacing:.08em;color:var(--ink)}.pc-en{font:italic 500 22px var(--f-latin);color:#2b2a2899}.pc-mark{position:absolute;bottom:16vh;font:500 12px var(--f-mono);letter-spacing:.32em;color:#2b2a2880}#app{overflow-x:clip}.scroll-hint{position:fixed;left:50%;bottom:10vh;z-index:6;margin:0;display:flex;flex-direction:column;align-items:center;gap:2px;font:400 16px var(--f-hand);color:var(--ink-soft);padding:6px 16px 4px;background:var(--paper-hi);box-shadow:0 2px 6px #3c2d1e26;transform:translate(-50%,12px) rotate(-1.5deg);opacity:0;pointer-events:none;transition:opacity .45s,transform .45s cubic-bezier(.34,1.56,.64,1)}.scroll-hint.on{opacity:1;transform:translate(-50%) rotate(-1.5deg)}.scroll-hint i{width:10px;height:10px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);animation:hint-bob 1.3s ease-in-out infinite}@keyframes hint-bob{0%,to{translate:0 -2px}50%{translate:0 4px}}.to-top{position:fixed;right:30px;bottom:30px;z-index:41;width:66px;height:66px;padding:12px 0 0;margin:0;border:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--paper-hi);box-shadow:0 2px 3px #3c2d1e24,0 8px 14px #3c2d1e1f;font:400 13px/1.25 var(--f-hand);color:var(--ink-soft);rotate:-5deg;translate:0 30px;opacity:0;pointer-events:none;transition:opacity .4s,translate .5s cubic-bezier(.34,1.56,.64,1),rotate .3s,transform .3s}.to-top.on{opacity:1;translate:0 0;pointer-events:auto}.to-top:hover{rotate:0deg;transform:translateY(-3px)}.pageturn .to-top{opacity:0;pointer-events:none}.to-top .tt-tape{position:absolute;top:-9px;left:50%;width:40px;height:16px;margin-left:-20px;background:var(--tape);rotate:4deg}.to-top .tt-arrow{display:block;width:9px;height:9px;color:var(--accent);border-left:2px solid currentColor;border-top:2px solid currentColor;transform:rotate(45deg)}.to-top .tt-text{text-align:center}@media(max-width:860px){.to-top{right:16px;bottom:16px}}