.fd-root{background:var(--fd-bg);min-height:100vh;color:var(--fd-ink);font-family:var(--font-display);flex-direction:column;justify-content:center;align-items:center;padding-bottom:22vh;display:flex;position:relative;overflow:hidden}.fd-root:after{content:"";pointer-events:none;z-index:2;mix-blend-mode:multiply;opacity:.6;background:repeating-linear-gradient(0deg,#332b3007 0 1px,#0000 1px 4px);position:absolute;inset:0}.fd-stage{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:1.9rem;max-width:34rem;padding:2rem;display:flex;position:relative}.fd-eyebrow{font-family:var(--font-accent);letter-spacing:.32em;text-transform:uppercase;color:var(--fd-accent);opacity:.75;justify-content:center;align-items:center;gap:.9em;font-size:11px;font-weight:700;display:flex}.fd-dot{opacity:.55;background:currentColor;border-radius:50%;flex:none;width:3px;height:3px;margin-left:-.32em}.fd-word{gap:.5em;display:inline-flex}.fd-name{letter-spacing:.01em;color:var(--fd-ink);font-size:clamp(3rem,13vw,7rem);font-weight:600;line-height:.9;display:inline-block;position:relative}.fd-name:before,.fd-name:after{content:attr(data-text);pointer-events:none;mix-blend-mode:multiply;width:100%;position:absolute;top:0;left:0}.fd-name:before{color:var(--fd-plum);opacity:.5;transform:translate(-.6px,.4px)}.fd-name:after{color:var(--fd-blue);opacity:.42;transform:translate(.6px,-.4px)}.fd-name.is-glitch:before{animation:.3s steps(3,end) both fd-a}.fd-name.is-glitch:after{animation:.3s steps(3,end) both fd-b}.fd-name.is-glitch{animation:.3s steps(3,end) both fd-jit}@keyframes fd-a{0%{clip-path:inset(0 0 82%);transform:translate(-.6px,.4px)}30%{clip-path:inset(16% 0 44%);transform:translate(-5px,1px)}55%{clip-path:inset(58% 0 12%);transform:translate(4px,-1px)}80%{clip-path:inset(34% 0 52%);transform:translate(-3px)}to{clip-path:inset(0);transform:translate(-.6px,.4px)}}@keyframes fd-b{0%{clip-path:inset(0 0 70%);transform:translate(.6px,-.4px)}30%{clip-path:inset(48% 0 8%);transform:translate(5px,-1px)}55%{clip-path:inset(10% 0 66%);transform:translate(-4px,1px)}80%{clip-path:inset(60% 0 20%);transform:translate(3px)}to{clip-path:inset(0);transform:translate(.6px,-.4px)}}@keyframes fd-jit{0%,to{transform:translate(0)}30%{transform:translate(1px,-1px)}55%{transform:translate(-1px,1px)}80%{transform:translate(1px)}}.fd-poem{font-family:var(--font-body);text-align:left}.fd-poem-de{color:var(--fd-soft);letter-spacing:.01em;font-size:1.02rem;font-style:italic;line-height:1.8}.fd-poem-zh{color:var(--fd-faint);letter-spacing:.03em;margin-top:.9rem;font-size:.82rem;line-height:1.9}.fd-cite{font-family:var(--font-accent);letter-spacing:.24em;text-transform:uppercase;color:var(--fd-faint);opacity:.8;text-align:left;align-items:center;gap:.9em;margin-top:1.1rem;font-size:9.5px;font-weight:700;display:flex}.fd-worddoor{z-index:1;cursor:pointer;-webkit-tap-highlight-color:transparent;place-items:center;padding:1.4rem 2.4rem;text-decoration:none;display:grid;position:absolute;bottom:12%;left:50%;transform:translate(-50%)}.fd-doorword{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.4em;text-indent:.4em;color:var(--fd-soft);white-space:nowrap;opacity:calc(var(--near,0)*var(--near,0)*var(--near,0));font-size:18px;font-weight:600;transition:opacity 1.8s}.fd-worddoor:focus-visible{outline:none}.fd-worddoor:focus-visible .fd-doorword,.fd-worddoor.is-open .fd-doorword{opacity:.85}.fd-foot{z-index:1;flex-direction:column;align-items:center;gap:.85rem;padding:0 1rem;display:flex;position:absolute;bottom:1.4rem;left:0;right:0}.fd-tag{font-family:var(--font-accent);letter-spacing:.28em;text-transform:uppercase;color:var(--fd-faint);opacity:.7;justify-content:center;align-items:center;gap:.9em;font-size:10px;font-weight:700;display:flex}.fd-credit{font-family:var(--font-body);color:var(--fd-faint);opacity:.62;text-align:center;font-size:10.5px;line-height:1.7}.fd-nb{white-space:nowrap}@media (prefers-reduced-motion:reduce){.fd-name.is-glitch:before,.fd-name.is-glitch:after,.fd-name.is-glitch{animation:none}.fd-doorword{transition-duration:.15s}}@font-face{font-family:Huiwen Mincho;src:url(/fonts/HuiwenMincho-frontdoor.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Radio Newsman;src:url(/fonts/RadioNewsman-frontdoor.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Erikas Farbband;src:url(/fonts/ErikasFarbband-frontdoor.woff2)format("woff2");font-weight:400;font-display:swap}:root{color:#292421;font-synthesis:none;background:#f7f3ec;font-family:Iowan Old Style,Noto Serif TC,Georgia,serif}*{box-sizing:border-box}body{margin:0}a{color:inherit}.shell{max-width:1120px;margin:auto;padding:28px 24px 60px}.front-door{text-align:center;background:radial-gradient(circle at 50% 42%,#fff 0,#f7f1f3 38%,#ede3e7 100%);align-content:center;justify-items:center;min-height:100vh;padding:9vh 24px;display:grid}.front-mark{letter-spacing:.28em;color:#8f6071;font:700 11px/1.2 system-ui,sans-serif}.front-door h1{letter-spacing:-.055em;margin:32px 0 26px;font-size:clamp(50px,9vw,104px);line-height:.92}.front-door p{color:#655860;font-size:18px}.front-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px;display:flex}.button{justify-content:space-between;gap:28px;padding:15px 20px;font:600 14px/1 system-ui,sans-serif;text-decoration:none;display:inline-flex}.button.dark{color:#fff;background:#292421}.button.light{color:#292421;background:#f7f3ec}.button.quiet{border:1px solid #bbaeb3}.directory header{border-bottom:1px solid #c9c0b7;padding:60px 0 40px}.directory header>a,.dialogue nav>a{letter-spacing:.2em;font:700 11px system-ui,sans-serif}.directory h1{margin:22px 0 8px;font-size:clamp(54px,9vw,92px)}.directory header p{color:#6c625b}.product-grid{background:#c9c0b7;border:1px solid #c9c0b7;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:36px;display:grid}.product{background:#f7f3ec;min-height:190px;padding:26px;text-decoration:none;position:relative}.product small,.hero small,.steps small{letter-spacing:.18em;text-transform:uppercase;color:#8a6035;font:700 10px system-ui,sans-serif}.product h2{margin:22px 0 10px;font-size:27px}.product p{color:#6c625b;line-height:1.7}.product span{position:absolute;bottom:20px;right:22px}.dialogue nav{border-bottom:1px solid #c9c0b7;justify-content:space-between;align-items:center;padding-bottom:20px;display:flex}.dialogue nav div{gap:6px;display:flex}.dialogue nav div a{border-radius:20px;padding:8px 10px;font:12px system-ui,sans-serif;text-decoration:none}.dialogue nav div a.active{color:#fff;background:#292421}.hero{border-bottom:1px solid #c9c0b7;grid-template-columns:1fr 280px;align-items:end;gap:56px;padding:80px 0;display:grid}.hero h1{letter-spacing:-.045em;max-width:820px;margin:20px 0 28px;font-size:clamp(52px,8vw,82px);line-height:1.02}.hero>div>p{color:#665d56;max-width:690px;font-size:18px;line-height:1.8}.hero aside{border-left:3px solid #8a6035;flex-direction:column;padding-left:24px;display:flex}.hero aside strong{font-size:42px}.hero aside span{color:#6c625b;margin-top:4px;font:14px system-ui,sans-serif}.hero aside b{margin:22px 0;font:600 14px system-ui,sans-serif}.dialogue section{border-bottom:1px solid #c9c0b7;padding:58px 0}.dialogue h2{margin:0 0 24px;font-size:32px}.two,.split{grid-template-columns:1fr 1fr;gap:72px;display:grid}.dialogue ul{margin:0;padding:0;list-style:none}.dialogue li{color:#514b46;margin:12px 0;padding-left:28px;line-height:1.75;position:relative}.dialogue li:before{content:"✓";color:#8a6035;position:absolute;left:0}.dialogue ul.negative li:before{content:"×";color:#8c8580}.split>div>p{color:#6c625b;line-height:1.8}.topics{background:#c9c0b7;border:1px solid #c9c0b7;grid-template-columns:1fr 1fr;gap:1px;display:grid}.topics div{background:#f7f3ec;padding:20px;line-height:1.5}.steps{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.steps article{border-top:1px solid #8c8580;padding-top:20px}.steps p{color:#514b46;line-height:1.75}.closing{color:#fff;background:#292421;justify-content:space-between;align-items:end;gap:40px;margin:50px 0 0;display:flex;border:0!important;padding:38px!important}.closing p{color:#c9c0b7;max-width:640px;line-height:1.7}@media (width<=760px){.product-grid,.hero,.two,.split,.steps{grid-template-columns:1fr}.hero{gap:36px;padding:56px 0}.two,.split{gap:38px}.product-grid,.topics{grid-template-columns:1fr}.closing{flex-direction:column;align-items:stretch}.dialogue nav{flex-direction:column;align-items:flex-start;gap:18px}.front-door h1{font-size:54px}}