@charset "UTF-8";
:root{--washi:#e4ddc9;--indigo:#263447;--blue:#718796;--celadon:#a3aa96;--sumi:#1e1d1a;--lacquer:#513833;--persimmon:#be5d43;--gold:#aa956a;--ash:#c9c2b3;--edge:clamp(22px,6.2vw,100px);--sans:"Helvetica Neue",Arial,sans-serif;--serif:"Iowan Old Style","Baskerville",Georgia,serif;--jp:"Hiragino Mincho ProN","Yu Mincho",serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--washi);color:var(--sumi);font-family:var(--sans);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:var(--persimmon);color:var(--washi)}a{color:inherit;text-decoration:none}p,h1,h2,h3{margin:0}a:focus-visible,summary:focus-visible{outline:2px solid var(--persimmon);outline-offset:5px}[lang=ja]{font-family:var(--jp);font-weight:400}.skip-link{position:fixed;z-index:100;top:-80px;left:15px;padding:12px 18px;background:var(--washi);color:var(--indigo)}.skip-link:focus{top:12px}
.topbar{position:absolute;z-index:20;top:0;left:0;width:100%;height:82px;padding:0 var(--edge);display:flex;align-items:center;justify-content:space-between;color:var(--washi)}.brand{font-size:13px;font-weight:700;letter-spacing:.15em;display:inline-flex;align-items:center;gap:5px;min-height:44px}.brand span{color:var(--persimmon);font-size:19px}.topbar nav,.footer nav{display:flex;align-items:center;gap:clamp(18px,3vw,42px)}.topbar nav a,.footer nav a{display:inline-flex;align-items:center;min-height:44px;font-size:11px;letter-spacing:.035em}.topbar nav a:hover,.footer nav a:hover{color:var(--persimmon)}.nav-buy{border-bottom:1px solid #aeb4b0;gap:16px}.nav-buy span{color:var(--persimmon);font-size:17px}
/* A single cut of paper, not a centred title card. */
.prologue{height:100svh;min-height:680px;max-height:1180px;position:relative;overflow:hidden;isolation:isolate;background:var(--indigo);color:var(--washi)}.prologue-ink{position:absolute;inset:-30% -5% auto auto;width:60vw;height:132%;background:#202d3b;transform:rotate(-12deg);clip-path:polygon(27% 0,100% 0,100% 100%,0 100%,14% 83%,7% 61%,19% 43%,12% 24%)}.prologue-paper{position:absolute;right:-10vw;top:16%;width:61vw;height:71%;background:var(--washi);clip-path:polygon(12% 2%,81% 0,100% 13%,93% 32%,98% 61%,82% 100%,39% 95%,0 100%,7% 72%,1% 42%);transform:rotate(5deg);opacity:.97}.edition{position:absolute;top:21%;left:var(--edge);font-size:10px;letter-spacing:.23em;color:var(--celadon)}.prologue h1{position:absolute;left:-.045em;top:32%;font-size:clamp(102px,14vw,220px);line-height:.77;letter-spacing:-.095em;font-weight:700;white-space:nowrap;z-index:3}.prologue h1 span{display:block}.prologue h1 .title-cut{margin-left:15vw;color:var(--washi);mix-blend-mode:exclusion}.hero-jp{position:absolute;z-index:4;right:12%;top:25%;writing-mode:vertical-rl;font-size:clamp(35px,5vw,65px);letter-spacing:.19em;color:var(--indigo)}.hero-line{position:absolute;left:var(--edge);bottom:9%;font-family:var(--serif);font-size:clamp(19px,2vw,27px);line-height:1.45;z-index:5}.prologue-link{position:absolute;right:var(--edge);bottom:24%;color:var(--indigo);display:flex;align-items:center;gap:35px;border-bottom:1px solid #aeb4b0;padding:0 0 11px;font-size:11px;letter-spacing:.08em;z-index:5}.prologue-link i{font-style:normal;font-size:19px;color:var(--persimmon)}.side-script{position:absolute;top:28%;right:5%;writing-mode:vertical-rl;letter-spacing:.2em;font-size:12px;z-index:4}.seal{position:absolute;z-index:6;left:55%;bottom:28%;width:44px;height:49px;display:grid;place-items:center;background:var(--persimmon);color:var(--washi);font-family:var(--jp);font-size:26px;clip-path:polygon(4% 4%,95% 0,100% 38%,91% 96%,48% 91%,4% 100%,0 59%);transform:rotate(-7deg)}.prologue-rule{position:absolute;bottom:24px;left:var(--edge);right:var(--edge);display:flex;justify-content:space-between;color:#c9c2b3a8;font-size:9px;letter-spacing:.18em}
/* Screen planes stay visually continuous while their seams open. */
.unfold{height:190svh;min-height:1350px;background:var(--washi);position:relative}.unfold-sticky{height:100svh;min-height:650px;position:sticky;top:0;overflow:hidden;padding:0 var(--edge)}.scene-whisper{position:absolute;left:var(--edge);top:12%;font-family:var(--serif);font-style:italic;font-size:clamp(17px,2.2vw,28px);color:var(--lacquer)}.screen-art{position:absolute;top:22%;left:0;width:100%;height:43%;overflow:hidden;clip-path:polygon(0 8%,13% 2%,31% 6%,49% 0,68% 5%,84% 1%,100% 9%,97% 93%,79% 100%,58% 94%,41% 99%,19% 93%,0 100%);transform:rotate(-1.5deg) scale(1.02);transform-origin:center;will-change:clip-path,transform}.screen-art svg{width:100%;height:100%;object-fit:cover}.screen-seam{position:absolute;top:0;bottom:0;width:1px;background:#19263485;box-shadow:2px 0 #f4efdf46;transform-origin:center;will-change:transform}.seam-one{left:20%}.seam-two{left:40%}.seam-three{left:60%}.seam-four{left:80%}.unfold-caption{position:absolute;left:var(--edge);right:var(--edge);bottom:11%;display:grid;grid-template-columns:1fr minmax(240px,31%);align-items:end;gap:8vw}.unfold-caption h2{font-family:var(--serif);font-weight:400;font-size:clamp(48px,8.3vw,118px);line-height:.92;letter-spacing:-.065em}.unfold-caption h2 em{color:var(--blue);font-weight:400}.unfold-caption>p{font-size:13px;max-width:350px;line-height:1.8;margin-bottom:8px;color:#45453e}.screen-vertical{position:absolute;top:22%;right:var(--edge);writing-mode:vertical-rl;font-size:14px;letter-spacing:.18em;color:var(--washi);mix-blend-mode:exclusion}.screen-index{position:absolute;left:var(--edge);top:68%;font-size:9px;letter-spacing:.2em;color:#58564f}
.script-room{min-height:1120px;background:var(--celadon);position:relative;overflow:hidden;padding:12vh var(--edge) 9vh}.script-intro{position:relative;z-index:2}.whisper{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--lacquer);margin-bottom:21px}.script-intro h2{font-family:var(--serif);font-size:clamp(48px,7.4vw,106px);font-weight:400;line-height:.91;letter-spacing:-.055em}.script-intro h2 span{font-size:.63em;color:var(--lacquer)}.glyph-stage{position:absolute;inset:8% 4% 6% 26%;}.glyph{position:absolute;display:block;white-space:nowrap;will-change:transform}.glyph-hira{top:24%;left:1%;font-size:clamp(100px,18vw,255px);letter-spacing:.05em;color:var(--washi);z-index:3}.glyph-kata{top:43%;left:30%;font-size:clamp(50px,9vw,128px);letter-spacing:.14em;color:var(--indigo);z-index:2}.glyph-kanji{top:57%;left:53%;font-size:clamp(112px,21vw,292px);color:var(--lacquer);z-index:4;line-height:1}.glyph-explain{position:absolute;z-index:5;bottom:5%;left:6%;right:0;display:grid;grid-template-columns:repeat(3,1fr);gap:2vw;border-top:1px solid #26344766;padding-top:17px}.glyph-explain p{display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:baseline;font-size:11px}.glyph-explain b{font-family:var(--jp);font-size:19px;font-weight:400}.glyph-explain span{color:#55594d;font-size:10px}.script-endnote{position:absolute;top:13%;right:var(--edge);width:170px;font-family:var(--serif);font-size:14px;color:var(--lacquer);line-height:1.6}
.waterline{position:relative;min-height:950px;height:115svh;max-height:1250px;overflow:hidden;background:var(--indigo);color:var(--washi)}.water-art{position:absolute;left:-6%;bottom:-8%;width:78%;height:93%;transform:rotate(-5deg);transform-origin:center;will-change:transform}.water-art svg{width:100%;height:100%;overflow:visible}.wash{fill:var(--blue);opacity:.56}.fish{fill:var(--ash);stroke:var(--sumi);stroke-width:4;stroke-linejoin:round}.fish-line{fill:none;stroke:var(--lacquer);stroke-width:5;opacity:.8}.water-stroke{fill:none;stroke:var(--celadon);stroke-width:3;opacity:.5}.water-copy{position:absolute;z-index:2;right:var(--edge);top:18%;width:37%;}.water-jp{font-size:16px;letter-spacing:.18em;color:var(--celadon);margin-bottom:30px}.water-copy h2{font-family:var(--serif);font-weight:400;font-size:clamp(52px,8vw,112px);letter-spacing:-.06em;line-height:.91}.water-copy>p:not(.water-jp){max-width:360px;margin-top:24px;color:#ddd8ca;font-size:13px;line-height:1.85}.sound-words{margin-top:45px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;font-family:var(--serif);font-size:clamp(19px,2.8vw,35px)}.sound-words span:nth-child(2){margin-left:16%}.sound-words span:nth-child(3){margin-left:33%;color:var(--celadon)}
.sentence-field{min-height:950px;padding:13vh var(--edge) 9vh;position:relative;overflow:hidden;background:#d3d0bd}.sentence-heading{position:relative;z-index:2;width:47%;margin-left:9%}.vertical-phrase{position:absolute;left:-17%;top:0;writing-mode:vertical-rl;font-size:15px;letter-spacing:.22em;color:var(--persimmon)}.sentence-heading .whisper{margin-bottom:23px}.sentence-heading h2{font-family:var(--serif);font-weight:400;font-size:clamp(55px,8vw,112px);line-height:.9;letter-spacing:-.06em}.sentence-lead{margin:25px 0 0 23%;max-width:270px;font-size:13px;line-height:1.8;color:#4b4b43}.sentence-map{position:absolute;left:4%;right:4%;top:46%;height:45%;display:grid;grid-template-columns:1fr .45fr 1.35fr .45fr 1.3fr;align-items:center;z-index:3}.word{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:18px;will-change:transform}.word>span{font-family:var(--jp);font-size:clamp(40px,7vw,94px);line-height:1;color:var(--indigo)}.word-particle>span{color:var(--persimmon);font-size:clamp(36px,5vw,67px)}.word-final>span{font-size:clamp(32px,5vw,66px);white-space:nowrap}.word small{font-size:9px;letter-spacing:.11em;color:#5b5c54;text-align:center}.sentence-thread{position:absolute;z-index:1;top:16%;left:0;width:100%;height:38%;overflow:visible}.sentence-thread path{fill:none;stroke:var(--gold);stroke-width:2;stroke-dasharray:5 8}.translation{position:absolute;bottom:8%;left:18%;right:18%;display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid #51383363;padding-top:17px}.translation span:first-child{font-family:var(--jp);font-size:clamp(17px,2.3vw,27px)}.translation span:last-child{font-family:var(--serif);font-size:20px;font-style:italic;color:var(--lacquer)}
.contents-scene{min-height:810px;position:relative;padding:14vh var(--edge);overflow:hidden;background:var(--washi);display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.contents-mark{position:absolute;left:-1%;top:-7%;display:flex;flex-direction:column;font-family:var(--jp);font-size:clamp(170px,35vw,470px);line-height:.75;color:#71879621;pointer-events:none}.contents-copy{position:relative;z-index:2;align-self:center;padding-left:9%}.contents-copy h2{font-family:var(--serif);font-size:clamp(48px,7vw,94px);line-height:.93;letter-spacing:-.06em;font-weight:400}.contents-copy>p:last-child{max-width:370px;margin:25px 0 0 17%;font-size:13px;line-height:1.9;color:#4d4c45}.contents-list{position:relative;z-index:2;margin-top:70px;border-top:1px solid #26344765}.contents-list p{min-height:61px;display:grid;grid-template-columns:44px 1fr auto;gap:11px;align-items:center;border-bottom:1px solid #26344745;font-size:14px}.contents-list span{font-size:9px;letter-spacing:.15em;color:var(--persimmon)}.contents-list i{font-family:var(--jp);font-style:normal;font-size:14px;color:#6c7165}
.purchase{position:relative;min-height:820px;height:105svh;max-height:1050px;overflow:hidden;background:var(--indigo);color:var(--washi);display:flex;align-items:center}.purchase-paint{position:absolute;inset:0;overflow:hidden;opacity:.75}.purchase-paint span{position:absolute;background:var(--blue);border-radius:50%;filter:none}.purchase-paint span:first-child{width:70vw;height:80vh;left:-28vw;top:-13vh;background:#718796;clip-path:polygon(4% 20%,32% 0,78% 7%,100% 30%,89% 70%,62% 95%,24% 100%,0 76%)}.purchase-paint span:nth-child(2){width:47vw;height:88vh;right:-24vw;bottom:-14vh;background:#1e2938;clip-path:polygon(20% 0,83% 7%,100% 34%,90% 88%,55% 100%,12% 76%,0 35%)}.purchase-paint span:nth-child(3){width:34vw;height:38vh;right:5vw;top:5vh;background:#a3aa96;opacity:.43;clip-path:polygon(14% 0,100% 24%,78% 100%,0 76%)}.purchase-copy{position:relative;z-index:2;margin-left:19%;width:min(540px,58%)}.purchase-copy .whisper{color:var(--celadon)}.purchase-copy h2{font-family:var(--serif);font-weight:400;font-size:clamp(68px,10vw,142px);line-height:.83;letter-spacing:-.065em}.purchase-summary{max-width:410px;margin:28px 0 0 12%;font-size:13px;line-height:1.8;color:#e2ddcf}.purchase-terms{margin:22px 0 0 12%;font-size:10px;letter-spacing:.12em;color:var(--celadon)}.buy-button{margin:28px 0 0 12%;display:flex;align-items:center;justify-content:space-between;width:min(410px,90%);min-height:59px;padding:0 19px;background:var(--washi);color:var(--indigo);font-size:12px;letter-spacing:.04em;transition:background .2s,color .2s}.buy-button:hover{background:var(--persimmon);color:var(--washi)}.buy-button span{font-size:20px}.price-note{margin:11px 0 0 12%;font-size:10px;color:#d1cdc1}.purchase-jp{position:absolute;z-index:2;right:8%;top:18%;writing-mode:vertical-rl;letter-spacing:.2em;color:var(--washi);font-size:17px}.purchase-seal{position:absolute;right:17%;bottom:16%;width:43px;height:48px;background:var(--persimmon);display:grid;place-items:center;color:var(--washi);font-family:var(--jp);font-size:26px;clip-path:polygon(4% 4%,95% 0,100% 38%,91% 96%,48% 91%,4% 100%,0 59%);transform:rotate(5deg)}
.faq{background:var(--washi);padding:13vh var(--edge) 14vh;display:grid;grid-template-columns:.72fr 1.28fr;gap:9vw}.faq-heading>p{font-size:13px;letter-spacing:.12em;margin-bottom:25px;color:var(--lacquer)}.faq-heading h2{font-family:var(--serif);font-weight:400;font-size:clamp(45px,6vw,78px);line-height:.94;letter-spacing:-.06em}.faq-heading>a{display:inline-flex;margin-top:28px;min-height:44px;align-items:center;border-bottom:1px solid #26344765;font-size:11px}.faq-items{border-top:1px solid #26344770}.faq-items details{border-bottom:1px solid #26344755}.faq-items summary{list-style:none;cursor:pointer;min-height:69px;padding:17px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px;color:var(--indigo)}.faq-items summary::-webkit-details-marker{display:none}.faq-items summary span{color:var(--persimmon);font-size:20px;transition:transform .2s}.faq-items details[open] summary span{transform:rotate(45deg)}.faq-items details>div{max-width:580px;padding:0 45px 20px 0;color:#4e4d45;font-size:12px;line-height:1.8}.footer{min-height:95px;background:var(--indigo);color:var(--washi);padding:18px var(--edge);display:grid;grid-template-columns:.6fr .7fr 2fr auto;align-items:center;gap:18px}.footer>[lang=ja]{font-size:13px;color:var(--celadon)}.footer nav{justify-content:center;gap:clamp(13px,2vw,30px)}.footer nav a{font-size:10px}.footer small{font-size:10px;color:#c9c2b3}
@media(max-width:760px){:root{--edge:26px}.topbar{height:69px}.topbar nav{gap:14px}.topbar nav a{font-size:10px}.topbar .nav-buy{gap:6px}.prologue{min-height:700px;height:94svh}.prologue-paper{right:-27vw;top:17%;width:85vw;height:58%;}.prologue-ink{width:100vw;right:-33vw}.edition{top:20%;font-size:9px;letter-spacing:.14em}.prologue h1{top:38%;font-size:21vw;line-height:.8}.prologue h1 .title-cut{margin-left:7vw}.hero-jp{right:12%;top:21%;font-size:39px}.side-script{right:6%;top:33%;font-size:10px}.hero-line{bottom:19%;font-size:20px}.prologue-link{right:var(--edge);bottom:9%;gap:18px}.seal{left:70%;bottom:32%;width:37px;height:42px}.prologue-rule{font-size:8px;letter-spacing:.1em;bottom:16px}.unfold{height:1420px;min-height:0}.unfold-sticky{height:100svh;min-height:640px}.scene-whisper{top:12%;font-size:17px;max-width:260px}.screen-art{top:24%;height:35%;width:130%;left:-15%;clip-path:polygon(0 9%,18% 0,39% 7%,58% 1%,82% 6%,100% 0,96% 92%,76% 100%,51% 94%,27% 100%,0 91%)}.screen-vertical{right:var(--edge);top:25%;font-size:12px}.unfold-caption{bottom:10%;display:block}.unfold-caption h2{font-size:clamp(49px,11vw,75px)}.unfold-caption>p{margin:22px 0 0 20%;font-size:12px;max-width:250px}.screen-index{top:64%;font-size:8px}.script-room{min-height:940px;padding-top:11vh}.script-intro h2{font-size:59px}.script-endnote{top:20%;right:var(--edge);width:115px;font-size:12px}.glyph-stage{inset:20% 0 4% 4%}.glyph-hira{top:19%;left:0;font-size:23vw}.glyph-kata{top:37%;left:25%;font-size:12vw}.glyph-kanji{top:54%;left:37%;font-size:31vw}.glyph-explain{left:0;bottom:3%;display:flex;flex-direction:column;gap:7px;padding-top:12px}.glyph-explain p{display:flex;gap:10px;align-items:baseline}.glyph-explain b{font-size:15px;min-width:72px}.glyph-explain span{font-size:10px}.waterline{height:930px;min-height:0}.water-art{left:-35%;bottom:-1%;width:130%;height:65%;}.water-copy{left:var(--edge);right:var(--edge);top:11%;width:auto}.water-jp{font-size:13px;margin-bottom:18px}.water-copy h2{font-size:57px}.water-copy>p:not(.water-jp){margin-top:18px;max-width:320px;font-size:12px}.sound-words{position:absolute;right:0;top:106%;margin:0;gap:0;font-size:22px}.sound-words span:nth-child(2){margin-left:11%}.sound-words span:nth-child(3){margin-left:23%}.sentence-field{min-height:890px;padding:12vh var(--edge) 8vh}.sentence-heading{width:89%;margin-left:8%}.vertical-phrase{left:-13%;font-size:12px}.sentence-heading h2{font-size:60px}.sentence-lead{margin:19px 0 0 16%;font-size:12px;max-width:240px}.sentence-map{top:47%;left:3%;right:3%;height:39%;grid-template-columns:1fr .42fr 1.25fr .42fr 1.3fr}.word{gap:14px}.word>span{font-size:clamp(28px,8vw,52px)}.word-particle>span{font-size:31px}.word-final>span{font-size:clamp(23px,5.7vw,36px)}.word small{font-size:8px;letter-spacing:0}.sentence-thread{top:15%;height:27%}.translation{left:5%;right:5%;bottom:3%;padding-top:12px}.translation span:first-child{font-size:16px}.translation span:last-child{font-size:16px}.contents-scene{min-height:860px;padding:12vh var(--edge);display:block}.contents-mark{font-size:240px;top:-3%;left:-5%}.contents-copy{padding-left:7%}.contents-copy h2{font-size:58px;max-width:360px}.contents-copy>p:last-child{margin:19px 0 0 14%;font-size:12px}.contents-list{margin:58px 0 0 7%}.contents-list p{min-height:56px;font-size:12px;grid-template-columns:35px 1fr auto}.contents-list i{font-size:12px}.purchase{height:auto;min-height:850px;max-height:none}.purchase-paint span:first-child{width:105vw;height:55vh;left:-38vw;top:-5vh}.purchase-paint span:nth-child(2){width:83vw;height:65vh;right:-46vw;bottom:-9vh}.purchase-paint span:nth-child(3){width:57vw;height:27vh;right:2vw;top:1vh}.purchase-copy{margin:0 var(--edge);width:calc(100% - var(--edge)*2);padding:65px 0}.purchase-copy h2{font-size:76px}.purchase-summary{margin:23px 0 0 9%;font-size:12px;max-width:340px}.purchase-terms,.buy-button,.price-note{margin-left:9%}.purchase-terms{font-size:9px;letter-spacing:.07em}.buy-button{width:91%;min-height:57px}.price-note{font-size:9px}.purchase-jp{right:8%;top:7%;font-size:13px}.purchase-seal{right:13%;bottom:7%;width:36px;height:40px}.faq{padding:11vh var(--edge);display:block}.faq-heading h2{font-size:56px}.faq-items{margin-top:48px}.faq-items summary{min-height:65px;font-size:12px}.faq-items details>div{font-size:11px}.footer{grid-template-columns:1fr auto;row-gap:6px;padding-top:16px;padding-bottom:18px}.footer nav{grid-column:1/3;grid-row:2;justify-content:flex-start;gap:19px}.footer nav a{font-size:9px}.footer small{grid-column:2;grid-row:1}.footer>[lang=ja]{text-align:right}}
@media(max-width:380px){:root{--edge:20px}.topbar nav{gap:10px}.topbar nav a{font-size:9px}.prologue h1{font-size:20vw}.hero-line{font-size:18px}.contents-copy h2{font-size:52px}.purchase-copy h2{font-size:67px}.translation span:first-child{font-size:14px}.translation span:last-child{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.screen-art,.water-art,.glyph,.word,.screen-seam{will-change:auto}}
@media print{.topbar,.prologue-link,.skip-link{display:none!important}.faq-items details>div{display:block}}