/* Story direction: a thread joins each action to the next. */
.hero-copy{container-type:inline-size}.hero h1{font-size:min(6.8rem,10cqw);line-height:1.08;letter-spacing:-.055em;overflow-wrap:normal;word-break:normal}.hero h1 span{display:block;white-space:nowrap}.section-heading{display:block;max-width:960px;margin-bottom:2.5rem}.section-heading>p:not(.chapter-label){max-width:48rem;margin:1.3rem 0 0;padding:.8rem 0 .8rem 1.15rem;border-left:3px solid #cba4ba;font-size:1.05rem;line-height:1.65;color:#65545f}.section-heading h2{max-width:100%;text-wrap:balance}.hero-art{box-shadow:inset 0 0 0 1px #ffffff40,12px 12px 0 #eadce4}.hero-art .mascot{animation:none!important}.journey{display:block;padding-block:5rem}.journey-heading{max-width:700px;margin-bottom:2.5rem}.journey-heading>p{margin-top:1rem}.journey-steps{border:0;padding:0;display:grid;gap:1.5rem}.journey-step{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:0;padding:2.5rem;gap:3rem;align-items:center;border:1px solid #d7c0cd;border-radius:28px;background:#f4eaf0;isolation:isolate;overflow:visible}.journey-step::before{display:none}.journey-step:nth-child(2){background:#fff2e7}.journey-step:nth-child(3){background:#ece6ed}.step-copy{min-width:0}.step-copy p{max-width:38rem}.step-index{font-size:.9rem;letter-spacing:0;text-transform:none}.step-visual{position:relative;min-width:0;aspect-ratio:1.25;display:grid;place-items:center;perspective:900px;padding:24px;isolation:isolate}.step-ticket{position:absolute;width:75%;height:72%;border:1px solid #c3a4b6;border-radius:20px;box-shadow:0 18px 30px #48233b16;transform-origin:center}.ticket-back{background:#d7b7c9;transform:rotate(-7deg) translate(-5px,3px);z-index:0}.ticket-face{background:#fff;z-index:1;padding:clamp(16px,3vw,28px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.5rem;transform:rotate(3deg)}.ticket-face>img{width:42px;height:42px}.ticket-face>span{font-size:1rem;color:#683c57}.ticket-face>strong{font-size:clamp(1.1rem,2.3vw,1.7rem);line-height:1.3}.ticket-face>small{font-size:.8rem;color:#6d5d67}.ticket-lines{display:flex;gap:6px;width:100%;margin-top:.6rem}.ticket-lines i{display:block;height:4px;background:#d7b7c9;border-radius:4px;flex:1}.thread-track{position:absolute;inset:8%;border:1px dashed #b591a5;border-radius:50%;transform:rotate(-25deg)}.thread-track span{position:absolute;inset:0;border:2px solid transparent;border-top-color:#683c57;border-radius:50%;transform:rotate(var(--turn,0deg))}.thread-knot{position:absolute;width:15px;height:15px;border:4px solid #fff;background:#683c57;border-radius:50%;left:12%;top:50%;z-index:3;box-shadow:0 0 0 1px #683c57}.story-ready .ticket-face{transform:translateY(var(--rise,0px)) rotate(var(--tilt,3deg))}.story-ready .ticket-back{transform:rotate(var(--back,-7deg))}.journey-step.is-current .ticket-lines i{background:#683c57}.journey-step.is-current .ticket-lines i:nth-child(2){background:#b98ba5}.journey-step.is-current .ticket-lines i:nth-child(3){background:#ffad70}
#root .bridge-story{max-width:1152px;margin:0 auto;padding:3rem 1.5rem 5rem}#root .bridge-story h2{font-size:clamp(2rem,4vw,3.5rem);margin-bottom:2rem;text-align:left}#root .bridge-path{list-style:none;padding:2.5rem;margin:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;border:1px solid #ccb2c1;border-radius:28px;background:#eee2ea;position:relative;counter-reset:bridge}#root .bridge-stop{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:2rem;background:#fff;border:1px solid #cdb4c2;border-radius:18px;padding:1.3rem;min-width:0;box-shadow:4px 7px 0 #d6bfcd;transform:translateY(var(--bridge-lift,0px))}#root .bridge-stop:nth-child(even){margin-top:24px;margin-bottom:-24px}#root .bridge-stop:last-child{background:#683c57;color:white}#root .bridge-stop p{color:inherit;font-size:1rem;font-weight:700;line-height:1.5;margin:0}#root .bridge-count{font-size:2rem;line-height:1;font-weight:800;color:#aa8299}#root .bridge-stop:last-child .bridge-count{color:#ffc99e}#root .bridge-stop:not(:last-child)::after{content:'→';position:absolute;right:-18px;top:42%;z-index:2;color:#683c57;font-size:1.2rem;background:#eee2ea;border-radius:50%;width:24px;text-align:center}
@media(max-width:800px){.journey-step{grid-template-columns:1fr;gap:1rem;padding:1.5rem}.step-visual{width:min(100%,390px);margin:auto;aspect-ratio:1.2;grid-row:2}.step-copy{grid-row:1}.journey-step h3{margin:.8rem 0;font-size:1.75rem}.step-ticket{width:78%;height:80%}.ticket-face{padding:1.2rem}.ticket-face>strong{font-size:1.25rem}.section-heading>p:not(.chapter-label){font-size:1rem}.hero-art{box-shadow:inset 0 0 0 1px #ffffff40,6px 6px 0 #eadce4}#root .bridge-path{grid-template-columns:1fr;padding:1.5rem;gap:1.5rem}#root .bridge-stop{flex-direction:row;align-items:center;justify-content:flex-start;gap:1.25rem;margin:0!important;padding:1.2rem;min-height:100px}#root .bridge-stop:nth-child(even){margin-left:12px!important}#root .bridge-stop:not(:last-child)::after{content:'↓';right:50%;top:auto;bottom:-25px}#root .bridge-count{font-size:1.6rem;flex-shrink:0}}
@media(prefers-reduced-motion:reduce){.story-ready .ticket-face{transform:rotate(3deg)}.story-ready .ticket-back{transform:rotate(-7deg)}.thread-track span,#root .bridge-stop{transform:none!important}}
.step-visual{min-height:19rem}.ticket-face{height:auto;min-height:72%;position:relative;width:82%;margin-block:1rem}.ticket-back{height:80%}.step-visual .ticket-face>strong{overflow-wrap:normal}.step-visual .ticket-face>small{line-height:1.5}@media(max-width:800px){.step-visual{min-height:19rem;aspect-ratio:auto}.step-ticket{max-width:100%}.ticket-face{width:88%;min-height:16rem;margin-block:1.5rem}.journey-step{padding:1.2rem}}