:root{--font-display: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "Noto Serif JP", Georgia, serif;--font-ui: "Figtree", "Hiragino Sans", "Noto Sans JP", system-ui, -apple-system, sans-serif;--font-brush: "Yuji Syuku", "Shippori Mincho", "Hiragino Mincho ProN", serif;--ink: #2a251f;--ink-2: #4f463c;--ink-3: #7a7062;--paper: #fcf8ef;--paper-2: #f5eedf;--paper-3: #ece3cf;--line: rgb(96 74 42 / .14);--line-2: rgb(96 74 42 / .24);--shu: #c2452d;--shu-deep: #9c3420;--gold: #b88a2e;--sakura: #c25f78;--moon: #f5efe2;--moon-2: #c9cbe0;--ease: cubic-bezier(.22, .8, .24, 1);--ease-spring: cubic-bezier(.34, 1.4, .5, 1);--sky-top: #93bccb;--sky-mid: #efdcc2;--sky-bottom: #f6c592;--sky-glow: #ffd59a;--glow-x: 18%;--glow-y: 64%;--night: 0;--stars: 0;--washi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .42 0 0 0 0 .33 0 0 0 0 .2 0 0 0 .075 0'/%3E%3C/filter%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.006 .09' numOctaves='2' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 .97 0 0 0 1.7 -.95'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3Crect width='100%25' height='100%25' filter='url(%23f)' opacity='.55'/%3E%3C/svg%3E");--brush: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 14' preserveAspectRatio='none'%3E%3Cpath d='M1.5 8.2C18 4.6 44 3.1 78 3.6c14 .2 28 .9 39.6 2.4 1.7.3 1.9 2.3.2 2.6C99 10.5 70 10.6 46 11.2 30 11.6 15 12.3 3 12.6.6 12.6.2 8.6 1.5 8.2Z'/%3E%3C/svg%3E");--pad: clamp(22px, 6.2vw, 112px);color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--sky-bottom)}body{margin:0;font-family:var(--font-ui);font-size:17px;line-height:1.6;color:var(--ink);font-weight:450;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}img{display:block;max-width:100%}a{color:inherit}h1,h2,h3{margin:0;font-family:var(--font-display);font-weight:700;letter-spacing:.002em}p{margin:0}[lang=ja]{font-feature-settings:normal}:focus-visible{outline:2.5px solid var(--shu);outline-offset:3px;border-radius:8px}.skip{position:fixed;left:16px;top:-60px;z-index:100;padding:10px 16px;border-radius:999px;background:var(--ink);color:var(--paper);text-decoration:none;font-weight:650;transition:top .2s}.skip:focus{top:14px}.sky{position:fixed;inset:0;z-index:-4;background:linear-gradient(180deg,var(--sky-top) 0%,var(--sky-mid) 58%,var(--sky-bottom) 100%)}.sky i{position:absolute;inset:0}.sky-glow{background:radial-gradient(circle at var(--glow-x) var(--glow-y),color-mix(in srgb,var(--sky-glow) 80%,transparent) 0,color-mix(in srgb,var(--sky-glow) 30%,transparent) 18%,transparent 46%)}.sky-stars{opacity:calc(var(--stars) * .9);background-image:radial-gradient(1.2px 1.2px at 12% 18%,#fff 50%,transparent),radial-gradient(1px 1px at 33% 9%,#fff 50%,transparent),radial-gradient(1.4px 1.4px at 58% 22%,#fff8e4 50%,transparent),radial-gradient(1px 1px at 81% 14%,#fff 50%,transparent),radial-gradient(1.1px 1.1px at 92% 31%,#fff 50%,transparent),radial-gradient(1px 1px at 47% 36%,#fff 50%,transparent),radial-gradient(1.3px 1.3px at 22% 41%,#fff 50%,transparent),radial-gradient(1px 1px at 69% 44%,#fff 50%,transparent);background-size:520px 420px}#stage{position:fixed;inset:0;width:100vw;height:100vh;height:100lvh;z-index:-3;display:block;opacity:0;transition:opacity 1.4s var(--ease),filter 1.4s var(--ease);filter:blur(8px) saturate(.9)}body.is-ready #stage{opacity:1;filter:none}.poster{position:fixed;z-index:-3;inset:0;overflow:hidden;opacity:.92;transition:opacity 1.2s var(--ease),scale 1.6s var(--ease);pointer-events:none}.poster-art{position:absolute;right:3vw;top:50%;width:min(60vw,920px);height:auto;translate:0 -46%;filter:drop-shadow(0 30px 40px rgb(80 50 20 / .18));animation:float 7s ease-in-out infinite alternate}body.is-ready .poster{opacity:0;scale:1.04}@keyframes float{to{transform:translateY(-10px)}}.veil{position:fixed;inset:0;z-index:-2;pointer-events:none}.veil:before,.veil:after{content:"";position:absolute;inset:0;transition:opacity .8s}.veil:before{background:linear-gradient(90deg,rgb(252 247 236 / .9) 0%,rgb(252 247 236 / .72) 28%,rgb(252 247 236 / .3) 44%,transparent 60%);opacity:calc((1 - var(--night)) * var(--veil, 1))}.veil:after{background:linear-gradient(90deg,rgb(10 16 34 / .8) 0%,rgb(10 16 34 / .58) 30%,rgb(10 16 34 / .16) 48%,transparent 62%);opacity:calc(var(--night) * var(--veil, 1))}body[data-chapter=finale]{--veil: 0}.btn{--h: 48px;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:var(--h);padding:0 22px;border-radius:999px;font:650 15.5px/1 var(--font-ui);letter-spacing:.01em;text-decoration:none;white-space:nowrap;cursor:pointer;border:1px solid transparent;transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .25s,color .25s,border-color .25s}.btn .i{width:20px;height:20px;flex:none}.btn-sm{--h: 38px;padding:0 16px;font-size:14px}.btn-lg{--h: 58px;padding:0 28px;font-size:16.5px}.btn-play{position:relative;overflow:hidden;color:#fff8ef;background:linear-gradient(180deg,#d4583d,var(--shu) 60%,#b23d27);border-color:#9c3420;box-shadow:0 1px #ffffff59 inset,0 10px 26px -10px #a03219bf,0 2px 4px #50140a26}.btn-play:after{content:"";position:absolute;inset:-40% auto -40% -30%;width:34%;background:linear-gradient(100deg,transparent,rgb(255 240 220 / .45),transparent);transform:translate(-160%) skew(-18deg);transition:transform .9s var(--ease)}.btn-play:hover{transform:translateY(-2px);box-shadow:0 1px #ffffff59 inset,0 16px 34px -12px #a03219d9,0 2px 4px #50140a26}.btn-play:hover:after{transform:translate(520%) skew(-18deg)}.btn-play:active{transform:translateY(0) scale(.98)}.btn-ghost{color:var(--ink);background:#fffcf48c;border-color:#604a2a38;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.btn-ghost:hover{background:#fffcf4d9;transform:translateY(-2px)}.cue-arrow{animation:cue 2.2s var(--ease) infinite}@keyframes cue{0%,to{transform:translateY(-2px)}50%{transform:translateY(3px)}}.topbar{position:fixed;z-index:30;top:0;left:0;right:0;height:68px;display:flex;align-items:center;gap:28px;padding:0 var(--pad);transition:background .4s,box-shadow .4s,color .4s,backdrop-filter .4s}.topbar.is-solid{background:#fcf8efb8;box-shadow:0 1px 0 var(--line);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2)}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none}.mark{width:32px;height:32px;color:var(--ink)}.brand-name{font:700 21px/1 var(--font-display);letter-spacing:.01em}.nav{display:flex;gap:26px;margin-left:auto}.nav a{position:relative;text-decoration:none;font-size:13px;font-weight:650;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);padding:6px 0}.nav a:after{content:"";position:absolute;left:-4px;right:-6px;bottom:-2px;height:7px;background:var(--shu);opacity:0;-webkit-mask:var(--brush) center / 100% 100% no-repeat;mask:var(--brush) center / 100% 100% no-repeat;transform:scaleX(.3);transform-origin:left;transition:transform .35s var(--ease),opacity .35s}.nav a:hover:after,.nav a[aria-current=true]:after{opacity:.75;transform:none}.nav a[aria-current=true]{color:var(--ink)}body[data-tone=dark] .topbar{color:var(--moon)}body[data-tone=dark] .topbar.is-solid{background:#0e14268c;box-shadow:0 1px #ffffff14}body[data-tone=dark] .nav a{color:#f5efe2bf}body[data-tone=dark] .nav a[aria-current=true],body[data-tone=dark] .mark,body[data-tone=dark] .brand{color:var(--moon)}.rail{position:fixed;z-index:20;right:clamp(14px,2.2vw,34px);top:50%;translate:0 -50%;display:grid;gap:16px;opacity:0;transition:opacity .5s}body.in-story .rail{opacity:1}.rail a{display:grid;grid-template-columns:auto auto;align-items:center;justify-content:end;gap:10px;text-decoration:none;color:var(--ink-3)}.rail span{font:400 19px/1 var(--font-brush);width:34px;height:34px;display:grid;place-items:center;border-radius:50%;transition:background .35s,color .35s,transform .35s var(--ease-spring);order:2}.rail em{font-style:normal;font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;opacity:0;translate:6px 0;transition:opacity .3s,translate .3s var(--ease)}.rail a:hover em,.rail a[aria-current=true] em{opacity:1;translate:0 0}.rail a[aria-current=true] span{background:var(--shu);color:#fff6ec;transform:rotate(-6deg) scale(1.08);box-shadow:0 6px 16px -6px #a03219b3}body[data-tone=dark] .rail a{color:#f5efe299}.era-rail{position:fixed;z-index:20;left:50%;bottom:24px;width:min(600px,48vw);translate:-50% 20px;opacity:0;pointer-events:none;transition:opacity .5s,translate .6s var(--ease);margin-left:10vw;padding:16px 26px 12px;border-radius:22px;background:#fcf8efbd;border:1px solid var(--line);box-shadow:0 16px 34px -24px #28190880;backdrop-filter:blur(12px) saturate(1.1);-webkit-backdrop-filter:blur(12px) saturate(1.1)}body.in-ages .era-rail{opacity:1;translate:-50% 0}.era-track{position:relative;height:3px;border-radius:3px;background:#2a251f24}.era-fill{position:absolute;inset:0 auto 0 0;width:calc(var(--era-p, 0) * 100%);border-radius:inherit;background:linear-gradient(90deg,#d9a25b,var(--shu))}.era-dot{position:absolute;top:50%;left:calc(var(--era-p, 0) * 100%);width:13px;height:13px;border-radius:50%;translate:-50% -50%;background:var(--shu);box-shadow:0 0 0 4px #fcf8efe6,0 4px 10px #78281466}.era-rail ol{list-style:none;display:flex;justify-content:space-between;margin:10px 0 0;padding:0;font:600 12px/1 var(--font-ui);letter-spacing:.08em;color:var(--ink-3);font-variant-numeric:tabular-nums}.hero{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:center;padding:96px var(--pad) 80px}.hero-copy{position:relative;max-width:600px}.eyebrow{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2)}.seal{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:6px;background:var(--shu);color:#fff6ec;font:400 19px/1 var(--font-brush);letter-spacing:0;transform:rotate(-5deg);box-shadow:inset 0 0 0 2px #fff0e180,inset 0 0 0 3.5px var(--shu)}.title{position:relative;margin:22px 0 6px;display:flex;align-items:flex-end;gap:22px}.title-word{font-size:clamp(60px,8.1vw,134px);line-height:.92;font-weight:800;letter-spacing:-.014em}.title-kanji{font:400 clamp(26px,2.9vw,46px)/1 var(--font-brush);writing-mode:vertical-rl;color:var(--shu);letter-spacing:.06em;padding-bottom:.2em}.gloss{font:italic 500 15px/1.4 var(--font-ui);color:var(--ink-3)}.gloss span{font-style:normal;font-weight:700;letter-spacing:.06em;color:var(--ink-2)}.promise{margin:26px 0 34px;max-width:30ch;font:500 clamp(21px,1.9vw,28px)/1.36 var(--font-display);color:var(--ink)}.cta-row{display:flex;flex-wrap:wrap;gap:14px}.facts{list-style:none;display:flex;flex-wrap:wrap;gap:8px 22px;margin:30px 0 0;padding:0;font-size:13.5px;font-weight:600;color:var(--ink-2)}.facts li{display:inline-flex;align-items:center;gap:8px}.facts li:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 3px #b88a2e2e}.scroll-hint{position:absolute;left:50%;bottom:26px;translate:-50% 0;display:grid;justify-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-2)}.scroll-hint i{width:1px;height:46px;background:linear-gradient(var(--ink-2),transparent);position:relative;overflow:hidden}.scroll-hint i:after{content:"";position:absolute;left:-2px;top:-10px;width:5px;height:10px;border-radius:50% 50% 50% 0;background:var(--sakura);animation:drip 2.4s var(--ease) infinite}@keyframes drip{0%{top:-10px;opacity:0}20%{opacity:1}to{top:46px;opacity:0}}.hero-copy>*{animation:rise 1.1s var(--ease) both}.hero-copy>:nth-child(2){animation-delay:.08s}.hero-copy>:nth-child(3){animation-delay:.16s}.hero-copy>:nth-child(4){animation-delay:.24s}.hero-copy>:nth-child(5){animation-delay:.32s}.hero-copy>:nth-child(6){animation-delay:.4s}@keyframes rise{0%{opacity:0;transform:translateY(18px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}.chapter{position:relative}.chapter-head{min-height:82vh;display:flex;flex-direction:column;justify-content:center;padding:120px var(--pad) 40px;max-width:calc(560px + var(--pad))}.chapter-kicker{display:flex;align-items:center;gap:14px;font-size:12.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--shu)}.chapter-kicker span{font:400 34px/1 var(--font-brush);letter-spacing:.02em;color:var(--ink);text-transform:none}.chapter-head h2{margin:18px 0;font-size:clamp(40px,4.6vw,70px);line-height:1.04;font-weight:800;letter-spacing:-.01em}.chapter-head>p:last-child{font-size:19px;line-height:1.6;color:var(--ink-2);max-width:42ch}.step{--f: 0;min-height:100vh;min-height:100svh;display:flex;align-items:center;padding:90px var(--pad)}.card{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:30px;max-width:560px;opacity:calc(.12 + var(--f) * .88);transform:translate3d(0,calc((1 - var(--f)) * 26px),0);will-change:opacity,transform}.card>:not(.big-kanji){grid-column:2}.big-kanji{grid-column:1;grid-row:1 / span 6;align-self:start;writing-mode:vertical-rl;font:400 clamp(84px,9.6vw,156px)/1 var(--font-brush);color:var(--ink);letter-spacing:.02em;margin-top:-8px}.step.is-active .big-kanji{animation:brush 1.25s var(--ease) both}@keyframes brush{0%{clip-path:inset(0 0 100% 0);opacity:.2;filter:blur(5px)}70%{filter:blur(.5px)}to{clip-path:inset(0 0 0 0);opacity:1;filter:none}}.step-meta{font-size:12.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--shu);margin-top:6px}.card h3{margin:12px 0 14px;font-size:clamp(32px,3.3vw,50px);line-height:1.06;font-weight:800}.card h3 span{display:block;margin-top:8px;font-size:.5em;font-weight:600;font-style:italic;color:var(--ink-2);letter-spacing:.01em}.card>p:not(.big-kanji):not(.step-meta){font-size:18.5px;line-height:1.62;color:var(--ink-2);max-width:38ch}.chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0;padding:0}.chips li{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 14px;border-radius:999px;font-size:13.5px;font-weight:650;background:#fffcf4b3;border:1px solid var(--line-2);box-shadow:0 1px #fffc inset;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.chips li b{font-variant-numeric:tabular-nums}.chips .up{color:#2f6b2a}.chips .down{color:#9a3b24}.chip-gold{background:#f8ebc4!important;border-color:#b88a2e73!important;color:#6d4f10}.chip-green{background:#e1efd8!important;border-color:#4f844366!important;color:#2f5e27}.chip-coral{background:#f7ddd5!important;border-color:#b2402c59!important;color:#8c2f1d}.chip-gold:before,.chip-green:before,.chip-coral:before{content:"";width:10px;height:10px;border-radius:3px;rotate:45deg;background:currentColor;opacity:.7}body[data-tone=dark]{color:var(--moon)}body[data-tone=dark] .step .card>p:not(.step-meta),body[data-tone=dark] .card h3 span,body[data-tone=dark] .chapter-head>p:last-child{color:#ece8ded1}body[data-tone=dark] .big-kanji,body[data-tone=dark] .chapter-kicker span{color:var(--moon);text-shadow:0 0 28px rgb(255 214 160 / .25)}body[data-tone=dark] .step-meta,body[data-tone=dark] .chapter-kicker{color:#f2a07c}body[data-tone=dark] .chips li{background:#141c3480;border-color:#ffffff29;color:var(--moon);box-shadow:none}body .step,body .chapter-head{transition:color .6s}.step-wide .card{max-width:680px;grid-template-columns:minmax(0,1fr)}.step-wide .card>*{grid-column:1}.classes{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0 0;padding:0}.classes li{display:grid;grid-template-columns:76px 1fr;gap:12px;align-items:center;padding:12px 14px 12px 8px;border-radius:18px;background:#fffcf4b8;border:1px solid var(--line);box-shadow:0 1px #fffc inset,0 12px 26px -20px #3c280f80;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform .35s var(--ease)}.classes li:hover{transform:translateY(-3px)}.classes img{width:76px;height:76px;border-radius:14px;background:radial-gradient(ellipse at 50% 75%,color-mix(in srgb,var(--c) 30%,#fff),#fff3 72%);object-fit:contain}.classes b{display:block;font:700 17px/1.2 var(--font-display)}.classes b span{color:var(--c);margin-right:4px;font-family:var(--font-brush);font-weight:400}.classes p{font-size:13.5px;line-height:1.45;color:var(--ink-2);margin:3px 0 4px}.classes small{display:block;font-size:11.5px;line-height:1.4;font-weight:600;color:var(--ink-3)}.chain-list{list-style:none;display:grid;gap:8px;margin:22px 0 0;padding:0}.chain-list li{display:flex;align-items:center;gap:9px;font-weight:650;font-size:15px;padding:9px 16px;border-radius:14px;background:#fffcf49e;border:1px solid var(--line);width:fit-content;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.chain-list li i,.tag i{width:13px;height:13px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px #0000002e;flex:none}.chain-list li span{color:var(--shu);font-weight:800}.labels{position:fixed;inset:0;z-index:2;pointer-events:none;overflow:hidden}.tag{position:absolute;left:0;top:0;translate:-50% calc(-100% - 10px);display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;white-space:nowrap;font-size:13px;font-weight:700;color:var(--ink);background:#fffcf4eb;border:1px solid var(--line-2);box-shadow:0 10px 22px -12px #2819088c;opacity:0}.tag:after{content:"";position:absolute;left:50%;bottom:-6px;width:10px;height:10px;background:inherit;border-right:1px solid var(--line-2);border-bottom:1px solid var(--line-2);translate:-50% 0;rotate:45deg}.tag-chip{background:#fff4d2;border-color:#b88a2e80;color:#5f440c;font-size:14px;padding:8px 14px}.paper{position:relative;z-index:1;background:var(--washi),linear-gradient(180deg,#f8f2e4,#f3ebda);color:var(--ink)}.paper:before{content:"";position:absolute;left:0;right:0;top:-38px;height:40px;background:var(--washi),#f8f2e4;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 40' preserveAspectRatio='none'%3E%3Cpath d='M0 40V22c40-6 70 4 110-2s60-14 110-8 80 12 130 6 70-16 120-12 70 14 120 10 80-18 130-12 60 12 110 8 70-12 120-10 70 10 120 6 70-8 100-8V40Z'/%3E%3C/svg%3E") 0 0 / 100% 100%;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 40' preserveAspectRatio='none'%3E%3Cpath d='M0 40V22c40-6 70 4 110-2s60-14 110-8 80 12 130 6 70-16 120-12 70 14 120 10 80-18 130-12 60 12 110 8 70-12 120-10 70 10 120 6 70-8 100-8V40Z'/%3E%3C/svg%3E") 0 0 / 100% 100%}.paper-how:before{display:none}.paper-how:after{content:"";position:absolute;left:0;right:0;bottom:-38px;height:40px;background:var(--washi),#f3ebda;transform:scaleY(-1);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 40' preserveAspectRatio='none'%3E%3Cpath d='M0 40V18c50-8 90 6 140 0s70-12 120-8 90 14 140 8 60-12 110-10 80 12 130 8 70-14 120-10 60 10 110 8 80-10 130-6 70 8 100 6V40Z'/%3E%3C/svg%3E") 0 0 / 100% 100%;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 40' preserveAspectRatio='none'%3E%3Cpath d='M0 40V18c50-8 90 6 140 0s70-12 120-8 90 14 140 8 60-12 110-10 80 12 130 8 70-14 120-10 60 10 110 8 80-10 130-6 70 8 100 6V40Z'/%3E%3C/svg%3E") 0 0 / 100% 100%;z-index:1}.paper-inner{max-width:1240px;margin:0 auto;padding:130px var(--pad) 110px}.paper-head{max-width:680px;margin-bottom:52px}.paper-head h2{margin-top:16px;font-size:clamp(40px,4.6vw,66px);line-height:1.04;font-weight:800;letter-spacing:-.01em}.paper-head p:last-child:not(.chapter-kicker){margin-top:14px;font-size:19px;color:var(--ink-2)}.bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.feature{--rx: 0deg;--ry: 0deg;position:relative;padding:26px 26px 28px;border-radius:26px;background:linear-gradient(180deg,#fffdf8eb,#fbf6ecdb);border:1px solid var(--line);box-shadow:0 1px #fff inset,0 1px 2px #3c280f0d,0 22px 44px -32px #3c280f80;transition:transform .5s var(--ease),box-shadow .5s var(--ease);transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry));opacity:0;translate:0 28px}.feature.is-in{opacity:1;translate:0 0;transition:transform .5s var(--ease),box-shadow .5s var(--ease),opacity .9s var(--ease) var(--d, 0s),translate .9s var(--ease) var(--d, 0s)}.feature:hover{box-shadow:0 1px #fff inset,0 2px 4px #3c280f0f,0 34px 60px -30px #3c280f8c}.feature h3{font-size:24px;line-height:1.15;font-weight:800;margin:10px 0 8px}.feature p{font-size:15.5px;line-height:1.58;color:var(--ink-2)}.feature-thumb{width:168px;height:168px;margin:-18px 0 0 -18px;object-fit:contain;filter:drop-shadow(0 14px 14px rgb(60 40 15 / .18));transition:transform .6s var(--ease-spring)}.feature:hover .feature-thumb{transform:translateY(-6px) rotate(-3deg) scale(1.05)}.feature-homes{grid-column:span 2}.homes-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:-6px 0 6px;position:relative}.homes-row:before{content:"";position:absolute;left:10%;right:10%;top:44%;height:2px;background:repeating-linear-gradient(90deg,var(--line-2) 0 8px,transparent 8px 14px)}.homes-row figure{margin:0;display:grid;justify-items:center;gap:2px;position:relative;min-width:0;grid-template-columns:minmax(0,1fr)}.homes-row img{width:100%;max-width:156px;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 12px 12px rgb(60 40 15 / .16));transition:transform .6s var(--ease-spring);transition-delay:calc(var(--n, 0) * 60ms)}.homes-row figure:nth-child(2){--n: 1}.homes-row figure:nth-child(3){--n: 2}.homes-row figure:nth-child(4){--n: 3}.feature-homes:hover .homes-row img{transform:translateY(-8px)}.homes-row figcaption{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);text-align:center}.season-swap{position:relative;width:168px;height:168px;margin:-18px 0 0 -18px}.season-swap .feature-thumb{position:absolute;inset:0;margin:0;transition:opacity .6s var(--ease),transform .6s var(--ease-spring)}.season-swap .alt{opacity:0}.feature-season:hover .season-swap .alt,.feature-season:focus-within .season-swap .alt{opacity:1}.feature-season:hover .season-swap .feature-thumb:not(.alt){opacity:0}img[data-thumb]:not([src]){visibility:hidden}.thumb-wait{background:radial-gradient(ellipse at 50% 70%,rgb(160 190 120 / .25),transparent 60%);border-radius:50%}.how .paper-head{margin-left:auto;margin-right:auto;text-align:center}.how .chapter-kicker{justify-content:center}.loop{position:relative;display:grid;grid-template-columns:1fr minmax(240px,340px) 1fr;grid-template-rows:auto minmax(240px,340px) auto;grid-template-areas:". build ." "celebrate enso live" ". grow .";align-items:center;justify-items:center;gap:8px 34px;max-width:980px;margin:0 auto}.enso{grid-area:enso;width:100%;height:100%;overflow:visible}.enso path{fill:none;stroke:var(--ink);stroke-width:15;stroke-linecap:round;stroke-dasharray:1000;stroke-dashoffset:calc(1000 - var(--how-p, 0) * 1000);opacity:.86;filter:url(#rough)}.loop-steps{display:contents;list-style:none}.loop-steps li{width:min(250px,100%);text-align:center;opacity:calc(.18 + clamp(0,(var(--how-p, 0) - var(--i) * .2) * 4,1)*.82);transform:translateY(calc((1 - clamp(0,(var(--how-p, 0) - var(--i) * .2) * 4,1))*12px))}.loop-steps li:nth-child(1){grid-area:build}.loop-steps li:nth-child(2){grid-area:live;justify-self:start;text-align:left}.loop-steps li:nth-child(3){grid-area:grow}.loop-steps li:nth-child(4){grid-area:celebrate;justify-self:end;text-align:right}.loop-k{display:inline-grid;place-items:center;width:62px;height:62px;border-radius:50%;background:var(--paper);border:1px solid var(--line-2);font:400 32px/1 var(--font-brush);color:var(--shu);box-shadow:0 10px 24px -14px #3c280f99}.loop-steps h3{font-size:26px;margin:10px 0 4px}.loop-steps p{font-size:15.5px;line-height:1.5;color:var(--ink-2)}.finale{position:relative;min-height:118vh;display:flex;justify-content:center;align-items:flex-start;padding:15vh var(--pad) 0;text-align:center;color:var(--moon);overflow:clip}.finale:before{content:"";position:absolute;left:50%;top:9vh;width:min(980px,110vw);height:62vh;translate:-50% 0;background:radial-gradient(closest-side,rgb(8 12 30 / .55),rgb(8 12 30 / .22) 60%,transparent);pointer-events:none}.finale-copy{position:relative;display:grid;justify-items:center;gap:18px;max-width:640px;text-shadow:0 2px 30px rgb(5 10 25 / .6)}.finale-kanji{font:400 clamp(30px,3vw,42px)/1 var(--font-brush);color:#f6c38f;letter-spacing:.2em}.finale h2{font-size:clamp(48px,6vw,92px);line-height:1;font-weight:800;letter-spacing:-.012em}.finale-copy>p:not(.finale-kanji):not(.small){font:500 clamp(19px,1.6vw,23px)/1.5 var(--font-display);color:#f5efe2e0;max-width:34ch;margin-bottom:10px}.finale .small{font-size:13.5px;color:#f5efe2b3;font-weight:600;letter-spacing:.02em}.footer{position:relative;z-index:1;background:#16151a;color:#f5efe2b8;font-size:14px}.footer-inner{max-width:1240px;margin:0 auto;padding:34px var(--pad);display:flex;flex-wrap:wrap;gap:10px 32px;align-items:center;justify-content:space-between}.footer-brand{color:var(--moon);font-family:var(--font-display);font-weight:600;font-size:16px}.footer-brand span{font-family:var(--font-brush);color:#f2a07c;margin-right:6px}.footer a{color:var(--moon);text-decoration-color:#f5efe24d;text-underline-offset:3px}.loader{position:fixed;z-index:40;right:clamp(20px,3vw,44px);bottom:clamp(20px,3vw,36px);display:flex;align-items:center;gap:12px;padding:8px 18px 8px 8px;border-radius:999px;background:#fcf8efc7;border:1px solid var(--line);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:13px;font-weight:650;color:var(--ink-2);transition:opacity .8s var(--ease),translate .8s var(--ease)}.loader svg{width:40px;height:40px;overflow:visible}.loader path{fill:none;stroke-linecap:round}.loader-track{stroke:#2a251f1a;stroke-width:7}.loader-ink{stroke:var(--ink);stroke-width:7.5;stroke-dasharray:300;stroke-dashoffset:calc(300 - var(--load, 0) * 300);transition:stroke-dashoffset .5s var(--ease)}body.is-ready .loader{opacity:0;translate:0 12px;pointer-events:none}body.no-webgl .loader{display:none}body.no-webgl .poster{opacity:.95}@media(max-width:1100px){.nav{gap:18px}.bento{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-homes{grid-column:span 2}}@media(max-width:860px){.nav{display:none}.topbar .btn-play{margin-left:auto}.rail,.era-rail{display:none}}@media(max-width:760px){body{font-size:16px}.topbar{height:58px}.veil:before{background:linear-gradient(0deg,rgb(252 247 236 / .94) 0%,rgb(252 247 236 / .78) 30%,rgb(252 247 236 / .1) 52%,transparent 62%)}.veil:after{background:linear-gradient(0deg,rgb(10 16 34 / .88) 0%,rgb(10 16 34 / .6) 32%,transparent 58%)}.hero{align-items:flex-end;padding:0 22px 64px}.title{margin-top:14px;gap:12px}.title-word{font-size:clamp(52px,15vw,70px)}.title-kanji{writing-mode:horizontal-tb;font-size:22px;padding-bottom:.35em}.eyebrow{font-size:11px;letter-spacing:.12em;gap:9px}.eyebrow .seal{width:24px;height:24px;font-size:15px}.cue{--h: 42px;background:transparent;border-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.promise{font-size:20px;margin:16px 0 22px}.cta-row{flex-direction:column;align-items:stretch}.btn-lg{--h: 54px;font-size:16px}.facts{margin-top:18px;font-size:12.5px;gap:6px 16px}.scroll-hint{display:none}.poster-art{right:-6vw;top:30%;width:112vw}.chapter-head{min-height:100vh;min-height:100svh;justify-content:flex-end;padding:0 22px calc(36px + env(safe-area-inset-bottom))}.chapter-head h2{font-size:40px}.chapter-head>p:last-child{font-size:17px}.step{align-items:flex-end;padding:0 12px calc(14px + env(safe-area-inset-bottom));min-height:100vh;min-height:100svh}.card{max-height:56svh;overflow:hidden}.card{grid-template-columns:auto minmax(0,1fr);column-gap:14px;padding:22px 20px 22px 16px;border-radius:24px;background:#fcf8efe6;border:1px solid var(--line);box-shadow:0 20px 40px -24px #28190880;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);width:100%}body[data-tone=dark] .card{background:#0e1426c7;border-color:#ffffff1a}.big-kanji{font-size:58px;margin-top:0}.card h3{font-size:30px;margin:6px 0 8px}.card>p:not(.big-kanji):not(.step-meta){font-size:16px}.chips{margin-top:14px;gap:6px}.chips li{height:28px;font-size:12.5px;padding:0 11px}.step-wide .card{padding-top:18px}.step-wide h3{font-size:25px}.classes{grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}.classes li{grid-template-columns:40px 1fr;gap:6px;padding:6px 8px 6px 4px;border-radius:14px}.classes img{width:40px;height:40px;border-radius:10px}.classes b{font-size:14px}.classes p{display:none}.classes small{font-size:10.5px;line-height:1.3}.chain-list{grid-template-columns:1fr 1fr;gap:6px}.chain-list li{font-size:12.5px;padding:6px 10px;width:auto;gap:5px}.tag{font-size:11.5px;padding:4px 9px}.paper-inner{padding:96px 20px 84px}.bento{grid-template-columns:minmax(0,1fr)}.feature-homes{grid-column:auto}.homes-row figcaption{font-size:10px;letter-spacing:.04em}.loop{grid-template-columns:1fr;grid-template-rows:none;grid-template-areas:"enso" "build" "live" "grow" "celebrate";gap:22px}.enso{width:150px;height:150px}.loop-steps li,.loop-steps li:nth-child(n){justify-self:center;text-align:center;opacity:1;transform:none}.finale{min-height:112svh;padding-top:16vh}.footer-inner{flex-direction:column;align-items:flex-start}.loader{left:50%;right:auto;translate:-50% 0;bottom:18px}body.is-ready .loader{translate:-50% 12px}}.og .topbar,.og .rail,.og .loader,.og .cta-row,.og .facts,.og .scroll-hint,.og .era-rail,.og .labels{display:none!important}.og .hero{padding-left:70px}.og .title-word{font-size:112px}.og .promise{font-size:25px;margin-bottom:0}.og .hero-copy>*{animation:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.card{opacity:1;transform:none}.feature{opacity:1;translate:none}}