/* Approved member option B, scoped to the member chapter. */
#members {--member-study:#8b4657;color:#111;background:#fff}
#dc-root #members .r2r-inner>h2 {max-width:1010px;margin:0;font-size:clamp(38px,4.4vw,64px);line-height:1.04;letter-spacing:-.04em;font-weight:300;text-wrap:balance}
#members .r2mem-scores {margin:42px 0 60px}
#members .r2mem-scores figcaption {display:flex;justify-content:space-between;gap:24px;margin:0 0 24px;font:400 13px/1.4 'Equinox Sans',Arial,sans-serif}
#members .r2mem-key {display:flex;gap:24px}
#members .r2mem-key span::before {content:'';display:inline-block;width:16px;height:3px;background:#111;margin-right:8px;vertical-align:middle}
#members .r2mem-key .r2mem-full {color:var(--member-study)}
#members .r2mem-key .r2mem-full::before {background:var(--member-study)}
#members .r2mem-score-grid {display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px}
#members .r2mem-score-grid>sc-for {display:contents}
#members .r2mem-score {border-top:1px solid #ccc;padding-top:17px;min-width:0}
#members .r2mem-score-label {font:400 16px/1.3 'Equinox Sans',Arial,sans-serif;margin:0 0 18px}
#members .r2mem-score-values {display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-weight:300;font-size:28px;line-height:1;font-variant-numeric:tabular-nums}
#members .r2mem-score-values>span:last-child {color:var(--member-study)}
#members .r2mem-score-bars {display:grid;gap:4px;margin-top:12px}
#members .r2mem-score-bars i {height:3px;display:block;background:#111}
#members .r2mem-score-bars i:last-child {background:var(--member-study)}
#members .r2mem-spread {display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:clamp(36px,5vw,76px);align-items:start}
#members .r2mem-photo {grid-column:1;grid-row:1/span 2;position:relative;height:clamp(560px,47vw,640px);overflow:hidden;background:#ececea}
#members .r2mem-photo picture,#members .r2mem-photo img {display:block;width:100%;height:100%}
#members .r2mem-photo img {object-fit:cover;object-position:50% 45%}
#members .r2mem-photo[data-photo=joy] img {object-position:73% 50%}
#members .r2mem-photo[data-photo=sexy] img {object-position:50% 47%}
#members .r2mem-tabs {grid-column:2;grid-row:1;display:flex;gap:clamp(20px,2.6vw,42px);align-items:stretch;padding:0;border-bottom:1px solid #c9c9c7;margin:0 0 34px}
#members .r2mem-tabs>sc-for {display:contents}
#members .r2mem-tabs button {position:relative;appearance:none;border:0;border-radius:0;background:transparent;color:#636363;font:400 16px/1.3 'Equinox Sans',Arial,sans-serif;min-height:48px;padding:4px 0 14px;cursor:pointer;text-align:left;touch-action:manipulation;transition:color 140ms ease}
#members .r2mem-tabs button::after {content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:currentColor;opacity:0}
#members .r2mem-tabs button[aria-pressed=true] {color:#111}
#members .r2mem-tabs button[aria-pressed=true]::after {opacity:1}
#members .r2mem-tabs button:focus-visible {outline:2px solid #111;outline-offset:5px}
#members .r2mem-copy {grid-column:2;grid-row:2;min-width:0;padding-bottom:20px}
#dc-root #members .r2mem-heading {max-width:16ch;min-height:3.18em;margin:0;font:300 clamp(42px,3.65vw,48px)/1.06 'Equinox Sans',Arial,sans-serif;letter-spacing:-.035em;text-transform:none;text-wrap:balance}
#members .r2mem-pair {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2vw,30px);margin-top:34px;text-align:left}
#members .r2mem-pair-item {min-width:0}
#members .r2mem-value {font-size:clamp(90px,8.6vw,120px);font-weight:300;line-height:.95;letter-spacing:-.065em;font-variant-numeric:tabular-nums;white-space:nowrap}
#members .r2mem-value small {display:inline-block;font-size:.34em;font-weight:inherit;letter-spacing:-.02em;vertical-align:top;margin:.16em 0 0 .06em}
#members .r2mem-pair-item:last-child .r2mem-value {color:var(--member-study)}
#members .r2mem-label {display:block;margin-top:15px;font:400 15px/1.35 'Equinox Sans',Arial,sans-serif;color:#333}
#members .r2mem-scale {height:3px;background:#ddd;margin-top:22px}
#members .r2mem-scale i {display:block;height:100%;background:#111;transform-origin:left}
#members .r2mem-pair-item:last-child .r2mem-scale i {background:var(--member-study)}
#members .r2mem-measure {margin-top:36px;padding-top:22px;border-top:1px solid #c9c9c7}
#members .r2mem-measure p {max-width:34ch;margin:0;font:400 20px/1.35 'Equinox Sans',Arial,sans-serif}
#members .r2mem-measure .r2mem-time {margin-top:10px;font-size:14px;line-height:1.4;color:#626262}
@media(min-width:1001px) {#members .r2mem-score-values>span:last-child {font-size:20px}}
@media(max-width:1000px) {#members .r2mem-score-grid {grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:761px) and (max-width:1023px) {
 #members .r2mem-spread {column-gap:32px}
 #members .r2mem-photo {height:570px}
 #members .r2mem-tabs {gap:23px}
 #members .r2mem-tabs button {font-size:14px}
 #dc-root #members .r2mem-heading {font-size:38px}
 #members .r2mem-value {font-size:86px}
 #members .r2mem-label {font-size:14px}
 #members .r2mem-measure p {font-size:18px}
}
@media(max-width:760px) {
 #members .r2mem-spread {grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;gap:0}
 #members .r2mem-photo {grid-column:1;grid-row:1;height:260px;margin-bottom:22px}
 #members .r2mem-tabs {grid-column:1;grid-row:2;justify-content:space-between;gap:18px;margin-bottom:25px}
 #members .r2mem-tabs button {min-height:44px;font-size:15px;padding-bottom:13px}
 #members .r2mem-copy {grid-column:1;grid-row:3;padding-bottom:0}
 #dc-root #members .r2mem-heading {font-size:32px;line-height:1.08;min-height:3.24em}
 #members .r2mem-pair {margin-top:24px;gap:20px}
 #members .r2mem-value {font-size:76px}
 #members .r2mem-label {margin-top:12px;font-size:14px}
 #members .r2mem-scale {margin-top:14px}
 #members .r2mem-measure {margin-top:28px;padding-top:20px}
 #members .r2mem-measure p {font-size:18px}
 #members .r2mem-measure .r2mem-time {font-size:13px;margin-top:8px}
}
@media(max-width:680px) {
 #dc-root #members .r2r-inner>h2 {font-size:36px}
 #members .r2mem-scores {margin:30px 0 34px}
 #members .r2mem-scores figcaption {flex-direction:column;gap:12px;font-size:12px}
 #members .r2mem-key {gap:22px}
 #members .r2mem-score-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 26px}
 #members .r2mem-score {padding-top:12px}
 #members .r2mem-score-label {font-size:14px;margin-bottom:12px}
 #members .r2mem-score-values {font-size:26px}
}
@media(hover:hover) and (pointer:fine) {#members .r2mem-tabs button:hover {color:#111}}
@media(prefers-reduced-motion:reduce) {#members .r2mem-tabs button {transition:none}}