/* RISE Member Organization application. Fields/inputs/buttons are styled by the global .form system (site-chrome.css);
   this file only handles the section rhythm of this form. */
.apply-sec{padding-top:clamp(48px,5vw,80px)}
.form .fs{padding:clamp(28px,3vw,40px) 0;border-top:1px solid var(--line)}
.form .fs:first-of-type{border-top:0;padding-top:0}
.form .fs .h3{font-size:clamp(22px,2vw,28px);margin-bottom:20px}
.form .fs .h3::before{content:counter(fs,decimal-leading-zero);counter-increment:fs;display:block;margin-bottom:10px;font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.2em;color:var(--red)}
.form{counter-reset:fs}
.form .note{margin:-6px 0 20px;font-size:15px;color:var(--slate)}
.form .note a{color:var(--red);text-decoration:underline;text-underline-offset:3px;font-weight:500}
.form .grid-2{gap:20px 24px}
.form .field+.field{margin-top:20px}
.form .grid-2 .field+.field{margin-top:0}
.form .checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.form .checks .check{padding:18px 20px;border:1px solid var(--line);background:var(--white);transition:border-color .3s}
.form .checks .check:hover,.form .checks .check:has(input:checked){border-color:var(--red)}
.form .check span{display:block}
.form .check strong{display:block;margin-bottom:4px;font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.2em;color:var(--navy)}
.form .terms{padding:clamp(20px,2.4vw,28px);background:var(--paper);border-left:4px solid var(--red)}
.form .terms p{margin:0 0 14px;font-size:16px;line-height:1.6;color:var(--slate)}
.form .terms .agree{margin:20px 0 0;color:var(--navy)}
.form .terms .agree strong{font-weight:500;font-family:var(--sans);letter-spacing:0;font-size:16px}
.form .acts{margin-top:12px}
.form .after{margin-top:20px;font-size:15px;color:var(--slate)}
.fx .phero .wrap>*{animation:fade 1s var(--ease) both}
.fx .phero .wrap>:nth-child(2){animation-delay:.1s}
.fx .phero .wrap>:nth-child(3){animation-delay:.2s}
@media (max-width:640px){.form .checks{grid-template-columns:minmax(0,1fr)}.form .grid-2{grid-template-columns:minmax(0,1fr)}.form .acts .btn{width:100%}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}