/* ===================== JOIN + FOOTER ===================== */
.join{width:100%;position:relative;background:#fff;}
.join .stage-d{height:calc(100vw * 517 / 1920);background:#fff;}
.join .inner-d{height:517px;}
.join .stage-m{height:calc(100vw * 590 / 375);background:#fff;}
.join .inner-m{height:590px;background:#fff;}

/* ---------- Sky background ---------- */
.join__sky{position:absolute;inset:0;overflow:hidden;z-index:0;}
.join__sky-photo{position:absolute;left:0;top:-216px;width:1920px;height:733px;background:url('../images/sky-bg.jpg') center/cover no-repeat;opacity:.5;}
.join__sky-fade-t{position:absolute;left:0;top:0;width:1920px;height:280px;background:linear-gradient(to bottom,#fff,rgba(255,255,255,0));}
.join__sky-photo--m{position:absolute;left:0;top:9px;width:375px;height:532px;background:url('../images/sky-bg.jpg') center/cover no-repeat;opacity:.5;}
.join__sky-fade-t--m{position:absolute;left:0;top:0;width:375px;height:541px;background:linear-gradient(to bottom,#fff 0%,rgba(255,255,255,0) 45%);}

/* ---------- Desktop ---------- */
.join__heading{position:absolute;top:0;left:0;right:0;text-align:center;font-family:var(--font-display);font-weight:700;font-size:112px;line-height:124px;color:var(--c-dark-blue);z-index:1;}
.join__field{position:absolute;top:164px;height:56px;background:#fff;border:none;border-bottom:2px solid var(--c-dark-blue);border-radius:6px;padding:0 18px;text-align:right;font-family:var(--font-body);font-size:22px;color:var(--c-text-navy);z-index:1;}
.join__field::placeholder{color:var(--c-text-navy);opacity:1;}
.join__field--name{left:1327px;width:334px;}
.join__field--email{left:975px;width:334px;}
.join__field--phone{left:618px;width:327px;}
.join__field--city{left:260px;width:328px;}
.join__check-label{position:absolute;top:240px;right:295px;width:267px;text-align:right;font-family:var(--font-body);font-size:18px;color:var(--c-text-navy);z-index:1;}
.join__check{position:absolute;top:239px;left:1635px;width:25px;height:25px;background:var(--c-dark-blue);border-radius:4px;z-index:2;display:flex;align-items:center;justify-content:center;}
.join__check img{width:18px;height:18px;}
.join__submit{position:absolute;top:290px;left:50%;transform:translateX(-50%);width:465px;height:70px;background:var(--grad-gold-btn);border-radius:66px;z-index:1;display:flex;align-items:center;justify-content:center;}
.join__submit span{font-family:var(--font-display);font-weight:700;font-size:20px;color:#fff;white-space:nowrap;}
.join__copyright{position:absolute;top:469px;left:0;right:0;text-align:center;font-family:var(--font-body);font-size:18px;color:var(--c-text-navy);z-index:1;}

/* ---------- Mobile ---------- */
.join__heading--m{position:absolute;top:43px;left:50%;transform:translateX(-50%);width:341px;text-align:center;font-family:var(--font-display);font-weight:700;font-size:50px;line-height:54px;color:var(--c-dark-blue);z-index:1;}
.join__field--m{position:absolute;left:30px;width:318px;height:43px;background:#fff;border:none;border-bottom:1.5px solid var(--c-dark-blue);border-radius:4.5px;padding:0 14px;text-align:right;font-family:var(--font-body);font-size:16.8px;color:var(--c-text-navy);z-index:1;}
.join__field--m::placeholder{color:var(--c-text-navy);opacity:1;}
.join__field--m.f1{top:171px;}
.join__field--m.f2{top:226px;}
.join__field--m.f3{top:280px;}
.join__field--m.f4{top:333px;}
.join__check-label--m{position:absolute;top:392px;right:53px;width:204px;text-align:right;font-family:var(--font-body);font-size:13.7px;color:var(--c-text-navy);z-index:1;}
.join__check--m{position:absolute;top:391px;left:329px;width:19.2px;height:19.2px;background:var(--c-dark-blue);border-radius:3px;z-index:2;display:flex;align-items:center;justify-content:center;}
.join__check--m img{width:13.7px;height:13.7px;}
.join__submit--m{position:absolute;top:431px;left:50%;transform:translateX(-50%);width:318px;height:46px;background:var(--grad-gold-btn);border-radius:46px;z-index:1;display:flex;align-items:center;justify-content:center;}
.join__submit--m span{font-family:var(--font-display);font-weight:800;font-size:13px;color:#fff;white-space:nowrap;}
.join__copyright--m{position:absolute;top:508px;left:0;right:0;text-align:center;font-family:var(--font-body);font-size:13px;color:var(--c-text-navy);z-index:1;}
.join__bar--m{position:absolute;top:541px;left:0;width:375px;height:49px;background:var(--grad-gold-btn);z-index:3;display:flex;align-items:center;justify-content:center;}
.join__bar--m span{font-family:var(--font-display);font-weight:700;font-size:26px;color:#fff;white-space:nowrap;}