/* Membership page (/membership): builds on strong-start.css */
.hero .heroimg{background-position:center 60%}
.hero h1{font-size:clamp(52px,9vw,120px);line-height:.95}
.values{background:var(--bg)}
.vals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.vals > div{border-top:2px solid var(--ink);padding-top:18px;display:flex;flex-direction:column;gap:8px}
.vals p{color:var(--muted)}
@media (max-width:820px){.vals{grid-template-columns:minmax(0,1fr)}}
.tiers3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
.tier3{background:var(--bg);color:var(--ink);padding:clamp(24px,3vw,34px);display:flex;flex-direction:column;gap:12px;min-width:0;position:relative}
.tier3.mid{outline:3px solid var(--bg);outline-offset:-3px;box-shadow:0 0 0 1px rgba(249,249,248,.5)}
.tier3 .when{font:600 12px var(--head);letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}
.tier3 .tag{align-self:flex-start;background:var(--ink);color:var(--bg);font:600 11px var(--head);letter-spacing:.18em;text-transform:uppercase;padding:6px 10px}
.tier3 .from{font:500 16px var(--head);color:var(--muted)} .tier3 .from b{font:600 44px var(--head);color:var(--ink);letter-spacing:-.02em}
.tier3 > p{color:var(--muted);font-size:15px}
.tier3 .btn{margin-top:auto}
.plans{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.plans li{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:baseline;padding:10px 0;border-bottom:1px solid var(--line);font-size:15px}
.plans li span:nth-child(2){font-weight:600;font-variant-numeric:tabular-nums}
.plans em{font:600 12px var(--head);letter-spacing:.08em;text-transform:uppercase;font-style:normal;color:var(--ink);min-width:92px;text-align:right}
.plans em.low{color:#9a3b2c} .plans em.full{color:var(--muted);text-decoration:line-through}
.limited{font:600 12px var(--head);letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--line);padding:10px 12px}
@media (max-width:980px){.tiers3{grid-template-columns:minmax(0,1fr)}}
.cmpwrap{overflow-x:auto;border:1px solid var(--line);background:var(--white)}
.cmp{width:100%;border-collapse:collapse;min-width:640px;font-size:15px;table-layout:fixed}
.cmp th:not(:first-child){width:20%}
.cmp th,.cmp td{padding:14px 16px;border-bottom:1px solid var(--line);text-align:center;vertical-align:middle}
.cmp th:first-child,.cmp td:first-child{text-align:left;width:40%}
.cmp thead th{font:600 16px var(--head);background:var(--ink);color:var(--bg)}
.cmp thead th small{display:block;font:500 11px var(--head);letter-spacing:.14em;text-transform:uppercase;opacity:.7;margin-top:2px}
.cmp tbody tr:last-child td{border-bottom:0}
.cmp td:not(:first-child){font-size:14px;color:var(--ink2)}
.yes{display:inline-block;width:16px;height:9px;border-left:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(-45deg) translate(1px,-2px)}
.week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}
.wday{display:flex;flex-direction:column;gap:6px;min-width:0}
.wday h3{font:600 12px var(--head);letter-spacing:.2em;text-transform:uppercase;color:rgba(249,249,248,.6);margin:0 0 4px}
.wc{border:1px solid rgba(249,249,248,.16);padding:10px;display:flex;flex-direction:column;gap:2px;min-width:0}
.wc b{font:600 14px var(--head)} .wc span{font-size:12px;color:rgba(249,249,248,.65)}
.wc.off{opacity:.4}
.wnone{font-size:12px;color:rgba(249,249,248,.4)}
@media (max-width:1000px){.week{grid-template-columns:repeat(7,minmax(150px,1fr));overflow-x:auto;padding-bottom:8px}}
.say .quotes{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:900px){.say .quotes{grid-template-columns:minmax(0,1fr)}}
.quotes{display:grid;gap:20px}
.quote{margin:0;border-top:2px solid var(--ink);padding-top:20px;display:flex;flex-direction:column;gap:14px}
.quote p{font:500 clamp(17px,1.5vw,20px)/1.5 var(--head)}
.quote p::before{content:"\201C"} .quote p::after{content:"\201D"}
.quote cite{font:600 12px var(--head);letter-spacing:.24em;text-transform:uppercase;color:var(--muted);font-style:normal}
.pick.three .opts{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:560px){.pick.three .opts{grid-template-columns:minmax(0,1fr)}}