
#main-content.join-page .join-hero-note{font-size:14px;margin-top:20px;margin-bottom:0;color:#555b60}
.join-hero .promo-photo{align-self:center;min-height:0;background:transparent}
.join-hero .promo-photo img{height:auto;object-fit:contain}
.join-hero .ducks-button{gap:16px;line-height:1.4}
.join-section{margin-top:72px}
#main-content.join-page h2{font-size:clamp(30px,4vw,46px);line-height:1.1;margin:0 0 24px}
#main-content.join-page h3{font-size:25px;line-height:1.15;margin:0 0 14px}
#main-content.join-page p{line-height:1.65}
#main-content.join-page .join-eyebrow{font-family:Barlow,sans-serif;font-size:11px;font-weight:700;letter-spacing:.12em;color:#a31420;margin:0 0 12px;display:block}
.join-steps,.join-teams,.join-documents{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.join-steps article{border-top:3px solid #be1622;padding:24px 0 0}
.join-kit{display:grid;grid-template-columns:1fr 1fr;gap:40px;background:#17191b;color:#fff;padding:44px;border-radius:16px;margin-top:56px;align-items:center}
#main-content.join-page .join-kit h2{color:#fff;margin-bottom:0}
#main-content.join-page .join-kit .join-eyebrow{color:#ff9fa6}
.join-checklist{list-style:none;padding:0!important;margin:0 0 20px!important;font-size:18px;font-weight:600;display:grid;gap:10px}
.join-checklist li:before{content:"✓";color:#ff9fa6;margin-right:12px}
.join-kit p{color:#e5e6e7;font-size:15px}
.join-teams>a{color:#202327;text-decoration:none!important;border:1px solid #ddd;border-radius:10px;padding:26px;position:relative}
.join-teams>a:hover{border-color:#be1622;background:#fff6f6}
.join-teams>a>span{display:block;font-size:10px;letter-spacing:.1em;font-weight:700;color:#9b1722;margin-bottom:18px}
.join-teams p{font-size:15px;padding-right:12px}
.join-teams b{position:absolute;right:20px;bottom:16px;font-size:24px;color:#be1622}
.join-flyers>p{max-width:75ch}
.join-documents{margin-top:28px}
.join-document{border:1px solid #dfe0e2;border-radius:12px;overflow:hidden;color:#202327;text-decoration:none!important;display:flex;flex-direction:column;background:#fff}
.join-document:hover{border-color:#be1622;box-shadow:0 6px 20px #0000000c}
.join-document-image{padding:18px;background:#f1efeb}
.join-document-image img{width:100%;height:auto;display:block;box-shadow:0 3px 10px #00000015}
.join-document>div:last-child{padding:24px;display:flex;flex-direction:column;flex:1}
#main-content.join-page .join-document h3{font-size:24px}
.join-document p{font-size:14px}
.join-document strong{font-size:13px;color:#9b1722;margin-top:auto;padding-top:12px}
.join-contact{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;border-top:3px solid #be1622;background:#f5f3ef;padding:40px;border-radius:0 0 16px 16px;margin-top:72px}
.join-email{font-weight:700;color:#a31420;overflow-wrap:anywhere}
.join-contacts{display:grid;gap:24px}
#main-content.join-page .join-contacts h3{font-size:24px;margin-bottom:6px}
#main-content.join-page .join-contacts p{font-size:14px;margin:0;padding-bottom:8px}
.join-contacts a{font-weight:700;color:#a31420}
.join-page a:focus-visible{outline:3px solid #be1622;outline-offset:4px}
@media(max-width:900px){.join-steps,.join-teams{gap:18px}.join-documents{gap:14px}.join-document-image{padding:12px}.join-document>div:last-child{padding:18px}.join-kit{padding:32px}.join-contact{padding:32px;gap:24px}}
@media(max-width:700px){.join-section,.join-contact{margin-top:48px}.join-steps,.join-teams,.join-documents,.join-kit,.join-contact{grid-template-columns:1fr}.join-kit{padding:28px;gap:24px;margin-top:40px}.join-contact{padding:28px}.join-documents{gap:24px}.join-document-image{padding:20px}.join-document-image img{max-width:340px;margin:auto}.join-hero .promo-photo{aspect-ratio:auto}.join-steps{gap:12px}.join-teams>a{padding:24px}}

#main-content.join-page .join-hero .ducks-button{background:#be1622;color:#fff;border-color:#be1622;font-weight:700}
#main-content.join-page .join-hero .ducks-button:hover{background:#98111c}
.join-hero .promo-photo img{border-radius:14px}
.join-hero .promo-photo{margin-right:24px}
@media(max-width:700px){.join-hero .promo-photo{margin:0 20px 20px}}

#main-content.join-page .join-document p,#main-content.join-page .join-teams p{color:#42474d}
