.join-page{min-height:100svh;background:#f4f2ec}
.join-page .header{height:100px}
.join-layout{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(0,1fr);gap:clamp(50px,8vw,130px);max-width:1170px;margin:auto;padding:64px 40px 44px;align-items:start}
.join-story{padding:26px 0;position:sticky;top:30px}
.join-kicker{font-size:10px!important;letter-spacing:.16em;font-weight:600;color:#64715d;line-height:1.5!important;margin:0!important}
.join-story h2{font-size:clamp(48px,5vw,68px);line-height:1.06;margin:20px 0 24px}
.join-story h2 em{color:#69795e}.join-story>p{font-size:16px;line-height:1.75;color:#757c70}
.join-story-foot{font-size:11px;color:#747e6c;display:flex;gap:10px;align-items:center;margin-top:30px}.join-live-dot{width:6px;height:6px;border-radius:50%;background:#8a9d74}
.join-art{height:230px;max-width:330px;display:grid;place-items:center;position:relative;margin-top:40px;overflow:hidden}
.join-art-orbit{position:absolute;width:195px;height:195px;border:1px solid #cbd2c2;border-radius:50%}.join-art-orbit:before,.join-art-orbit:after{content:'';position:absolute;border:1px solid #d8ddcf;inset:19px;border-radius:50%}.join-art-orbit:after{inset:-20px;border-color:#e2e5da}
.join-art svg{position:relative;width:270px;height:135px;stroke:#758466;stroke-width:2;stroke-linecap:round}.join-art-word{position:absolute;bottom:1px;font-size:8px;letter-spacing:.17em;color:#7c8871;background:#f4f2ec;padding:5px 12px}
.join-column{min-width:0}.join-card{padding:34px;background:#fffefa;border:1px solid #d7dccf;border-radius:18px;box-shadow:0 8px 32px #27351e04;min-height:390px}.join-card [hidden]{display:none!important}
.join-heading{margin-bottom:26px}.join-heading h1{font-size:clamp(34px,3.6vw,44px);letter-spacing:-.045em;line-height:1.12;margin:12px 0}.join-heading h1:focus{outline:0}.join-heading>p:not(.join-kicker){font-size:14px;line-height:1.65;color:#77806f;margin-top:12px}
.join-primary{border:1px solid #27351e;background:#27351e;color:#fbfaf5;display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:54px;border-radius:9px;font-size:15px;font-weight:500;padding:15px 18px;text-decoration:none;transition:background .18s}
.join-primary:hover{background:#3d5031}.join-primary svg{width:19px;height:19px}.join-primary:disabled{opacity:.45;cursor:default}
.join-card a:focus-visible,.join-card button:focus-visible,.join-card input:focus-visible,.join-card select:focus-visible{outline:2px solid #82946d;outline-offset:4px}
.join-quiet{display:flex;justify-content:center;align-items:center;min-height:48px;gap:12px;font-size:13px;color:#586b49}.join-quiet svg{width:17px}
.join-footnote{font-size:12px;line-height:1.7;color:#6d785f;text-align:center;margin:15px 0 0}
.join-auth-tabs{display:flex;gap:4px;padding:4px;background:#eef0e7;border:1px solid #e3e7db;border-radius:11px;margin-bottom:27px}
.join-auth-tabs button{border-radius:8px;flex:1;min-height:44px;font-size:14px;color:#77816b;background:transparent}.join-auth-tabs button[aria-selected=true]{background:#fffefa;box-shadow:0 2px 6px #25351e0d;color:#293b22}
.join-auth-note{margin-bottom:28px}.join-auth-note>strong{font-weight:500;font-size:16px;line-height:1.5}.join-auth-note>p{font-size:14px;color:#7b8473;margin-top:6px}
.join-benefit-list{display:grid;gap:11px;margin-top:17px;font-size:13px;color:#6e7963}.join-benefit-list>span{display:flex;align-items:center;gap:10px}.join-benefit-list svg{width:15px;height:15px;stroke:#8c9c79}
.join-security{display:flex;justify-content:center;gap:7px;align-items:center;color:#6d785f;font-size:11px;margin-top:14px}.join-security svg{width:13px;height:13px}
.join-divider{display:flex;align-items:center;gap:12px;margin:21px 0 6px;color:#6d785f;font-size:11px}.join-divider:before,.join-divider:after{height:1px;background:#e7e9e0;content:'';flex:1}
.join-signed-in{font-size:12px;color:#7b8472;overflow-wrap:anywhere;margin:0 0 18px}.join-offer-chip{font-size:12px;line-height:1.6;background:#edf2e4;border:1px solid #d7e0c9;border-radius:8px;padding:10px 12px;color:#71845f;margin-bottom:22px}
.join-help{font-size:12px;text-align:center;color:#6d785f;margin-top:8px}.join-help a{color:#677859;margin-left:4px}
.join-status{font-size:13px;line-height:1.6;color:#657855;overflow-wrap:anywhere;min-height:0;margin:10px 8px}.join-status:empty{display:none}.join-status.is-error{color:#8b3a2e;padding:12px 14px;background:#f7eae3;border:1px solid #e5c6b8;border-radius:8px}
.join-loading{font-size:14px;color:#77806e;text-align:center;padding:50px 0}.join-progress{height:3px;border-radius:3px;background:#eaeee1;margin:0 0 29px;overflow:hidden}.join-progress span{display:block;height:100%;background:#8c9e78;transition:width .2s}
.join-back{padding:0;min-height:40px;margin:0 0 10px;background:transparent;font-size:13px;color:#7b876e}
.join-card form>label{display:block;font-size:13px;font-weight:500;color:#55634a;margin:18px 0 7px}
.join-card input:not([type=checkbox],[type=radio]),.join-card select{display:block;width:100%;min-height:50px;border:1px solid #d3dac7;border-radius:8px;background:#fffefb;padding:12px 13px;color:#283522;font-size:16px;line-height:1.45;box-shadow:0 1px 2px #27351e02}
.join-card input:hover,.join-card select:hover{border-color:#b3bfa3}.join-card input:focus,.join-card select:focus{border-color:#8a9a74}.join-card form>.join-primary{margin-top:25px}
.join-address{margin-top:23px;padding-top:18px;border-top:1px solid #e7e9de}.join-address summary{font-size:13px;color:#647557;display:flex;gap:5px;align-items:center;min-height:28px}.join-address summary>span:not(.join-plus){color:#6d785f}
.join-plus{margin-left:auto;font-size:18px;font-weight:400;color:#8c9c7b}.join-address[open] .join-plus{transform:rotate(45deg)}.join-address label{display:block;font-size:13px;color:#617252;margin:15px 0 6px}.join-address label span{color:#6d785f}
.join-field-hint{font-size:12px;line-height:1.7;color:#6d785f;margin:9px 0 16px}.join-skip{min-height:44px;display:block;margin:7px auto 0;padding:8px;background:transparent;color:#6d785f;font-size:13px;text-decoration:underline;text-decoration-color:#c2cbb5;text-underline-offset:4px}
.join-choices{display:grid;gap:10px;min-width:0;border:0;margin:0 0 25px;padding:0}
.join-choice{position:relative;display:flex;align-items:center;gap:12px;border:1px solid #dce1d2;border-radius:10px;padding:17px 15px;background:#fffefb;cursor:pointer;min-height:66px;transition:background .15s,border-color .15s}
.join-choice:hover{border-color:#aebd9d}.join-choice:has(input:checked){background:#edf1e4;border-color:#9dac89;box-shadow:inset 0 0 0 1px #9dac89}.join-choice:has(input:focus-visible){outline:2px solid #82946d;outline-offset:4px}.join-choice:has(input:disabled){opacity:.5;cursor:default}
.join-choice input{position:absolute;opacity:0;width:1px;height:1px}.join-choice-body{min-width:0;flex:1}.join-choice strong{display:block;font-weight:500;font-size:15px;line-height:1.5;color:#3d4e31}.join-choice small{display:block;font-size:13px;line-height:1.6;color:#6d785f;margin-top:4px}
.join-choice-check{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;border:1px solid #d2dac6;color:transparent;flex-shrink:0}.join-choice-check svg{width:13px;height:13px;stroke-width:2}.join-choice input:checked~.join-choice-check{color:#f9faf5;border-color:#758c5d;background:#758c5d}
.join-genre-grid{grid-template-columns:1fr 1fr}.join-genre-grid .join-choice{padding:14px 12px;min-height:57px}.join-genre-grid .join-choice strong{font-size:13px}.join-genre-grid .join-choice-check{width:17px;height:17px}
.join-recommendation{padding:23px;border:1px solid #d5ddc7;border-radius:12px;background:linear-gradient(135deg,#f1f4e9,#e8eedb)}.join-rec-label{font-size:10px;color:#7d8c6c;letter-spacing:.14em;font-weight:600}
.join-rec-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:12px}.join-rec-title h2{font-size:36px;line-height:1.2}.join-rec-title p{white-space:nowrap}.join-rec-title p strong{font-size:24px;font-weight:500;letter-spacing:-.04em;color:#3c502e}.join-rec-title p span{font-size:11px;color:#6d785f;margin-left:2px}
.join-rec-reason{font-size:13px;color:#7d886e;line-height:1.7;margin:12px 0 17px}.join-recommendation ul{list-style:none;padding:17px 0 0;border-top:1px solid #d4dec7;margin:0 0 24px;display:grid;gap:10px}.join-recommendation li{font-size:13px;color:#637353;line-height:1.6;display:flex;gap:9px;align-items:start}.join-recommendation li svg{width:14px;height:14px;margin-top:3px;stroke:#8ca474}.join-recommendation .join-footnote{font-size:11px;margin-top:12px;color:#6d785f}
.join-ready-links{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;font-size:11px;color:#6d785f;margin-top:12px}.join-ready-links a{min-height:36px;display:flex;align-items:center;text-decoration:underline;text-underline-offset:4px}
.join-bundle-note{font-size:12px!important;line-height:1.6}.join-bundle-note strong{font-weight:600;color:#405331}
.join-member-offer{display:grid;gap:7px;margin-top:16px;padding:18px 20px;border:1px solid #d7decc;border-radius:12px;background:#fafbf6;text-decoration:none;transition:border-color .18s,background .18s}.join-member-offer:hover{border-color:#a5b494;background:#f3f6ec}
.join-member-title{font-size:14px;line-height:1.5;color:#556649}.join-member-title strong{font-weight:600;color:#354a29}.join-member-included{font-size:12px;line-height:1.6;color:#69775d}
.join-member-rate{display:block;font-size:13px;line-height:1.6;color:#536548;margin-top:3px}.join-member-rate strong{font-size:17px;font-weight:600;color:#354a29}.join-member-rate s{font-size:12px;color:#737c6b;margin-left:4px}.join-member-saving{display:block;font-size:12px;line-height:1.6;color:#66765a}
.join-member-link{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:36px;font-size:13px;font-weight:500;color:#415b31;margin-top:3px}.join-member-link svg{width:18px;height:18px;flex-shrink:0}.join-member-rate-box{padding:0 0 18px}.join-member-rate-box .join-member-saving{margin-top:4px}.join-savings-terms{font-size:11px;line-height:1.6;color:#6d785f;text-align:center;margin:10px 0 16px}
.join-code{margin-top:20px;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#f3f5ec;border:1px solid #e2e7d6;border-radius:9px}.join-code small{display:block;font-size:9px;letter-spacing:.12em;color:#889777}.join-code strong{display:block;font-size:19px;letter-spacing:.1em;color:#425837;margin-top:4px;font-weight:500}.join-code button{background:transparent;color:#6d805b;font-size:13px;min-height:44px;padding:10px}
.join-offer-terms{margin:9px 0 10px;color:#6d785f}.join-offer-terms summary{font-size:11px;padding:6px 0}.join-offer-terms p{font-size:12px;line-height:1.7;padding:6px 0}.join-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.join-noscript{max-width:600px;margin:20px auto;font-size:14px;padding:20px}.join-noscript a{text-decoration:underline}
@media(max-width:800px){.join-page .header{height:82px;padding-inline:24px}.join-layout{grid-template-columns:1fr;gap:0;padding:27px 20px 32px;max-width:560px}.join-story{display:none}.join-card{padding:26px 23px;border-radius:15px;min-height:0}.join-heading{margin-bottom:25px}.join-heading h1{font-size:36px;line-height:1.12}.join-heading>p:not(.join-kicker){font-size:14px;max-width:310px}.join-help{margin-top:16px}.join-primary{min-height:54px}.join-rec-title h2{font-size:34px}.join-rec-title p strong{font-size:23px}.join-recommendation{padding:20px}.join-card form>label{margin-top:18px}.join-progress{margin-bottom:25px}}
@media(max-width:370px){.join-layout{padding:22px 14px}.join-card{padding:24px 18px}.join-heading h1{font-size:32px}.join-genre-grid{gap:8px}.join-genre-grid .join-choice{padding:12px 9px}.join-rec-title{flex-wrap:wrap}}
.join-ready .join-heading{margin-bottom:16px}.join-ready .join-heading h1{font-size:32px;color:#283522;margin:8px 0 0;overflow-wrap:anywhere}.join-ready .join-rec-title h2{color:#283522}.join-ready .join-back{min-height:44px;margin-bottom:0}.join-ready .join-progress{margin-bottom:14px}
.join-ready .join-recommendation{padding:16px}.join-ready .join-rec-title{margin-top:0;gap:10px}.join-ready .join-rec-title h2{font-size:28px}.join-ready .join-rec-title p{margin:0}.join-ready .join-rec-title p strong{font-size:21px}.join-ready .join-rec-label+.join-rec-title{margin-top:8px}
.join-ready .join-recommendation ul{padding-top:10px;margin:10px 0 14px;gap:6px}.join-ready .join-primary{min-height:50px;padding:12px 16px}.join-ready .join-bundle-note{margin-top:8px;line-height:1.5}
.join-ready .join-member-offer{padding:14px 16px;margin-top:12px;gap:5px}.join-ready .join-member-link{min-height:44px;margin-top:0}.join-ready .join-savings-terms{margin:7px 0 10px}
@media(max-width:800px){.join-ready-page .join-layout{padding-top:14px}.join-card.join-ready{padding:18px}.join-ready .join-heading h1{font-size:30px}.join-ready .join-heading{margin-bottom:14px}}
@media(max-width:370px){.join-ready .join-rec-title{flex-wrap:nowrap}.join-ready .join-rec-title h2{font-size:25px}.join-ready .join-rec-title p strong{font-size:20px}}
@media(prefers-reduced-motion:reduce){.join-primary,.join-choice,.join-progress span,.join-member-offer{transition:none}}
.join-access .join-heading{margin-bottom:22px}.join-access .join-heading h1{font-size:clamp(32px,3.5vw,42px);color:#283522}
.join-access .join-auth-tabs{margin-bottom:22px}.join-access form>label{display:block;font-size:14px;color:#3e4937;margin:18px 0 7px}
.join-access input:not([type=checkbox]){width:100%;min-width:0;min-height:50px;font-size:16px;line-height:1.4;padding:12px 14px;border:1px solid #cbd3c0;border-radius:8px;background:#fffefa;color:#242c20}
.access-password{display:flex;align-items:center;position:relative}.access-password input{padding-right:65px!important}.access-password button{position:absolute;right:5px;min-width:54px;min-height:44px;padding:8px;color:#526447;background:transparent;font-size:13px;border-radius:6px}
.access-options{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px;margin:12px 0 18px}.access-options button{min-height:44px;background:transparent;color:#536849;font-size:13px;padding:8px 0}.access-remember{display:flex;align-items:center;gap:8px;min-height:44px;font-size:13px;color:#59674f}.access-remember input{width:18px;height:18px;accent-color:#435b32;flex-shrink:0}
.access-hint{font-size:12px;color:#657359;line-height:1.6;margin-top:8px}.access-social{display:grid;gap:10px}.access-social button{min-height:50px;padding:12px 16px;border:1px solid #ccd4c1;border-radius:8px;color:#34452b;background:#fffefa;font-size:14px}.access-copy{font-size:15px;line-height:1.65;color:#46553b;margin:0 0 20px;overflow-wrap:anywhere}.access-email{font-size:15px;color:#34452b;margin:0 0 24px;overflow-wrap:anywhere}.access-secret{display:block;user-select:all;overflow-wrap:anywhere;font:15px/1.8 ui-monospace,monospace;padding:14px;border:1px solid #ccd4c1;border-radius:8px;background:#edf1e5;color:#283522;margin-bottom:20px}.join-access form>.join-primary{margin-top:20px}.join-access .access-options+.join-primary{margin-top:0}
@media(max-width:370px){.access-options{gap:0}.access-options button,.access-remember{font-size:12px}}