/* Registration-only artwork and alignment. Site copy and destinations are unchanged. */
.illustrated-join{--join-sans:var(--sans);position:relative;isolation:isolate;min-height:100vh;min-height:100svh;background:#f7f4ed;color:#211c18}
.illustrated-join:before{content:"";position:fixed;z-index:-1;inset:0;pointer-events:none;background-image:linear-gradient(90deg,#f7f4ed 0%,#f7f4ed 28%,rgba(247,244,237,.94) 40%,rgba(247,244,237,.25) 66%,rgba(247,244,237,.06) 100%),url("images/cafe-invitation-illustration.webp");background-size:100% 100%,min(64vw,980px) auto;background-position:center,right center;background-repeat:no-repeat}
.illustrated-join .join-head{width:min(1240px,calc(100% - 48px));height:92px;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;margin:0 auto;gap:12px}
.illustrated-join .join-logo{justify-self:center}
.illustrated-join .brand-line{font-size:1.08rem;letter-spacing:.085em}
.illustrated-join .brand-sub{font-size:.4rem;letter-spacing:.52em;margin-top:9px}
.illustrated-join .back{display:grid;place-items:center;width:44px;height:44px;font-size:1.2rem}
.illustrated-join .back span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.illustrated-join .join-main{width:min(1180px,100%);margin:0 auto;grid-template-columns:minmax(0,1fr);place-items:center start;place-content:center start;padding:40px 24px 110px}
.illustrated-join .join-card{width:min(520px,100%);padding:38px 36px 40px;border:0;background:transparent;box-shadow:none;text-align:center}
.illustrated-join .step-label{display:block;font:500 .75rem/1.5 var(--join-sans);letter-spacing:.18em;color:#6b5546}
.illustrated-join .join-card h1{margin:26px 0 0;font:400 clamp(3rem,4.4vw,4.1rem)/1.07 var(--display);letter-spacing:-.045em;text-align:center}
.illustrated-join .join-card h1 span,.illustrated-join .join-card h1 em{display:block}
.illustrated-join .join-card h1 em{font-weight:400;color:#7d604e}
.illustrated-join .join-card>.support{max-width:31ch;margin:26px auto 0;font:400 1rem/1.7 var(--join-sans);color:#5f5147;text-align:center;text-wrap:balance}
.illustrated-join .join-card .button{width:100%;max-width:380px;margin:32px auto 0;min-height:56px;display:flex;padding:15px 18px;background:var(--ink);border:1px solid var(--ink);color:var(--paper);font:500 .9375rem/1.4 var(--join-sans);text-align:center;letter-spacing:.015em;box-shadow:none;transition:background .18s ease,box-shadow .18s ease}
.illustrated-join .join-card .button:hover{background:#796452;border-color:#796452;box-shadow:none}
.illustrated-join .join-legal{margin:22px auto 0;font:400 .875rem/1.65 var(--join-sans);color:#65574e;text-align:center}
.illustrated-join a:focus-visible{outline:3px solid #7d604e;outline-offset:5px}
@media(max-width:900px){
 .illustrated-join:before{background-image:linear-gradient(180deg,#f7f4ed 0%,#f7f4ed 30%,rgba(247,244,237,.98) 43%,rgba(247,244,237,.84) 56%,rgba(247,244,237,.23) 80%,rgba(247,244,237,.08) 100%),url("images/cafe-invitation-illustration.webp");background-size:100% 100%,min(100%,640px) auto;background-position:center,center bottom}
 .illustrated-join .join-main{width:100%;place-items:start center;place-content:start center;padding:32px 24px 80px}
 .illustrated-join .join-card{width:min(500px,100%);padding:24px 24px 32px;background:linear-gradient(180deg,rgba(247,244,237,.5),rgba(247,244,237,.16));border:0}
}
@media(max-width:640px){
 .illustrated-join .join-head{width:calc(100% - 32px);height:80px;gap:8px}
 .illustrated-join .brand-line{font-size:1rem;white-space:nowrap}
 .illustrated-join .brand-sub{font-size:.37rem;margin-top:8px}
 .illustrated-join .join-main{padding:20px 20px 56px}
 .illustrated-join .join-card{padding:22px 8px 30px;width:100%;max-width:380px}
 .illustrated-join .step-label{font-size:.6875rem;line-height:1.6;letter-spacing:.17em}
 .illustrated-join .join-card h1{font-size:clamp(2.5rem,11.5vw,3.1rem);line-height:1.08;margin-top:22px;letter-spacing:-.045em}
 .illustrated-join .join-card>.support{font-size:.9375rem;line-height:1.7;max-width:30ch;margin-top:24px}
 .illustrated-join .join-card .button{margin-top:28px;min-height:54px;max-width:100%;font-size:.875rem}
 .illustrated-join .join-legal{font-size:.8125rem;margin-top:20px;line-height:1.7}
}
@media(max-width:360px){.illustrated-join .join-main{padding-inline:16px}.illustrated-join .join-card{padding-inline:4px}.illustrated-join .join-card h1{font-size:2.4rem}.illustrated-join .join-card .button{padding-inline:10px;font-size:.8125rem}}
@media(prefers-reduced-motion:reduce){.illustrated-join .join-card .button{transition:none}}