.nav-brand{display:flex;align-items:center;gap:10px;flex:0 0 auto;text-decoration:none}
.nav-symbol{width:56px;height:56px;object-fit:contain}
.nav-wordmark{display:flex;flex-direction:column;justify-content:center;line-height:1}
.nav-wordmark-small{color:#171a18;font:600 9px/1.2 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:.28em;margin-bottom:4px}
.nav-wordmark-main{color:#e5b906;font:700 15px/1.1 Georgia,'Times New Roman',serif;letter-spacing:.035em;white-space:nowrap}
.nav-links .btn,.nav-links .btn:visited{color:#171a18}
.footer-brand{display:flex!important;align-items:center;gap:12px;width:max-content;margin:0 0 1.1rem;text-decoration:none}
.footer-symbol{width:64px;height:64px;object-fit:contain}
.footer-wordmark{display:flex;flex-direction:column;line-height:1}
.footer-wordmark-small{color:#fff;font:600 10px/1.2 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:.3em;margin-bottom:5px}
.footer-wordmark-main{color:#e5b906;font:700 17px/1.1 Georgia,'Times New Roman',serif;letter-spacing:.04em;white-space:nowrap}
@media(max-width:800px){.nav-symbol{width:49px;height:49px}.nav-wordmark-small{font-size:8px}.nav-wordmark-main{font-size:12px;letter-spacing:.015em}}
@media(max-width:390px){.nav-brand{gap:7px}.nav-symbol{width:44px;height:44px}.nav-wordmark-main{font-size:10px}}
@media(max-width:390px){.footer-symbol{width:54px;height:54px}.footer-wordmark-main{font-size:14px}}

/* Palet aksen YPPI: emas utama, forest green sebagai fondasi. */
:root{--brand-gold:#e5b906;--brand-gold-dark:#8a6d00;--brand-charcoal:#171a18;--brand-forest:#102d21}
.btn{background:var(--brand-gold);border-color:var(--brand-gold);color:var(--brand-charcoal)}
.btn:hover{background:#f0c928;border-color:#f0c928;color:#111;box-shadow:0 8px 24px rgba(229,185,6,.24)}
.btn-outline{background:transparent;border-color:rgba(229,185,6,.8);color:#fff}
.btn-outline:hover{background:var(--brand-gold);color:var(--brand-charcoal)}
.eyebrow,.link{color:var(--brand-gold-dark)}
.hero .eyebrow,.subhero .eyebrow,.cta .eyebrow{color:#f1cf45!important}
.stat i{color:var(--brand-gold-dark)}
.card{border-color:rgba(138,109,0,.18)}
.card:hover{border-color:rgba(229,185,6,.62)}
.partner{color:#624e00;border-color:rgba(229,185,6,.3)}
.partner:hover{border-color:var(--brand-gold);box-shadow:0 12px 30px rgba(138,109,0,.12)}
.quote{color:#6f5800}
.cta{background:linear-gradient(120deg,#0a251b,#173c2a 68%,#5d4c08)}
.cta .btn{background:var(--brand-gold)!important;color:var(--brand-charcoal)!important;border-color:var(--brand-gold)}
.footer{border-top:3px solid var(--brand-gold)}
.nav-links>a:not(.btn):hover,.footer a:hover{color:var(--brand-gold-dark)}
.footer a:hover{color:#f1cf45}
.sidebar{border-right:3px solid var(--brand-gold)}
.sidebar .btn{color:var(--brand-charcoal)}
.input:focus{outline:3px solid rgba(229,185,6,.22);border-color:var(--brand-gold)}
::selection{background:var(--brand-gold);color:var(--brand-charcoal)}
.about-copy .btn{margin-top:1.25rem}
.about-copy .eyebrow{display:block;margin-bottom:.65rem}
.about-copy h2{margin:0 0 1rem;font-size:clamp(2rem,3vw,2.75rem)}
.about-copy p{margin:0;line-height:1.75}
.stat-icon{width:34px;height:34px;flex:0 0 auto;object-fit:contain}
.content>.btn{margin-top:1.75rem}
.content>.meta{display:inline-flex;align-items:center;gap:.35rem;margin:1.25rem 0 .65rem!important;padding:.42rem .8rem;border:1px solid rgba(229,185,6,.42);border-radius:999px;background:rgba(229,185,6,.1);color:#725a00;font-weight:700;letter-spacing:.035em}
.contact-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:3rem}.contact-layout a{color:#725a00;text-decoration:none;font-weight:650}.contact-layout a:hover{text-decoration:underline}@media(max-width:800px){.contact-layout{grid-template-columns:1fr}}
.about-content{max-width:940px}.about-intro{max-width:780px;margin-bottom:3.5rem}.about-intro .eyebrow{display:block;margin-bottom:.8rem}.about-intro h2{font-size:clamp(2.5rem,5vw,4rem);margin:0 0 1.4rem}.about-intro p{font-size:1.08rem;line-height:1.85;margin:0;color:#39463f}.about-values{border-top:1px solid rgba(138,109,0,.25)}.about-values article{display:grid;grid-template-columns:54px 1fr;gap:1.25rem;padding:2rem 0;border-bottom:1px solid rgba(138,109,0,.2)}.about-values article>span{color:#9b7b00;font-size:.78rem;font-weight:800;letter-spacing:.12em;padding-top:.45rem}.about-values h2{font-size:clamp(2rem,4vw,2.8rem);margin:0 0 .75rem}.about-values p{max-width:720px;margin:0;line-height:1.8;color:#39463f}@media(max-width:600px){.about-intro{margin-bottom:2.5rem}.about-values article{grid-template-columns:38px 1fr;gap:.75rem;padding:1.5rem 0}}
