/* v007 K — 大きな願いから、一つの街へ。夜・紙・夜の景色。 */
.o8{overflow-x:clip}.o8 button{cursor:pointer}.o8 button:disabled{cursor:default}.o8 section[id],.o8 #nb-ex{scroll-margin-top:calc(var(--pvh,0px) + 84px)}.o8 :focus-visible{outline-offset:5px}.o8 .o8k-hero :focus-visible,.o8 .o8k-consult :focus-visible{outline-color:var(--brass)}
.o8 .o8k-review{padding-block:12px;background:#e9e3d5;border-bottom:1px solid var(--line);font:12px/1.6 var(--sans)}.o8 .o8k-review .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:8px 23px}.o8 .o8k-review .wrap>div{display:flex;flex-wrap:wrap;gap:16px}.o8 .o8k-review a{min-height:32px;display:inline-flex;align-items:center;gap:6px;border-bottom:1px solid transparent}.o8 .o8k-review a[aria-current]{border-color:currentColor;font-weight:700}.o8 .o8k-review a span{font-weight:400;color:var(--muted)}
.o8 .o8k-hero{background:var(--night);color:var(--on-dark);padding:32px 0 76px;position:relative}.o8 .o8k-hero .crumb{color:var(--on-dark-3);margin-bottom:28px}.o8 .o8k-hero .k{color:var(--brass)}.o8 .o8k-sky{text-align:center;position:relative;padding-top:8px}.o8 .o8k-sky>.k{font-size:12px;letter-spacing:.17em}.o8 .o8k-want{font:500 clamp(32px,4.2vw,60px)/1.52 var(--serif);letter-spacing:.08em;margin-top:20px;min-height:3.04em}.o8 .o8k-want>span{display:block}.o8 .o8k-want>span:last-child{margin-left:1.3em}.o8 .o8k-sky-note{font:13px/1.8 var(--sans);color:var(--on-dark-3);margin-top:18px;letter-spacing:.06em}.o8 .o8k-horizon{max-width:1800px;margin:-14px auto 0;position:relative;padding-inline:18px}.o8 .o8k-landscape{width:100%;height:auto;display:block;color:var(--brass);overflow:visible}.o8 .o8k-landscape-small{display:none}.o8 .o8k-landscape path,.o8 .o8k-pair-art path{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.o8 .o8k-landscape .o8k-ground{stroke:rgba(216,194,148,.23);stroke-width:1}.o8 .o8k-landscape .o8k-road{stroke:rgba(216,194,148,.46);stroke-width:1}.o8 .o8k-landscape [data-o8-grow]{opacity:.92}.o8.o8k-motion .o8k-landscape [data-o8-grow]{opacity:.05;transition:opacity 1.2s ease}.o8.o8k-motion .o8k-landscape [data-o8-grow] path{stroke-dasharray:1 1;stroke-dashoffset:1}.o8.o8k-motion .o8k-landscape [data-o8-grow].o8k-grown{opacity:.92}.o8.o8k-motion .o8k-landscape [data-o8-grow].o8k-grown path{stroke-dashoffset:0;transition:stroke-dashoffset 2.4s var(--ease) calc(var(--i,0)*90ms)}.o8.o8k-motion .o8k-landscape [data-o8-link]{stroke-dasharray:1 1;stroke-dashoffset:1;transition:stroke-dashoffset 2.8s var(--ease) .5s}.o8.o8k-motion .o8k-landscape [data-o8-link].o8k-grown{stroke-dashoffset:0}.o8 .o8k-playline{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 24px;padding:8px 0 20px;border-bottom:1px solid rgba(216,194,148,.25);color:var(--on-dark-3);font:12px/1.7 var(--sans);letter-spacing:.05em}.o8 .o8k-count{margin-left:5px;color:var(--brass);font-variant-numeric:tabular-nums}.o8 [data-o8-controls]{display:flex;align-items:center;gap:22px}.o8 [data-o8-controls] button{padding:7px 0;min-height:44px;background:none;border:0;font:12px/1.6 var(--sans);color:var(--on-dark-3);border-bottom:1px solid transparent}.o8 [data-o8-controls] button:hover{color:var(--brass);border-bottom-color:var(--brass)}.o8 [data-o8-controls] button:disabled{opacity:.6;border-color:transparent}.o8 .o8k-hero-foot{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:30px 80px;margin-top:38px}.o8 .o8k-hero-foot h1{font:500 clamp(29px,3.15vw,42px)/1.6 var(--serif);letter-spacing:.07em;margin-top:9px}.o8 .o8k-hero-foot>div>p:last-child{font:15px/2 var(--sans);max-width:45em;margin-top:16px;color:var(--on-dark-2)}.o8 .o8k-hero-actions{display:flex;flex-direction:column;align-items:start;gap:18px;padding-bottom:4px}.o8 .o8k-hero-actions .lnk{font-size:13px;color:var(--brass)}
.o8 .o8k-want.o8k-enter>span{animation:o8word 1.25s var(--ease) both}.o8 .o8k-want.o8k-enter>span:last-child{animation-delay:.13s}@keyframes o8word{0%{opacity:0;transform:translateY(15px)}100%{opacity:1;transform:translateY(0)}}.o8 .o8k-paused .o8k-want>span{animation-play-state:paused}

/* L案 — 願いをひとつ描き、その先の景色へ歩く。 */
.o8 [hidden]{display:none!important}.o8 a:focus-visible,.o8 button:focus-visible,.o8 summary:focus-visible{outline:2px solid currentColor;outline-offset:5px}.o8-review{background:var(--paper-3);padding-block:12px;border-bottom:1px solid var(--line);font:12px/1.8 var(--sans)}.o8-review .wrap{display:flex;align-items:center;flex-wrap:wrap;gap:8px 24px}.o8-review .wrap>div{display:flex;flex-wrap:wrap;gap:20px}.o8-review b{font-weight:500;color:var(--muted)}.o8-review a[aria-current]{text-decoration:underline;text-underline-offset:5px;font-weight:700}.o8-review a:hover{text-decoration:underline}
/* 背景も夜から紙へ。本文は常に読み、線画だけが現れる。 */
.o8-chapter{position:relative;padding-block:66px 82px;background:var(--paper-2);color:var(--ink)}.o8-chapter::before{content:'';position:absolute;left:50%;top:0;width:1px;height:42px;background:var(--accent-ink);opacity:.4}.o8-chapter::after{content:'';position:absolute;left:50%;bottom:0;width:1px;height:40px;background:var(--accent-ink);opacity:.4}.o8-chapter header{text-align:center;max-width:740px;margin:auto}.o8-chapter h2{font:500 clamp(30px,3.7vw,52px)/1.6 var(--serif);letter-spacing:.08em;margin-top:20px}.o8-chapter header>p:not(.k){font:15px/2.1 var(--sans);color:var(--muted);margin-top:24px}.o8-scene{margin:28px 0 32px}.o8-landscape{width:100%;height:auto;display:block;fill:none;stroke:currentColor;color:var(--accent-ink);stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round;overflow:visible}.o8-ground{stroke-width:.8;opacity:.55}.o8-old{opacity:.45;stroke-width:2.7}.o8-mobile{display:none}.o8-ideas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(40px,9vw,128px);padding-inline:3%}.o8-idea{min-width:0}.o8-idea h3{font:500 clamp(24px,2.4vw,33px)/1.65 var(--serif);letter-spacing:.06em;margin-top:12px}.o8-narrative{font:15px/2 var(--sans);color:var(--muted);margin-top:20px;max-width:36em}.o8-detail{margin-top:26px;border-block:1px solid var(--line)}.o8-detail summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:54px;padding-block:12px;font:500 13px/1.8 var(--sans);list-style:none}.o8-detail summary::-webkit-details-marker{display:none}.o8-detail summary::after{content:'+';font:22px/1 var(--serif)}.o8-detail[open] summary::after{content:'−'}.o8-detail li{display:grid;grid-template-columns:68px minmax(0,1fr);gap:16px;padding-block:15px;border-top:1px dotted var(--line)}.o8-detail h4{font:500 15px/1.8 var(--serif)}.o8-detail li p{font:13px/1.95 var(--sans);color:var(--muted)}.o8-detail ol{padding-bottom:12px}.o8-chapter-0{background:var(--night);color:var(--on-dark);padding-top:76px}.o8-chapter-0::before,.o8-chapter-0::after{background:var(--brass)}.o8-chapter-0 .k,.o8-chapter-0 .o8-landscape{color:var(--brass)}.o8-chapter-0 header>p:not(.k),.o8-chapter-0 .o8-narrative,.o8-chapter-0 .o8-detail li p{color:var(--on-dark-2)}.o8-chapter-0 .o8-detail,.o8-chapter-0 .o8-detail li{border-color:rgba(216,194,148,.3)}.o8-chapter-1{background:var(--paper-3)}.o8-motion .o8-chapter:not(.is-seen) .o8-new path{stroke-dasharray:1 1;stroke-dashoffset:1}.o8-motion .o8-chapter.is-seen .o8-new path{stroke-dasharray:1 1;stroke-dashoffset:0;transition:stroke-dashoffset 1.9s var(--ease) calc(var(--i,0)*75ms)}.o8-motion .o8-chapter:not(.is-seen) .o8-ground{stroke-dasharray:1 1;stroke-dashoffset:1}.o8-motion .o8-chapter.is-seen .o8-ground{stroke-dasharray:1 1;stroke-dashoffset:0;transition:stroke-dashoffset 1.6s var(--ease)}.o8-ex-note{background:var(--paper-2);padding-block:18px 54px;font:12px/1.9 var(--sans);color:var(--muted);text-align:center}.o8-four{background:var(--paper);padding-block:90px}.o8-section-head{display:grid;grid-template-columns:1.1fr 1fr;align-items:end;gap:48px;margin-bottom:48px}.o8-section-head h2{font:500 clamp(30px,3vw,42px)/1.6 var(--serif);letter-spacing:.07em;margin-top:14px}.o8-section-head>p{font:15px/2 var(--sans);color:var(--muted)}.o8-four ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}.o8-four li{border-top:1px solid var(--accent-ink);padding-top:24px}.o8-step-letter{display:block;font:400 42px/1.3 var(--serif);color:var(--accent-ink);margin-bottom:16px}.o8-four h3{font:500 23px/1.6 var(--serif)}.o8-four li p{font:14px/1.95 var(--sans);margin-top:14px;min-height:6em}.o8-four small{display:block;color:var(--muted);font:12px/1.7 var(--sans);margin-top:20px}.o8-step-doc{font:500 13px/1.8 var(--sans);margin-top:4px;display:block}.o8-terms{font:13px/1.9 var(--sans);color:var(--muted);margin-top:22px;max-width:850px}.o8-invitation{font:500 22px/1.8 var(--serif);letter-spacing:.08em;color:var(--brass);margin:28px 0}.o8-consult .say-note{margin-top:24px;max-width:640px}.o8-consult .acts{margin-top:24px}.o8-is-suspended .o8-hero *{animation-play-state:paused!important}.o8-reduced .o8-hero *{animation:none!important;transition:none!important}.o8-reduced .o8-memories>span{opacity:.7!important;transform:none!important}.o8-reduced .o8-landscape path{stroke-dashoffset:0!important;transition:none!important}
/* O — A single route from the first night landscape to a wider, brighter future. */
.o8{overflow-x:clip}.o8 section[id],.o8 #nb-ex{scroll-margin-top:calc(var(--pvh,0px) + 84px)}
.o8 .o8k-hero{padding-bottom:0}.o8 .o8k-hero .o8k-want{--o8-wish-size:clamp(32px,4.2vw,60px);font-size:var(--o8-wish-size);height:3.04em;min-height:3.04em}.o8 .o8k-want>span{white-space:nowrap}.o8 .o8k-want.o8k-enter>span{animation:o8word .85s var(--ease) both}.o8 .o8k-want.o8k-enter>span:last-child{animation-delay:.1s}
.o8 .o8k-horizon{max-width:1800px;margin-top:-8px}.o8 .o8k-playline{border-bottom:0;padding-bottom:0}.o8 .o8k-sky-note{margin-top:16px}.o8 [data-o8-controls] button:disabled{cursor:default;opacity:.65}
.o8.o8-motion .o8k-landscape [data-o8-grow]{opacity:.06}.o8.o8-motion .o8k-landscape [data-o8-grow].is-grown{animation:o8appear .8s ease both}.o8.o8-motion .o8k-landscape [data-o8-grow] path{stroke-dasharray:1 1;stroke-dashoffset:1}.o8.o8-motion .o8k-landscape [data-o8-grow].is-grown path{animation:o8draw 2.1s var(--ease) calc(var(--i,0)*75ms) both}.o8.o8-motion .o8k-landscape [data-o8-link]{stroke-dasharray:1 1;stroke-dashoffset:1}.o8.o8-motion .o8k-landscape [data-o8-link].is-grown{animation:o8draw 2.5s var(--ease) .35s both}
@keyframes o8draw{from{stroke-dasharray:1 1;stroke-dashoffset:1}to{stroke-dasharray:1 1;stroke-dashoffset:0}}@keyframes o8appear{from{opacity:.06}to{opacity:.92}}
.o8 .is-paused .o8k-want>span,.o8 .is-paused .o8k-landscape [data-o8-grow],.o8 .is-paused .o8k-landscape path{animation-play-state:paused!important}
.o8-bridge{background:var(--night);color:var(--on-dark);text-align:center;padding-top:28px;padding-bottom:0}.o8-connector{height:82px;max-width:120px;margin:0 auto 42px;color:var(--brass);opacity:.45}.o8-connector svg{width:120px;height:80px;fill:none;stroke:currentColor;stroke-width:1}.o8-hero-intro{max-width:760px;margin:auto}.o8-hero-intro .k{color:var(--brass);letter-spacing:.16em}.o8-hero-intro h1{font:500 clamp(30px,3.3vw,46px)/1.6 var(--serif);letter-spacing:.08em;margin:14px 0 24px}.o8-hero-intro p:not(.k){max-width:39em;margin:auto;font:15px/2.2 var(--sans);color:var(--on-dark-2)}.o8-hero-intro .hero-acts{display:flex;flex-wrap:wrap;gap:18px 30px;justify-content:center;align-items:center;margin-top:30px}.o8-hero-intro .lnk{font-size:13px;color:var(--brass)}.o8-leading{position:relative;font:500 16px/1.8 var(--serif);letter-spacing:.09em;color:var(--brass);padding:58px 0 86px}.o8-leading::after{content:'';position:absolute;width:1px;height:56px;left:50%;bottom:0;background:linear-gradient(transparent,rgba(216,194,148,.5))}
.o8-chapter{padding-block:68px 104px}.o8-chapter::before{height:40px}.o8-chapter::after{height:64px}.o8-chapter header{max-width:800px}.o8-chapter h2{font-size:clamp(30px,3.5vw,48px)}.o8-chapter header>.k{display:flex;align-items:center;gap:24px;justify-content:center;letter-spacing:.11em}.o8-chapter header>.k::before,.o8-chapter header>.k::after{content:'';width:56px;height:1px;background:currentColor;opacity:.32}.o8-chapter header>p:not(.k){max-width:44em;margin:24px auto 0}.o8-scene{margin:16px -2% 38px}.o8-landscape{color:var(--accent-ink);stroke-width:1.5}.o8-landscape .o8-new{stroke-width:1.5}.o8-old{opacity:.23;stroke-width:2.3}.o8-trace-line{stroke-width:.65;opacity:.24}.o8-road{stroke-width:1;opacity:.65}.o8-mobile{display:none}.o8-ideas{padding-inline:4%;gap:clamp(48px,9vw,130px)}.o8-idea{padding-top:10px}.o8-idea .k{letter-spacing:.12em}.o8-idea h3{font-size:clamp(24px,2.5vw,33px)}.o8-narrative{max-width:33em}.o8-detail{margin-top:30px}.o8-chapter-0{background:var(--night)}.o8-chapter-0 .o8-landscape{color:var(--brass)}.o8-chapter-0 .o8-old{opacity:.3}.o8-chapter-0::after{height:65px}.o8-chapter-1{background:linear-gradient(to bottom,var(--night) 0,#918e81 72px,var(--paper-3) 148px,var(--paper-3) 100%);padding-top:185px}.o8-chapter-1::before{height:152px;background:linear-gradient(var(--brass),var(--accent-ink));opacity:.5}.o8-chapter-2{background:linear-gradient(var(--paper-3),var(--paper-2) 240px)}.o8-motion .o8-scene.is-seen .o8-new path{stroke-dasharray:1 1;stroke-dashoffset:0;animation:o8draw 1.9s var(--ease) calc(var(--i,0)*65ms) both}.o8-motion .o8-scene:not(.is-seen) .o8-new path{stroke-dasharray:1 1;stroke-dashoffset:1}.o8-motion .o8-scene.is-seen .o8-road{stroke-dasharray:1 1;animation:o8draw 1.6s var(--ease) both}.o8 .o8-scene.is-suspended path{animation-play-state:paused!important}.o8-ex-note{padding:12px 24px 60px}.o8-four{background:var(--paper);padding-block:90px}.o8-section-head{margin-bottom:46px}.o8-consult .btn{min-height:48px}
/* The manuscript remains readable while the line drawing unfolds. */
.o8.o8-reduced .o8k-landscape [data-o8-grow]{opacity:.92!important}.o8.o8-reduced .o8k-landscape path,.o8.o8-reduced .o8-landscape path{stroke-dashoffset:0!important;animation:none!important;transition:none!important}
@media(min-width:1650px){.o8 .o8k-horizon{margin-top:-32px}}
@media(max-width:1050px){.o8 .o8k-horizon{margin-top:8px}.o8-ideas{gap:48px;padding-inline:2%}.o8-four ol{gap:24px}.o8-four li p{font-size:13px}.o8-section-head{gap:32px}}
@media(max-width:820px){.o8 .o8k-hero{padding-top:28px}.o8 .o8k-want{--o8-wish-size:clamp(28px,5.4vw,44px)}.o8 .o8k-sky>.k{font-size:11px}.o8 .o8k-sky-note{font-size:12px}.o8-bridge{padding-top:20px}.o8-connector{height:62px;margin-bottom:32px}.o8-connector svg{height:60px}.o8-hero-intro h1{font-size:34px}.o8-chapter h2{font-size:37px}.o8-chapter header>p:not(.k){font-size:14px}.o8-ideas{gap:38px}.o8-chapter{padding-bottom:84px}.o8-four{padding-block:70px}.o8-four ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}.o8-four li p{font-size:14px;min-height:0}.o8-section-head{grid-template-columns:1fr;gap:22px}.o8-scene{margin-inline:0}}
@media(max-width:600px){.o8-review{font-size:11px}.o8-review .wrap{gap:8px 16px}.o8-review .wrap>div{width:100%;gap:18px}.o8 .o8k-hero .crumb{margin-bottom:28px}.o8 .o8k-hero .o8k-want{--o8-wish-size:clamp(21px,6.1vw,35px);font-size:var(--o8-wish-size);letter-spacing:.025em;margin-top:18px}.o8 .o8k-want>span:last-child{margin-left:.7em}.o8 .o8k-landscape-wide{display:none}.o8 .o8k-landscape-small{display:block;max-width:500px;margin-inline:auto}.o8 .o8k-horizon{padding-inline:12px;margin-top:0}.o8 .o8k-sky-note{max-width:24em;margin-inline:auto;letter-spacing:.025em;font-size:11px}.o8 .o8k-playline{gap:2px}.o8 .o8k-playline>p{width:100%;font-size:11px}.o8 [data-o8-controls]{gap:24px}.o8 [data-o8-controls] button{min-height:44px}.o8-bridge{padding-top:14px}.o8-connector{margin-bottom:26px}.o8-hero-intro h1{font-size:27px;letter-spacing:.05em;margin-bottom:20px}.o8-hero-intro p:not(.k){font-size:14px;line-height:2.05;text-align:left}.o8-hero-intro .hero-acts{margin-top:26px;gap:18px}.o8-hero-intro .btn{width:100%}.o8-leading{font-size:14px;letter-spacing:.04em;padding:42px 0 68px}.o8-leading::after{height:42px}.o8-chapter{padding:54px 0 76px}.o8-chapter header,.o8-chapter .o8-ideas{padding-inline:24px}.o8-chapter header>.k{font-size:10px;gap:14px}.o8-chapter header>.k::before,.o8-chapter header>.k::after{width:24px}.o8-chapter h2{font-size:29px;letter-spacing:.045em}.o8-chapter header>p:not(.k){text-align:left;font-size:14px;line-height:2.05;margin-top:20px}.o8-chapter header>p:not(.k) br{display:none}.o8-chapter::before{height:28px}.o8-chapter::after{height:46px}.o8-chapter-1{padding-top:150px;background:linear-gradient(var(--night),#bdb7a7 65px,var(--paper-3) 114px,var(--paper-3))}.o8-chapter-1::before{height:116px}.o8-chapter-2{background:linear-gradient(var(--paper-3),var(--paper-2) 160px)}.o8-desktop{display:none}.o8-mobile{display:block}.o8-scene{margin:14px 12px 20px}.o8-landscape .o8-new{stroke-width:2}.o8-old{stroke-width:3.2;opacity:.3}.o8-road{stroke-width:1.4}.o8-ideas{grid-template-columns:1fr;gap:36px}.o8-idea{padding-top:0}.o8-idea h3{font-size:27px;line-height:1.6}.o8-narrative{font-size:14px;margin-top:16px}.o8-detail{margin-top:20px}.o8-detail li{grid-template-columns:62px minmax(0,1fr);gap:12px}.o8-detail li p{font-size:13px}.o8-ex-note{text-align:left;padding:10px 24px 42px}.o8-four{padding-block:60px}.o8-four ol{gap:30px 22px}.o8-section-head h2{font-size:29px}.o8-section-head{margin-bottom:36px}.o8-four h3{font-size:21px}.o8-four li p{font-size:13px}.o8-step-letter{font-size:37px}.o8-step-doc{font-size:12px}.o8-terms{font-size:12px}.o8-invitation{font-size:18px}.o8-consult .btn{width:100%}}
@media(prefers-reduced-motion:reduce){.o8 *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.o8 .o8k-landscape [data-o8-grow]{opacity:.92!important}.o8 .o8k-landscape path,.o8 .o8-landscape path{stroke-dashoffset:0!important}}