/* ============================================================================
   HERO BAND
   Same treatment as the chapter request form, so the two pages match.
   ========================================================================== */
.uaia-hero-band{
	position:relative;overflow:hidden;width:100%;
	min-height:clamp(320px,44vh,520px);
	display:flex;align-items:flex-end;
	padding:clamp(80px,11vh,140px) 0 clamp(56px,7vh,88px);
	margin:0;isolation:isolate;
}
.uaia-hero-band__img{
	position:absolute;inset:0;z-index:0;width:100%;height:100%;
	object-fit:cover;object-position:center;display:block;
}
.uaia-hero-band::after{
	content:"";position:absolute;inset:0;z-index:1;
	background:
		radial-gradient(ellipse 70% 58% at 50% 60%, rgba(20,16,13,.85) 0%, rgba(20,16,13,0) 74%),
		linear-gradient(to bottom, rgba(20,16,13,.45) 0%, rgba(20,16,13,.3) 45%, rgba(20,16,13,.6) 100%);
	opacity:var(--hero-overlay,.42);
}
.uaia-hero-band--nophoto{background:linear-gradient(160deg,var(--ink,#14100D),var(--ink-2,#1D1815))}
.uaia-hero-band--nophoto::after{opacity:.35}
.uaia-hero-band__inner{
	position:relative;z-index:2;width:100%;max-width:min(64rem,100%);
	margin-inline:auto;padding-inline:clamp(20px,4vw,40px);text-align:center;
}
.uaia-hero-band__eyebrow{
	display:inline-block;margin:0 0 18px;padding:7px 15px;
	background:var(--amber,#F2A413);color:var(--on-light,#14100D);
	border-radius:var(--r-pill,999px);
	font-family:var(--font-body,inherit);font-size:.7rem;font-weight:700;
	letter-spacing:.18em;text-transform:uppercase;
	box-shadow:0 6px 18px rgba(20,16,13,.3);
}
.uaia-hero-band__heading{
	margin:0 auto 16px;max-width:22ch;
	font-family:var(--font-display,inherit);font-weight:700;
	letter-spacing:-.03em;line-height:1.04;
	font-size:clamp(2rem,5vw,3.4rem);color:var(--ivory,#F6F0E6);
	text-shadow:0 2px 24px rgba(20,16,13,.55);
}
.uaia-hero-band__sub{
	margin:0 auto;max-width:46ch;
	font-size:clamp(.98rem,1.5vw,1.12rem);line-height:1.6;
	color:rgba(246,240,230,.94);text-shadow:0 1px 16px rgba(20,16,13,.6);
}
.uaia-hero-band + .uaia-panel{margin-top:clamp(28px,4vw,52px)}

/* A locked city field should look locked, not broken. */
.uaia-form input:disabled{opacity:.55;cursor:not-allowed;background:transparent;border-style:dashed}
.uaia-form input[list]{background-image:none;padding-right:15px}

@media(max-width:640px){
	.uaia-hero-band{min-height:280px;padding:56px 0 44px}
	.uaia-hero-band::after{
		background:linear-gradient(to bottom, rgba(20,16,13,.22) 0%, rgba(20,16,13,.4) 60%, rgba(20,16,13,.55) 100%);
		opacity:var(--hero-overlay,.42);
	}
	.uaia-hero-band__sub{display:none}
	.uaia-hero-band__heading{font-size:clamp(1.6rem,7.4vw,2.1rem)}
	.uaia-hero-band + .uaia-panel{margin-top:22px}
}

/* ============================================================================
   JOIN FORM

   Shares the class names the chapter request form uses, so the two forms look
   like the same organisation. Every value falls back, so this stands on its
   own if the chapters plugin is not active.
   ========================================================================== */
.uaia-panel{
	--p-bg:#FFFDF9;--p-field:#F6F1E8;
	--p-text:var(--on-light,#14100D);
	--p-dim:rgba(20,16,13,.74);--p-dimmer:rgba(20,16,13,.5);
	--p-line:rgba(20,16,13,.13);
	--p-amber:var(--amber,#F2A413);--p-clay:var(--clay,#D2551F);--p-sage:var(--sage,#7E9270);
	/*
	 * The same width the chapter request form uses.
	 *
	 * Both plugins style .uaia-panel deliberately, so the two forms match.
	 * This stylesheet loads on every page and therefore wins, and a different
	 * number here silently narrows the other plugin's form as well. They have
	 * to agree.
	 */
	width:100%;max-width:min(64rem,100%);margin-inline:auto;
	background:var(--p-bg);color:var(--p-text);
	border-radius:var(--r-lg,22px);
	box-shadow:0 30px 70px rgba(0,0,0,.34);
	overflow:hidden;position:relative;
}
.uaia-panel::before{
	content:"";position:absolute;inset:0 0 auto 0;height:4px;z-index:2;
	background:linear-gradient(90deg,var(--p-amber),var(--p-clay) 58%,var(--p-sage));
}
.uaia-panel__body{padding:clamp(30px,4vw,54px) clamp(24px,3.6vw,52px)}

.uaia-form{max-width:none;margin:0}
.uaia-form__heading{
	margin:0 0 10px;font-family:var(--font-display,inherit);
	font-weight:700;letter-spacing:-.025em;line-height:1.12;
	font-size:clamp(1.5rem,2.6vw,2.05rem);color:var(--p-text);
}
.uaia-form__intro{margin:0 0 28px;font-size:.98rem;line-height:1.62;color:var(--p-dim)}
.uaia-form__row{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
.uaia-form__field{margin:0 0 18px}
.uaia-form__field label{
	display:block;font-family:var(--font-body,inherit);
	font-size:.74rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;
	color:var(--p-dimmer);margin-bottom:7px;
}
.uaia-form__field label span{color:var(--p-clay)}
.uaia-form input[type=text],.uaia-form input[type=email],.uaia-form input[type=tel],
.uaia-form input[type=password],.uaia-form input[type=url],.uaia-form input[type=number],
.uaia-form input[type=date],.uaia-form input[type=month],.uaia-form select,.uaia-form textarea{
	width:100%;min-height:52px;padding:13px 15px;
	background:var(--p-field);color:var(--p-text);
	border:1px solid var(--p-line);border-radius:var(--r-md,12px);
	font:inherit;font-size:.96rem;
	transition:border-color .25s ease,box-shadow .25s ease;
	-webkit-appearance:none;appearance:none;
}
.uaia-form textarea{min-height:100px;resize:vertical;line-height:1.6}
.uaia-form select{
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%23BB4B09' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
	background-repeat:no-repeat;background-position:right 15px center;padding-right:42px;cursor:pointer;
}
.uaia-form input:focus,.uaia-form select:focus,.uaia-form textarea:focus{
	outline:none;background:var(--p-bg);border-color:var(--p-amber);
	box-shadow:0 0 0 3px rgba(242,164,19,.24);
}
.uaia-form__hint{display:block;font-size:.76rem;line-height:1.45;color:var(--p-dimmer);margin-top:6px}
.uaia-form__check{
	margin:2px 0 20px;padding:15px 17px;background:var(--p-field);
	border:1px solid var(--p-line);border-radius:var(--r-md,12px);
}
.uaia-form__check label{
	display:flex;gap:12px;align-items:flex-start;
	font-size:.93rem;line-height:1.5;font-weight:500;
	letter-spacing:0;text-transform:none;color:var(--p-text);margin:0;cursor:pointer;
}
.uaia-form__check input{flex:none;width:19px;height:19px;margin:1px 0 0;accent-color:var(--p-amber)}
.uaia-form__submit{margin:26px 0 0}
.uaia-form__submit button,.uaia-join__group{
	display:inline-flex;align-items:center;justify-content:center;
	font-family:var(--font-body,inherit);font-size:.95rem;font-weight:600;
	background:var(--ink,#14100D);color:var(--ivory,#F6F0E6);
	border:0;border-radius:var(--r-pill,999px);
	padding:16px 38px;min-height:54px;width:100%;cursor:pointer;text-decoration:none;
	transition:transform .25s ease,background .25s ease;
}
.uaia-form__submit button:hover,.uaia-join__group:hover{transform:translateY(-2px);background:var(--p-clay)}
.uaia-form__privacy{margin:16px 0 0;font-size:.76rem;line-height:1.55;color:var(--p-dimmer)}
.uaia-form__error{
	padding:13px 16px;margin:0 0 22px;border-radius:var(--r-md,12px);
	background:rgba(210,85,31,.14);border-left:3px solid var(--p-clay);
	color:var(--p-text);font-size:.9rem;
}
.uaia-join__done{text-align:center}
.uaia-join__done .uaia-form__intro{margin-inline:auto;max-width:32rem}
.uaia-form__hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.uaia-dupe-note{
	max-width:46rem;margin:24px auto;padding:14px 18px;text-align:center;
	border:1px dashed var(--amber,#F2A413);border-radius:12px;
	background:rgba(242,164,19,.08);color:var(--ivory,#F6F0E6);font-size:.86rem;
}
@media(max-width:640px){
	.uaia-panel{border-radius:var(--r-md,14px)}
	.uaia-panel__body{padding:26px 20px}
	.uaia-form__row{grid-template-columns:1fr}
}