.story-page{--rail:200px;--gap:80px;--measure:600px;--mp:240px;--tw:480px}.story-page p,.story-page li,.story-page dd{text-wrap:pretty}.story-head{background:linear-gradient(180deg,var(--xq-sky-wash) 0%,#eef4ff8c 46%,#eef4ff00 100%)}.story-head-inner{padding:112px 0 96px;position:relative}.story-eyebrow{margin-bottom:30px}.story-title{color:var(--xq-ink);letter-spacing:-.03em;font-size:124px;font-weight:700;line-height:1.1}.story-epigraph{color:var(--xq-muted);margin-top:44px;padding-left:44px;font-size:20px;line-height:1.7;position:relative}.story-epigraph:before{content:"";border-top:1px solid var(--xq-line-strong);width:28px;position:absolute;top:.85em;left:0}.story-head-bird{z-index:2;width:var(--mp);right:calc(var(--mp) * .1791);top:calc(100% - var(--mp) * .5422);position:absolute}.story-head-trail{z-index:1;width:var(--tw);right:calc(var(--mp) * .7906 - var(--tw) * .009717);top:calc(100% - var(--mp) * .2533 - var(--tw) * .19355);position:absolute}.story-chapter{grid-template-columns:var(--rail) minmax(0,var(--measure)) minmax(0,1fr);column-gap:var(--gap);border-top:1px solid var(--xq-line);align-items:start;margin-top:136px;padding-top:44px;display:grid}.story-head+.story-chapter{margin-top:0}.story-h{grid-column:1/-1;grid-template-columns:var(--rail) minmax(0,1fr);column-gap:var(--gap);color:var(--xq-ink);letter-spacing:-.01em;align-items:center;font-size:40px;font-weight:700;line-height:1.3;display:grid}.story-num{border:1px solid var(--xq-line-strong);width:60px;height:60px;color:var(--xq-ink);letter-spacing:0;place-items:center;font-size:30px;font-weight:400;line-height:1;display:grid}.story-nowrap{white-space:nowrap}.story-name{text-wrap:balance;min-width:0}.story-body{color:var(--xq-text);font-variant-numeric:tabular-nums;grid-column:2;margin-top:40px;font-size:18px;line-height:2}.story-body p+p,.story-body p+dl{margin-top:24px}.story-body .story-kicker{color:var(--xq-ink);margin-top:34px;font-size:21px;font-weight:600;line-height:1.8}.story-aside-line{text-align:right}.story-fig{grid-column:2/-1;margin:72px 0 0}.story-fig.story-river{margin-top:112px}.story-river{grid-column:1/-1;grid-template-columns:calc(var(--rail) + var(--gap)) minmax(0,1fr) 180px;font-variant-numeric:tabular-nums;display:grid}.story-river-bank{flex-direction:column;gap:4px;line-height:1.3;display:flex}.story-river-bank b{color:var(--xq-ink);font-size:26px;font-weight:700}.story-river-bank span{color:var(--xq-meta);letter-spacing:.02em;white-space:nowrap;font-size:13px}.story-river-bank.is-you{text-align:right;grid-area:1/1;align-self:end;padding:0 28px 22px 0}.story-river-bank.is-them{grid-area:1/3;align-self:start;padding:24px 0 0 28px}.story-river-water{aspect-ratio:4.18;border-inline:1px solid var(--xq-line-strong);grid-area:1/2;position:relative}.story-river-waves{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.story-river-waves path{fill:none;stroke:var(--xq-line-strong);stroke-width:1px;vector-effect:non-scaling-stroke;opacity:.75}.story-river-word{z-index:1;background:var(--xq-paper);color:var(--xq-muted);white-space:nowrap;padding:0 14px;font-size:20px;line-height:1.2;position:absolute;transform:translate(-50%,-50%)}.story-river-word.is-sea{color:var(--xq-text);font-size:26px;top:10%;left:14%}.story-river-word.is-time{top:30%;left:38%}.story-river-word.is-lang{top:50%;left:80%}.story-river-word.is-polite{font-size:18px;top:70%;left:55%}.story-river-trail{top:var(--trail-top,0px);width:100%;position:absolute;left:0;transform:scaleX(-1)}.story-homophone{color:var(--xq-ink);letter-spacing:.04em;gap:18px;font-size:104px;font-weight:700;line-height:1.08;display:grid}.story-chapter--aside .story-homophone{grid-area:2/3;justify-self:end;margin-top:36px}.story-homophone rt{color:var(--xq-meta);letter-spacing:.06em;padding-bottom:10px;font-family:Arial,sans-serif;font-size:19px;font-weight:400}.story-tools-row{flex-wrap:wrap;gap:14px;margin:0;padding:0 0 40px;list-style:none;display:flex}.story-tools-row li{border:1px solid var(--xq-line-strong);background:var(--xq-paper);min-width:112px;height:56px;color:var(--xq-ink);font-family:var(--xq-ui);border-radius:10px;justify-content:center;align-items:center;padding:0 22px;font-size:17px;font-weight:500;display:flex}.story-tools-row li.is-empty{background:0 0;border-style:dashed;position:relative}.story-tools-row li.is-empty span{color:var(--xq-muted);white-space:nowrap;font-size:14px;font-weight:400;position:absolute;top:calc(100% + 14px);left:50%;transform:translate(-50%)}.story-home{grid-template-columns:minmax(0,460px) minmax(150px,1fr) minmax(0,236px);align-items:center;display:grid}.story-box{border:1px solid var(--xq-ink);background:var(--xq-paper);font-family:var(--xq-ui);border-radius:14px}.story-box-name{color:var(--xq-ink);font-weight:700}.story-box ul{color:var(--xq-text);margin:0;padding:0;list-style:none}.story-box.is-home{padding:30px 32px 34px}.story-box.is-home .story-box-name{font-size:22px}.story-box.is-home ul{grid-template-columns:1fr 1fr;gap:0 24px;margin-top:22px;font-size:17px;display:grid}.story-box.is-home li{border-top:1px solid var(--xq-line);padding:12px 0}.story-box.is-cloud{border-color:var(--xq-line-strong);padding:20px 22px 22px}.story-box.is-cloud .story-box-name{font-size:16px}.story-box.is-cloud ul{color:var(--xq-muted);margin-top:12px;font-size:14px;line-height:1.9}.story-box-link{background:var(--xq-blue);height:1.5px;margin:0 -1px;position:relative}.story-box-link span{color:var(--xq-muted);text-align:center;white-space:nowrap;font-size:13px;line-height:1.5;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.story-swatch-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none;display:grid}.story-swatch-chip{aspect-ratio:16/10;border-radius:3px;display:block}.is-ink .story-swatch-chip{background:var(--xq-ink)}.is-paper .story-swatch-chip{background:var(--xq-paper);box-shadow:inset 0 0 0 1px var(--xq-line-strong)}.is-blue .story-swatch-chip{background:var(--xq-blue)}.is-green .story-swatch-chip{background:var(--xq-green)}.story-swatch-row b{color:var(--xq-ink);margin-top:18px;font-size:22px;font-weight:700;line-height:1.3;display:block}.story-swatch-row li>span:not(.story-swatch-chip){color:var(--xq-muted);margin-top:4px;font-size:15px;line-height:1.6;display:block}.story-ocean{grid-column:1/-1}.story-ocean img{aspect-ratio:8;object-fit:cover;object-position:50% 46%;background:#dde7e8;border-radius:2px;width:100%}.story-body--after{margin-top:56px}.story-ledger{border-top:1px solid var(--xq-line-strong);margin:28px 0 0}.story-ledger div{border-bottom:1px solid var(--xq-line);grid-template-columns:88px minmax(0,1fr);gap:24px;padding:16px 0 17px;display:grid}.story-ledger dt{color:var(--xq-meta);padding-top:3px;font-size:14px;line-height:1.9}.story-ledger dd{color:var(--xq-ink);margin:0;font-size:19px;font-weight:500;line-height:1.75}.story-endmark{color:var(--xq-ink);margin-top:44px;font-size:20px;line-height:1}.story-end{border-top:1px solid var(--xq-line);margin-top:152px;padding:64px 0 136px}.story-end-title{color:var(--xq-ink);letter-spacing:-.03em;font-size:88px;font-weight:700;line-height:1.12}.story-end-actions{flex-wrap:wrap;align-items:center;gap:20px 36px;margin-top:44px;display:flex}@media (width<=1100px){.story-page{--rail:120px;--gap:48px;--mp:200px;--tw:420px}.story-title{font-size:104px}.story-chapter{grid-template-columns:var(--rail) minmax(0,var(--measure)) minmax(0,1fr)}.story-chapter--aside .story-homophone{grid-area:auto/2/auto/-1;justify-self:start;margin-top:56px}.story-river{grid-template-columns:calc(var(--rail) + var(--gap)) minmax(0,1fr) 150px}.story-end-title{font-size:76px}}@media (width<=800px){.story-page{--mp:168px;--tw:330px}.story-head-inner{padding:72px 0 96px}.story-eyebrow{margin-bottom:22px}.story-title{font-size:96px}.story-epigraph{margin-top:32px;font-size:18px}.story-chapter{margin-top:96px;padding-top:32px;display:block}.story-h{font-size:32px;display:block}.story-num{width:52px;height:52px;margin-bottom:20px;font-size:26px}.story-body{max-width:var(--measure);margin-top:26px}.story-fig{margin-top:56px}.story-chapter--aside .story-homophone{margin-top:48px}.story-river{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.story-river-bank.is-them{text-align:right;grid-area:1/2;align-self:end;padding:0 2px 16px 0}.story-river-water{grid-area:2/1/auto/-1}.story-river-bank.is-you{text-align:left;grid-area:3/1;align-self:start;padding:16px 0 0 2px}.story-home{grid-template-columns:minmax(0,1fr);justify-items:stretch}.story-box-link{justify-self:center;width:1.5px;height:88px;margin:-1px 0}.story-box-link span{top:50%;bottom:auto;left:16px;transform:translateY(-50%)}.story-box.is-cloud{text-align:center;justify-self:center;width:min(100%,280px)}.story-swatch-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}.story-ocean img{aspect-ratio:5}.story-end{margin-top:112px;padding:48px 0 96px}.story-end-title{font-size:60px}}@media (width<=520px){.story-page{--mp:128px;--tw:200px}.story-head-inner{padding:56px 0 88px}.story-title{letter-spacing:-.02em;font-size:58px}.story-epigraph{margin-top:26px;padding-left:36px;font-size:17px}.story-epigraph:before{width:22px}.story-chapter{margin-top:80px;padding-top:28px}.story-h{font-size:28px}.story-num{width:46px;height:46px;margin-bottom:16px;font-size:23px}.story-body{margin-top:22px;font-size:17px;line-height:1.95}.story-body p+p,.story-body p+dl{margin-top:20px}.story-body .story-kicker{margin-top:26px;font-size:19px}.story-fig{margin-top:44px}.story-river-water{--trail-top:104px;aspect-ratio:auto;height:200px}.story-river-word{padding:0 10px;font-size:17px}.story-river-word.is-sea{font-size:22px;left:18%}.story-river-word.is-time{left:64%}.story-river-word.is-lang{left:30%}.story-river-word.is-polite{font-size:16px;top:90%;left:66%}.story-homophone{gap:12px;font-size:76px}.story-homophone rt{padding-bottom:6px;font-size:16px}.story-tools-row{gap:10px}.story-tools-row li{flex:28%;min-width:0;height:50px;padding:0 10px;font-size:16px}.story-box.is-home{padding:22px 20px 24px}.story-box.is-home .story-box-name{font-size:19px}.story-box.is-home ul{margin-top:14px;font-size:16px}.story-ocean img{aspect-ratio:3.2}.story-ledger div{grid-template-columns:52px minmax(0,1fr);gap:14px;padding:14px 0 15px}.story-ledger dt{font-size:13px}.story-ledger dd{font-size:16.5px}.story-end{margin-top:96px;padding:40px 0 80px}.story-end-title{font-size:44px}.story-end-actions{gap:18px 28px;margin-top:32px}}@media (width>=521px) and (width<=800px){.story-tools-row{gap:10px}.story-tools-row li{flex:1 1 0;min-width:0;padding:0 8px}}@media (width<=360px){.story-title{font-size:52px}.story-end-title{font-size:34px}}@media (width<=340px){.story-box-link span{white-space:normal;width:5em}}