body.peham-ui-screen,.peham-ui{--ink:#102d31;--teal:#075c62;--deep:#052c32;--dark:#052329;--gold:#ebcc88;--paper:#f7f6f0;--muted:#4c6264;--line:#dce4df;--white:#fff;--max:1184px}
.peham-ui *,.peham-ui *::before,.peham-ui *::after{box-sizing:border-box}
/* The Enfold base stylesheet sets a 910px minimum outside its responsive shell. */
html.peham-ui-document{min-width:0;scroll-behavior:smooth;scroll-padding-top:106px}
body.peham-ui-screen{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Segoe UI",system-ui,sans-serif;font-size:16px;line-height:1.55}
.peham-ui a{color:inherit;text-decoration:none}
.peham-ui button{font:inherit}
.peham-ui img{max-width:100%;display:block}
.peham-ui svg{vertical-align:middle}
.peham-ui h1,.peham-ui h2,.peham-ui h3,.peham-ui p{margin:0}
.peham-ui a:focus-visible,.peham-ui button:focus-visible{outline:3px solid #b97813;outline-offset:5px}
.peham-ui .wrap{max-width:var(--max);width:calc(100% - 88px);margin-inline:auto}
.peham-ui .skip{position:absolute;top:8px;left:8px;z-index:5;transform:translateY(-150%);background:white;padding:12px}
.peham-ui .skip:focus{transform:none}
.peham-ui .ico{width:19px;height:19px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.peham-ui .header{position:sticky;top:0;z-index:3;background:#fff;border-bottom:1px solid #e2e8e4}
.peham-ui .masthead{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:82px}
.peham-ui .brand{display:inline-flex;align-items:center;gap:12px;flex:none}
.peham-ui .brand img{width:45px;height:48px;object-fit:contain}
.peham-ui .brand-name{font-size:22px;font-weight:800;letter-spacing:.06em;line-height:1.1}
.peham-ui .brand small{display:block;margin-top:5px;font-size:9px;font-weight:750;line-height:1.25;letter-spacing:.105em;text-transform:uppercase;color:#51666a}
.peham-ui .nav{display:flex;gap:clamp(14px,2.1vw,30px);align-items:center;font-weight:650;font-size:14px}
.peham-ui .nav a:hover,.peham-ui .text-link:hover{color:#08747c;text-decoration:underline;text-underline-offset:5px}
.peham-ui .menu{display:none;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--line);background:white;border-radius:8px;color:var(--ink);cursor:pointer}
.peham-ui .btn{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:10px;border-radius:8px;padding:11px 18px;font-weight:750;font-size:14px;line-height:1.3;border:1px solid transparent;transition:background .15s,color .15s,border-color .15s}
.peham-ui .btn:hover .ico,.peham-ui .quick:hover .forward{transform:translateX(3px)}
.peham-ui .ico{transition:transform .15s}
.peham-ui .btn-small{min-height:42px;padding:9px 15px}
.peham-ui .btn-dark{background:var(--teal);color:#fff}
.peham-ui .btn-dark:hover{background:#08474c}
.peham-ui .btn-gold{background:var(--gold);color:#152e30}
.peham-ui .btn-gold:hover{background:#ffe0a1}
.peham-ui .btn-clear{border-color:#799497;color:white}
.peham-ui .btn-clear:hover{background:#16464c}
.peham-ui .btn-line{border-color:#baccc7;color:#17464a;background:white}
.peham-ui .btn-line:hover{background:#edf4f0}
.peham-ui .hero{background:radial-gradient(ellipse at 73% 44%,#104b51 0%,#082f35 44%,#05272d 75%);color:white;position:relative;overflow:hidden}
.peham-ui .hero-inner{min-height:542px;display:grid;grid-template-columns:1.02fr 1fr;align-items:center;gap:36px;padding-block:51px 80px;position:relative}
.peham-ui .hero-copy{position:relative;z-index:1}
.peham-ui .eyebrow{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#276268;line-height:1.5}
.peham-ui .eyebrow::before{content:"";height:1px;width:22px;background:currentColor;flex:none}
.peham-ui .hero .eyebrow,.peham-ui .membership .eyebrow{color:var(--gold)}
.peham-ui .hero h1{font-size:clamp(45px,5.35vw,79px);line-height:.99;letter-spacing:-.066em;font-weight:760;margin:22px 0 22px}
.peham-ui .hero h1 span{color:var(--gold);display:block}
.peham-ui .hero p{color:#d7e7e5;font-size:clamp(15px,1.45vw,18px);max-width:475px}
.peham-ui .actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.peham-ui .hero-art{width:100%;height:auto;max-height:436px;justify-self:end;overflow:visible}
.peham-ui .shortcuts{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:-39px;border-radius:14px;background:white;border:1px solid #d8e5e0;box-shadow:0 12px 28px #1434320d;overflow:hidden}
.peham-ui .quick{display:flex;align-items:center;gap:14px;min-width:0;min-height:94px;padding:16px 20px}
.peham-ui .quick + .quick{border-left:1px solid var(--line)}
.peham-ui .quick:hover{background:#edf5f1}
.peham-ui .icon-box{width:42px;height:42px;display:grid;place-items:center;flex:none;background:#e9f3ee;border-radius:9px;color:var(--teal)}
.peham-ui .quick strong{display:block;font-size:15px;line-height:1.35}
.peham-ui .quick small{display:block;color:var(--muted);font-size:12px;margin-top:3px}
.peham-ui .quick .forward{margin-left:auto;width:17px;color:#326467}
.peham-ui .section{padding-block:74px}
.peham-ui .section-title{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:27px}
.peham-ui .section h2{font-size:clamp(32px,4vw,52px);line-height:1.06;letter-spacing:-.048em;margin-top:8px}
.peham-ui .section-title p:not(.eyebrow){color:var(--muted);margin-top:10px}
.peham-ui .programs{display:grid;grid-template-columns:1.18fr 1fr;gap:16px}
.peham-ui .card{position:relative;border:1px solid #d9e4df;border-radius:14px;background:white;min-width:0;padding:25px 26px;display:flex;flex-direction:column}
.peham-ui .card.featured{background:#edf4ef;border-color:#cbded5}
.peham-ui .card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.peham-ui .tag,.peham-ui .status{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:5px;font-size:11px;font-weight:800;letter-spacing:.045em}
.peham-ui .tag{background:#0c565b;color:white}
.peham-ui .status{color:#1c5644;background:#d8ebde}
.peham-ui .status-closed{color:#534a39;background:#f1ede5}
.peham-ui .card-main{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;margin-block:21px 19px}
.peham-ui .date{width:63px;text-align:center;background:white;border:1px solid #dce6df;border-radius:8px;padding:9px 4px 8px;font-weight:800;color:#0c555b;line-height:1.06}
.peham-ui .date span{display:block;font-size:29px;letter-spacing:-.06em}
.peham-ui .date small{font-size:10px;letter-spacing:.1em}
.peham-ui .card h3{font-size:clamp(19px,2vw,26px);line-height:1.14;letter-spacing:-.027em;margin-bottom:8px}
.peham-ui .meta{color:var(--muted);font-size:13px}
.peham-ui .meta + .meta{margin-top:4px}
.peham-ui .meta .ico{width:14px;height:14px;margin-right:4px}
.peham-ui .card-foot{margin-top:auto;border-top:1px solid #d5e2db;padding-top:13px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.peham-ui .card-foot b{font-size:14px}
.peham-ui .text-link{display:inline-flex;gap:8px;align-items:center;font-size:14px;font-weight:750;color:#075a60}
.peham-ui .text-link .ico{width:16px;height:16px}
.peham-ui .membership{background:var(--deep);color:white;overflow:hidden}
.peham-ui .members-inner{display:grid;grid-template-columns:1fr 1.05fr;gap:65px;align-items:center}
.peham-ui .membership h2{margin-bottom:16px}
.peham-ui .membership .intro{color:#d1e1de;max-width:465px}
.peham-ui .benefits{display:grid;gap:0}
.peham-ui .benefit{display:flex;gap:14px;padding:13px 0;align-items:center;border-bottom:1px solid #395b5e}
.peham-ui .benefit:first-child{border-top:1px solid #395b5e}
.peham-ui .benefit .icon-box{background:#17484d;color:var(--gold)}
.peham-ui .benefit h3{font-size:16px}
.peham-ui .benefit p{color:#c2d6d4;font-size:13px;margin-top:2px}
.peham-ui .spotlight{display:grid;grid-template-columns:.8fr 1.2fr;align-items:stretch;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:white}
.peham-ui .spotlight-art{min-height:231px;background:radial-gradient(ellipse at 50% 54%,#17535a,#082e36 76%);color:var(--gold);display:grid;place-content:center;text-align:center;padding:30px}
.peham-ui .spotlight-art .ico{width:49px;height:49px;margin:0 auto 13px;stroke-width:1.15}
.peham-ui .spotlight-art strong{font-family:Georgia,serif;font-weight:400;font-size:clamp(31px,4.2vw,54px);line-height:1;letter-spacing:.09em}
.peham-ui .spotlight-art small{font-size:11px;letter-spacing:.34em;font-weight:750;margin-top:10px}
.peham-ui .spotlight-copy{padding:30px 34px;align-self:center}
.peham-ui .spotlight-copy h3{font-size:27px;letter-spacing:-.03em;line-height:1.1;margin-block:10px}
.peham-ui .spotlight-copy p:not(.eyebrow){color:var(--muted);margin-bottom:14px;max-width:485px}
.peham-ui .footer{background:#051f25;color:#d0dfde;padding-block:36px 20px;font-size:13px}
.peham-ui .foot-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:30px;padding-bottom:25px}
.peham-ui .footer b{display:block;color:white;margin-bottom:8px}
.peham-ui .footer p{max-width:310px}
.peham-ui .footer a:hover{text-decoration:underline}
.peham-ui .foot-links{display:grid;gap:5px;justify-items:start}
.peham-ui .legal{border-top:1px solid #335054;padding-top:16px;display:flex;gap:12px 20px;flex-wrap:wrap;justify-content:space-between}
.peham-ui .legal span{color:#b8cbca}
@media(max-width:920px){
.peham-ui .wrap{width:calc(100% - 52px)}
.peham-ui .nav{gap:14px;font-size:13px}
.peham-ui .masthead{gap:13px}
.peham-ui .hero-inner{min-height:475px;gap:14px}
.peham-ui .hero h1{font-size:clamp(42px,6.1vw,62px)}
.peham-ui .quick{gap:9px;padding-inline:12px}
.peham-ui .quick small{font-size:11px}
.peham-ui .members-inner{gap:35px}}
@media(max-width:760px){
html.peham-ui-document{scroll-padding-top:80px}
.peham-ui .wrap{width:calc(100% - 36px)}
.peham-ui .masthead{min-height:66px}
.peham-ui .brand img{width:38px;height:41px}
.peham-ui .brand-name{font-size:19px}
.peham-ui .brand small{font-size:8px}
.peham-ui .hero-inner{grid-template-columns:1fr;gap:10px;min-height:0;padding-top:43px;padding-bottom:41px}
.peham-ui .hero h1{font-size:clamp(34px,10.7vw,67px);margin-block:17px}
.peham-ui .hero p{max-width:490px}
.peham-ui .hero-art{justify-self:center;width:min(92%,410px);max-height:230px}
.peham-ui .hero .actions{margin-top:21px}
.peham-ui .shortcuts{margin-top:-20px;grid-template-columns:1fr}
.peham-ui .quick{min-height:66px;padding:10px 13px;gap:10px}
.peham-ui .quick + .quick{border-left:0;border-top:1px solid var(--line)}
.peham-ui .quick strong{font-size:14px}
.peham-ui .quick small{font-size:12px}
.peham-ui .icon-box{width:36px;height:36px}
.peham-ui .section{padding-block:49px}
.peham-ui .section-title{align-items:start;flex-direction:column;margin-bottom:18px;gap:12px}
.peham-ui .programs,.peham-ui .members-inner,.peham-ui .spotlight,.peham-ui .foot-grid{grid-template-columns:1fr}
.peham-ui .card{padding:17px}
.peham-ui .card-main{gap:13px;margin-block:16px}
.peham-ui .members-inner{gap:26px}
.peham-ui .spotlight-art{min-height:172px}
.peham-ui .spotlight-copy{padding:23px}
.peham-ui .foot-grid{gap:20px}}
@media(prefers-reduced-motion:reduce){
.peham-ui *,.peham-ui *::before,.peham-ui *::after{scroll-behavior:auto!important;transition:none!important}}

/* Shared navigation and the public page shell. */
.peham-ui-header-wrap {
    position: sticky;
    top: 0;
    z-index: 100;
    color: var(--ink);
    font-family: Inter, "Segoe UI", system-ui, sans-serif;
    line-height: 1.55;
}
.admin-bar .peham-ui-header-wrap { top: 32px; }
.peham-ui .header { position: relative; top: auto; }
.peham-ui .nav-group { position: relative; }
.peham-ui .nav-group summary {
    cursor: pointer;
    list-style: none;
    display: flex;
    gap: 7px;
    align-items: center;
    min-height: 44px;
}
.peham-ui .nav-group summary::-webkit-details-marker { display: none; }
.peham-ui .nav-group summary::after {
    content: "";
    width: 6px;
    height: 6px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: translateY(-2px) rotate(45deg);
}
.peham-ui .nav-group summary:focus-visible {
    outline: 3px solid #b97813;
    outline-offset: 4px;
}
.peham-ui .nav-panel {
    position: absolute;
    top: 100%;
    left: -12px;
    min-width: 205px;
    padding: 7px;
    background: white;
    border: 1px solid var(--line);
    border-radius: 9px;
    box-shadow: 0 14px 30px #1434321a;
}
.peham-ui .nav-panel a {
    display: block;
    padding: 8px 10px;
    border-radius: 5px;
}
.peham-ui .nav-panel a:hover { background: #edf5f1; }
.peham-ui .footer { padding: 31px 0; line-height: 1.7; }
.peham-ui .footer-content {
    display: flex;
    justify-content: space-between;
    gap: 20px 35px;
    flex-wrap: wrap;
}
.peham-ui .footer .footer-note { max-width: none; }
.peham-ui .footer-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 17px;
    align-items: flex-start;
}
.peham-ui .footer a { color: #ecf5f3; }
.peham-ui .footer a:hover { color: var(--gold); }
.peham-ui .inner-hero {
    background: radial-gradient(ellipse at 76% 44%, #155058 0%, #082f35 45%, #05272d 76%);
    color: #fff;
    padding-block: clamp(38px, 7vw, 83px);
}
.peham-ui .inner-hero .eyebrow { color: var(--gold); }
.peham-ui .inner-title {
    font-size: clamp(36px, 5.6vw, 69px);
    font-weight: 760;
    line-height: 1.02;
    letter-spacing: -.055em;
    max-width: 900px;
    margin: 10px 0 0;
    color: #fff;
}
.peham-ui .inner-hero .wrap > p:not(.eyebrow) {
    color: #d7e7e5;
    max-width: 620px;
    margin-top: 12px;
}
.peham-ui .document-layout {
    display: grid;
    grid-template-columns: minmax(175px, .3fr) minmax(0, 1fr);
    gap: clamp(20px, 4vw, 50px);
    align-items: start;
}
.peham-ui .document-nav {
    display: grid;
    gap: 5px;
    position: sticky;
    top: 135px;
}
.peham-ui .document-nav a {
    padding: 9px 12px;
    color: var(--teal);
    border-radius: 7px;
    font-weight: 700;
}
.peham-ui .document-nav a[aria-current], .peham-ui .document-nav a:hover { background: #e5efea; }
.peham-ui .prose {
    min-width: 0;
    padding: clamp(20px, 4.2vw, 49px);
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 14px;
    overflow-wrap: anywhere;
    line-height: 1.72;
}
.peham-ui .prose :is(h2,h3,h4) { margin: 1.2em 0 .45em; color: var(--ink); }
.peham-ui .prose h2 { font-size: clamp(21px, 2.35vw, 31px); letter-spacing: -.028em; }
.peham-ui .prose h3 { font-size: clamp(17px, 1.8vw, 23px); }
.peham-ui .prose :is(p,ul,ol,figure,table,blockquote) { margin: 0 0 1em; }
.peham-ui .prose :last-child { margin-bottom: 0; }
.peham-ui .prose a { color: var(--teal); text-decoration: underline; text-underline-offset: 3px; }
.peham-ui .prose iframe { max-width: 100%; }
.peham-ui .prose img { height: auto; }
.peham-ui .prose .story-cover { margin-bottom: 27px; border-radius: 9px; }
.peham-ui .story-detail { max-width: 950px; }
.peham-ui .story-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 17px; }
.peham-ui .story-card { border: 1px solid var(--line); background: white; border-radius: 14px; overflow: hidden; }
.peham-ui .story-image { display: block; aspect-ratio: 16 / 9; overflow: hidden; }
.peham-ui .story-image img { width: 100%; height: 100%; object-fit: cover; }
.peham-ui .story-placeholder { display: grid; place-items: center; color: var(--gold); background: radial-gradient(ellipse, #17535a, #082e36); }
.peham-ui .story-placeholder .ico { width: 43px; height: 43px; }
.peham-ui .story-copy { padding: 20px; }
.peham-ui .story-copy h3 { margin: 8px 0; line-height: 1.2; font-size: 22px; letter-spacing: -.025em; }
.peham-ui .story-copy h3 a:hover { color: var(--teal); text-decoration: underline; text-underline-offset: 3px; }
.peham-ui .story-copy > p:not(.eyebrow) { color: var(--muted); font-size: 14px; }
.peham-ui .story-copy time { display: block; margin-top: 12px; font-size: 12px; color: var(--muted); }
.peham-ui .topic-nav { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 23px; }
.peham-ui .topic-nav [aria-current] { color: white; background: var(--teal); }
.peham-ui .pagination { margin-top: 20px; }
.peham-ui .pagination .nav-links { display: flex; gap: 7px; flex-wrap: wrap; }
.peham-ui .page-numbers { border: 1px solid var(--line); border-radius: 6px; background: white; padding: 7px 11px; }
.peham-ui .page-numbers.current { background: var(--teal); color: white; }
.peham-ui .screen-reader-text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}
.peham-ui .card h3 { text-wrap: pretty; }
.peham-ui .programs > :only-child { grid-column: 1 / -1; }

/* Enfold keeps its Avia layout, interactive widgets, forms, and document markup. */
#top.peham-ui-legacy-mounted { background: #f7f6f0; }
#top.peham-ui-legacy-mounted #header,
#top.peham-ui-legacy-mounted #socket { display: none !important; }
#top.peham-ui-legacy-editorial #wrap_all { overflow: visible; }
#top.peham-ui-legacy-mounted #wrap_all #main { padding-top: 0 !important; scroll-margin-top: 94px; }
#top.peham-ui-legacy-mounted #main .peham-ui-legacy-heading { font-family: Inter, "Segoe UI", system-ui, sans-serif; }
#top.peham-ui-legacy-editorial #main .title_container { display: none; }
#top.peham-ui-legacy-editorial #main .main_color { background-color: #fbfaf7; }
#top.peham-ui-legacy-editorial #main :is(.avia-button, .avia-tab-title) { border-radius: 7px; }
#top.peham-ui-legacy-editorial #main iframe { max-width: 100%; }
#top.peham-ui-legacy-mounted .peham-ui a { text-decoration: none; }
#top.peham-ui-legacy-mounted .peham-ui .btn-dark { color: #fff; }
#top.peham-ui-legacy-mounted .peham-ui .footer a { color: #ecf5f3; }

@media(max-width: 900px) {
    .peham-ui .story-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media(max-width: 782px) {
    .admin-bar .peham-ui-header-wrap { top: 46px; }
}
@media(max-width: 900px) {
.peham-ui .menu{display:inline-flex}
.peham-ui .header .btn{display:none}
.peham-ui .nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;padding:8px 18px 15px;border-bottom:1px solid var(--line);box-shadow:0 12px 18px #14343214}
.peham-ui .nav.is-open{display:grid;gap:0}
.peham-ui .nav a{padding:11px 8px;font-size:15px}
    .peham-ui .nav-group summary { padding: 8px; }
    .peham-ui .nav-panel {
        position: static;
        margin: 0 0 6px 9px;
        box-shadow: none;
    }
    .peham-ui .nav.is-open {
        max-height: 72vh;
        max-height: 72dvh;
        overflow-y: auto;
    }
}
@media(max-width: 760px) {
    .peham-ui .document-layout, .peham-ui .story-grid { grid-template-columns: 1fr; }
    .peham-ui .document-nav { position: static; display: flex; flex-wrap: wrap; }
}
@media(max-width: 600px) {
    .admin-bar .peham-ui-header-wrap { top: 0; }
}

/* Tentang PEHAM shares the homepage palette and has its own editorial layout. */
.peham-ui .preview-ribbon {
    background: #e8f2ec;
    border-bottom: 1px solid #ccded4;
    color: #084c4f;
    font-size: 13px;
    font-weight: 720;
    padding: 7px 0;
}
.peham-ui .preview-ribbon span { font-weight: 500; margin-left: 9px; }
.peham-ui .about-hero-inner {
    display: grid;
    grid-template-columns: minmax(0, 1.65fr) minmax(210px, .85fr);
    align-items: center;
    gap: clamp(28px, 6vw, 90px);
    padding-block: 64px 88px;
}
.peham-ui .about-hero h1 { font-size: clamp(39px, 5.4vw, 77px); }
.peham-ui .about-crest {
    position: relative;
    isolation: isolate;
    display: grid;
    justify-items: center;
    align-content: center;
    min-height: 275px;
    border: 1px solid #748b7c;
    border-radius: 15px;
    overflow: hidden;
    background: radial-gradient(ellipse at center, #20565b, #0a3037 78%);
}
.peham-ui .about-crest-frame {
    position: absolute;
    inset: 16px;
    z-index: -1;
    background:
        repeating-linear-gradient(0deg, transparent 0 23px, #9cb7a51c 23px 24px),
        repeating-linear-gradient(90deg, transparent 0 23px, #9cb7a51c 23px 24px);
    border: 1px solid #d7ba7566;
    border-radius: 9px;
}
.peham-ui .about-crest img { width: 104px; height: auto; border: 7px solid #fff; border-radius: 11px; }
.peham-ui .about-crest p { margin-top: 13px; font-size: 16px; font-weight: 800; letter-spacing: .15em; }
.peham-ui .about-crest p span { color: var(--gold); font-weight: 600; }
.peham-ui .about-facts {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: -35px auto 0;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: white;
    box-shadow: 0 12px 28px #1434320d;
}
.peham-ui .about-facts div { padding: 18px 22px; }
.peham-ui .about-facts div + div { border-left: 1px solid var(--line); }
.peham-ui .about-facts dt { color: var(--muted); font-size: 12px; font-weight: 650; }
.peham-ui .about-facts dd { margin: 2px 0 0; color: var(--ink); font-size: clamp(16px, 2.5vw, 25px); font-weight: 770; letter-spacing: -.03em; }
.peham-ui .about-principles, .peham-ui .about-goal-grid { display: grid; gap: 16px; }
.peham-ui .about-principles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.peham-ui .about-principle {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 13px;
    padding: clamp(21px, 4vw, 34px);
}
.peham-ui .about-principle h3, .peham-ui .about-goal h3 {
    margin: 12px 0 5px;
    font-size: clamp(20px, 2.4vw, 29px);
    letter-spacing: -.035em;
    line-height: 1.13;
}
.peham-ui .about-principle p, .peham-ui .about-more p:not(.eyebrow) { color: var(--muted); max-width: 46ch; }
.peham-ui .about-goals { background: var(--deep); color: white; }
.peham-ui .about-goals .eyebrow { color: var(--gold); }
.peham-ui .about-goal-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.peham-ui .about-goal { border: 1px solid #587879; border-radius: 12px; background: #103d42; padding: 23px; }
.peham-ui .about-goal-top { display: flex; justify-content: space-between; align-items: center; color: var(--gold); font-weight: 760; letter-spacing: .12em; }
.peham-ui .about-goal-top .ico { width: 24px; height: 24px; }
.peham-ui .about-goal p { margin-top: 9px; color: #d6e6e3; }
.peham-ui .about-more { display: flex; justify-content: space-between; align-items: center; gap: 25px; }
.peham-ui .about-more h2 { max-width: 20ch; }
.peham-ui .about-more p:not(.eyebrow) { margin-top: 10px; }
.peham-ui .about-more .actions { flex-shrink: 0; margin: 0; }

/* Keep Avia widgets in place while aligning their surfaces and controls with PEHAM. */
#top.peham-ui-legacy-editorial #main {
    --peham-editorial-paper: #f7f6f0;
    --peham-editorial-ink: #102d31;
    --peham-editorial-accent: #075c62;
    --peham-editorial-border: #dce4df;
}
#top.peham-ui-legacy-editorial #main :is(.main_color, .av-layout-grid-container, .av-tab-section-tab-title-container) {
    background-color: var(--peham-editorial-paper);
    border-color: var(--peham-editorial-border);
}
#top.peham-ui-legacy-editorial #main :is(.avia-section, .av-layout-grid-container):not(.avia-full-stretch):not(.avia-bg-style-parallax) {
    background-color: var(--peham-editorial-paper) !important;
}
#top.peham-ui-legacy-editorial #main :is(.av-special-heading-tag, .avia_textblock h2, .avia_textblock h3) {
    color: var(--peham-editorial-ink);
}
#top.peham-ui-legacy-editorial #main :is(.av-tab-section-tab-title-container, .av-masonry-sort) {
    border-bottom: 1px solid var(--peham-editorial-border);
}
#top.peham-ui-legacy-editorial #main .av-tab-section-tab-title-container .av-active-tab-title {
    color: var(--peham-editorial-accent);
    box-shadow: inset 0 -3px #ba9753;
}
#top.peham-ui-legacy-editorial #main .avia-button:not(.avia-color-custom) {
    background: var(--peham-editorial-accent);
    color: #fff;
    border-color: var(--peham-editorial-accent);
}
#top.peham-ui-legacy-editorial #main :is(.avia-button, .av-tab-section-tab-title-container a):focus-visible {
    outline: 3px solid #b97813;
    outline-offset: 3px;
}

@media (max-width: 860px) {
    .peham-ui .about-more { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 700px) {
    .peham-ui .about-hero-inner { grid-template-columns: 1fr; padding-block: 40px 60px; gap: 23px; }
    .peham-ui .about-hero h1 { font-size: clamp(33px, 8.5vw, 58px); }
    .peham-ui .about-crest { min-height: 164px; }
    .peham-ui .about-crest img { width: 65px; border-width: 4px; }
    .peham-ui .about-crest p { font-size: 12px; }
    .peham-ui .about-crest-frame { inset: 10px; }
    .peham-ui .about-facts { grid-template-columns: 1fr; margin-top: -20px; }
    .peham-ui .about-facts div { padding: 10px 17px; }
    .peham-ui .about-facts div + div { border-left: 0; border-top: 1px solid var(--line); }
    .peham-ui .about-principles, .peham-ui .about-goal-grid { grid-template-columns: 1fr; }
}

.peham-ui .about-history {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(220px, .8fr);
    gap: clamp(20px, 5vw, 70px);
    align-items: center;
    padding-bottom: 0;
}
.peham-ui .about-history > :only-child { grid-column: 1 / -1; }
.peham-ui .about-history p:not(.eyebrow) { margin-top: 13px; color: var(--muted); max-width: 62ch; }
.peham-ui .about-history-record {
    padding: 23px;
    background: #edf4ef;
    border: 1px solid #cddfd6;
    border-radius: 13px;
}
.peham-ui .about-history-record div {
    display: flex;
    gap: 14px;
    align-items: baseline;
    margin-top: 8px;
}
.peham-ui .about-history-record strong { font-size: 28px; line-height: 1.12; }
.peham-ui .about-history-record span { font-size: 14px; color: var(--muted); }

.peham-ui .gallery-hero .inner-title { text-transform: none; overflow-wrap: anywhere; }
.peham-ui .gallery-albums, .peham-ui .gallery-photos {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}
.peham-ui .gallery-album, .peham-ui .gallery-photo {
    display: block;
    border: 1px solid var(--line);
    border-radius: 13px;
    background: white;
    overflow: hidden;
}
.peham-ui .gallery-album:hover, .peham-ui .gallery-photo:hover { border-color: var(--teal); }
.peham-ui .gallery-album-media, .peham-ui .gallery-photo { aspect-ratio: 4 / 3; }
.peham-ui :is(.gallery-album-media,.gallery-photo) img { width: 100%; height: 100%; object-fit: cover; }
.peham-ui .gallery-album-copy { padding: 19px; }
.peham-ui .gallery-album-copy h3 {
    margin: 8px 0 12px;
    font-size: clamp(16px, 2.1vw, 20px);
    line-height: 1.25;
    letter-spacing: -.02em;
}
.peham-ui .gallery-dialog {
    max-width: min(94vw, 1020px);
    max-height: 92vh;
    border: 1px solid var(--line);
    border-radius: 13px;
    background: #fff;
    padding: 10px;
}
.peham-ui .gallery-dialog::backdrop { background: #052329dd; }
.peham-ui .gallery-dialog-top { display: flex; justify-content: flex-end; margin-bottom: 8px; }
.peham-ui .gallery-dialog img { max-height: min(76vh, 760px); object-fit: contain; margin-inline: auto; }
@media (max-width: 800px) {
    .peham-ui .gallery-albums, .peham-ui .gallery-photos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
    .peham-ui .gallery-albums, .peham-ui .about-history { grid-template-columns: minmax(0, 1fr); }
    .peham-ui .gallery-photos { gap: 9px; }
}

.peham-ui-footer-wrap { font-family: Inter, "Segoe UI", system-ui, sans-serif; }

.peham-ui .prose .story-related-album {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 14px 24px;
    padding: clamp(18px, 3vw, 26px);
    margin-top: 34px;
    border: 1px solid #cddfd6;
    border-radius: 13px;
    background: #edf4ef;
}
.peham-ui .prose .story-related-album h2 { margin: 7px 0 0; }
.peham-ui .prose .story-related-album .btn { color: #fff; text-decoration: none; }
.peham-ui .event-filter-panel {
    margin-block: 24px;
    padding: clamp(17px, 3vw, 27px);
    border: 1px solid var(--line);
    border-radius: 13px;
    background: #fff;
}
.peham-ui .peham-hub .event-filter-panel { width: 100%; margin-top: 0; }
.peham-ui .event-filter-panel h2 { font-size: clamp(23px, 3vw, 32px); margin-top: 4px; letter-spacing: -.025em; }
.peham-ui .event-filter-form {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
    align-items: end;
    gap: 12px;
    margin: 16px 0 0;
}
.peham-ui .event-filter-form label { min-width: 0; margin: 0; }
.peham-ui .event-filter-form label span { display: block; margin-bottom: 5px; font-size: 13px; font-weight: 700; }
.peham-ui .event-filter-form select {
    width: 100%;
    min-height: 48px;
    margin: 0;
    padding: 8px 12px;
    font: inherit;
    font-size: 16px;
    background: #f3f7f4;
    color: var(--ink);
    border: 1px solid #baccc7;
    border-radius: 8px;
}
.peham-ui .event-filter-form select:focus-visible { outline: 2px solid #075c62; outline-offset: 2px; }
.peham-ui .event-filter-actions, .peham-ui .event-result-pages { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.peham-ui .event-result-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.peham-ui .event-filter-card h3 { margin-top: 14px; overflow-wrap: anywhere; }
.peham-ui .event-filter-card .card-foot { margin-top: auto; }
.peham-ui .event-filter-card > .meta { margin-bottom: 15px; }
.peham-ui .event-result-pages { margin-top: 20px; }

@media (max-width: 900px) {
    .peham-ui .event-filter-form, .peham-ui .event-result-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .peham-ui .event-filter-actions { grid-column: 1 / -1; }
}
@media (max-width: 540px) {
    .peham-ui .event-filter-form, .peham-ui .event-result-grid { grid-template-columns: minmax(0, 1fr); }
}