html.lenis,html.lenis body{height:auto}.lenis.lenis-stopped{overflow:clip}:root{--sky:#3E9EF8;--cream:#F6EEDC;--paper:#FBF7EC;--wood:#9A6A3E;--leaf:#5DAA3C;--red:#D9443F;--line:#3B2A1E;--ink:#17233A;--gray:#5E6472;--dark:#2A2320;--bg:#F6EEDC;--head:"Noto Serif CJK SC","Noto Serif SC","Source Han Serif SC","Songti SC",serif;--disp:"Playfair Display","DM Serif Display",Georgia,serif;--ui:"Noto Sans CJK SC","PingFang SC","Microsoft YaHei",Inter,system-ui,sans-serif;--mono:"JetBrains Mono","IBM Plex Mono",ui-monospace,monospace;--ease:cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box;margin:0;padding:0}html{overflow-x:clip}body{background:var(--bg);transition:background-color .8s var(--ease);color:var(--ink);font-family:var(--ui);-webkit-font-smoothing:antialiased;overflow-x:clip}a{color:inherit;text-decoration:none}img{display:block}.ex{display:inline-block;font:700 10px/1 var(--ui);letter-spacing:.08em;color:#fff;background:var(--red);padding:3px 5px;border-radius:2px;vertical-align:middle}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.lm{display:block;overflow:hidden;padding-bottom:.08em}.lm>span{display:block;transform:translateY(110%);transition:transform 1.1s var(--ease)}.ch{display:inline-block;transform:translateY(110%);transition:transform 1.1s var(--ease)}.in .lm>span,.in .ch,.in.lm>span{transform:none}.static .lm>span,.static .ch{transform:none!important}.bar{position:fixed;z-index:60;top:0;left:0;right:0;transition:background .5s,color .5s;color:var(--ink)}.bar .wrap{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:14px 40px}.bar .logo{font:900 17px var(--head);letter-spacing:.12em;opacity:0;transition:opacity .5s}.bar .logo small{font:600 11px var(--disp);letter-spacing:.3em;margin-left:8px;opacity:.7}.bar nav ul{display:flex;list-style:none;gap:6px}.bar nav a{display:inline-flex;gap:6px;align-items:baseline;padding:6px 14px;border-radius:999px;font:700 14px var(--ui);letter-spacing:.12em;background:#fbf7ecd9;border:1px solid rgba(59,42,30,.25);transition:background .3s,color .3s}.bar nav a:hover{background:var(--ink);color:var(--paper)}.bar .r{justify-self:end;display:flex;gap:10px;align-items:center;font-size:13px}.bar .latest{padding:6px 12px;font-weight:700;background:#fbf7ecd9;border-radius:999px;border:1px solid rgba(59,42,30,.25)}.bar.dark .latest{background:transparent;border-color:#fbf7ec4d}.bar .lang{padding:6px 12px;background:#fbf7ecd9;border-radius:999px;border:1px solid rgba(59,42,30,.25)}.bar .sub{padding:7px 14px;font-weight:700;letter-spacing:.12em;background:var(--red);color:#fff;border-radius:999px}.bar.solid{background:color-mix(in srgb,var(--bg) 94%,transparent);border-bottom:1px solid rgba(59,42,30,.2)}.bar.solid .logo{opacity:1}.bar.dark{background:#2a2320eb;color:var(--paper)}.bar.dark nav a,.bar.dark .lang{background:transparent;border-color:#fbf7ec4d}.rail{position:fixed;z-index:55;right:22px;top:50%;transform:translateY(-50%);height:56vh;width:2px;background:#3b2a1e40}.rail .th{position:absolute;left:-1px;top:0;width:4px;height:100%;background:var(--red);transform-origin:top;transform:scaleY(0)}.rail ol{list-style:none}.rail li{position:absolute;right:-6px;transform:translateY(-50%);display:flex;align-items:center;gap:10px;cursor:pointer}.rail li i{width:14px;height:14px;border-radius:50%;background:var(--paper);border:2px solid var(--line);transition:background .3s,transform .3s}.rail li span{order:-1;font:700 11px var(--ui);letter-spacing:.12em;background:var(--paper);padding:3px 8px;border-radius:999px;opacity:0;transition:opacity .3s}.rail li:hover span,.rail li.on span{opacity:1}.rail li.on i{background:var(--red);transform:scale(1.15)}#hero{position:relative;height:200vh;z-index:3}#hero .st{position:sticky;top:0;height:100vh;overflow:hidden}#hero .far{position:absolute;inset:-10% 0;background:url(/img/far.webp) center/cover;will-change:transform}#hero .frame{position:absolute;inset:0;will-change:clip-path;clip-path:inset(50% 50% 50% 50% round 8px);transition:clip-path 1.6s var(--ease)}#hero.open .frame{clip-path:var(--clip,inset(22% 30% 16% 30% round 8px))}#hero.scrolling .frame{transition:none}#hero .frame img{position:absolute;left:0;top:0;width:100%;height:auto;transform-origin:50% 0;will-change:transform}#hero .near{position:absolute;left:-2%;bottom:-6%;height:92vh;width:auto;will-change:transform;pointer-events:none;filter:drop-shadow(0 10px 18px rgba(0,0,0,.18))}#hero .near.r{left:auto;right:-3%;height:70vh;bottom:-12%}#hero .mast{position:absolute;left:0;right:0;top:13vh;text-align:center;z-index:2;pointer-events:none}#hero h1{font:900 clamp(48px,9.4vw,146px)/1 var(--head);letter-spacing:.08em;color:var(--ink);text-shadow:3px 3px 0 #fff,0 10px 30px rgba(255,255,255,.7)}#hero .en{display:block;margin-top:16px;font:600 clamp(13px,1.6vw,23px) var(--disp);letter-spacing:.5em;text-shadow:0 1px 8px #fff}#hero .tag{display:inline-block;margin-top:22px;padding:10px 24px;font:700 clamp(15px,1.4vw,20px) var(--head);background:var(--paper);border:2px solid var(--line);box-shadow:5px 6px #3b2a1e59}#hero .tag i{font:italic 400 .82em var(--disp);color:var(--gray);margin-left:10px}#hero .hint{position:absolute;left:50%;bottom:5vh;transform:translate(-50%);z-index:2;font:700 12px var(--ui);letter-spacing:.3em;color:#fff;background:#17233a99;padding:7px 16px;border-radius:999px}.world{position:relative;z-index:2;margin-top:-100vh}.stop{position:relative;width:100%;overflow:hidden}.stop>img.bg{width:100%;height:auto}.pin{position:absolute;z-index:4;will-change:transform}.nearL{position:absolute;z-index:6;pointer-events:none;will-change:transform;filter:drop-shadow(0 12px 20px rgba(0,0,0,.2))}.sign{position:absolute;z-index:3;font:900 clamp(12px,1.25vw,20px)/1 var(--head);letter-spacing:.18em;color:var(--paper);background:var(--c,#2F5D8A);border:2px solid var(--line);padding:8px 14px;box-shadow:3px 4px #3b2a1e59;white-space:nowrap}.sign small{font:600 .62em var(--disp);letter-spacing:.2em;margin-left:8px;opacity:.85}.head{position:absolute;z-index:5;background:var(--paper);border:2px solid var(--line);padding:10px 18px 12px;box-shadow:4px 5px #3b2a1e59;clip-path:inset(0 100% 0 0);transition:clip-path 1s var(--ease)}.head.in{clip-path:inset(-10px -10px -10px -10px)}.head .no{font:700 12px var(--mono);letter-spacing:.2em;color:var(--red)}.head h2{font:900 26px/1.25 var(--head);letter-spacing:.1em}.head h2 small{display:block;font:italic 400 15px var(--disp);letter-spacing:.02em;color:var(--gray)}.head a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;font:700 12px var(--ui);letter-spacing:.1em;display:inline-block;margin-top:6px}.card{position:relative;display:block;background:var(--paper);border:2px solid var(--line);box-shadow:6px 7px #3b2a1e61;padding:12px 14px;clip-path:inset(100% 0 0 0);transition:clip-path 1.2s var(--ease),transform .5s var(--ease)}.in>.card,.in .card{clip-path:inset(-12px -12px -14px -12px)}.card:hover{transform:translateY(-6px) rotate(-1deg)}.card .fr{overflow:hidden;aspect-ratio:16/9;border:2px solid var(--line);margin-bottom:10px}.card .fr img{width:100%;height:118%;object-fit:cover;transform:scale(1.25) translateY(var(--py,0));transition:transform 1.6s var(--ease)}.in .card .fr img{transform:scale(1.04) translateY(var(--py,0))}.card .cat{font:700 11px var(--ui);letter-spacing:.2em;color:var(--red);display:flex;gap:8px;align-items:center}.card h3{font:900 18px/1.42 var(--head);margin-top:6px}.card .en{font:italic 14px var(--disp);color:var(--gray);margin-top:2px}.card p{font-size:13px;line-height:1.7;color:#4a4245;margin-top:4px}.card .m{display:flex;justify-content:space-between;font:12px var(--ui);color:var(--gray);margin-top:8px;border-top:1px solid #D8CFBB;padding-top:6px}.card .m b{display:inline-grid;place-items:center;width:22px;height:22px;background:var(--ink);color:var(--paper);transition:transform .4s var(--ease)}.card:hover .m b{transform:rotate(-45deg)}.card>*{opacity:0;transform:translateY(16px);transition:opacity .8s .25s,transform 1s .25s var(--ease)}.in .card>*{opacity:1;transform:none}.static .card,.static .head{clip-path:none}.static .card>*{opacity:1;transform:none}.led{background:#1b1e23;border:4px solid #3A3F47;border-radius:6px;box-shadow:0 0 0 3px var(--line),6px 8px #3b2a1e59;color:#ffb23f;font-family:var(--mono);clip-path:inset(0 100% 0 0);transition:clip-path 1.3s var(--ease)}.in.led{clip-path:inset(-8px)}.static .led{clip-path:none}.led .hd{display:flex;justify-content:space-between;padding:9px 16px;border-bottom:2px solid #333;background:#262a31}.led .hd b{font:900 17px var(--ui);color:#fff;letter-spacing:.2em}.led .hd b small{font:400 11px var(--mono);color:#9aa3ae;margin-left:8px}.led ul{list-style:none}.led li{display:grid;grid-template-columns:62px 52px 1fr auto;gap:10px;align-items:center;padding:8px 16px;border-bottom:1px dashed #33373d;font-size:13.5px}.led li .k{color:#fff;font:700 13px var(--ui)}.led li a{font-family:var(--ui)}.led li a:hover{color:#fff;text-decoration:underline}.led li .ex{background:transparent;border:1px solid #FFB23F;color:#ffb23f}.led .nx{padding:7px 16px;background:#121418;color:#ff6b5e;font-size:13px}.mail .card{padding:22px 26px}.mail h2{font:900 28px var(--head);letter-spacing:.1em}.mail h2 small{font:italic 400 15px var(--disp);color:var(--gray);margin-left:10px}.mail form{display:flex;gap:8px;margin-top:14px}.mail input{flex:1;min-width:0;border:2px solid var(--line);padding:12px;font:14px var(--ui);background:#fff}.mail button{border:2px solid var(--line);background:var(--red);color:#fff;font:900 15px var(--ui);letter-spacing:.2em;padding:0 20px;box-shadow:3px 3px 0 var(--line);cursor:pointer}.mail .fine{font:12px var(--ui);color:var(--gray);margin-top:8px}.manifesto{position:relative;z-index:3;padding:22vh 8vw;min-height:110vh;display:grid;place-items:center;text-align:center;color:var(--ink)}.manifesto .k{font:700 13px var(--mono);letter-spacing:.3em;color:var(--red)}.manifesto h2{font:900 clamp(30px,4.6vw,68px)/1.3 var(--head);letter-spacing:.06em;margin-top:18px}.manifesto p{font:400 clamp(15px,1.3vw,19px)/1.9 var(--ui);max-width:760px;margin:22px auto 0}.manifesto .row{display:flex;gap:18px;justify-content:center;margin-top:34px;flex-wrap:wrap}.manifesto .row a{padding:10px 18px;border:2px solid var(--line);background:var(--paper);font:700 14px var(--ui);letter-spacing:.1em;box-shadow:4px 4px 0 var(--line)}#door{position:relative;height:240vh;z-index:3;background:var(--dark)}#door .st{position:sticky;top:0;height:100vh;overflow:hidden;background:var(--dark)}#door .inside{position:absolute;inset:0;transform-origin:50% 0;clip-path:inset(14% 30% 0 30%)}#door .walk{position:absolute;left:calc(50% - max(50%,45vh));top:0;width:max(100%,90vh);transform-origin:50% 0;will-change:transform}#door .inside img{width:100%;height:auto}#door .walk .about{left:33%;top:79%;bottom:auto;width:min(420px,40%)}#door .panel{position:absolute;top:0;bottom:0;width:50.5%;z-index:2;background:linear-gradient(90deg,rgba(0,0,0,.12) 0 2px,transparent 2px) 0 0/120px 100%,linear-gradient(#8c5f3a,#6e4728)}#door .panel:after{content:"";position:absolute;top:18%;bottom:18%;width:38%;border:3px solid rgba(251,247,236,.35);background:#aad2f02e}#door .pl{left:0}#door .pl:after{right:12%}#door .pr{right:0}#door .pr:after{left:12%}#door .knob{position:absolute;top:52%;width:16px;height:16px;border-radius:50%;background:#e6c178;border:2px solid var(--line)}#door .pl .knob{right:16px}#door .pr .knob{left:16px}#door .title{position:absolute;z-index:3;left:0;right:0;top:50%;transform:translateY(-50%);text-align:center;color:var(--paper);pointer-events:none}#door .title .k{font:700 13px var(--mono);letter-spacing:.3em;color:#f3d9a4}#door .title h2{font:900 clamp(34px,5vw,72px)/1.15 var(--head);letter-spacing:.14em}#door .title p{font:italic 400 18px var(--disp);opacity:.85;margin-top:8px}#door .about{position:absolute;z-index:1;left:6%;bottom:8%;width:min(440px,80%);background:#fbf7ecf0;border:2px solid var(--line);padding:18px 22px;box-shadow:6px 7px #00000059;opacity:0}#door .about h3{font:900 22px var(--head);letter-spacing:.1em}#door .about p{font-size:14px;line-height:1.8;margin-top:6px}#door .about a{text-decoration:underline;font-weight:700}.static #door{height:100vh}.static #door .panel,.static #door .title{display:none}.static #door .inside{clip-path:none}.static #door .walk{transform:none!important}.static #door .st{position:relative;height:auto}.static #door .inside{position:relative}.static #door .about{opacity:1}.static #hero{height:100vh}.static .world{margin-top:-100vh}.static #hero .frame{clip-path:none;transition:none}.static #hero .near{display:none}footer{position:relative;z-index:4;background:var(--dark);color:#f3e9d2}footer .wrap{max-width:1360px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;padding:48px 40px 20px}footer .brand{font:900 30px var(--head);letter-spacing:.12em}footer .brand small{display:block;font:15px var(--disp);letter-spacing:.32em;text-transform:uppercase;opacity:.7}footer p{font-size:14px;opacity:.85;margin-top:8px}footer h3{font:700 12px var(--ui);letter-spacing:.2em;border-bottom:1px solid rgba(243,233,210,.35);padding-bottom:6px;margin-bottom:8px}footer li{list-style:none;font-size:14px;line-height:2}footer a:hover{text-decoration:underline}footer .big{font:900 clamp(40px,11vw,170px)/1 var(--head);letter-spacing:.06em;text-align:center;padding-top:10px;opacity:.12;overflow:hidden;white-space:nowrap}footer .copy{max-width:1360px;margin:0 auto;padding:12px 40px 22px;display:flex;justify-content:space-between;font:12px var(--ui);opacity:.65;border-top:1px solid rgba(243,233,210,.2)}@media(max-width:820px){#door .walk .about{left:calc((max(100vw,90vh) - 100vw)/2 + 16px);width:calc(100vw - 32px);top:78%;padding:12px 14px}#door .walk .about h3{font-size:17px}#door .walk .about p{font-size:12px;line-height:1.6}.bar .wrap{grid-template-columns:1fr auto;padding:8px 12px;gap:6px}.bar .logo{opacity:1;font-size:15px}.bar .logo small{display:none}.bar nav{grid-column:1/-1;order:3;overflow-x:auto}.bar nav a{padding:4px 10px;font-size:12px}.rail{display:none}#hero .frame img{height:100%;object-fit:cover}#hero .near{height:50vh}.world{margin-top:-100vh}.stop{display:flex;flex-direction:column;gap:18px;padding:24px 14px 34px;min-height:70vh;aspect-ratio:auto!important}.stop>img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.pin,.head,.sign{position:relative!important;left:auto!important;top:auto!important;width:auto!important;transform:none!important}.nearL{display:none}.led li{grid-template-columns:48px 1fr}.led li .k,.led li .ex{display:none}footer .wrap{grid-template-columns:1fr 1fr;padding:28px 18px}footer .copy{flex-direction:column;gap:6px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.mail form{flex-wrap:wrap}.mail form .msg{order:9;flex-basis:100%;font:13px var(--ui);color:var(--gray);min-height:0}.mail form .msg[data-state=ok]{color:#2e7d32}.mail form .msg[data-state=error]{color:var(--red)}.mail form .msg:empty{display:none}@media(max-width:820px){.sign{align-self:flex-start}#s1{min-height:100vh;padding:0}#s1>*{visibility:hidden}#hero .tag i{display:block;margin:4px 0 0}.mail form button{padding:10px 18px}}@media(min-width:560px)and (max-width:820px){.stop{display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:18px}.stop>.head,.stop>.sign,.stop>.pin.mail,.stop>.pin:has(.led){grid-column:1/-1}.stop>.head,.stop>.sign{justify-self:start}.stop>.pin.mail,.stop>.pin:has(.led){max-width:600px;width:100%!important;justify-self:center}}@media(max-width:559px){.bar .latest{display:none}}