/* Cohesive editorial variants for each stage of the Fresh Seconds story. */
.story-beat.thread-beat,.story-beat.forms-beat,.story-beat.reach-beat{position:relative}
.story-editorial-frame{position:relative;isolation:isolate;overflow:hidden;width:min(100%,365px);padding:30px 30px 34px;border:1px solid;border-radius:21px 21px 6px 21px;box-shadow:8px 8px 0 var(--ink)}
.story-editorial-frame>*{position:relative;z-index:1}
.story-editorial-frame small{display:inline-flex;padding:7px 10px;border-radius:999px;font-size:9px;line-height:1;font-weight:700;letter-spacing:1.1px;text-transform:uppercase}
.story-editorial-frame h3{max-width:292px;margin:20px 0 16px;font-size:clamp(38px,3.45vw,50px);line-height:.98;letter-spacing:-2px}
.story-editorial-frame p{max-width:267px;margin:0;font-size:15px;line-height:1.62;font-weight:500}
.story-editorial-frame:before,.story-editorial-frame:after{content:"";position:absolute;z-index:-1;pointer-events:none}
.frame-index{position:absolute;right:17px;bottom:10px;font-size:86px;line-height:.8;font-weight:900;letter-spacing:-8px}
.frame-caption{position:absolute;right:18px;bottom:22px;font-size:8px;line-height:1;font-weight:800;letter-spacing:.95px;transform:rotate(-7deg)}
.thread-frame{background:linear-gradient(135deg,#d8edf4 0 59%,#fff8f0 59%);border-color:#8fbbc8;box-shadow:8px 8px 0 var(--coral)}
.thread-frame:before{width:165px;height:165px;right:-69px;top:-67px;border-radius:50%;background:var(--lime);opacity:.78}
.thread-frame:after{width:92px;height:92px;left:-28px;bottom:-38px;border-radius:50%;background:radial-gradient(circle,#301735 0 3px,transparent 4px) 0 0/18px 18px;opacity:.18}
.thread-frame small{background:var(--coral);color:var(--paper)}.thread-frame h3{color:var(--ink)}.thread-frame p{color:#30283a}.thread-frame .frame-index{color:#30173520}.thread-frame .frame-caption{color:var(--coral)}
.forms-frame{background:linear-gradient(140deg,#ff8675 0 55%,#4d2a55 55%);border-color:#6c3e70;box-shadow:8px 8px 0 var(--lime)}
.forms-frame:before{width:180px;height:60px;left:-30px;top:22px;background:#d3ef15d9;transform:rotate(-9deg)}
.forms-frame:after{width:132px;height:132px;right:-53px;bottom:-57px;border-radius:50%;background:#fcfaf4;opacity:.16}
.forms-frame small{background:var(--lime);color:var(--ink)}.forms-frame h3{color:var(--paper)}.forms-frame p{color:#fff8f0}.forms-frame .frame-index{color:#3017352e}.forms-frame .frame-caption{color:var(--lime)}
.reach-frame{background:linear-gradient(139deg,#301735 0 64%,#684870 64%);border-color:#52355a;box-shadow:8px 8px 0 var(--coral)}
.reach-frame:before{width:185px;height:185px;right:-80px;top:-91px;border-radius:50%;background:var(--lime);opacity:.88}
.reach-frame:after{width:118px;height:42px;left:-18px;bottom:18px;background:repeating-linear-gradient(90deg,var(--coral) 0 12px,transparent 12px 21px);opacity:.92;transform:rotate(-4deg)}
.reach-frame small{background:var(--paper);color:var(--ink)}.reach-frame h3{color:var(--paper)}.reach-frame p{color:#f1e8f1}.reach-frame .frame-index{color:#fcfaf421}.reach-frame .frame-caption{color:var(--lime)}
@media(max-width:800px){
  .mobile-story.shape-parts-mobile,.mobile-story.distribution-mobile{position:relative;isolation:isolate;overflow:hidden;margin-top:35px;padding:24px 22px 26px;border:1px solid;border-radius:17px 17px 5px 17px;box-shadow:6px 6px 0 var(--ink)}
  .mobile-story.shape-parts-mobile>*,.mobile-story.distribution-mobile>*{position:relative;z-index:1}
  .mobile-story.shape-parts-mobile:before,.mobile-story.shape-parts-mobile:after,.mobile-story.distribution-mobile:before,.mobile-story.distribution-mobile:after{content:"";position:absolute;z-index:-1;pointer-events:none}
  .mobile-story.shape-parts-mobile{background:linear-gradient(135deg,#d8edf4 0 60%,#fff8f0 60%);border-color:#8fbbc8;box-shadow:6px 6px 0 var(--coral)}
  .mobile-story.shape-parts-mobile:before{width:117px;height:117px;right:-48px;top:-48px;border-radius:50%;background:var(--lime);opacity:.8}
  .mobile-story.shape-parts-mobile:after{width:82px;height:10px;left:18px;bottom:15px;background:repeating-linear-gradient(90deg,var(--coral) 0 10px,transparent 10px 17px);transform:rotate(-5deg)}
  .mobile-story.shape-parts-mobile small{background:var(--coral);color:var(--paper)}.mobile-story.shape-parts-mobile h3{max-width:285px;color:var(--ink)}.mobile-story.shape-parts-mobile p{max-width:280px;color:#30283a;font-weight:500}
  .mobile-story.distribution-mobile{background:linear-gradient(137deg,#301735 0 67%,#694a71 67%);border-color:#52355a;box-shadow:6px 6px 0 var(--lime)}
  .mobile-story.distribution-mobile:before{width:103px;height:103px;right:-38px;top:-47px;border-radius:50%;background:var(--lime);opacity:.9}
  .mobile-story.distribution-mobile:after{width:96px;height:17px;left:20px;bottom:17px;background:repeating-linear-gradient(90deg,var(--coral) 0 11px,transparent 11px 18px);transform:rotate(-4deg)}
  .mobile-story.distribution-mobile small{background:var(--paper);color:var(--ink)}.mobile-story.distribution-mobile h3{max-width:270px;margin-bottom:9px;color:var(--paper)}
}
@media(max-width:370px){
  .story-editorial-frame{padding:26px 23px 30px}.story-editorial-frame h3{font-size:36px}
  .mobile-story.shape-parts-mobile,.mobile-story.distribution-mobile{padding:22px 19px}
  .mobile-story.shape-parts-mobile h3,.mobile-story.distribution-mobile h3{font-size:27px}
}