/* Native sticky panels create a vertical scene wipe without taking over scrolling. */
.ns-cinema{background:#080808;isolation:isolate;position:relative}
.ns-scene{position:sticky;top:0;min-height:700px;height:100svh;max-height:1050px;display:grid;grid-template-columns:46% 54%;background:#080808;color:#fff;box-shadow:0 -25px 70px #0005;scroll-margin-top:0}
.ns-scene:nth-child(2){background:#101010}.ns-scene:nth-child(3){background:#080808}
.ns-scene-image{position:relative;min-height:0;overflow:hidden;background:#151515}
.ns-scene-image>img{width:100%;height:100%;object-fit:cover;object-position:center top}
.ns-scene-image:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#000b);pointer-events:none}
.ns-scene-logo{position:absolute;z-index:1;left:10%;right:10%;bottom:9%;height:65px;display:flex;align-items:center}
.ns-scene-logo img{width:auto;height:auto;max-width:75%;max-height:65px;object-fit:contain}.ns-scene-logo img[src*="cotk-user"]{filter:invert(1)}
.ns-scene-copy{padding:clamp(40px,6vw,90px);display:flex;flex-direction:column;justify-content:center;min-width:0}
.ns-scene-count{display:flex;gap:22px;align-items:center;font-size:13px;color:#91aaff;margin-bottom:auto!important;padding-bottom:30px;font-variant-numeric:tabular-nums}.ns-scene-count span{color:#fff;font-size:10px;letter-spacing:.14em}
.ns-scene h2{font-size:clamp(17px,1.8vw,27px);line-height:1.25;letter-spacing:-.025em;margin:0 0 30px}
.ns-scene blockquote{font-size:clamp(34px,3.8vw,59px);line-height:1.15;letter-spacing:-.045em;text-wrap:balance}
.ns-scene-person{color:white;margin-top:27px!important;font-size:15px}
.ns-scene-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:32px}.ns-scene-actions button{display:flex;gap:15px;align-items:center;border:1px solid #2454f4;background:#2454f4;color:#fff;padding:17px 21px;font-size:13px;min-height:54px;transition:background .2s}.ns-scene-actions button:hover{background:#1741d0}.ns-scene-actions button>span{font-size:13px}.ns-scene-actions a{display:flex;gap:18px;align-items:center;color:#fff;font-size:13px;padding:12px 0;border-bottom:1px solid #ffffff70}
.ns-scene-progress{display:flex;gap:7px;margin-top:auto;padding-top:40px}.ns-scene-progress i{height:2px;background:#ffffff45;flex:1}.ns-scene-progress i.current{background:#91aaff}
.ns-image-reveal{clip-path:inset(0);transition:clip-path .9s cubic-bezier(.22,1,.36,1)}.ns-image-reveal.reveal-pending{clip-path:inset(12% 0 12% 0)}.ns-image-reveal>img{transition:transform 1.1s cubic-bezier(.22,1,.36,1)}.ns-image-reveal.reveal-pending>img{transform:scale(1.045)}
@media(max-width:1000px){.ns-scene-copy{padding:35px}.ns-scene blockquote{font-size:37px}.ns-scene-actions{gap:14px}}
@media(max-width:760px),(max-height:600px){.ns-scene{position:relative;height:auto;max-height:none;min-height:0;display:block;box-shadow:none;border-bottom:1px solid #ffffff30}.ns-scene-image{height:auto;aspect-ratio:1/1;max-height:650px}.ns-scene-image>img{aspect-ratio:1/1}.ns-scene-logo{height:50px;left:24px;bottom:28px}.ns-scene-logo img{max-height:50px;max-width:65%}.ns-scene-copy{padding:32px var(--ns-gutter) 35px}.ns-scene-count{padding-bottom:0;margin-bottom:26px!important}.ns-scene h2{font-size:21px;margin-bottom:22px}.ns-scene blockquote{font-size:34px;line-height:1.16}.ns-scene-person{margin-top:23px!important}.ns-scene-actions{margin-top:25px;gap:20px}.ns-scene-progress{padding-top:30px}.ns-chapter:nth-of-type(-n+3) .ns-chapter-copy{display:block}.ns-chapter:nth-of-type(-n+3) blockquote{display:block}.ns-chapter:nth-of-type(-n+3) blockquote h3{margin-bottom:24px}.ns-image-reveal{transition-duration:.6s}}
@media(prefers-reduced-motion:reduce){.ns-scene{position:relative}.ns-image-reveal,.ns-image-reveal>img{transition:none!important;clip-path:none!important;transform:none!important}}
/* The story lives in the stack. Panels grow with their contents; no inner scrolling. */
.ns-scene{grid-template-columns:39% 61%;height:auto;min-height:100svh;max-height:none;top:var(--scene-top,0px)}
.ns-legacy-anchor{position:absolute;top:0;left:0}
.ns-scene-image>img{position:absolute;inset:0;border-radius:0}
.ns-scene-copy{padding:42px clamp(32px,4.4vw,72px);justify-content:center}
.ns-scene-count{margin-bottom:24px!important;padding:0;text-transform:uppercase}.ns-scene-count span{font-size:10px;letter-spacing:.1em}
.ns-scene h2{font-size:clamp(32px,3.45vw,51px);line-height:1.08;letter-spacing:-.04em;max-width:650px;margin-bottom:27px;text-wrap:balance}
.ns-scene .ns-scene-testimonial{font-size:16px;line-height:1.65;letter-spacing:0;text-wrap:pretty;max-width:680px}
.ns-scene-testimonial p{color:#fff;margin:0 0 12px!important}.ns-scene-testimonial p:last-child{margin-bottom:0!important}
.ns-scene-person{display:flex;flex-direction:column;gap:3px;margin-top:22px!important;padding-top:18px;border-top:1px solid #ffffff40;line-height:1.5}.ns-scene-person strong{font-size:15px;font-weight:600}.ns-scene-person>span{font-size:12px;color:white}
.ns-scene-note{margin-top:15px;color:#fff;border-bottom:1px solid #ffffff40}.ns-scene-note summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-size:12px;padding:12px 0;list-style:none}.ns-scene-note summary::-webkit-details-marker{display:none}.ns-scene-note summary span{font-size:22px}.ns-scene-note[open] summary span{transform:rotate(45deg)}.ns-scene-note blockquote{font-size:15px;line-height:1.7;letter-spacing:0;text-wrap:pretty;padding:10px 0 20px}.ns-scene-note>p{font-size:11px;color:white;padding-bottom:18px}
.ns-scene-actions{margin-top:23px}.ns-scene-progress{padding-top:26px;margin-top:0}
@media(min-width:761px) and (min-height:601px){.ns-scene-image{min-height:100%;align-self:stretch}}
@media(max-width:1000px) and (min-width:761px){.ns-scene{grid-template-columns:35% 65%}.ns-scene-copy{padding:32px}.ns-scene h2{font-size:35px}}
@media(max-width:760px),(max-height:600px){.ns-scene{top:auto;min-height:0;display:block}.ns-scene-image{height:auto;aspect-ratio:1.15;max-height:550px}.ns-scene-image>img{aspect-ratio:auto;object-position:center 22%}.ns-scene-copy{padding:32px var(--ns-gutter) 40px}.ns-scene h2{font-size:35px;margin-bottom:24px}.ns-scene .ns-scene-testimonial{font-size:16px;line-height:1.75}.ns-scene-count{margin-bottom:24px!important;gap:16px}.ns-scene-count span{font-size:9px}.ns-scene-actions{gap:20px}.ns-scene-note blockquote{font-size:15px}.ns-chapter:nth-of-type(-n+3) .ns-chapter-copy{display:block}.ns-chapter:nth-of-type(-n+3) blockquote{display:block}}
@media(prefers-reduced-motion:reduce){.ns-scene{position:relative;top:auto}}