.join-body{margin:0;background:var(--space-deep, #1E2C2E)}.join{min-height:100svh;display:flex;flex-direction:column;align-items:center;text-align:center;padding:clamp(1.5rem,4vh,3rem) clamp(1.25rem,6vw,3rem) clamp(2.5rem,6vh,4rem);color:var(--paper, #F5EFE3);font-family:EB Garamond,Georgia,serif;position:relative;overflow:hidden;background:radial-gradient(120% 52% at 50% 106%,#e8ca8a38,#e8ca8a1a 34%,#e8ca8a08 56%,#e8ca8a00 72%),linear-gradient(180deg,var(--space-deep, #1E2C2E) 0%,var(--space-deep, #1E2C2E) 8%,14%,var(--space, #304245) 40%,var(--stone-imperial, #432738) 74%,84%,var(--stone-imperial-deep, #2E1A26) 92%,var(--stone-imperial-deep, #2E1A26) 100%)}.join__mark{flex:0 0 auto;display:inline-block;text-decoration:none;color:var(--paper, #F5EFE3)}.join__mark-img{display:block;height:clamp(1rem,3.2vw,1.3rem);width:auto}.join__mark-text{font-size:.95rem;letter-spacing:.3em;text-transform:uppercase}.join__inner{margin:auto 0;width:100%;max-width:34rem;padding-top:clamp(2rem,6vh,3.5rem)}.join .caps{text-transform:uppercase;letter-spacing:.18em}.join__eyebrow{font-size:.8rem;color:var(--aurum, #E8CA8A);margin:0 0 clamp(.9rem,2.5vh,1.4rem)}.join__headline{font-size:clamp(2.1rem,8.5vw,3.4rem);line-height:1.12;font-weight:500;margin:0 auto clamp(1rem,3vh,1.5rem);max-width:16ch}.join__lede{font-style:italic;font-size:clamp(1.05rem,2.2vw,1.2rem);line-height:1.55;color:#f5efe3d1;max-width:36ch;margin:0 auto}.join__exchange{margin-top:clamp(1.75rem,5vh,2.75rem)}.join .field{display:flex;align-items:stretch;max-width:26rem;margin:0 auto;border-bottom:1px solid rgba(232,202,138,.45);transition:border-color .3s ease}.join .field:focus-within{border-color:var(--aurum, #E8CA8A)}.join .field input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:var(--paper, #F5EFE3);font:inherit;font-size:1.0625rem;padding:.85rem .25rem .85rem 0}.join .field input::placeholder{color:#f5efe373}.join .field button{flex:none;background:transparent;border:0;color:var(--aurum, #E8CA8A);font:inherit;font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;padding:.85rem 0 .85rem .9rem;cursor:pointer;transition:color .3s ease,opacity .3s ease}.join .field button:hover{color:var(--paper, #F5EFE3)}.join .field button:disabled{opacity:.5;cursor:default}.join .field button:focus-visible,.join__link:focus-visible,.join__mark:focus-visible{outline:2px solid var(--aurum, #E8CA8A);outline-offset:3px}.join__note{font-size:.8125rem;color:#f5efe380;margin:.9rem 0 0}.join__error{font-size:.875rem;color:var(--aurum, #E8CA8A);margin:.9rem 0 0}.join__confirm[hidden]{display:none}.join__confirm{animation:join-rise .8s cubic-bezier(.22,.61,.36,1) both}.join__confirm-rule{display:block;width:2rem;height:1px;background:var(--aurum, #E8CA8A);margin:0 auto 1.1rem}.join__confirm-title{font-size:1.4rem;font-weight:500;margin:0 0 .5rem;outline:none}.join__confirm-note{font-style:italic;font-size:.95rem;line-height:1.55;color:#f5efe3bf;max-width:34ch;margin:0 auto}.join__links{margin:clamp(2.5rem,7vh,4rem) auto 0;width:100%;max-width:26rem}.join__link{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.95rem .1rem;border-top:1px solid rgba(245,239,227,.14);color:var(--paper, #F5EFE3);text-decoration:none;font-size:.95rem;letter-spacing:.02em;transition:color .3s ease}.join__link:last-child{border-bottom:1px solid rgba(245,239,227,.14)}.join__link:after{content:"\2192";opacity:.35;transition:transform .3s ease,opacity .3s ease}.join__link:hover{color:var(--aurum, #E8CA8A)}.join__link:hover:after{transform:translate(.25rem);opacity:1}@keyframes join-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.join .r1,.join .r2,.join .r3,.join .r4,.join .r5,.join .r6{opacity:0;animation:join-rise .9s cubic-bezier(.22,.61,.36,1) forwards}.join .r1{animation-delay:.05s}.join .r2{animation-delay:.18s}.join .r3{animation-delay:.3s}.join .r4{animation-delay:.44s}.join .r5{animation-delay:.6s}.join .r6{animation-delay:.8s}@media(prefers-reduced-motion:reduce){.join .r1,.join .r2,.join .r3,.join .r4,.join .r5,.join .r6,.join__confirm{animation:none;opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/join.css.map */
