/* The first scene branches from one tear. Only the later pose archive has water. */
.tear-unfold{position:relative;background:#000;scroll-margin-top:84px;padding:0;margin:0;max-width:none}
.tear-unfold-stage{position:relative;background:#000;min-height:620px;padding:60px 6%}
.tear-bloom-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:35px 0}
.tear-bloom-cards .subject-topic{background:#0b0809;width:100%;min-width:0;margin:0}
.tear-bloom-cards .subject-topic .topic-art{height:260px}
.tear-bloom-cards .topic-meta{padding:16px 20px;background:#100b0e}
.tear-bloom-cards .topic-meta strong{color:#eee;font-size:21px}
.bloom-footer,.archive-footer{display:flex;justify-content:space-between;align-items:center;gap:18px;color:#ac9ca2;font-size:13px}
.bloom-footer button,.archive-footer button{border:0;padding:13px 0 13px 13px;color:#cfbec0;background:none;cursor:pointer;font:inherit;white-space:nowrap;flex-shrink:0}
.bloom-footer button:focus-visible,.archive-footer button:focus-visible,.tear-bloom-cards button:focus-visible{outline:2px solid #d58899;outline-offset:5px}
.unfold-enhanced{height:240svh}
.unfold-enhanced .tear-unfold-stage{position:sticky;top:84px;height:calc(100svh - 84px);min-height:0;padding:0;overflow:hidden;isolation:isolate}
.unfold-enhanced .tear-bloom-cards{position:absolute;inset:0;display:block;margin:0;pointer-events:none}
.unfold-enhanced .subject-topic{position:absolute;left:50%;top:37%;grid-area:auto;margin:0!important;display:flex;flex-direction:column;overflow:hidden;opacity:0;transform-origin:center;pointer-events:auto;will-change:transform,opacity}
.unfold-enhanced .subject-topic .topic-art{height:auto!important;flex:1;min-height:0;width:100%;background:#100a0e}
.unfold-enhanced .subject-topic .topic-art img{width:100%;height:100%;object-fit:cover;transform:none!important}
.unfold-enhanced .subject-topic .topic-art svg{width:64px;height:64px;stroke:#b98490;fill:#b9849010}
.unfold-enhanced .topic-meta{flex:none;width:100%;padding:15px 19px}
.unfold-enhanced .topic-meta strong{font-size:21px}
.unfold-enhanced .topic-meta i{right:16px;bottom:16px;color:#ce9ba6}
.unfold-enhanced .bloom-footer{position:absolute;bottom:18px;left:6%;right:6%;z-index:6}
.unfold-enhanced .subject-topic:hover .topic-meta{background:#211017}
.crimson-story .archive-arrival{display:block;padding:0;max-width:none;width:100%;margin:0;gap:0}
.archive-enhanced{height:320svh}
.archive-stage{position:sticky;top:84px;height:calc(100svh - 84px);overflow:hidden;background:#000;isolation:isolate}
.archive-water{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.archive-content{position:absolute;inset:0;z-index:1}
.crimson-story .archive-arrival .exp-section-head{position:absolute;left:6%;right:6%;top:6%;display:flex;justify-content:space-between;align-items:center;margin:0;opacity:0}
.crimson-story .archive-arrival .exp-section-head h2{font-size:clamp(28px,3vw,42px);margin:0;line-height:1.2}
.crimson-story .archive-arrival .exp-text-link{padding:12px 0;font-size:14px;margin:0}
.crimson-story .archive-arrival .pose-preview-grid{display:contents}
.crimson-story .archive-arrival .pose-card{position:absolute;left:50%;top:64%;margin:0;display:flex;flex-direction:column;transform-origin:center;opacity:0;overflow:hidden;will-change:transform,opacity;background:#090708}
.crimson-story .archive-arrival .pose-image{flex:1;min-height:0;aspect-ratio:auto}
.crimson-story .archive-arrival .pose-image img{height:100%;width:100%;object-fit:cover;transform:none!important}
.crimson-story .archive-arrival .pose-card-copy{flex:none;padding:12px 14px 15px}
.crimson-story .archive-arrival .pose-card-copy>span{font-size:12px;line-height:1.5}
.crimson-story .archive-arrival .pose-card-copy>button{font-size:16px;line-height:1.4;padding-top:5px}
.crimson-story .archive-arrival .pose-card-copy>small{display:none}
.archive-footer{position:absolute;left:6%;right:6%;bottom:18px;z-index:3}
.archive-reduced{height:auto!important}.archive-reduced .archive-stage{position:relative;top:0}
.unfold-reduced{height:auto!important}.unfold-reduced .tear-unfold-stage{position:relative;top:0;height:auto;padding:45px 6% 20px}
.unfold-reduced .tear-bloom-cards{position:static;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.unfold-reduced .subject-topic{position:relative;left:auto;top:auto;width:100%!important;height:300px!important;transform:none!important;opacity:1!important}
.unfold-reduced .bloom-footer{position:static}
@media(max-width:780px){
 .tear-unfold{scroll-margin-top:108px}.unfold-enhanced{height:240svh}
 .unfold-enhanced .tear-unfold-stage,.archive-stage{top:108px;height:calc(100svh - 108px)}
 .unfold-enhanced .topic-meta{padding:10px 11px}.unfold-enhanced .topic-meta strong{font-size:clamp(13px,4vw,16px)}.unfold-enhanced .topic-meta i{right:10px;bottom:11px;font-size:14px}
 .unfold-enhanced .subject-topic .topic-art svg{width:40px;height:40px}
 .unfold-enhanced .bloom-footer,.archive-footer{left:7%;right:7%;bottom:10px;font-size:11px}
 .archive-enhanced{height:300svh}
 .crimson-story .archive-arrival .exp-section-head{top:5%;left:7%;right:7%}.crimson-story .archive-arrival .exp-section-head h2{font-size:28px}
 .crimson-story .archive-arrival .exp-text-link{font-size:12px}
 .crimson-story .archive-arrival .pose-card-copy{padding:9px 10px 11px}
 .crimson-story .archive-arrival .pose-card-copy>span{font-size:10px}.crimson-story .archive-arrival .pose-card-copy>button{font-size:14px;line-height:1.4}
 .crimson-story .archive-arrival .save-button{width:27px;height:27px;top:8px;right:8px}
 .unfold-reduced .tear-bloom-cards{grid-template-columns:1fr;gap:20px}.unfold-reduced .subject-topic{height:250px!important}
 .unfold-reduced .tear-unfold-stage,.archive-reduced .archive-stage{top:0}
}
@media(max-height:600px) and (min-width:781px){
 .unfold-enhanced .topic-meta{padding:7px 12px}.unfold-enhanced .topic-meta strong{font-size:17px}.unfold-enhanced .topic-meta i{bottom:8px;font-size:14px}
 .unfold-enhanced .bloom-footer,.archive-footer{bottom:2px;font-size:11px}
 .crimson-story .archive-arrival .exp-section-head{top:3%}.crimson-story .archive-arrival .exp-section-head h2{font-size:26px}
 .crimson-story .archive-arrival .pose-card-copy{padding:7px 9px 9px}.crimson-story .archive-arrival .pose-card-copy>span{display:none}.crimson-story .archive-arrival .pose-card-copy>button{font-size:13px}
}
@media(prefers-reduced-motion:reduce){.unfold-enhanced .subject-topic,.crimson-story .archive-arrival .pose-card{will-change:auto}.archive-water{display:none}}

/* React Bits GradientText's flow effect, adapted to the existing homepage text. */
@supports (background-clip: text) or (-webkit-background-clip: text) {
 @media (forced-colors: none) {
  .experience-home :is(.eye-copy h1, .eye-copy p, .archive-arrival h2, .light-entry-copy h2) {
   --flow-red: #ff2747;
   --flow-pink: #ff9fc1;
   --flow-rose: #cf9797;
   background-image:
    radial-gradient(ellipse at center, var(--flow-red), transparent 64%),
    radial-gradient(ellipse at center, var(--flow-pink), transparent 70%),
    radial-gradient(ellipse at center, var(--flow-rose), transparent 68%),
    linear-gradient(115deg, var(--flow-pink), var(--flow-rose), var(--flow-red));
   background-size: 140% 165%, 155% 155%, 150% 170%, 100% 100%;
   background-position: 8% 72%, 78% 20%, 51% 70%, center;
   background-repeat: no-repeat;
   -webkit-background-clip: text;
   background-clip: text;
   -webkit-text-fill-color: transparent;
  }

  .experience-home .eye-copy h1 {
   filter: drop-shadow(0 0 .18em rgb(255 39 71 / .3));
  }

  .experience-home .eye-copy p {
   --flow-red: #e59bac;
   --flow-pink: #ffcedd;
   --flow-rose: #dfb5b7;
  }

  @media (prefers-reduced-motion: no-preference) {
   .experience-home :is(.eye-copy h1, .eye-copy p, .archive-arrival h2, .light-entry-copy h2) {
    animation: lens-text-flow 8s ease-in-out infinite;
   }
  }
 }
}

@keyframes lens-text-flow {
 0%, 100% { background-position: 8% 72%, 78% 20%, 51% 70%, center; }
 33% { background-position: 98% 24%, 30% 90%, 4% 35%, center; }
 67% { background-position: 47% 92%, 2% 35%, 96% 12%, center; }
}

