@import url('tokens.css');@import url('articles.css');
*{box-sizing:border-box}html,body{margin:0;overflow-x:clip}html{scroll-behavior:smooth;scroll-padding-top:24px}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:16px;line-height:1.85}h1,h2,h3,p,figure,blockquote{margin:0}h1,h2,h3{font-family:var(--font-display);font-style:normal;line-height:1.5;min-width:0;overflow-wrap:anywhere}h2{font-size:clamp(28px,3.1vw,40px);letter-spacing:.03em}h3{font-size:24px}a{color:inherit;text-decoration:none}button{font:inherit}a,button,summary{-webkit-tap-highlight-color:var(--color-pink);touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--color-focus);outline-offset:5px}img{max-width:100%;display:block;object-fit:cover}button[hidden]{display:none}.wrap{width:min(1200px,calc(100% - 40px));margin-inline:auto}.section{padding-block:62px}.fine{font-size:12px;color:var(--color-muted)}.text-link{display:inline-block;font-size:13px;white-space:nowrap;color:var(--color-rose);border-bottom:1px solid var(--color-line);padding-bottom:4px}.text-link:hover{border-color:var(--color-rose)}.skip{position:absolute;left:20px;top:-100px;padding:10px 20px;z-index:100;background:var(--color-paper)}.skip:focus{top:10px}.site-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;padding-block:20px}.wordmark{display:flex;align-items:center;gap:8px;font-size:23px;font-weight:600;font-family:var(--font-display);white-space:nowrap}.brand-logo{width:30px;height:30px;border-radius:50%;object-fit:contain}.wordmark>span{display:none;font-family:var(--font-body);font-size:10px;color:var(--color-muted);font-weight:400}.nav-links{display:flex;order:3;justify-content:space-between;gap:10px;width:100%;border-top:1px solid var(--color-pink-light);padding-top:12px;font-size:12px}.nav-links a{white-space:nowrap;padding:4px 0}.nav-links a[aria-current=page]{color:var(--color-rose);border-bottom:2px solid var(--color-pink)}.nav-links a:hover{color:var(--color-rose)}.button,.option{display:inline-flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;border:1px solid var(--color-line);border-radius:4px;background:var(--color-pink);color:var(--color-ink);font-size:14px;white-space:nowrap;cursor:pointer;transition:transform var(--dur) var(--ease),background var(--dur) var(--ease);box-shadow:3px 3px 0 var(--color-paper),4px 4px 0 var(--color-line)}.button:before,.option:before{content:'▷';font-size:12px;color:var(--color-rose)}.button:hover,.option:hover{background:var(--color-pink-light);transform:translateX(2px)}.button:active,.option:active{box-shadow:none;transform:translate(2px,2px)}.button.compact{font-size:12px;padding:8px 12px;gap:8px;box-shadow:none;background:var(--color-paper);min-height:44px}.option.secondary{background:var(--color-paper)}.option b{font-weight:400}.hero-stage{background:linear-gradient(180deg,var(--color-paper),var(--color-soft));padding:20px 0 46px}.hero{display:grid;gap:34px}.hero-art{position:relative;height:340px;order:2;max-width:580px;width:100%;margin-inline:auto;isolation:isolate}.photo-scene{position:absolute;right:0;top:48px;width:83%;height:245px;overflow:clip;border-radius:4px 70px 4px 4px}.photo-scene img{width:100%;height:100%;object-position:30% 40%;opacity:.87}.character{position:absolute;left:8px;top:0;width:64%;border-radius:100px 100px 6px 6px;overflow:clip;border:6px solid var(--color-paper);box-shadow:0 12px 36px var(--color-shadow);transform:rotate(-4deg)}.character img{width:100%;height:auto;aspect-ratio:.79;object-position:50% 50%}.art-label{position:absolute;bottom:2px;right:0;font-family:var(--font-hand);font-size:21px;transform:rotate(-4deg);background:var(--color-paper);padding:4px 16px;color:var(--color-sky-ink);box-shadow:0 6px 24px var(--color-shadow)}.art-side{position:absolute;right:-7px;top:75px;writing-mode:vertical-rl;font-size:10px;letter-spacing:.18em;color:var(--color-sky-ink)}.petal{position:absolute;width:13px;height:19px;border-radius:70% 10% 65% 35%;background:var(--color-pink);transform:rotate(25deg);pointer-events:none}.p1{right:14%;top:8px}.p2{left:-2px;bottom:25px;transform:rotate(70deg)}.p3{right:7%;bottom:73px;transform:rotate(120deg);width:10px;height:15px}.hero-art:before,.hero-art:after{content:'';position:absolute;z-index:-1;border-radius:50%;background:var(--color-sky);opacity:.45;filter:blur(15px);pointer-events:none}.hero-art:before{width:100px;height:100px;left:0;top:25px}.hero-art:after{width:55px;height:55px;right:0;bottom:30px}.eyebrow{font-size:11px;letter-spacing:.08em;color:var(--color-sky-ink);display:flex;gap:10px;align-items:center}.eyebrow>span{width:20px;height:1px;background:var(--color-sky-ink)}.hero h1{font-size:clamp(30px,3.5vw,46px);line-height:1.6;font-weight:600;margin:18px 0;letter-spacing:.025em}.ink-mark{background:linear-gradient(var(--color-clear) 70%,var(--color-pink) 70%)}.hero-lede{font-size:13px;line-height:2;color:var(--color-muted)}.hero-dialogue{position:relative;padding:24px 20px 20px;margin-top:30px;border:1px solid var(--color-line);border-radius:6px 24px 24px 24px;background:var(--color-paper);max-width:440px}.speaker-tag{position:absolute;top:-14px;left:20px;background:var(--color-sky);color:var(--color-sky-ink);font-size:11px;padding:3px 14px;border-radius:3px}.hero-dialogue p{font-family:var(--font-hand);font-size:21px;line-height:1.8}.hero-dialogue i{position:absolute;bottom:10px;right:16px;font-size:9px;font-style:normal;color:var(--color-rose)}.hero-options{display:flex;flex-direction:column;gap:12px;margin-top:23px;max-width:440px}.hero-note{font-size:10px;letter-spacing:.08em;color:var(--color-muted);margin-top:22px}.hand-note{font-family:var(--font-hand);font-size:22px;color:var(--color-rose);margin-bottom:20px}.route-section{display:grid;gap:35px}.route-intro>p:not(.hand-note){font-size:14px;color:var(--color-muted);margin:22px 0}.route-doodle{font-family:var(--font-hand);font-size:21px;display:block;margin-top:35px;color:var(--color-sky-ink);transform:rotate(-5deg)}.route-stack{display:grid;gap:22px}.route-card{display:grid;grid-template-columns:32px minmax(0,1fr);gap:16px;padding:26px 22px;border:1px solid var(--color-line);border-radius:5px 26px 5px 5px;background:var(--color-soft);transition:transform var(--dur) var(--ease)}.route-card.sky{background:var(--color-sky);border-radius:26px 5px 5px 5px}.route-card:hover{transform:translateY(-3px)}.route-num{font-family:var(--font-display);color:var(--color-rose);font-size:27px}.route-genre{font-size:11px;color:var(--color-muted);letter-spacing:.05em}.route-card h3{font-size:26px;line-height:1.5;margin:10px 0 12px}.route-description{font-size:13px;color:var(--color-muted)}.route-action{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid var(--color-line);margin-top:20px;padding-top:15px;font-size:12px;white-space:nowrap}.route-action b{font-weight:400}.own-route{display:grid;grid-template-columns:minmax(0,1fr) 15px;gap:4px 14px;padding:13px 7px;border-bottom:1px solid var(--color-line);font-size:14px}.own-route span{grid-column:1/-1;font-size:12px;color:var(--color-muted)}.own-route strong{font-weight:500}.own-route b{font-weight:400}.conversation-band{background:var(--color-soft)}.conversation{display:grid;gap:40px}.sample-dialogue{position:relative;align-self:center;background:var(--color-paper);border:1px solid var(--color-line);border-radius:24px 24px 24px 5px;padding:36px 25px;box-shadow:8px 8px 0 var(--color-pink-light)}.sample-scene{font-size:11px;color:var(--color-muted);letter-spacing:.1em;margin-bottom:24px}.sample-dialogue blockquote{font-family:var(--font-hand);font-size:25px;line-height:1.8}.sample-prompt{font-size:13px;color:var(--color-muted);border-top:1px dashed var(--color-line);padding-top:22px;margin-top:26px}.sample-dialogue .text-link{margin-top:25px}.conversation-copy>p:not(.hand-note){font-size:14px;color:var(--color-muted);margin-top:20px}.small-steps{padding:0;list-style:none;margin:24px 0;display:grid;gap:12px;font-size:13px}.small-steps span{display:inline-block;margin-right:16px;padding:2px 10px;background:var(--color-paper);color:var(--color-rose);border:1px solid var(--color-line)}.section-head{display:grid;gap:20px;margin-bottom:35px}.section-head .text-link{justify-self:start}.notes-grid{display:grid;gap:28px}.note-card{position:relative;padding:30px 24px;border:1px solid var(--color-line);background:var(--color-paper);box-shadow:5px 5px 0 var(--color-pink-light)}.note-card:nth-child(2){box-shadow:5px 5px 0 var(--color-sky)}.note-card>span{font-family:var(--font-hand);font-size:20px;color:var(--color-rose)}.note-card h3{font-size:22px;line-height:1.7;margin:12px 0 16px}.note-card p{font-size:13px;color:var(--color-muted);padding-bottom:25px}.note-card>b{position:absolute;right:22px;bottom:18px;font-weight:400;color:var(--color-sky-ink)}.note-card:hover h3{color:var(--color-rose)}.ending{display:grid;gap:38px;border-top:1px solid var(--color-line)}.ending-copy>p:not(.hand-note){font-size:14px;color:var(--color-muted);margin-top:22px}.ending-copy .button{display:flex;max-width:360px;margin-top:28px}.ending-copy>.text-link{margin-top:24px;font-size:12px}.faq-heading{font-family:var(--font-hand);font-size:23px;color:var(--color-sky-ink);margin-bottom:12px}.faq details{border-bottom:1px solid var(--color-line);padding:18px 0}.faq summary{position:relative;list-style:none;padding-right:25px;font-size:14px;cursor:pointer}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'＋';position:absolute;right:0;color:var(--color-rose)}.faq details[open] summary:after{content:'−'}.faq p{font-size:13px;color:var(--color-muted);padding-top:12px}.faq a{text-decoration:underline}.footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding-block:25px 30px;border-top:1px solid var(--color-line)}.footer-brand{font-family:var(--font-display);font-size:22px;white-space:nowrap}.footer-brand>span{font-family:var(--font-body);font-size:10px;margin-left:12px;color:var(--color-muted)}.foot-links{display:flex;flex-wrap:wrap;gap:20px;font-size:12px}.foot-links a{white-space:nowrap}.footer .fine{flex-basis:100%;font-size:11px}
@media(min-width:40rem){.wrap{width:min(1200px,calc(100% - 64px))}.hero-art{height:500px}.character{width:65%;left:18px}.photo-scene{height:365px;top:75px}.art-label{bottom:6px;font-size:26px;right:12px}.hero-copy{max-width:620px;margin-inline:auto;width:100%}.hero-stage{padding-top:35px}.hero-art .p1{right:10%;top:20px}.section{padding-block:80px}.route-card{padding:30px;grid-template-columns:50px minmax(0,1fr)}.route-card h3{font-size:30px}.route-num{font-size:35px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px}.notes-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.note-card{padding:24px 20px}.note-card h3{font-size:21px}.article-layout{grid-template-columns:210px minmax(0,1fr)}.toc{position:sticky;top:24px}.reading-row{grid-template-columns:80px minmax(0,1fr) 20px}.reading-category{grid-column:auto}.sample-dialogue{padding:45px}.wordmark>span{display:inline}.hero h1{font-size:42px}.hero-dialogue p{font-size:24px}}
@media(min-width:65rem){.site-header{flex-wrap:nowrap;padding-block:26px}.nav-links{order:0;width:auto;border:0;padding:0;gap:26px;font-size:13px}.wordmark{font-size:27px}.brand-logo{width:34px;height:34px}.wordmark>span{display:none}.button.compact{min-width:132px}.hero-stage{padding-top:45px;padding-bottom:70px}.hero{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:70px;align-items:center}.hero-art{order:0;height:600px}.character{width:74%;left:7px;top:0}.photo-scene{width:88%;height:420px;top:110px;right:0;border-radius:4px 100px 4px 4px}.art-label{right:-12px;bottom:15px;font-size:29px}.art-side{right:-21px;top:130px}.hero h1{font-size:44px;margin:24px 0}.hero-dialogue{margin-top:34px;padding:27px 25px 23px}.hero-lede{font-size:14px}.hero-options{margin-top:24px}.hero-note{font-size:11px}.hero-art .p2{bottom:70px}.hero-art .p3{bottom:99px;right:4%}.route-section{grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:100px;align-items:center}.route-card.rose{margin-right:42px}.route-card.sky{margin-left:42px}.route-doodle{margin-top:50px}.conversation{grid-template-columns:minmax(0,1.05fr) minmax(0,.9fr);gap:95px;align-items:center}.sample-dialogue{padding:45px 38px}.sample-dialogue blockquote{font-size:29px}.note-card{padding:30px}.note-card h3{font-size:24px}.ending{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:100px;align-items:center}.article-head{padding-block:65px 45px}.article-layout{gap:60px}.footer .fine{flex-basis:auto;max-width:560px;text-align:right}.footer-brand>span{display:block;margin-left:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}


@media(max-width:39.99rem){.hero{gap:0}.hero-copy{display:contents}.hero-copy>.eyebrow{order:0}.hero-copy>h1{order:1}.hero-art{order:2;margin-block:12px 28px}.hero-copy>.hero-lede{order:3}.hero-copy>.hero-dialogue{order:4}.hero-copy>.hero-options{order:5}.hero-copy>.hero-note{order:6}}