.join-page{background:var(--black);color:var(--white)}
.join-hero{min-height:calc(100vh - var(--site-header-height));min-height:calc(100svh - var(--site-header-height));min-height:calc(100dvh - var(--site-header-height));position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.7fr);align-items:center;gap:6vw;padding:clamp(24px,5vh,68px) 10vw;background:var(--black)}
.join-hero:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.14;background-image:radial-gradient(#fff .65px,transparent .9px);background-size:6px 6px;mix-blend-mode:screen}
.join-hero-copy{max-width:760px;min-width:0}.join-hero .kicker,.join-section-heading .kicker,.join-form-intro .kicker,.join-faq>.kicker{font:12px/1.5 'DM Mono',monospace;letter-spacing:.15em;text-transform:uppercase;color:var(--orange);margin:0 0 24px}
.join-hero .kicker{margin-bottom:clamp(12px,2.5vh,24px)}
.join-hero h1{font-size:clamp(76px,min(11vw,15vh),190px);line-height:.82;letter-spacing:-.105em;color:var(--orange);margin:0;font-weight:800}.join-hero h1 em,.join-form-intro h2 em{font-style:normal;color:var(--white)}
.join-lede{max-width:700px;margin:clamp(18px,3.2vh,34px) 0 clamp(12px,2vh,20px);font-size:clamp(20px,min(2.5vw,3.8vh),34px);line-height:1.28;letter-spacing:-.04em;color:var(--white)}
.join-cta{display:inline-flex!important;align-items:center;gap:24px;margin-top:clamp(18px,3vh,32px)!important;padding:18px 24px!important;text-transform:uppercase;font:12px 'DM Mono',monospace!important;letter-spacing:.08em}
.join-hero-mark{min-height:410px;display:flex;align-items:center;justify-content:center;position:relative;color:var(--paper);text-align:center}
.join-hero-mark:before,.join-hero-mark:after{content:"";position:absolute;width:min(27vw,360px);aspect-ratio:1;border:1px solid #f5a90075;border-radius:50%}
.join-hero-mark:before{animation:join-ring-pulse 3.2s ease-out infinite}
.join-hero-mark:after{border-color:#f3f0ea35}
.join-hero-mark>span{z-index:1;display:flex;flex-direction:column;align-items:center;gap:0;width:calc(min(27vw,360px) - 40px);font:clamp(26px,2.5vw,36px)/1.08 'DM Mono',monospace;letter-spacing:-.025em}
.join-hero-mark .join-word-space{display:inline-block;width:.24em}
.join-hero-mark em{font-style:normal;color:var(--orange)}.join-hero-mark i{position:absolute;top:9%;right:8%;font-style:normal;color:var(--orange);font-size:38px}
.join-why{padding:128px 10vw 140px;background:var(--paper);color:var(--ink)}
.join-section-heading{display:grid;grid-template-columns:1fr minmax(270px,.8fr);column-gap:8vw;align-items:end;max-width:1200px}
.join-section-heading .kicker{grid-column:1/-1;color:#946600}
.join-section-heading h2,.join-faq h2{margin:0;color:var(--ink);font-size:clamp(58px,8vw,112px);line-height:.87;letter-spacing:-.09em}
.join-section-heading>p:last-child{max-width:520px;margin:0 0 4px;font-size:clamp(18px,2vw,25px);line-height:1.45;color:#4c4a48}
.join-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:82px;border-top:1px solid #17181e40;border-bottom:1px solid #17181e40}
.join-values article{padding:28px 30px 40px 0;border-right:1px solid #17181e40}.join-values article+article{padding-left:30px}.join-values article:last-child{border-right:0}
.join-values article>span{font:12px 'DM Mono',monospace;color:#946600}.join-values h3{margin:48px 0 14px;font-size:clamp(23px,2.4vw,34px);line-height:1.03;letter-spacing:-.055em}.join-values p{max-width:360px;margin:0;color:#5c5954;font-size:16px;line-height:1.55}
.join-form-section{padding:132px 10vw 145px;background:#d4cabe;color:var(--ink);display:grid;grid-template-columns:minmax(0,.85fr) minmax(380px,1.15fr);gap:8vw;align-items:start}
.join-form-intro{position:sticky;top:120px}.join-form-intro .kicker{color:#946600}.join-form-intro h2{font-size:clamp(56px,7.2vw,100px);line-height:.87;letter-spacing:-.09em;margin:0;color:var(--orange)}.join-form-intro h2 em{color:var(--ink)}.join-form-intro>p:not(.kicker){max-width:490px;font-size:19px;line-height:1.5;color:#4c4a48;margin:28px 0 0}.join-form-intro .join-not-membership{padding-top:20px;border-top:1px solid #17181e35;font-size:15px!important}
.join-form{background:var(--black);color:var(--white);padding:clamp(26px,4vw,54px);box-shadow:10px 12px 0 #b2a99c}
.join-form-heading{margin:0 0 28px;color:var(--white)}
.join-form-heading h3{margin:0 0 12px;color:var(--white);font-size:clamp(27px,3vw,38px);line-height:1.05;letter-spacing:-.055em}
.join-form-heading p{max-width:42ch;margin:0;color:#d2cec5;font-size:15px;line-height:1.55}
.join-form .ml-embedded{color:var(--white);font-family:Manrope,Arial,sans-serif}
.join-form .ml-form-embedWrapper,
.join-form .ml-form-embedBody,
.join-form .ml-form-successBody{width:100%!important;max-width:none!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--white)!important;font-family:Manrope,Arial,sans-serif!important}
.join-form .ml-form-embedContent{padding:0!important;color:var(--white)!important}
.join-form .ml-form-embedContent h4{margin:0 0 12px!important;color:var(--orange)!important;font:700 clamp(27px,3vw,38px)/1.05 Manrope,Arial,sans-serif!important;letter-spacing:-.055em!important}
.join-form .ml-form-embedContent p{margin:0 0 24px!important;color:#d2cec5!important;font:15px/1.55 Manrope,Arial,sans-serif!important}
.join-form .ml-form-fieldRow{margin:0 0 20px!important}
.join-form .ml-form-fieldRow label{display:block!important;margin:0 0 9px!important;color:var(--white)!important;font:12px/1.4 'DM Mono',monospace!important;letter-spacing:.09em!important;text-transform:uppercase!important}
.join-form .ml-form-fieldRow input:not([type=checkbox]),
.join-form .ml-form-fieldRow input[type=email],
.join-form .ml-form-fieldRow input[type=text]{box-sizing:border-box!important;width:100%!important;min-height:56px!important;padding:14px 16px!important;border:1px solid #ffffff45!important;border-radius:0!important;background:#17181e!important;color:var(--white)!important;font:16px Manrope,Arial,sans-serif!important;box-shadow:none!important}
.join-form .ml-form-fieldRow input::placeholder{color:#a3a09a!important;opacity:1}
.join-form .ml-form-fieldRow input:focus-visible{outline:3px solid var(--orange)!important;outline-offset:2px!important}
.join-form .ml-form-checkboxRow{margin:24px 0 0!important;padding:18px 0!important;border-top:1px solid #ffffff35!important;color:var(--white)!important;font:14px/1.5 Manrope,Arial,sans-serif!important}
.join-form .ml-form-checkboxRow label{display:grid!important;grid-template-columns:22px 1fr!important;gap:13px!important;align-items:start!important;color:var(--white)!important;font:14px/1.5 Manrope,Arial,sans-serif!important}
.join-form .ml-form-checkboxRow input[type=checkbox]{width:21px!important;height:21px!important;margin:1px 0 0!important;accent-color:var(--orange)!important}
.join-form .ml-form-embedSubmit button,
.join-form .ml-form-embedSubmit input[type=submit]{box-sizing:border-box!important;width:100%!important;min-height:58px!important;margin:25px 0 0!important;padding:18px 22px!important;border:0!important;border-radius:0!important;background:var(--orange)!important;color:var(--black)!important;font:12px/1.3 'DM Mono',monospace!important;letter-spacing:.09em!important;text-transform:uppercase!important;box-shadow:none!important;cursor:pointer!important}
.join-form .ml-form-embedSubmit button:hover,
.join-form .ml-form-embedSubmit input[type=submit]:hover{background:var(--white)!important}
.join-form .ml-form-embedSubmit button:focus-visible,
.join-form .ml-form-embedSubmit input[type=submit]:focus-visible{outline:3px solid var(--orange)!important;outline-offset:4px!important}
.join-form .ml-form-embedPermissions{margin-top:16px!important;color:var(--muted)!important;font:12px/1.55 Manrope,Arial,sans-serif!important}
.join-form .ml-form-embedPermissions a{color:var(--white)!important}
.join-form .ml-form-successBody h4{color:var(--orange)!important}
.join-form .ml-form-successBody p{color:var(--white)!important;line-height:1.6!important}
.join-form .privacy-note a{color:var(--white);text-decoration:underline;text-underline-offset:3px}
.prototype-note{padding:13px 15px;margin:0 0 30px;background:#27272b;color:#e8e1d3;font:12px/1.5 'DM Mono',monospace;letter-spacing:.015em}.prototype-note span{color:var(--orange);font-size:9px;margin-right:8px}
.join-form>label{display:flex;justify-content:space-between;align-items:baseline;margin:22px 0 9px;color:var(--white);font:12px 'DM Mono',monospace;letter-spacing:.09em;text-transform:uppercase}.join-form>label>span:first-child{color:var(--orange)}.join-form .optional{color:var(--muted);font-size:10px;text-transform:none;letter-spacing:0}
.join-form input:not([type=checkbox]){width:100%;min-height:56px;border:1px solid #ffffff45;border-radius:0;background:#17181e;color:var(--white);padding:14px 16px;font:16px Manrope,sans-serif}.join-form input::placeholder{color:#a3a09a}.join-form input:focus-visible{outline:3px solid var(--orange);outline-offset:2px;border-color:transparent}
.join-consent{margin:35px 0 0;padding:0;border:0}.join-consent legend{margin:0 0 18px;color:var(--orange);font:12px 'DM Mono',monospace;letter-spacing:.09em;text-transform:uppercase}.check-row{display:grid;grid-template-columns:22px 1fr;gap:13px;align-items:start;margin:0;padding:17px 0;border-top:1px solid #ffffff28;color:var(--white);font-size:14px;line-height:1.5;cursor:pointer}.check-row input{appearance:none;width:21px;height:21px;margin:1px 0 0;border:1px solid #a3a09a;background:transparent;border-radius:0;cursor:pointer}.check-row input:checked{background:var(--orange);border-color:var(--orange);box-shadow:inset 0 0 0 4px var(--black)}.check-row input:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.privacy-note{margin:18px 0 0;color:var(--muted);font-size:12px;line-height:1.55}.join-submit{width:100%;display:flex!important;justify-content:space-between;align-items:center;margin-top:28px!important;padding:18px 22px!important;font:12px 'DM Mono',monospace!important;letter-spacing:.09em;text-transform:uppercase;cursor:pointer}.form-feedback{min-height:1.5em;margin:16px 0 0;color:var(--orange);font-size:13px;line-height:1.5}
/* MailerLite form layout: names together on desktop, then email, consent, and submit. */
.join-form .ml-form-embedContent h4{color:var(--white)!important}
.join-form .ml-form-embedBody form{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;column-gap:16px!important;align-items:start!important}
.join-form .ml-form-embedBody form .ml-form-fieldRow:has(input[name="name"]){grid-column:1!important;order:1!important}
.join-form .ml-form-embedBody form .ml-form-fieldRow:has(input[name="last_name"]){grid-column:2!important;order:2!important}
.join-form .ml-form-embedBody form .ml-form-fieldRow:has(input[type="email"]){grid-column:1/-1!important;order:3!important}
.join-form .ml-form-embedBody form .ml-form-checkboxRow{grid-column:1/-1!important;order:4!important;margin-top:4px!important}
.join-form .ml-form-embedBody form .ml-form-embedPermissions{display:none!important}
.join-form .ml-form-embedPermissions{display:none!important}
.join-form .ml-form-embedBody form .ml-form-embedSubmit{grid-column:1/-1!important;order:5!important}
.join-form .ml-form-embedBody form .ml-form-embedSubmit button,
.join-form .ml-form-embedBody form .ml-form-embedSubmit input[type="submit"]{background:#f5a900!important;color:#101116!important}
.join-faq{padding:120px 10vw 140px;background:var(--black);color:var(--white);display:grid;grid-template-columns:1fr 1fr;gap:0 10vw}.join-faq>.kicker{grid-column:1/-1}.join-faq h2{color:var(--orange);font-size:clamp(50px,6vw,88px)}.join-faq-list{border-top:1px solid #ffffff35}.join-faq-list details{border-bottom:1px solid #ffffff35}.join-faq-list summary{position:relative;padding:22px 36px 22px 0;list-style:none;cursor:pointer;color:var(--white);font-size:18px;line-height:1.35}.join-faq-list summary::-webkit-details-marker{display:none}.join-faq-list summary:after{content:'+';position:absolute;right:0;top:18px;color:var(--orange);font:24px 'DM Mono',monospace}.join-faq-list details[open] summary:after{content:'−'}.join-faq-list details p{margin:0;padding:0 30px 22px 0;color:var(--muted);font-size:15px;line-height:1.55}
.join-page a:focus-visible,.join-page button:focus-visible,.join-faq summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}
@media(max-width:800px){
  .join-hero{min-height:calc(100vh - var(--site-header-height));min-height:calc(100svh - var(--site-header-height));min-height:calc(100dvh - var(--site-header-height));display:flex;flex-direction:column;justify-content:center;padding:clamp(20px,5svh,52px) 7vw}
  .join-hero .kicker,.join-section-heading .kicker,.join-form-intro .kicker,.join-faq>.kicker{font-size:11px;margin-bottom:20px}
  .join-hero .kicker{margin-bottom:clamp(12px,2.5svh,20px)}
  .join-hero-copy{width:100%}
  .join-hero h1{font-size:clamp(58px,min(18vw,12svh),120px);line-height:.84}
  .join-lede{font-size:clamp(19px,min(5.4vw,3.1svh),25px);margin:clamp(18px,3.5svh,28px) 0 clamp(12px,2svh,15px)}
  .join-cta{margin-top:clamp(16px,3svh,25px)!important}
  .join-hero-mark{display:none}
  .join-why{padding:84px 7vw 90px}.join-section-heading{display:block}.join-section-heading h2,.join-faq h2{font-size:17vw}.join-section-heading>p:last-child{margin-top:26px;font-size:19px}
  .join-values{display:block;margin-top:48px}.join-values article,.join-values article+article{padding:24px 0 28px;border-right:0;border-bottom:1px solid #17181e40}.join-values article:last-child{border-bottom:0}.join-values h3{margin:22px 0 10px;font-size:27px}.join-values p{font-size:15px}
  .join-form-section{padding:82px 7vw 92px;display:block}.join-form-intro{position:static;margin-bottom:38px}.join-form-intro h2{font-size:16vw}.join-form-intro>p:not(.kicker){font-size:18px;margin-top:22px}.join-form-intro .join-not-membership{font-size:14px!important}
  .join-form{padding:24px 20px;box-shadow:6px 7px 0 #b2a99c}.prototype-note{font-size:11px}.join-form>label{margin-top:20px}.join-form input:not([type=checkbox]){min-height:54px;font-size:16px}.join-consent{margin-top:30px}.check-row{font-size:13px;gap:11px;padding:16px 0}.privacy-note{font-size:11px}
  .join-form .ml-form-embedBody form{grid-template-columns:minmax(0,1fr)!important;column-gap:0!important}
  .join-form .ml-form-embedBody form .ml-form-fieldRow:has(input[name="name"]),
  .join-form .ml-form-embedBody form .ml-form-fieldRow:has(input[name="last_name"]),
  .join-form .ml-form-embedBody form .ml-form-fieldRow:has(input[type="email"]){grid-column:1!important}
  .join-faq{padding:84px 7vw 96px;display:block}.join-faq h2{margin-bottom:42px}.join-faq-list summary{font-size:16px}
}
@keyframes join-ring-pulse{0%{transform:scale(1);opacity:.9;box-shadow:0 0 0 0 #f5a90000}75%{transform:scale(1.24);opacity:.18;box-shadow:0 0 26px 10px #f5a90035}100%{transform:scale(1.34);opacity:0;box-shadow:0 0 0 0 #f5a90000}}
@media(prefers-reduced-motion:reduce){.join-page *{scroll-behavior:auto}.join-hero-mark:before{animation:none}}

/* Local signup form: site-owned markup and Flokken styling (no MailerLite widget). */
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.join-signup-form{display:grid;gap:18px}
.join-signup-form>input{box-sizing:border-box;width:100%;min-height:72px;padding:18px 20px;border:1px solid #f3f0e955;border-radius:0;background:#191a20;color:var(--white);font:18px/1.4 Manrope,Arial,sans-serif}
.join-signup-form>input::placeholder{color:#b8b5ae;opacity:1}
.join-signup-form>input:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.join-signup-consent{display:grid;grid-template-columns:24px minmax(0,1fr);gap:14px;align-items:start;margin-top:12px;padding:22px 0 0;border-top:1px solid #ffffff35;color:var(--white);font:15px/1.55 Manrope,Arial,sans-serif;cursor:pointer}
.join-signup-consent input{appearance:none;box-sizing:border-box;width:22px;height:22px;margin:1px 0 0;border:1px solid #f3f0e9;background:transparent;border-radius:0;cursor:pointer}
.join-signup-consent input:checked{background:var(--orange);border-color:var(--orange);box-shadow:inset 0 0 0 4px var(--black)}
.join-signup-consent input:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.join-signup-submit{width:100%;min-height:68px;display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding:20px 22px;border:0;border-radius:0;background:var(--orange);color:var(--black);font:13px/1.3 'DM Mono',monospace;letter-spacing:.09em;text-transform:uppercase;cursor:pointer}
.join-signup-submit:hover{background:var(--white)}
.join-signup-submit:focus-visible{outline:3px solid var(--white);outline-offset:4px}
@media(max-width:800px){.join-signup-form{gap:14px}.join-signup-form>input{min-height:64px;padding:16px;font-size:16px}.join-signup-consent{gap:12px;padding-top:18px;font-size:14px}.join-signup-submit{min-height:62px}}

/* Keep the embedded MailerLite form inside the full-width site panel. */
.join-form .ml-embedded,
.join-form .ml-form-embedWrapper,
.join-form .ml-form-embedContainer,
.join-form .ml-form-embedBody,
.join-form .ml-form-embedContent,
.join-form .ml-form-embedBody form,
.join-form .ml-form-fieldRow,
.join-form .ml-form-checkboxRow,
.join-form .ml-form-embedSubmit{box-sizing:border-box!important;width:100%!important;max-width:none!important;min-width:0!important}
.join-form .ml-form-checkboxRow{grid-column:1/-1!important}
.join-form .ml-form-checkboxRow label{box-sizing:border-box!important;display:grid!important;width:100%!important;max-width:none!important;min-width:0!important;grid-template-columns:22px minmax(0,1fr)!important;gap:13px!important}
.join-form .ml-form-checkboxRow label>span{display:block!important;width:100%!important;max-width:none!important;min-width:0!important;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important}

/* Match MailerLite's fields to the spacious signup form used across Flokken. */
.join-form .ml-form-fieldRow input:not([type="checkbox"]),
.join-form .ml-form-fieldRow input[type="email"],
.join-form .ml-form-fieldRow input[type="text"]{min-height:72px!important;padding:18px 20px!important;font-size:18px!important}
.join-form .ml-form-embedSubmit button,
.join-form .ml-form-embedSubmit input[type="submit"]{min-height:68px!important;padding:20px 22px!important}
@media(max-width:800px){
  .join-form .ml-form-fieldRow input:not([type="checkbox"]),
  .join-form .ml-form-fieldRow input[type="email"],
  .join-form .ml-form-fieldRow input[type="text"]{min-height:64px!important;padding:16px!important;font-size:16px!important}
  .join-form .ml-form-embedSubmit button,
  .join-form .ml-form-embedSubmit input[type="submit"]{min-height:62px!important;padding:18px!important}
}

/* Keep every MailerLite field full width and let the consent copy wrap naturally. */
.join-form .ml-form-embedBody form{display:grid!important;grid-template-columns:minmax(0,1fr)!important;column-gap:0!important}
.join-form .ml-form-embedBody form .ml-form-fieldRow,
.join-form .ml-form-embedBody form .ml-form-checkboxRow,
.join-form .ml-form-embedBody form .ml-form-embedSubmit{grid-column:1/-1!important;width:100%!important;max-width:none!important;min-width:0!important}
.join-form .ml-form-embedBody form .ml-form-fieldRow>div,
.join-form .ml-form-embedBody form .ml-form-fieldRow>label,
.join-form .ml-form-embedBody form .ml-form-fieldRow input:not([type="checkbox"]){box-sizing:border-box!important;width:100%!important;max-width:none!important;min-width:0!important}
.join-form .ml-form-checkboxRow label{display:flex!important;align-items:flex-start!important;gap:13px!important;width:100%!important;max-width:none!important;min-width:0!important}
.join-form .ml-form-checkboxRow label input[type="checkbox"]{flex:0 0 22px!important}
.join-form .ml-form-checkboxRow label>*:not(input){flex:1 1 auto!important;width:auto!important;max-width:none!important;min-width:0!important;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important}