/* F30: scoped homepage visual preview; existing behavior remains in its original files. */
.fall-preview-notice{color:#553822;background:#fff3e4;border-bottom:1px solid #e8c9a9;padding:15px 0}
.fall-preview-notice>.shell{display:flex;align-items:center;justify-content:center;gap:22px;max-width:1240px}
.fall-preview-notice .f30-fall-mark{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border:1px solid #e7c19a;border-radius:50%;color:#a94f2a;background:#f9e4cd}
.fall-preview-notice .f30-fall-mark svg{width:29px;height:29px}
.fall-preview-notice .f30-fall-copy{display:grid;gap:3px;text-align:left}
.fall-preview-notice .f30-fall-label{color:#8b4528;font-size:11px;line-height:1.3;letter-spacing:.13em;text-transform:uppercase;font-weight:700}
.fall-preview-notice .f30-fall-offer{font-size:19px;line-height:1.35;font-weight:700;letter-spacing:-.02em}
.fall-preview-notice .f30-fall-meta{font-size:12px;line-height:1.5;color:#76513a}
.fall-preview-notice [data-promotion-nav]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;gap:10px;min-height:44px;border:1px solid #9d4d2b;border-radius:999px;background:#9d4d2b;color:#fffaf4;padding:10px 18px;font:inherit;font-size:13px;font-weight:700;white-space:nowrap;cursor:pointer}
.fall-preview-notice [data-promotion-nav]:hover{background:#823e23}
.fall-preview-notice [data-promotion-nav]:focus-visible{outline:3px solid #163741;outline-offset:4px}
.membership-home{background:#edf3f0;padding:clamp(44px,6vw,84px) 0;border-top:1px solid #d5e3dc;border-bottom:1px solid #d5e3dc}
.membership-home .membership-home__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(30px,5vw,72px);text-align:left}
.membership-home .f30-membership-copy{min-width:0}
.membership-home .eyebrow{display:inline-block;color:#45675c;border:1px solid #bbcec4;border-radius:999px;padding:7px 11px;font-size:10px;letter-spacing:.13em;margin:0 0 18px}
.membership-home #membership-home-title{color:#173e43;font-size:clamp(34px,3.5vw,54px);line-height:1.08;letter-spacing:-.035em;max-width:15ch;margin:0}
.membership-home #membership-home-title span{color:#8c4b32;white-space:nowrap}
.membership-home .f30-membership-intro{color:#4f6461;font-size:16px;line-height:1.65;max-width:39ch;margin:20px 0 0!important}
.membership-home .f30-claim-note{font-size:11px;line-height:1.55;color:#63736d;max-width:43ch;margin:17px 0 0!important}
.membership-home .membership-home__options{display:block;padding:0;border:0;background:transparent;min-width:0;text-align:left}
.membership-home .f30-tier-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.membership-home .f30-tier{position:relative;min-width:0;padding:25px 22px;background:#fffdf8;border:1px solid #cad8cf;border-radius:16px;box-shadow:0 8px 24px #173e4306}
.membership-home .f30-tier--extra{border-color:#739a8b;background:#f9fcf8}
.membership-home .f30-tier h3{font:inherit;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:700;color:#42665b;margin:0 0 13px}
.membership-home .membership-home__options p{display:block;border:0;padding:0;margin:0;overflow-wrap:normal}
.membership-home .f30-tier-price{font-family:var(--font-display,Arial,sans-serif);font-weight:600;font-size:48px;line-height:1.1;letter-spacing:-.035em;color:#173e43}
.membership-home .membership-home__options .f30-tier-payment{font-size:11px;line-height:1.5;color:#607168;margin:4px 0 20px}
.membership-home .f30-tier-description{font-size:14px;line-height:1.6;color:#3d5750}
.membership-home .f30-tier-extra{font-size:13px;line-height:1.55;color:#335f4f;margin-top:13px!important;padding-top:13px!important;border-top:1px solid #d4e1d8!important}
.membership-home .f30-tier-extra strong{font-weight:700}
.membership-home .f30-membership-terms{font-size:12px;line-height:1.6;color:#5d7168;margin:16px 2px 0!important;max-width:none}
.membership-home .membership-home__options>.button{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;margin-top:18px;justify-self:stretch;border-radius:999px;background:#214f50;color:#fffdf8;border-color:#214f50;font-size:13px}
.membership-home .f30-membership-care{font-size:11px;line-height:1.5;color:#5d7168;text-align:center;margin:12px 0 0!important}
@media(max-width:980px){.membership-home .membership-home__grid{grid-template-columns:1fr;max-width:760px;gap:28px}.membership-home #membership-home-title{max-width:21ch}.membership-home .f30-membership-intro{max-width:48ch}.membership-home .f30-claim-note{max-width:65ch}}
@media(max-width:640px){.fall-preview-notice{padding:13px 0}.fall-preview-notice>.shell{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;column-gap:12px;row-gap:10px;justify-content:start}.fall-preview-notice .f30-fall-mark{width:38px;height:38px;flex-basis:38px}.fall-preview-notice .f30-fall-mark svg{width:24px;height:24px}.fall-preview-notice .f30-fall-label{font-size:10px}.fall-preview-notice .f30-fall-offer{font-size:16px}.fall-preview-notice .f30-fall-meta{font-size:11px}.fall-preview-notice [data-promotion-nav]{grid-column:2;justify-self:start;min-height:44px;font-size:12px;padding:9px 15px}.membership-home{padding:38px 0}.membership-home .membership-home__grid{gap:23px}.membership-home .eyebrow{margin-bottom:14px;font-size:9px}.membership-home #membership-home-title{font-size:36px;max-width:17ch}.membership-home .f30-membership-intro{font-size:14px;line-height:1.6;margin-top:15px!important}.membership-home .f30-claim-note{font-size:10px;margin-top:12px!important}.membership-home .f30-tier-grid{gap:10px}.membership-home .f30-tier{padding:19px 14px;border-radius:12px}.membership-home .f30-tier-price{font-size:40px}.membership-home .f30-tier h3{font-size:10px;margin-bottom:10px}.membership-home .membership-home__options .f30-tier-payment{font-size:10px;margin-bottom:15px}.membership-home .f30-tier-description{font-size:12px;line-height:1.6}.membership-home .f30-tier-extra{font-size:11px;line-height:1.55}.membership-home .f30-membership-terms{font-size:11px}.membership-home .membership-home__options>.button{font-size:12px}.membership-home .f30-membership-care{font-size:10px}}
@media(max-width:359px){.membership-home .f30-tier-grid{grid-template-columns:1fr}.membership-home #membership-home-title{font-size:32px}}
