/* Three readable pages connected by the actual sheets in the first poster. */
.scene-next{display:none}
.is-story{--header-height:86px;overflow:hidden}
.is-story body{height:100svh;overflow:hidden;overscroll-behavior:none}
.is-story .site-header{position:absolute;inset:0 0 auto;z-index:60;height:var(--header-height);background:transparent}
.is-story .story-stage{position:relative;height:100svh;overflow:clip;isolation:isolate;touch-action:pan-x pinch-zoom;user-select:none;-webkit-user-select:none}
.is-story .hero{position:absolute;inset:0;padding:calc(var(--header-height) + 24px) 5% 68px;display:flex;flex-direction:column;overflow:visible}
.is-story .hero-stage{flex:1;min-height:0}
.is-story .hero h1{font-size:min(19vw,31svh)}
.is-story .collage{height:min(540px,61svh)}
.is-story .hero-top,.is-story .hero-bottom{flex:none}
.is-story .scene-next{display:flex;position:absolute;bottom:16px;left:50%;transform:translateX(-50%);align-items:center;gap:16px;min-height:40px;font:700 12px/1.4 var(--mono);white-space:nowrap;z-index:2}
.is-story .scene-next span{font-size:22px}
.is-story .scene-next:hover{color:var(--blue)}
.is-story .story-piece{position:absolute!important;left:0!important;top:0!important;right:auto!important;bottom:auto!important;margin:0;transition:none;will-change:transform;transform-origin:0 0}
.is-story .paper-note,.is-story .pink-note{background:none;box-shadow:none;overflow:visible}
.sheet-surface{display:none}
.is-story .sheet-surface{display:block;position:absolute;inset:0;z-index:-1;transform-origin:0 0;background:#eeeae0;box-shadow:4px 6px 0 #20201933;will-change:transform}
.is-story .pink-note .sheet-surface{background:var(--pink);box-shadow:8px 9px 0 var(--ink)}
.is-story .manifesto{position:absolute;inset:0;z-index:20;padding:calc(var(--header-height) + 100px) 6% 140px;align-content:center;align-items:center;grid-template-columns:1.08fr .92fr;gap:6vw;background:none}
.is-story .manifesto h2{font-size:clamp(56px,7.2vw,110px);line-height:1.13}
.is-story .statements article{padding:22px 0}
.is-story .statements article>span{white-space:nowrap}
.is-story .manifesto .scene-next{bottom:118px}
.is-story .ticker{position:absolute;inset:auto -5% 20px;z-index:24;padding:12px 0;font-size:clamp(25px,3.2vw,44px);transform:rotate(-2deg);overflow:hidden;box-shadow:0 5px 0 #20201922}
.is-story .ticker-track{animation:none;will-change:transform}
.is-story .about{position:absolute;inset:0;z-index:20;background:none;border:0;padding:calc(var(--header-height) + 90px) 6% 240px;display:flex;align-items:center}
.is-story .about h2{font-size:clamp(42px,5vw,80px);line-height:1.05;margin:30px 0}
.is-story .about h2 em{display:block;font-size:clamp(70px,10vw,155px);margin:12px 0 0;letter-spacing:-.055em}
.is-story .about p{font-size:clamp(17px,1.5vw,22px);max-width:640px}
.is-story .site-footer{position:absolute;inset:auto 0 0;padding:18px 6% 22px;z-index:20;min-height:72px}
.is-story .paper-return{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:space-between;padding:0 22px;font-size:17px;font-weight:700;border:0;white-space:nowrap}
.is-story .paper-return span{font-size:30px}
.is-story .paper-return:hover{color:var(--blue)}
@media(min-width:701px) and (max-width:950px){
.is-story .hero h1{font-size:18vw}
.is-story .collage{height:min(460px,58svh)}
.is-story .manifesto{padding-top:calc(var(--header-height) + 110px);gap:4vw}
.is-story .manifesto h2{font-size:6.6vw}
.is-story .statements article{grid-template-columns:40px 1fr;gap:12px}
.is-story .statements p{font-size:20px}
}
@media(max-width:700px){
.is-story{--header-height:62px}
.is-story .site-header{min-height:62px;padding:7px 6%}
.is-story .hero{padding:78px 6% 56px}
.is-story .hero-top{font-size:9px}
.is-story .hero-stage{display:flex;flex-direction:column;justify-content:space-evenly;gap:0}
.is-story .hero-type{width:100%;padding-top:10px}
.is-story .hero-kicker{font-size:13px;margin-bottom:10px}
.is-story .hero h1{font-size:min(29vw,16svh)}
.is-story .collage{width:100%;height:min(278px,32svh);margin-top:0;flex:none}
.is-story .collage-image{height:100%;top:0}
.is-story .pink-note{top:0;min-height:clamp(174px,24svh,210px)}
.is-story .pink-note strong{font-size:clamp(28px,8vw,38px)}
.is-story .seed-seal{width:32%;top:22%}
.is-story .black-sticker{width:66px;height:66px;bottom:22px}
.is-story .paper-note{bottom:10px}
.is-story .hero-bottom{gap:10px;margin-top:12px}
.is-story .hero-bottom>p{font-size:13px;line-height:1.45}
.is-story .remix-group button{min-height:44px;font-size:14px;padding:7px 13px}
.is-story .remix-status{font-size:11px}
.is-story .scene-next{bottom:9px;font-size:11px}
.is-story .manifesto{display:flex;flex-direction:column;align-items:stretch;justify-content:center;padding:calc(var(--header-height) + 65px) 6% 126px;gap:28px}
.is-story .manifesto h2{font-size:clamp(43px,12vw,64px);margin-top:18px}
.is-story .manifesto .micro{font-size:10px}
.is-story .statements article{grid-template-columns:40px 1fr;padding:16px 0;gap:12px}
.is-story .statements p{font-size:clamp(18px,4.6vw,22px);line-height:1.4}
.is-story .ticker{font-size:25px;padding:10px 0}
.is-story .manifesto .scene-next{bottom:92px}
.is-story .about{padding:calc(var(--header-height) + 65px) 6% 220px;align-items:center}
.is-story .about h2{font-size:42px;margin:28px 0}
.is-story .about h2 em{font-size:clamp(56px,17vw,105px);margin-top:12px}
.is-story .about p{font-size:16px;line-height:1.65;max-width:310px}
.is-story .about .micro{font-size:9px}
.is-story .site-footer{padding:13px 6% 16px;gap:5px;font-size:10px;min-height:76px}
.is-story .site-footer>span:nth-child(2){font-size:9px}
.is-story .site-footer a{min-height:35px}
}
@media(max-width:360px){
.is-story .hero{padding-top:76px;padding-bottom:48px}
.is-story .hero-type{padding-top:5px}
.is-story .hero-bottom{margin-top:8px}
.is-story .manifesto{gap:20px;padding-top:110px;padding-bottom:112px}
.is-story .statements article{padding:13px 0}
.is-story .about{padding-top:115px;padding-bottom:205px}
.is-story .about h2{font-size:36px;margin:24px 0}
.is-story .about p{font-size:15px}
}

/* Original Seed silhouette is the ink plate; its contour is never replaced. */
.seed-seal{--seed-ink:#eeeae0;--stamp-x:1;--stamp-y:1;--echo-x:0px;--echo-alpha:0}
.is-story .seed-seal img{opacity:0}
.is-story .seed-seal::before,.is-story .seed-seal::after{content:"";position:absolute;inset:0;pointer-events:none;background:var(--seed-ink);mask:url('./assets/collision-seed-mark.webp') center/contain no-repeat;-webkit-mask:url('./assets/collision-seed-mark.webp') center/contain no-repeat;transform:scale(var(--stamp-x),var(--stamp-y))}
.is-story .seed-seal::before{background:#f397c4;opacity:var(--echo-alpha);transform:translateX(var(--echo-x)) scale(var(--stamp-x),var(--stamp-y))}
.is-story .seed-seal::after{z-index:0}
.is-story .seed-seal>span{z-index:1}
.ticker-scan{display:none}
.is-story .ticker-scan{display:block;position:absolute;left:0;top:50%;width:clamp(64px,14vw,220px);height:220px;margin-top:-110px;background:#fff;mask:url('./assets/collision-seed-mark.webp') center/contain no-repeat;-webkit-mask:url('./assets/collision-seed-mark.webp') center/contain no-repeat;mix-blend-mode:difference;pointer-events:none;z-index:2}
.ticker-toggle{position:absolute;right:calc(5% + 12px);top:50%;transform:translateY(-50%);z-index:3;width:44px;height:44px;display:grid;place-items:center;border:1px solid currentColor;background:var(--ink);color:var(--lime);font:700 16px/1 var(--mono);cursor:pointer;box-shadow:0 0 0 8px var(--ink)}
.ticker-toggle:hover{background:var(--lime);color:var(--ink)}
.ticker-toggle:focus-visible{outline:3px solid var(--pink);outline-offset:3px}
.ticker[data-paused="true"] .ticker-track{animation-play-state:paused}
@media(max-width:700px){.is-story .ticker{bottom:16px}.is-story .ticker-scan{height:96px;margin-top:-48px}}
@media(prefers-reduced-motion:reduce){.ticker-track{animation:none!important}.ticker-toggle{display:none}}

.is-story .about .ai-usage-peek{max-width:470px;margin-top:28px}
@media(max-width:700px){.is-story .about .ai-usage-peek{margin-top:20px;max-width:320px}}
@media(min-height:620px) and (max-height:820px){.is-story .about{padding-top:calc(var(--header-height) + 24px);padding-bottom:220px}.is-story .about h2{font-size:clamp(32px,5.5svh,48px);margin:16px 0}.is-story .about h2 em{font-size:clamp(56px,11svh,90px);margin-top:8px}.is-story .about p{font-size:17px;line-height:1.5}.is-story .ai-usage-peek{min-height:54px;margin-top:16px;padding:8px 12px}.is-story .ai-usage-peek strong{font-size:clamp(19px,2.4vw,28px)}}
@media(max-width:700px) and (min-height:620px) and (max-height:820px){.is-story .about{padding-bottom:202px}.is-story .about h2 em{font-size:min(17vw,11svh)}.is-story .about p{font-size:15px}.is-story .ai-usage-peek{gap:8px}.is-story .ai-usage-peek-label{font-size:9px}.is-story .ai-usage-peek strong{font-size:clamp(18px,5.5vw,24px)}}
@media(max-width:360px) and (min-height:620px){.is-story .paper-return{transform:translateY(-24px)}}