@import url('assets/fonts/fonts.css');
/* Reversible typography trial; images and collage geometry remain untouched. */
html[data-typography="elegant"] body{font-family:'Source Sans 3',Arial,sans-serif}
html[data-typography="elegant"] :is(h1,h2,h3,.brand strong,.footer-brand strong){font-family:'Cormorant Garamond',Georgia,serif}
html[data-typography="elegant"] :is(h1,h2){font-weight:500}
html[data-typography="elegant"] h3{font-weight:600}
html[data-typography="elegant"] :is(p,nav a,.button,button,input,textarea,select,label,legend,dt,dd,summary,.muted,.test-eyebrow,.sub-kicker,.kicker,.languages,.date,.partner-slot,.member-role-name,.member-greeting){font-family:'Source Sans 3',Arial,sans-serif}
html[data-typography="elegant"] :is(.card h2,.event-copy h3,.offer-card h3,.sub-card h3){font-family:'Cormorant Garamond',Georgia,serif;font-weight:700;line-height:1.15}
html[data-typography="elegant"] .card h2{font-size:25px}
html[data-typography="elegant"] .event-copy h3{font-size:23px}
html[data-typography="elegant"] :is(.card p,.event-copy p,.sub-card p){font-size:16px;line-height:1.45}
html[data-typography="elegant"] .topbar nav a{font-family:'Source Sans 3',Arial,sans-serif;font-weight:600}
html[data-typography="elegant"] .hero h1{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;line-height:1.04}
html[data-typography="elegant"] :is(.brand strong,.footer-brand strong){font-weight:600}
html[data-typography="elegant"] .hero p{font-weight:400;line-height:1.4}
html[data-typography="elegant"] .values h3{font-family:'Cormorant Garamond',Georgia,serif;font-size:18px;font-weight:700}
html[data-typography="elegant"] :is(.legal-role h3,.legal-role p,.legal-title h1,.legal-identity h2){font-family:'Cormorant Garamond',Georgia,serif}
html[data-typography="elegant"] :is(.member-content h3,.member-toolbar h2){font-family:'Cormorant Garamond',Georgia,serif}
html[data-typography="elegant"][lang="km"] :is(body,p,h1,h2,h3,nav a,.button,button,input,textarea,select,label,legend,dt,dd,summary,.muted,.sub-kicker,.kicker,.values h3,.legal-role h3,.legal-role p,.member-content h3,.card h2,.event-copy h3){font-family:'Noto Sans Khmer','Source Sans 3',sans-serif;line-height:1.65}
html[data-typography="elegant"][lang="km"] :is(.brand strong,.footer-brand strong){font-family:'Cormorant Garamond',Georgia,serif;line-height:1.03}
.font-switch{display:inline-flex;flex:none;align-items:center;gap:2px;border:1px solid #c8ad78;border-radius:5px;padding:2px;background:#f8f2e5;font:11px/1.4 Arial,sans-serif;margin-left:12px}
.font-switch button{font:inherit;padding:4px 8px;border:0;border-radius:3px;background:transparent;color:#153858;cursor:pointer;white-space:nowrap}
.font-switch button[aria-pressed="true"]{background:#12375c;color:#fff}.font-switch button:focus-visible{outline:2px solid #a87826;outline-offset:2px}
@media(max-width:1000px){.test-version-bar{flex-wrap:wrap;gap:8px}.font-switch{margin-left:auto}}
@media(max-width:700px){html[data-typography="elegant"] .card h2{font-size:23px}html[data-typography="elegant"] .event-copy h3{font-size:23px}.font-switch{margin-left:0}.font-switch button{padding:4px 7px}.site-utility-links{gap:12px}}
/* Maintain room for all nine navigation links and keep card actions aligned. */
@media(min-width:1151px){html[data-typography="elegant"] .topbar .brand{min-width:355px}html[data-typography="elegant"] .topbar nav{gap:clamp(16px,1.15vw,25px)}html[data-typography="elegant"] .topbar nav a{font-size:clamp(11px,.9vw,14px)}}
html[data-typography="elegant"] .cards>.card{display:flex;flex-direction:column}html[data-typography="elegant"] .cards .card-copy{display:flex;flex-direction:column;flex:1}html[data-typography="elegant"] .cards .card-copy p{flex:1}html[data-typography="elegant"] .cards .card-copy a{margin-top:auto}html[data-typography="elegant"] .card h2{font-size:23px}
/* Khmer needs different line metrics to keep the hero action above the cards. */
html[data-typography="elegant"][lang="km"] .hero h1{font-size:clamp(30px,3.2vw,48px);line-height:1.4}
html[data-typography="elegant"][lang="km"] .hero p{font-size:clamp(14px,1.2vw,18px);line-height:1.6}
html[data-typography="elegant"][lang="km"] .hero .button{font-size:16px;line-height:1.5}
html[data-typography="elegant"][lang="km"] .topbar nav{justify-content:center}

/* More breathing room between menu items; wrap inside the menu on compact desktops. */
@media(min-width:1151px){html[data-typography="elegant"] .topbar nav{flex-wrap:wrap;row-gap:12px;justify-content:center}html[data-typography="elegant"] .topbar nav a{white-space:nowrap}}
@media(min-width:1001px){.test-version-bar{min-height:48px}}
/* Stable collage geometry when translated headings have different line metrics. */
@media(min-width:701px){.subpage-masthead .sub-hero{height:254px;min-height:254px;padding-top:28px;padding-bottom:28px}.subpage-masthead .sub-hero-content{width:100%;min-width:0}html[lang="km"] .subpage-masthead .sub-hero h1{font-size:clamp(28px,3vw,42px);line-height:1.4;margin:10px 0}html[lang="km"] .subpage-masthead .sub-hero p{font-size:16px;line-height:1.55;margin-bottom:10px}}
@media(max-width:700px){.subpage-masthead .sub-hero{height:280px;min-height:280px;padding:24px 5%}.subpage-masthead .sub-hero h1{font-size:32px;line-height:1.25}html[lang="km"] .subpage-masthead .sub-hero h1{font-size:27px;line-height:1.5}.subpage-masthead .sub-hero p{font-size:15px;line-height:1.5}}