/* Focus and discovery form one editorial composition below the hero. */
.member-space {width:min(1240px,100%);margin:64px auto 0;padding:0 clamp(24px,5vw,64px) 30px;}
.member-focus {display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding:54px 0 60px;border-block:1px solid var(--line-soft);}
.member-eyebrow {font-family:var(--font-sans);font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-3);margin-bottom:22px;}
.member-focus-intro h2 {font-family:var(--font-serif);font-weight:400;font-size:clamp(44px,5.1vw,70px);line-height:1.04;letter-spacing:-.025em;}
.member-focus-intro>p:not(.member-eyebrow) {font-family:var(--font-serif);font-size:23px;color:var(--ink-3);line-height:1.4;margin:20px 0;max-width:27ch;}
.member-text-link {display:inline-flex;align-items:center;min-height:44px;font-family:var(--font-serif);font-size:21px;text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:1px;color:var(--world-accent,var(--cta));}
.member-instrument {text-align:center;border-left:1px solid var(--line-soft);padding-left:50px;}
.member-timer-mode {font-family:var(--font-sans);font-size:12px;letter-spacing:.04em;color:var(--ink-3);}
.member-timer-digits {font-family:var(--font-serif);font-weight:400;font-size:clamp(86px,10vw,138px);line-height:1.2;letter-spacing:-.045em;font-variant-numeric:lining-nums tabular-nums;color:var(--ink);white-space:nowrap;margin:4px 0 16px;}
.member-timer-progress {display:block;width:min(260px,100%);height:2px;border:0;appearance:none;background:var(--line-soft);margin:0 auto 27px;border-radius:0;}
.member-timer-progress::-webkit-progress-bar {background:var(--line-soft);}
.member-timer-progress::-webkit-progress-value {background:var(--world-accent,var(--cta));}
.member-timer-progress::-moz-progress-bar {background:var(--world-accent,var(--cta));}
.member-focus-button {display:inline-flex;align-items:center;justify-content:center;gap:16px;font-family:var(--font-serif);font-size:27px;min-height:60px;color:var(--ink);}
.member-play-mark {display:grid;place-items:center;width:54px;height:54px;border:1px solid var(--line-strong);border-radius:50%;transition:background-color 180ms ease,transform 160ms var(--ease-out);}
.member-focus-button:active .member-play-mark {transform:scale(.96);}
.member-focus-history {font-size:12px;color:var(--ink-3);margin-top:22px;}
.member-focus-history strong {font-weight:500;color:var(--ink-2);}
.member-destinations {padding-top:55px;}
.member-destinations>header {margin-bottom:36px;}
.member-destinations h2 {font-family:var(--font-serif);font-size:40px;font-weight:400;line-height:1.15;}
.member-destinations .member-eyebrow {margin-bottom:13px;}
.member-destination-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;}
.member-destination-grid article {min-width:0;}
.member-number {font-family:var(--font-script);font-size:27px;color:var(--world-accent,var(--cta));display:block;margin-bottom:12px;}
.member-destination-grid h3 {font-family:var(--font-serif);font-size:clamp(29px,2.8vw,37px);font-weight:400;line-height:1.16;letter-spacing:-.018em;}
.member-destination-grid article>p {font-family:var(--font-serif);font-size:21px;line-height:1.5;color:var(--ink-3);margin:17px 0;max-width:25ch;}
.member-studio-links {display:flex;flex-wrap:wrap;gap:0 18px;}
.member-studio-links a {display:inline-flex;align-items:center;min-height:40px;font-size:13px;text-decoration:underline;text-underline-offset:5px;}
.member-last-note {display:block;border-top:1px solid var(--line-soft);padding-top:17px;}
.member-last-note span {display:block;font-family:var(--font-serif);font-size:23px;text-decoration:underline;text-underline-offset:5px;overflow-wrap:anywhere;}
.member-last-note small {display:block;color:var(--ink-3);font-size:13px;line-height:1.5;margin-top:10px;overflow-wrap:anywhere;}
@media(hover:hover) and (pointer:fine){.member-focus-button:hover .member-play-mark{background:color-mix(in srgb,var(--world-accent,var(--cta)) 10%,transparent);}.member-destination-grid h3 a:hover{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px;}}
html:lang(th) .member-eyebrow {letter-spacing:0;text-transform:none;}
html:lang(th) .member-focus-intro h2 {font-size:clamp(34px,4vw,54px);}
html:lang(th) .member-destination-grid h3 {font-size:27px;line-height:1.5;}
html:lang(th) .member-focus-button {font-size:23px;}
html:lang(th) .member-timer-digits {font-family:'Cormorant Garamond',Georgia,serif;}
@media(max-width:700px){
 .member-space {margin-top:40px;padding-inline:24px;}
 .member-focus {grid-template-columns:1fr;gap:30px;padding:35px 0 40px;}
 .member-focus-intro h2 {font-size:46px;}
 .member-focus-intro h2 br {display:none;}
 .member-instrument {border-left:0;padding:28px 0 0;border-top:1px solid var(--line-soft);}
 .member-timer-digits {font-size:108px;}
 .member-focus-intro>p:not(.member-eyebrow) {font-size:22px;margin:16px 0 8px;}
 .member-destinations {padding-top:38px;}
 .member-destinations h2 {font-size:34px;}
 .member-destination-grid {grid-template-columns:1fr;gap:30px;}
 .member-destination-grid article+article {padding-top:25px;border-top:1px solid var(--line-soft);}
 .member-destination-grid article>p {max-width:32ch;}
 .member-destination-grid h3 {font-size:33px;}
 .member-number {margin-bottom:7px;}
}
@media(prefers-reduced-motion:reduce){.member-play-mark{transition:none;}.member-focus-button:active .member-play-mark{transform:none;}}
