/* A warm handoff from the evening pool into the house. No extra pinned travel. */
#atomic-story { position:relative; z-index:2; margin-top:-40px; }
#atomic-story .tomcat-facts { position:relative; isolation:isolate; background:transparent; border:0; color:var(--w-ink); }
#atomic-story .tomcat-facts::before { content:""; position:absolute; inset:0; z-index:-1; background:var(--w-orange); transform-origin:center; }
#atomic-story .tomcat-facts-inner { padding:12px 0; }
#atomic-story .tomcat-fact { padding:32px clamp(24px,3vw,44px); border-color:rgba(8,13,15,.24); overflow:hidden; }
#atomic-story .tomcat-fact strong { color:var(--w-ink); font-size:clamp(44px,5vw,72px); line-height:1.08; font-weight:500; letter-spacing:-.055em; }
#atomic-story .tomcat-fact span { color:var(--w-ink-soft); font-size:11px; letter-spacing:.15em; margin-top:12px; }
#atomic-story .tomcat-intro { position:relative; padding-top:clamp(64px,8vw,112px); padding-bottom:clamp(72px,8vw,112px); }
#atomic-story .tomcat-intro h2 { max-width:none; }
#atomic-story .tomcat-intro-heading { padding-bottom:20px; }
#atomic-story .tomcat-story-line { display:block; overflow:clip; padding:.12em 0; }
#atomic-story .tomcat-story-line > * { display:block; }
#atomic-story .tomcat-story-answer { width:fit-content; margin-top:-.22em; padding-bottom:.42em; position:relative; }
#atomic-story .tomcat-story-answer em { color:var(--w-orange); }
#atomic-story .tomcat-story-answer::after { content:""; position:absolute; bottom:0; left:0; width:clamp(110px,12vw,180px); height:5px; background:var(--w-orange); transform-origin:left; }
#atomic-story .tomcat-intro-logo { max-height:min(50vh,500px); transform-origin:50% 70%; }
/* Progress comes from the unchanged Scrollcraft flow acts. Only artwork moves. */
#atomic-story.story-motion .tomcat-facts::before { transform:scaleX(clamp(.94,calc(.94 + var(--sc-p,0) * .2),1)); }
#atomic-story.story-motion .tomcat-intro-logo { transform:translateY(clamp(0px,calc((.58 - var(--sc-p,0)) * 90px),42px)) rotate(clamp(-4deg,calc((var(--sc-p,0) - .58) * 10deg),0deg)); }
#atomic-story.story-motion .tomcat-fact-content { opacity:0; transform:translateY(28px); transition:transform .7s cubic-bezier(.16,1,.3,1),opacity .5s ease-out; transition-delay:var(--story-delay,0ms); }
#atomic-story.story-motion .tomcat-fact.is-in .tomcat-fact-content { opacity:1; transform:none; }
#atomic-story .tomcat-fact:nth-child(2) { --story-delay:60ms; }
#atomic-story .tomcat-fact:nth-child(3) { --story-delay:120ms; }
#atomic-story .tomcat-fact:nth-child(4) { --story-delay:180ms; }
#atomic-story.story-motion .tomcat-story-line > * { transform:translateY(115%); transition:transform .85s cubic-bezier(.16,1,.3,1); }
#atomic-story.story-motion .tomcat-story-line.is-in > * { transform:none; }
#atomic-story.story-motion .tomcat-story-answer > * { transition-delay:.12s; }
#atomic-story.story-motion .tomcat-story-answer::after { transform:scaleX(0); transition:transform .65s cubic-bezier(.16,1,.3,1) .35s; }
#atomic-story.story-motion .tomcat-story-answer.is-in::after { transform:scaleX(1); }
@media(max-width:900px) {
  #atomic-story .tomcat-intro-inner { gap:32px; }
  #atomic-story .tomcat-intro-art { padding:0 12px; }
  #atomic-story .tomcat-intro-logo { max-width:330px; max-height:none; }
}
@media(max-width:600px) {
  #atomic-story { margin-top:-24px; }
  #atomic-story .tomcat-facts-inner { padding:0; }
  #atomic-story .tomcat-fact { padding:24px; }
  #atomic-story .tomcat-fact strong { font-size:46px; }
  #atomic-story .tomcat-fact span { font-size:10px; letter-spacing:.1em; }
  #atomic-story .tomcat-intro { padding:52px 24px 64px; }
  #atomic-story .tomcat-intro h2 { max-width:none; }
#atomic-story .tomcat-intro-heading { padding-bottom:8px; }
  #atomic-story .tomcat-intro h2 { font-size:34px; max-width:none; }
  #atomic-story .tomcat-intro-logo { max-width:280px; }
  #atomic-story.story-motion .tomcat-intro-logo { transform:translateY(clamp(0px,calc((.42 - var(--sc-p,0)) * 72px),18px)) rotate(clamp(-2deg,calc((var(--sc-p,0) - .42) * 10deg),0deg)); }
}
@media(prefers-reduced-motion:reduce) {
  #atomic-story.story-motion .tomcat-facts::before,
  #atomic-story.story-motion .tomcat-intro-logo,
  #atomic-story.story-motion .tomcat-fact-content,
  #atomic-story.story-motion .tomcat-story-line > *,
  #atomic-story.story-motion .tomcat-story-answer::after { opacity:1; transform:none; transition:none; }
}