/* Homepage only: comic paper, character collage and compact course tickets. */
body[data-view="invite"]{background:#f5f5f1;color:#15283d}
body[data-view="invite"] #starfield,body[data-view="invite"] .space-bg{display:none}
body[data-view="invite"] .site-footer{color:#7b8590;border-color:#d5dbe0}
#invitationSection{--line:#d5dbe0;--blue:#245ada;background:#f5f5f1;color:#15283d;padding-bottom:22px}
#invitationSection .card-top-bar{padding-top:24px;padding-bottom:24px;max-width:1240px;border-color:#ccd4db}
#invitationSection .wordmark{gap:13px;font-size:19px;font-weight:750;letter-spacing:.01em}
#invitationSection .wordmark-light{border-left:1px solid #bcc7d2;padding-left:13px;margin-left:0;font-size:12px;font-weight:500;color:#657281;letter-spacing:.07em}
#invitationSection .header-link{font-size:12px;color:#243f62}
#invitationSection .header-link span{color:#245ada;margin-left:14px}
#invitationSection .course-ribbon{color:#5c7085;border-top:0;border-bottom:1px solid #ccd4db;padding-top:8px;padding-bottom:23px;font-size:11px;letter-spacing:.1em}
#invitationSection .course-ribbon i{display:none}
#invitationSection .course-section{padding-top:68px;padding-bottom:68px}
#invitationSection .section-kicker{color:#6c83a1;font-size:9px;letter-spacing:.15em}
#invitationSection .section-heading h2{color:#1a3556;font-weight:700;font-size:34px;line-height:1.45}
#invitationSection .intro-lead{color:#3d556f;font-size:20px}
#invitationSection .event-desc{color:#74808d;font-size:12px;line-height:2.1}
#invitationSection .section-caption{color:#7c8997}
#invitationSection .learning-section{padding-top:0}
#invitationSection .lesson-list li{border-color:#cfd8e1}
#invitationSection .lesson-index{color:#52759c}
#invitationSection .lesson-list h3{color:#243e5b}
#invitationSection .lesson-list p{color:#7c8997}
#invitationSection .lesson-symbol{color:#245ada}
#invitationSection .process-art{min-height:365px}
#invitationSection .practice-section{background:#e9eef3;border-color:#ced8e2}
#invitationSection .practice-copy h2{color:#1a3556;font-size:34px;font-weight:700}
#invitationSection .practice-copy>p:not(.section-kicker){color:#65798d}
#invitationSection .practice-copy .practice-note{color:#7e8c9c!important}
#invitationSection .practice-tags span{color:#3c5b7c;border-color:#b7c7d7;background:#f3f6f9}
#invitationSection .session-card{background:#fff;border-color:#c9d4df}
#invitationSection .session-label{color:#3c5c7e}
#invitationSection .session-card strong{color:#214b7d}
#invitationSection .session-card strong span{color:#b3c0d0}
#invitationSection .session-time{color:#5b7591}
#invitationSection .session-year{color:#97a6b6}
#invitationSection .session-year span{color:#245ada}
#invitationSection .schedule-detail{color:#83909f}
#invitationSection .info-card{border-color:#cbd6e0}
#invitationSection .venue-marker{color:#245ada;border-color:#aebfd2}
#invitationSection .info-label{color:#8593a3}
#invitationSection .info-value{color:#2b496b}
#invitationSection .map-link{color:#245ada}
#invitationSection .brands-section>.section-kicker{color:#8494a5}
#invitationSection .text-brands{border-color:#cbd6e0}
#invitationSection .text-brands>div+div{border-color:#cbd6e0}
#invitationSection .brand-notes h3{color:#304d6f}
#invitationSection .brand-notes p{color:#8a98a7}
#invitationSection .organizer-note{color:#a1acb6}
#invitationSection .organizer-note span{color:#70859c}
#invitationSection .cta-btn{background:#245ada;color:#fff;border-color:#3769dc;box-shadow:0 5px 21px #193c7324}
@media(max-width:620px){
  #invitationSection{padding-bottom:12px}
  #invitationSection .card-top-bar{padding:20px 23px}
  #invitationSection .wordmark{font-size:16px;gap:10px}
  #invitationSection .wordmark-light{font-size:9px;padding-left:10px;letter-spacing:.04em}
  #invitationSection .header-link{font-size:10px}
  #invitationSection .header-link span{margin-left:6px;font-size:15px}
  #invitationSection .course-ribbon{margin:0 23px;padding:0 0 21px;font-size:8px;letter-spacing:.03em;gap:10px}
  #invitationSection .course-section{padding:44px 23px}
  #invitationSection .section-heading h2{font-size:26px}
  #invitationSection .intro-copy{margin-top:20px}
  #invitationSection .intro-lead{font-size:16px}
  #invitationSection .event-desc{font-size:11px}
  #invitationSection .learning-section{padding-top:0}
  #invitationSection .process-art{min-height:0}
  #invitationSection .practice-copy h2{font-size:25px}
  #invitationSection .practice-copy>p:not(.section-kicker){font-size:11px}
  #invitationSection .practice-section{margin:0 23px}
  #invitationSection .practice-copy .practice-note{font-size:9px!important}
  #invitationSection .brands-section{padding-bottom:25px}
  #invitationSection .text-brands h3{font-size:15px}
  #invitationSection .cta-btn{min-height:48px;font-size:12px}
}

/* All artwork is generated bitmap; copy, course details and buttons remain live HTML. */
body[data-view="invite"]{background:#fff9e9}
#invitationSection{background:#fff9e9;--line:#173a64}
#invitationSection .card-top-bar{padding-top:18px;padding-bottom:18px;border-bottom:1px solid #173a64}
#invitationSection .collage-hero{display:block;position:relative;max-width:1156px;width:calc(100% - 84px);padding:0;margin:22px auto 0;aspect-ratio:1903/826;overflow:hidden;border:1px solid #183653;background:#fff9e9;isolation:isolate}
#invitationSection .collage-hero-picture{display:block;position:absolute;inset:0;z-index:-1}
#invitationSection .collage-hero-picture img{display:block;width:100%;height:100%;object-fit:cover}
#invitationSection .collage-hero-copy{position:relative;width:40%;padding:52px 0 0 35px;z-index:1}
#invitationSection .collage-issue{font-size:11px;font-weight:700;letter-spacing:.08em;color:#173a64;line-height:1.7;margin-bottom:19px}
#invitationSection .collage-issue span{font-size:9px;font-weight:500;margin-left:16px;letter-spacing:.05em;color:#5e6d7f}
#invitationSection .collage-hero .event-title{font-size:clamp(38px,3.6vw,51px);line-height:1.28;font-weight:900;color:#132e50;letter-spacing:-.065em;white-space:normal}
#invitationSection .collage-hero .event-title>span{background:none;color:#2355c5;-webkit-text-fill-color:currentColor}
#invitationSection .collage-hero .event-subtitle{font-size:18px;font-weight:650;letter-spacing:.02em;line-height:1.75;color:#253d58;margin-top:20px}
#invitationSection .collage-hero .event-subtitle>span{font-size:12px;font-weight:500;color:#607084;letter-spacing:.08em}
#invitationSection .collage-hero .hero-action{display:inline-flex;align-items:center;justify-content:space-between;gap:37px;min-height:50px;min-width:222px;padding:14px 19px;margin-top:23px;border:1px solid #15345d;background:#244fc5;color:#fff7df;box-shadow:3px 3px 0 #15345d;font-size:13px;font-weight:700;letter-spacing:.03em}
#invitationSection .collage-hero .hero-action:hover{background:#133eab}
#invitationSection .collage-hero .hero-action>span{font-size:22px;line-height:1}
#invitationSection .collage-art-note{position:absolute;right:9px;bottom:9px;padding:3px 6px;background:#142d51dd;color:#fff7df;font-size:8px;font-weight:400;letter-spacing:.04em;line-height:1.4}
#invitationSection .collage-course-note{max-width:1156px;margin:0 auto;border:1px solid #183653;border-top:0;background:#ffe45b;display:grid;grid-template-columns:1.13fr 1fr;color:#142f52;padding:0 25px}
#invitationSection .collage-date-grid{display:grid;grid-template-columns:1fr 1fr 108px;align-items:center;gap:18px;padding:18px 0 16px}
#invitationSection .collage-date-grid>div{display:flex;align-items:center;gap:10px;min-width:0}
#invitationSection .collage-date-grid strong{font-family:Arial,sans-serif;font-size:38px;letter-spacing:-1.7px;font-weight:700;line-height:1.1}
#invitationSection .collage-date-grid>div>span{font-size:11px;font-weight:700;line-height:1.7;white-space:nowrap}
#invitationSection .collage-date-grid small{display:block;font-size:9px;font-weight:500;line-height:1.6;color:#63715a}
#invitationSection .collage-date-grid>p{font-size:10px;line-height:1.7;color:#4c624e;padding-left:12px;border-left:1px solid #72804366}
#invitationSection .collage-time-line{display:flex;align-items:center;justify-content:flex-end;gap:23px;padding-left:23px;font-size:11px;font-weight:500;white-space:nowrap}
#invitationSection .collage-time-line>span{display:flex;gap:9px;align-items:baseline}
#invitationSection .collage-time-line strong{font-family:Arial,sans-serif;font-size:17px;letter-spacing:-.2px;font-weight:600}
#invitationSection .collage-venue-line{grid-column:1/-1;padding:10px 0 12px;border-top:1px solid #7c864566;font-size:12px;line-height:1.7;font-weight:650;letter-spacing:.01em}
#invitationSection .collage-venue-line>span{font-size:9px;font-weight:500;margin-right:17px;color:#617045}
#invitationSection .course-ribbon{max-width:1156px;margin:0 auto;background:#173b72;color:#fff6dc;border:0;padding:14px 28px;font-size:11px;letter-spacing:.08em}
#invitationSection .course-section{padding-top:47px;padding-bottom:47px}
#invitationSection .learning-section{padding-top:0}
#invitationSection .section-kicker{display:inline-block;width:max-content;max-width:100%;font-size:9px;letter-spacing:.12em;background:#2454bd;color:#fff8e7;padding:5px 9px;margin-bottom:13px;line-height:1.6}
#invitationSection .section-heading h2{font-weight:800;color:#13365d}
#invitationSection .event-desc{line-height:1.95}
#invitationSection .lesson-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
#invitationSection .lesson-list li{padding:21px 15px;border:1px solid #173a64;background:#fffdf5;gap:10px;align-items:flex-start}
#invitationSection .lesson-list li:last-child{border:1px solid #173a64}
#invitationSection .lesson-list h3{font-size:16px;color:#183c65}
#invitationSection .lesson-list p{font-size:11px;color:#66798d;line-height:1.9}
#invitationSection .lesson-index{font-size:23px;line-height:1.5;color:#2454bd}
#invitationSection .lesson-symbol{display:none}
#invitationSection .process-art{border:1px solid #173a64}
#invitationSection .practice-section{border:1px solid #173a64;background:#eef3f5}
#invitationSection .practice-copy{padding-top:30px;padding-bottom:30px}
#invitationSection .practice-copy h2{font-weight:800}
#invitationSection .session-card{border:1px solid #173a64;border-top:4px solid #2454bd;background:#fff5c8}
#invitationSection .session-label{color:#36577d}
#invitationSection .session-card strong{font-weight:650;color:#204d88}
#invitationSection .brands-section>.section-kicker{color:#fff8e7}
#invitationSection .text-brands{margin-top:13px}
#invitationSection .cta-btn{border:1px solid #16365b;background:#2454bd;box-shadow:3px 3px 0 #15345d;color:#fff8e7}
@media(min-width:621px) and (max-width:1000px){
  #invitationSection .collage-hero{width:calc(100% - 56px)}
  #invitationSection .collage-hero-copy{padding:25px 0 0 24px;width:41%}
  #invitationSection .collage-issue{font-size:8px;margin-bottom:12px}
  #invitationSection .collage-issue span{font-size:7px;margin-left:9px}
  #invitationSection .collage-hero .event-title{font-size:clamp(24px,3.5vw,34px)}
  #invitationSection .collage-hero .event-subtitle{font-size:13px;margin-top:12px}
  #invitationSection .collage-hero .event-subtitle>span{font-size:9px;letter-spacing:.03em}
  #invitationSection .collage-hero .hero-action{min-width:183px;min-height:40px;padding:10px 13px;margin-top:15px;font-size:10px;gap:28px}
  #invitationSection .collage-hero .hero-action>span{font-size:18px}
  #invitationSection .collage-course-note{margin:0 28px;grid-template-columns:1fr;padding:0 20px}
  #invitationSection .collage-date-grid{grid-template-columns:1fr 1fr 130px;padding:14px 0}
  #invitationSection .collage-time-line{justify-content:flex-start;padding:8px 0 10px;border-top:1px solid #7c864566}
}
@media(max-width:620px){
  #invitationSection .card-top-bar{padding:15px 18px;border-bottom:1px solid #173a64}
  #invitationSection .collage-hero{width:100%;max-width:none;margin:0;border:0;aspect-ratio:1180/1333;min-height:0}
  #invitationSection .collage-hero-copy{width:64%;padding:21px 0 0 21px}
  #invitationSection .collage-issue{font-size:8px;letter-spacing:.02em;margin-bottom:10px}
  #invitationSection .collage-issue span{font-size:7px;margin-left:9px;letter-spacing:0}
  #invitationSection .collage-hero .event-title{font-size:clamp(27px,7.4vw,32px);line-height:1.24;font-weight:900;letter-spacing:-.075em;white-space:normal}
  #invitationSection .collage-hero .event-subtitle{font-size:10px;line-height:1.6;font-weight:650;margin-top:9px;letter-spacing:.01em}
  #invitationSection .collage-hero .event-subtitle>span{font-size:8px;letter-spacing:.025em;font-weight:500}
  #invitationSection .collage-hero .hero-action{min-height:35px;min-width:148px;padding:9px 11px;margin-top:9px;font-size:10px;letter-spacing:.01em;gap:20px;box-shadow:2px 2px 0 #15345d}
  #invitationSection .collage-hero .hero-action>span{font-size:16px}
  #invitationSection .collage-art-note{font-size:6px;right:6px;bottom:6px;padding:2px 4px}
  #invitationSection .collage-course-note{margin:0;border-left:0;border-right:0;grid-template-columns:1fr;padding:0 18px}
  #invitationSection .collage-date-grid{grid-template-columns:1fr 1fr 77px;gap:10px;padding:13px 0 12px}
  #invitationSection .collage-date-grid>div{gap:8px}
  #invitationSection .collage-date-grid strong{font-size:31px;letter-spacing:-1.4px}
  #invitationSection .collage-date-grid>div>span{font-size:9px;line-height:1.5}
  #invitationSection .collage-date-grid small{font-size:7px;line-height:1.7}
  #invitationSection .collage-date-grid>p{font-size:8px;line-height:1.8;padding-left:11px}
  #invitationSection .collage-time-line{justify-content:space-between;gap:8px;padding:8px 0 9px;border-top:1px solid #7c864566;font-size:10px}
  #invitationSection .collage-time-line>span{gap:8px}
  #invitationSection .collage-time-line strong{font-size:14px;letter-spacing:-.2px}
  #invitationSection .collage-venue-line{font-size:10px;padding:9px 0 10px;letter-spacing:0;line-height:1.6}
  #invitationSection .collage-venue-line>span{font-size:8px;margin-right:10px}
  #invitationSection .course-ribbon{margin:0;padding:12px 18px;font-size:8px;letter-spacing:.025em;gap:8px}
  #invitationSection .course-section{padding:32px 20px}
  #invitationSection .learning-section{padding-top:0}
  #invitationSection .section-kicker{font-size:8px;padding:4px 8px;margin-bottom:11px}
  #invitationSection .section-heading h2{font-size:26px}
  #invitationSection .intro-copy{margin-top:17px}
  #invitationSection .intro-lead{font-size:15px;line-height:1.65}
  #invitationSection .event-desc{font-size:11px;line-height:1.9}
  #invitationSection .lesson-list{gap:8px}
  #invitationSection .lesson-list li{padding:15px 10px;gap:8px;min-height:117px}
  #invitationSection .lesson-list h3{font-size:13px;line-height:1.6;white-space:nowrap}
  #invitationSection .lesson-list p{font-size:10px;line-height:1.9;margin-top:5px}
  #invitationSection .lesson-index{font-size:18px;line-height:1.6}
  #invitationSection .practice-section{margin:0 20px}
  #invitationSection .practice-copy{padding:23px 20px 24px}
  #invitationSection .practice-copy h2{font-size:25px}
  #invitationSection .schedule-section .section-caption{margin-top:10px}
  #invitationSection .brands-section{padding:0 20px 20px}
  #invitationSection .brands-section>.section-kicker{font-size:8px;letter-spacing:.04em}
}
@media(max-width:375px){
  #invitationSection .collage-hero .hero-action{min-width:135px;font-size:9px;gap:17px;padding-left:10px;padding-right:10px}
  #invitationSection .collage-date-grid{grid-template-columns:1fr 1fr 69px;gap:8px}
  #invitationSection .collage-date-grid strong{font-size:28px}
  #invitationSection .collage-date-grid>div{gap:6px}
  #invitationSection .collage-date-grid>p{font-size:7px;padding-left:9px}
}
@media(min-width:621px) and (max-width:740px){
  #invitationSection .collage-hero-copy{padding:16px 0 0 20px}
  #invitationSection .collage-issue{margin-bottom:8px}
  #invitationSection .collage-hero .event-subtitle{font-size:11px;line-height:1.6;margin-top:8px}
  #invitationSection .collage-hero .hero-action{min-width:160px;min-height:36px;font-size:9px;padding:9px 11px;margin-top:10px}
}