/* Organizer page additions using the existing Couch Can Wait design system. */
.organizer-how .organizer-how-intro{max-width:900px}
.organizer-how .organizer-how-intro h2{font-size:var(--hero-heading-size);margin-bottom:27px}
.organizer-how .organizer-how-intro p:not(.section-index){max-width:720px}
.organizer-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:59px}
.organizer-step{border-top:2px solid var(--ink);padding:24px 3px 8px 0}
.organizer-step .step-number{display:block;font:700 38px/.95 var(--display);color:#aa8739;margin-bottom:15px}
.organizer-step h3{font:700 39px/.93 var(--display);letter-spacing:.4px;margin:0 0 14px}
.organizer-step p{font-size:14px;line-height:1.75;color:var(--soft-ink);margin:0;max-width:340px}
.organizer-hero .scribble{right:0;top:3%}
.organizer-example{border-top:0}
.organizer-fit{background:var(--warm);padding:47px 40px 49px;transform:rotate(1.4deg);border:1px solid var(--line);max-width:365px;justify-self:end}
.organizer-fit h3{font:700 61px/.9 var(--display);margin:16px 0 17px}
.organizer-fit p{font-size:15px;line-height:1.75;color:var(--soft-ink);margin:0}
.organizer-fit strong{color:var(--ink)}
.organizer-early{border-top:1px solid var(--line);background:#f6edd4;padding:86px 0 105px}
.organizer-early .wrap{max-width:1220px}
.organizer-early h2{font:700 var(--hero-heading-size)/.91 var(--display);margin:0 0 26px;letter-spacing:.4px}
.organizer-early p:not(.section-index){font-size:16px;line-height:1.75;max-width:690px;color:var(--soft-ink);margin:0}
.organizer-early .underlined-link{margin-top:23px}
@media(max-width:1100px){
 .organizer-fit{padding:35px 28px}
 .organizer-fit h3{font-size:53px}
 .organizer-step h3{font-size:34px}
}
@media(max-width:760px){
 .organizer-hero .scribble{right:0;top:0}
 .organizer-how .organizer-how-intro h2{font-size:var(--hero-heading-size)}
 .organizer-steps{grid-template-columns:1fr;gap:0;margin-top:43px}
 .organizer-step{display:grid;grid-template-columns:55px 1fr;gap:12px;padding:23px 0 25px}
 .organizer-step .step-number{margin:0;font-size:34px}
 .organizer-step h3{font-size:34px}
 .organizer-step p{font-size:16px;line-height:1.65;max-width:480px}
 .organizer-example{padding-top:80px}
 .organizer-hosts{gap:25px}
 .organizer-fit{align-self:center;max-width:100%;transform:rotate(.6deg);padding:36px 29px}
 .organizer-early{padding:75px 0 82px}
 .organizer-early h2{font-size:var(--hero-heading-size)}
 .organizer-early p:not(.section-index){font-size:15px}
}
@media(max-width:390px){
 .organizer-hero h1{font-size:clamp(40px,10.4vw,43px)}
 .organizer-hero .micro{letter-spacing:1px}
 .organizer-how .organizer-how-intro h2{font-size:clamp(36px,10.4vw,43px)}
 .organizer-step p{font-size:16px}
 .organizer-early h2{font-size:clamp(36px,10.4vw,43px)}
}