/* Permanent tactile objects. Form controls and their public actions stay explicit. */
.join-section{padding:64px 0;--join-blue:var(--accent,#176c89);border-top:1px solid var(--line,#d4d8d8)}
.join-section [hidden]{display:none!important}
.join-heading{display:block;margin-bottom:35px}
.join-heading h2{font-size:42px;letter-spacing:-.043em;line-height:1.1;font-weight:550;margin:0}
.join-choices{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:start}
.join-choices>article{min-width:0}
.join-kicker{font-size:16px;color:var(--muted,#596064);margin:0 0 12px}
.join-choices h3{font-size:34px;line-height:1.1;letter-spacing:-.04em;font-weight:500;margin:0 0 18px;text-wrap:balance}
.join-intro{font-size:18px;line-height:1.6;max-width:39ch;color:var(--muted,#596064);margin:0 0 23px;min-height:58px}
.join-simple .join-simple-visual.join-art-action{position:relative;display:flex;width:100%;height:234px;max-width:420px;align-items:center;justify-content:flex-start;padding:0;margin:0 0 24px;border:0;border-radius:14px;background:none;box-shadow:none;text-decoration:none;color:var(--join-blue);cursor:pointer;perspective:1000px;-webkit-tap-highlight-color:transparent}
.join-simple .join-art-action>svg{display:block;width:min(100%,351px);height:auto;max-height:234px;margin:0 0 0 -20px;overflow:visible;transform:rotateX(var(--join-tilt-x,0deg)) rotateY(var(--join-tilt-y,0deg));transform-origin:50% 65%;transition:transform .5s cubic-bezier(.2,.7,.2,1);stroke:none;fill:none}
.join-art-action svg text{font-family:inherit;stroke:none;letter-spacing:0}
.join-art-shadow{transform-origin:213px 257px}
.join-envelope-object{transform-origin:210px 190px}
.join-mail-flap{transform-origin:210px 128px;transform:scaleY(.75);transition:transform .8s cubic-bezier(.2,.75,.2,1)}
.join-letter{transform:translateY(31px);transition:transform .8s cubic-bezier(.2,.75,.2,1)}
.join-art-revealed .join-mail-flap{transform:scaleY(1)}
.join-art-revealed .join-letter{transform:translateY(14px)}
.join-envelope .join-edition-label{font-size:11px;font-weight:650;letter-spacing:1.5px;fill:#3c6774}
.join-letter-topic{opacity:.36;transition:opacity .3s}
.join-letter-topic text{font-size:12px;font-weight:500;fill:#365761}
.join-topic-circle{fill:#fff;stroke:#698d96;stroke-width:.8;transition:fill .3s}
.join-topic-check{fill:none;stroke:#fff;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;opacity:0;transition:opacity .3s}
.join-letter-topic.is-selected{opacity:1}
.join-letter-topic.is-selected .join-topic-circle{fill:#396c7a;stroke:#396c7a}
.join-letter-topic.is-selected .join-topic-check{opacity:1}
.join-simple .join-newsletter:is(.is-open,:focus-within) .join-letter,.join-art-action:is(:hover,:focus-visible) .join-letter{transform:translateY(-10px)}
.join-simple .join-newsletter:is(.is-open,:focus-within) .join-mail-flap,.join-art-action:is(:hover,:focus-visible) .join-mail-flap{transform:scaleY(1.07)}
.join-mail-seal{transform-origin:210px 214px;transition:filter .35s}
.join-art-action:is(:hover,:focus-visible) .join-mail-seal{filter:brightness(1.08)}
.join-card{transform-origin:210px 230px;transition:transform .85s cubic-bezier(.2,.75,.2,1)}
.join-card-left{transform:translate(13px,0) rotate(-5deg)}
.join-card-right{transform:translate(-9px,0) rotate(5deg)}
.join-card-main{transform:translate(0,6px)}
.join-art-revealed .join-card-left{transform:translate(0,-2px) rotate(-9deg)}
.join-art-revealed .join-card-right{transform:translate(0,-2px) rotate(9deg)}
.join-art-revealed .join-card-main{transform:translate(0,-3px)}
.join-art-action:is(:hover,:focus-visible) .join-card-left{transform:translate(-21px,-8px) rotate(-14deg)}
.join-art-action:is(:hover,:focus-visible) .join-card-right{transform:translate(21px,-8px) rotate(14deg)}
.join-art-action:is(:hover,:focus-visible) .join-card-main{transform:translate(0,-12px)}
.join-card-note{font-size:11px;font-weight:550;fill:#355f6b}
.join-card-note-light{fill:#edf4f2}
.join-card-community{font-size:13px;font-weight:500;letter-spacing:.4px!important;fill:#426874}
.join-material-sheen{transform:translateX(-75px);animation:join-material-light 8s ease-in-out infinite;animation-play-state:paused;pointer-events:none}
.join-letter-float{animation:join-paper-float 6.8s ease-in-out infinite;animation-play-state:paused}
.join-card-float{animation:join-card-float 7s ease-in-out infinite;animation-play-state:paused}
.join-card-left .join-card-float{animation-delay:-2.2s;animation-duration:7.8s}
.join-card-right .join-card-float{animation-delay:-4.3s;animation-duration:8.2s}
.join-motion-running :is(.join-material-sheen,.join-letter-float,.join-card-float){animation-play-state:running}
.join-art-action:is(:hover,:focus-visible) .join-material-sheen{animation-duration:3.5s}
.join-art-cue{position:absolute;left:0;bottom:0;display:flex;align-items:center;gap:18px;font-size:13px;line-height:1.4;font-weight:500;opacity:0;transform:translateY(4px);transition:opacity .3s,transform .3s;pointer-events:none}
.join-art-cue>span{font-size:17px}
.join-art-action:is(:hover,:focus-visible) .join-art-cue{opacity:1;transform:translateY(0)}
@keyframes join-paper-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes join-card-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes join-material-light{0%,15%{transform:translateX(-110px);opacity:0}36%{opacity:.8}67%{transform:translateX(100px);opacity:.25}80%,100%{transform:translateX(125px);opacity:0}}

/* The two visible actions are unchanged; only requested newsletter options expand. */
.join-signup>summary{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-height:48px;background:var(--ink,#172a31);color:var(--paper,#fafaf8);border-radius:28px;padding:12px 21px;font-size:16px;cursor:pointer;list-style:none}
.join-signup>summary::-webkit-details-marker{display:none}
.join-signup[open]>summary{background:var(--panel,#efefeb);color:var(--ink,#172a31)}
.join-signup[open]>summary>span{transform:rotate(45deg)}
.join-signup form{padding-top:25px}
.join-preferences{border:0;padding:0;margin:0 0 23px;display:flex;flex-wrap:wrap;gap:8px}
.join-preferences legend{font-size:16px;margin-bottom:12px}
.join-preferences label{position:relative;display:block;cursor:pointer}
.join-preferences input{position:absolute;opacity:0;width:1px;height:1px;left:10px;top:15px}
.join-preferences span{display:flex;align-items:center;justify-content:center;min-height:44px;font-size:16px;padding:9px 15px;line-height:1.4;border:1px solid var(--line,#d4d8d8);border-radius:25px;transition:background .18s,color .18s}
.join-preferences input:checked+span{background:var(--ink,#172a31);border-color:var(--ink,#172a31);color:var(--paper,#fafaf8)}
.join-preferences input:focus-visible+span{outline:3px solid var(--join-blue);outline-offset:3px}
.join-fields{display:grid;grid-template-columns:1fr;gap:15px;margin-bottom:19px}
.join-fields label{display:block;font-size:16px;line-height:1.5}
.join-fields label>span{color:var(--muted,#596064);font-size:16px}
.join-fields input{width:100%;box-sizing:border-box;min-height:49px;margin-top:7px;background:transparent;border:0;border-bottom:1px solid var(--line,#d4d8d8);border-radius:0;padding:10px 0;font-size:17px;color:var(--ink,#172a31)}
.join-fields input:focus{border-bottom-color:var(--join-blue);outline:none;box-shadow:0 2px 0 var(--join-blue)}
.join-fields input::placeholder{color:var(--muted,#596064)}
.join-consent{display:flex;align-items:start;gap:12px;min-height:44px;cursor:pointer;font-size:16px;line-height:1.5;margin:22px 0 16px;max-width:49ch}
.join-consent input{width:20px;height:20px;margin-top:3px;flex-shrink:0;accent-color:var(--join-blue)}
.join-submit-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.join-section button[data-join-submit],.join-member-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;background:var(--ink,#172a31);color:var(--paper,#fafaf8);min-height:48px;border:0;border-radius:30px;padding:12px 21px;font-size:16px;line-height:1.4;font-weight:500}
.join-section button[data-join-submit]:hover,.join-member-cta:hover{background:var(--join-blue);text-decoration:none}
.join-section button[data-join-submit]:disabled{opacity:.5;cursor:wait}
.join-section button[data-join-remove]{background:none;border:0;padding:9px 0;min-height:44px;color:var(--muted,#596064);border-radius:0;font-size:16px}
.join-preview-note{font-size:16px;line-height:1.5;color:var(--muted,#596064);margin:16px 0 0;max-width:47ch}
.join-status{font-size:16px;line-height:1.55;color:var(--join-blue);margin:15px 0 0}
.join-status:empty{display:none}
.join-member-access{font-size:16px;color:var(--muted,#596064);margin:18px 0 24px}
.join-member-access a{color:var(--join-blue);text-decoration:underline;text-underline-offset:4px}
.join-section :is(a,button,summary):focus-visible{outline:3px solid var(--join-blue);outline-offset:4px}
.homepage-v7 .join-simple{scroll-margin-top:40px}
@media(max-width:1000px){.join-choices{gap:6%}.join-choices h3{font-size:31px}.join-intro{min-height:88px}}
@media(max-width:700px){.join-section{padding:48px 0}.join-heading h2{font-size:38px}.join-choices{grid-template-columns:1fr;gap:38px}.join-choices h3{font-size:32px}.join-simple .join-simple-visual.join-art-action{height:205px;max-width:340px;margin-bottom:23px}.join-simple .join-art-action>svg{width:min(100%,307px);max-height:205px;margin-left:-16px}.join-art-cue{bottom:-1px}.join-intro{min-height:0}.join-member{padding-top:33px;border-top:1px solid var(--line,#d4d8d8)}.join-preferences{gap:7px}.join-preferences span{padding-inline:13px}.join-member-cta{padding-inline:18px;gap:18px}}
@media(prefers-reduced-motion:reduce){.join-section *{animation:none!important;transition:none!important}.join-simple .join-art-action>svg{transform:none!important}.join-letter{transform:translateY(14px)!important}.join-mail-flap{transform:scaleY(1)!important}.join-material-sheen{opacity:0!important}.join-card-left{transform:translate(0,-2px) rotate(-9deg)!important}.join-card-right{transform:translate(0,-2px) rotate(9deg)!important}.join-card-main{transform:translate(0,-3px)!important}}
.home-motion-off .join-section *{animation:none!important;transition:none!important}
.home-motion-off .join-simple .join-art-action>svg{transform:none!important}
.home-motion-off .join-letter{transform:translateY(14px)!important}
.home-motion-off .join-mail-flap{transform:scaleY(1)!important}
.home-motion-off .join-material-sheen{opacity:0!important}
.home-motion-off .join-card-left{transform:translate(0,-2px) rotate(-9deg)!important}
.home-motion-off .join-card-right{transform:translate(0,-2px) rotate(9deg)!important}
.home-motion-off .join-card-main{transform:translate(0,-3px)!important}