/* The public introduction; other curator screens keep their shared palette. */
.cr-main.cr-program.cr-intro-page{max-width:none;padding:0 0 60px}
.cr-intro-page .cr-intro-hero{display:block;box-sizing:border-box;margin:0;padding:44px 24px;border:0;border-radius:0;background:#fafcff url('/images/creators/intro-background.webp') center/cover no-repeat;overflow:hidden}
.cr-intro-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,580px);align-items:center;gap:48px;width:100%;max-width:1160px;margin:0 auto}
.cr-intro-page .cr-hero-copy{width:100%;margin:0;word-break:keep-all}
.cr-intro-page .cr-intro-hero h1{margin:0;font-size:clamp(36px,4.1vw,50px);line-height:1.32;letter-spacing:-1.8px;font-weight:750}
.cr-intro-page .cr-intro-hero h1 span{color:#3182f6}
.cr-intro-page .cr-intro-hero p{margin:22px 0 28px;font-size:15px;line-height:1.9;color:#4e5968}
.cr-intro-page .cr-intro-hero .cr-button{min-height:50px;box-sizing:border-box;padding:12px 20px;border-radius:12px;font-size:14px;gap:22px}
.cr-intro-page .cr-launch-faq{width:calc(100% - 48px);max-width:1032px;box-sizing:border-box;margin-left:auto;margin-right:auto}
.cr-intro-page .cr-launch-faq h2{font-size:25px;line-height:1.4;letter-spacing:-.7px;margin:0;font-weight:700}
.cr-intro-film-gallery{width:100%;min-width:0;max-width:580px;justify-self:center}
.cr-intro-films{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.cr-intro-film-player{width:100%;max-width:280px;margin:0;justify-self:center;min-width:0}
.cr-intro-film-player video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;border-radius:18px;background:#fff;box-shadow:0 20px 52px #24467524}
.cr-intro-film-player video:focus-visible{outline:3px solid #3182f6;outline-offset:5px}
.cr-intro-film-player figcaption{font-size:12px;color:#6b7684;text-align:center;line-height:1.6;margin-top:16px}
.cr-intro-page .cr-intro-hero .cr-intro-film-hint{margin:18px 0 0;font-size:12px;line-height:1.6;color:#6b7684;text-align:center}
.cr-intro-page .cr-launch-faq{margin-top:58px;margin-bottom:0;padding-top:36px;border-top:1px solid #edf0f4}
.cr-intro-page .cr-launch-faq h2{margin-bottom:14px}
.cr-intro-page .cr-launch-faq details{padding:20px 0}
.cr-intro-page .cr-launch-faq summary{font-size:14px;line-height:1.6}
.cr-intro-page .cr-launch-faq summary:focus-visible{outline:2px solid #3182f6;outline-offset:6px;border-radius:4px}
@media(max-width:980px){
  .cr-intro-page .cr-intro-hero{padding:40px 20px;background-position:62% center}
  .cr-intro-layout{grid-template-columns:1fr;gap:36px}
  .cr-intro-page .cr-launch-faq{width:calc(100% - 40px)}
  .cr-intro-page .cr-intro-hero h1{font-size:36px;letter-spacing:-1.4px}
  .cr-intro-page .cr-intro-hero p{font-size:14px;line-height:1.85}
}
@media(max-width:520px){
  .cr-main.cr-program.cr-intro-page{padding-bottom:40px}
  .cr-intro-page .cr-intro-hero{padding:32px 20px;background-image:linear-gradient(90deg,#ffffffd9,#ffffff6b),url('/images/creators/intro-background.webp');background-position:center,right center}
  .cr-intro-page .cr-intro-hero h1{font-size:clamp(28px,7.9vw,34px);letter-spacing:-1.2px}
  .cr-intro-page .cr-intro-hero p{font-size:13px;margin:20px 0 26px;word-break:keep-all}
  .cr-intro-page .cr-launch-faq h2{font-size:22px}
  .cr-intro-layout{gap:30px}
  .cr-intro-films{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:12px;scrollbar-width:thin}
  .cr-intro-film-player{flex:0 0 min(88%,320px);max-width:320px;scroll-snap-align:start}
  .cr-intro-page .cr-launch-faq{margin-top:40px;padding-top:30px}
}