/* Three scenes continue the same space as the opening. */
.after{padding:0;overflow:clip;background:radial-gradient(ellipse at 20% 48%,#65405a28,transparent 30%),radial-gradient(ellipse at 90% 80%,#5e43632b,transparent 40%),#130f1b}.after:before{display:none}.flow-chapter{height:250svh;position:relative}.story-stage{height:100svh;min-height:600px;position:sticky;top:0;isolation:isolate;display:grid;grid-template-columns:1fr 1.05fr;grid-template-rows:auto 1fr;column-gap:6%;padding:11svh 9vw 10svh;overflow:clip}.chapter-sky{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 70% 55%,#6c496549,transparent 53%)}.chapter-ring{position:absolute;width:48vw;aspect-ratio:1;border:1px solid #dcc3dc24;border-radius:50%;left:52%;top:50%;transform:translateY(-50%) rotateX(24deg)}.chapter-ring:after{content:'';position:absolute;inset:10%;border:1px solid #dcc3dc12;border-radius:50%}.chapter-sky i{position:absolute;width:2px;height:2px;background:#e5d2e2;opacity:.5;border-radius:50%;left:19%;top:15%;box-shadow:15vw 12svh #d7c0de80,40vw 58svh #d7c0de60,65vw 8svh #d7c0de50,2vw 60svh #d7c0de50}.chapter-sky i:nth-child(2){left:47%;top:7%;opacity:.3}.chapter-sky i:nth-child(3){left:4%;top:47%;opacity:.3}.flow-heading{grid-column:1;grid-row:1;align-self:end}.after .flow-heading h2{font-size:clamp(38px,4.7vw,68px);line-height:1.06;margin:20px 0 28px}.flow-art{grid-column:2;grid-row:1/3;align-self:center;position:relative;width:100%;height:62svh;max-height:650px;perspective:1000px;pointer-events:none}.art-halo{position:absolute;inset:15% -20% -15%;background:radial-gradient(ellipse,#bd8cb029,transparent 62%)}.chapter-card{position:absolute;top:50%;left:50%;width:44%;max-height:80%;aspect-ratio:.69;object-fit:cover;border-radius:14px;border:1px solid #d9b9d58c;box-shadow:3px 4px 0 #70526d,6px 8px 0 #2b1f34,0 28px 60px #08050d8a;transform:translate(-50%,-50%);will-change:transform}.card-a{transform:translate(-100%,-53%) rotate(-16deg) scale(.8);opacity:.65}.card-b{transform:translate(-2%,-48%) rotate(15deg) scale(.8);opacity:.65}.card-c{transform:translate(-50%,-50%) rotate(-4deg);z-index:3}.art-star{position:absolute;right:5%;top:6%;font:52px Forum;color:#d7bea5}.steps-window{position:relative;grid-column:1;grid-row:2;align-self:start;min-height:235px;max-width:450px}.meeting-step{position:absolute;top:0;left:0;right:0;opacity:0;visibility:hidden;transform:translateY(15px);transition:opacity .35s,transform .35s,visibility .35s}.meeting-step.is-current{opacity:1;visibility:visible;transform:none}.meeting-step>span{font-size:9px;color:#ba98bd;letter-spacing:.17em;text-transform:uppercase}.after .meeting-step h3{font-size:29px;margin:16px 0 12px}.after .meeting-step p{font-size:13px;line-height:1.85;margin:0;color:#ccbbd2}.step-nav{display:flex;gap:16px;position:absolute;bottom:0;left:0}.step-nav button{border:0;background:none;border-radius:0;width:56px;height:40px;padding:0;color:#937b9c;position:relative;text-align:left;font-size:10px}.step-nav button:after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:#b894bc30}.step-nav button[aria-current]{color:#edd3e9}.step-nav button[aria-current]:after{background:#dab2d2;box-shadow:0 0 12px #dcb3d066}.chapter-scroll{position:absolute;bottom:25px;left:9vw;font-size:9px;color:#ae96b8;letter-spacing:.08em}.host-story.spatial-chapter{position:relative;isolation:isolate;max-width:none;min-height:105svh;margin:0;display:grid;grid-template-columns:1fr 1.25fr;align-items:center;padding:12svh 11vw;gap:10%;overflow:clip}.host-story figure{position:relative;width:100%;max-width:410px;justify-self:center;z-index:1}.host-story img{border-radius:45% 45% 12px 12px;box-shadow:0 25px 75px #08040c70;border:1px solid #eed9e22b}.host-story blockquote{max-width:590px;z-index:1}.host-story blockquote p{font-size:clamp(27px,3vw,42px)}.host-aura{position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 28% 45%,#bb8ba930,transparent 45%)}.host-aura i{position:absolute;left:2%;top:18%;width:49vw;aspect-ratio:1;border:1px solid #c5a2c526;border-radius:50%;transform:rotateX(35deg) rotate(-20deg)}.host-aura i:before{content:'';position:absolute;inset:12%;border:1px solid #c5a2c515;border-radius:50%}.host-aura span{position:absolute;left:48%;top:17%;font:40px Forum;color:#c9a8c7}.invitation.spatial-chapter{max-width:none;min-height:105svh;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0;padding:90px 20%;border:0;overflow:clip;isolation:isolate}.invitation.spatial-chapter:before{display:none}.invitation-cosmos{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse,#79527338,transparent 66%)}.cosmos-ring{position:absolute;left:50%;top:50%;width:70vw;aspect-ratio:1.3;border:1px solid #d4b0cc27;border-radius:50%;transform:translate(-50%,-50%) rotate(-18deg)}.cosmos-ring:after{content:'';position:absolute;inset:10%;border:1px solid #d4b0cc12;border-radius:50%}.invitation-card{position:absolute;top:40%;width:14vw;max-width:215px;aspect-ratio:.69;object-fit:cover;border-radius:12px;border:1px solid #d5b7d354;box-shadow:4px 6px 0 #3c2b43,0 15px 50px #08040c80;opacity:.5}.invitation-card.left{left:-3%;transform:rotate(-17deg)}.invitation-card.right{right:-3%;transform:rotate(17deg)}.invitation.spatial-chapter h2{font-size:clamp(40px,5.3vw,78px);position:relative}.invitation-star{margin-bottom:25px}.prototype-footer{margin:0 8vw;padding:30px 0}.static .flow-chapter{height:auto}.static .story-stage{position:relative;height:auto;min-height:100svh}.static .steps-window{min-height:0}.static .meeting-step{position:relative;visibility:visible;opacity:1;transform:none;margin:0 0 27px}.static .step-nav,.static .chapter-scroll{display:none}.static .flow-art{grid-row:1/3}.static .chapter-card,.static .host-story figure,.static .host-story blockquote,.static .invitation-card{will-change:auto}
@media(max-width:650px){.story-stage{padding:8svh 7vw 7svh;min-height:0;grid-template-columns:1fr;grid-template-rows:auto 1fr 190px;gap:0}.flow-heading{grid-row:1;grid-column:1;z-index:2}.after .flow-heading h2{font-size:36px;line-height:1.05;margin:12px 0}.flow-heading h2 br:last-child{display:none}.flow-art{grid-column:1;grid-row:2;height:100%;max-height:310px;align-self:center;width:70%;justify-self:center}.chapter-card{width:44%;max-height:90%}.art-star{font-size:30px;top:3%;right:0}.chapter-ring{width:95vw;left:3%;top:42%;transform:translateY(-50%)}.steps-window{grid-row:3;grid-column:1;min-height:190px;width:100%}.after .meeting-step h3{font-size:26px;margin:12px 0}.after .meeting-step p{font-size:12px;line-height:1.75}.meeting-step>span{font-size:8px}.step-nav{gap:12px}.step-nav button{height:30px;width:45px}.chapter-scroll{bottom:16px;left:7vw;font-size:8px}.host-story.spatial-chapter{min-height:100svh;padding:80px 8vw;gap:35px;display:flex;flex-direction:column}.host-story figure{max-width:280px;margin:0}.host-story blockquote{margin:0;padding:0}.host-story blockquote p{font-size:28px}.host-story figcaption h3{font-size:28px}.host-aura i{width:115vw;left:-8%;top:8%}.host-aura span{left:83%;top:9%;font-size:30px}.invitation.spatial-chapter{min-height:100svh;padding:80px 7vw}.invitation.spatial-chapter h2{font-size:43px}.invitation-card{width:25vw;top:7%;opacity:.32}.invitation-card.left{left:-9%}.invitation-card.right{right:-9%;top:75%}.cosmos-ring{width:135vw;aspect-ratio:1}.invitation.spatial-chapter .pill{max-width:390px}.invitation.spatial-chapter>p{font-size:12px}.prototype-footer{margin:0 7vw}.static .story-stage{display:flex;flex-direction:column}.static .flow-art{height:240px;width:65%;flex:none;align-self:center;margin:15px 0 30px}.static .meeting-step{margin-bottom:32px}}
/* Short viewports keep every paragraph in normal flow instead of clipping it. */
@media(max-height:700px){.flow-chapter{height:auto}.story-stage{height:auto;min-height:100svh;position:relative;padding-top:80px;padding-bottom:65px}.steps-window{min-height:0}.meeting-step{position:relative;opacity:1;visibility:visible;transform:none;margin:0 0 28px}.step-nav,.chapter-scroll{display:none}.flow-art{height:60svh;min-height:200px}.after .flow-heading h2{font-size:38px}.host-story.spatial-chapter{min-height:100svh}.invitation.spatial-chapter{padding-top:80px;padding-bottom:80px}}
@media(max-width:650px) and (max-height:700px){.story-stage{display:flex;flex-direction:column;padding-top:55px}.flow-art{height:230px;min-height:0;width:65%;flex:none;align-self:center;margin:15px 0 30px}.steps-window{width:100%}.after .flow-heading h2{font-size:34px}.after .meeting-step p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.meeting-step{transition:none}.chapter-card{will-change:auto}.host-story figure,.host-story blockquote{transform:none!important}}
/* Readable sequence: text has a permanent place in the page. */
.flow-chapter,.static .flow-chapter{height:auto}.story-stage,.static .story-stage{height:auto;min-height:0;position:relative;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:45px 7%;padding:90px 9vw 100px}.flow-heading{align-self:center;grid-column:1;grid-row:1}.flow-art,.static .flow-art{grid-column:2;grid-row:1;width:100%;height:410px;min-height:0;max-height:none;margin:0}.steps-window,.static .steps-window{grid-column:1/-1;grid-row:2;min-height:0;max-width:none;width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}.meeting-step,.meeting-step.is-current,.static .meeting-step{position:relative;inset:auto;opacity:1;visibility:visible;transform:none;transition:none;margin:0;padding:25px 0 0;border-top:1px solid #d4b3ce45}.meeting-step>span{color:#d2abc9;font-size:10px}.after .meeting-step h3{font-size:29px;line-height:1.15;margin:21px 0 15px}.after .meeting-step p{font-size:13px;line-height:1.85}.chapter-ring{top:38%;width:44vw}.host-story.spatial-chapter{grid-template-columns:.8fr 1.5fr;align-items:start;gap:7%;min-height:0;padding:100px 8vw}.host-story.spatial-chapter figure{max-width:350px;position:sticky;top:70px;margin:0;transform:none}.host-story.spatial-chapter .voices{min-width:0}.after .voices h2{font-size:clamp(38px,4vw,56px);line-height:1.1;margin:18px 0 35px}.review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.host-story.spatial-chapter .review-excerpt{margin:0;padding:24px 22px 22px;border:1px solid #b98ebc30;border-radius:3px 25px 3px 25px;background:linear-gradient(135deg,#7d50751c,transparent);display:flex;flex-direction:column;max-width:none;transform:none}.review-excerpt>span{font:43px/.7 Forum;color:#c19cba;display:block;height:22px}.host-story.spatial-chapter .review-excerpt p{font:23px/1.35 Forum;color:#e8dbe9;margin:14px 0 22px}.host-story.spatial-chapter .review-excerpt footer{font:10px/1.6 Manrope;color:#bda4c3;margin-top:auto}.after .reviews-source-note{font-size:10px;color:#ac94b5;margin:22px 0 0}.host-aura i{width:43vw;top:5%}.host-aura span{left:36%;top:6%}
@media(min-width:651px) and (max-width:1000px){.story-stage,.static .story-stage{padding-left:7vw;padding-right:7vw;gap:35px}.after .flow-heading h2{font-size:43px}.flow-art,.static .flow-art{height:340px}.after .meeting-step h3{font-size:25px}.steps-window,.static .steps-window{gap:24px}.host-story.spatial-chapter{padding:75px 7vw;gap:6%;grid-template-columns:.8fr 1.2fr}.review-grid{grid-template-columns:1fr}.host-story.spatial-chapter .review-excerpt p{font-size:24px}.host-story.spatial-chapter figure{top:40px}}
@media(max-width:650px){.story-stage,.static .story-stage{display:flex;flex-direction:column;gap:0;padding:65px 7vw 55px}.after .flow-heading h2{font-size:36px;line-height:1.08;margin:17px 0 10px}.flow-art,.static .flow-art{height:240px;width:70%;min-height:0;flex:none;margin:10px auto 30px}.steps-window,.static .steps-window{display:block;width:100%}.meeting-step,.static .meeting-step{padding:24px 0 28px;margin:0}.after .meeting-step h3{font-size:28px;margin:15px 0 12px}.after .meeting-step p{font-size:13px;line-height:1.8}.meeting-step>span{font-size:9px}.chapter-ring{top:28%;width:100vw;left:0}.host-story.spatial-chapter{display:flex;padding:50px 7vw 65px;gap:45px}.host-story.spatial-chapter figure{position:relative;top:auto;max-width:280px}.host-story.spatial-chapter .voices{width:100%}.after .voices h2{font-size:38px;margin:15px 0 28px}.review-grid{grid-template-columns:1fr;gap:14px}.host-story.spatial-chapter .review-excerpt{padding:23px 24px;border-radius:3px 24px 3px 24px}.host-story.spatial-chapter .review-excerpt p{font-size:25px;line-height:1.35;margin:12px 0 20px}.host-story.spatial-chapter .review-excerpt footer{font-size:11px}.host-aura i{width:110vw;top:4%}.host-aura span{left:86%;top:4%}}
@media(max-width:650px){.host-story.spatial-chapter .review-excerpt p{font-size:22px;line-height:1.4}.host-story.spatial-chapter .review-excerpt{padding:21px 22px}}