:root{--primary:#0f766e;--primary-dark:#115e59;--primary-soft:#ecfdf5;--primary-soft-2:#d1fae5;--blue:#0b4f6c;--blue-dark:#073b57;--secondary:#07534d;--text:#1e293b;--muted:#64748b;--muted-2:#94a3b8;--bg:#f8fafc;--soft:#f1f5f9;--border:#e2e8f0;--border-strong:#cbd5e1;--white:#fff;--danger:#b91c1c;--warning:#b45309;--radius:18px;--radius-lg:24px;--shadow:0 18px 45px rgba(15,23,42,.08);--shadow-soft:0 10px 28px rgba(15,23,42,.05);--shadow-menu:0 22px 48px rgba(15,23,42,.15);}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;background:linear-gradient(180deg,#f8fafc 0%,#f0fdfa 36%,#f8fafc 68%,#eff6ff 100%);color:var(--text);line-height:1.65;overflow-x:hidden;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}
button,input,textarea,select{font:inherit;}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid rgba(15,118,110,.25);outline-offset:3px;}
.container{width:min(1140px,92%);margin:0 auto;}
.container.narrow{width:min(840px,92%);margin:0 auto;}
.site-main{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(180deg,#effdfa 0%,#f8fbff 34%,#ffffff 66%,#f8fafc 100%);}
.site-main::before{content:"";position:absolute;left:-240px;top:-310px;width:1020px;height:1020px;border-radius:999px;background:rgba(15,118,110,.075);z-index:-1;pointer-events:none;}
.site-main::after{content:"";position:absolute;right:-100px;top:100px;width:460px;height:460px;border-radius:999px;background:rgba(14,165,233,.08);z-index:-1;pointer-events:none;}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:11px 18px;font-weight:850;border:1px solid transparent;text-decoration:none;cursor:pointer;line-height:1.2;}
.btn-primary{background:var(--primary);color:#fff;}
.btn-primary:hover{background:var(--primary-dark);}
.btn-secondary{background:#fff;color:var(--primary-dark);border-color:var(--border);}
.btn-secondary:hover{background:var(--primary-soft);}
.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--primary);font-weight:850;text-transform:uppercase;letter-spacing:.08em;font-size:12px;}
.topbar{background:linear-gradient(90deg,#06344f 0%,#075f5b 100%);color:#eaf6f5;font-size:14px;}
.topbar-inner{min-height:42px;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:8px 0;}
.topbar-info{display:flex;align-items:center;gap:18px;flex-wrap:wrap;min-width:0;}
.topbar-info span{font-weight:650;letter-spacing:.01em;}
.topbar-links{display:flex;align-items:center;gap:16px;white-space:nowrap;}
.topbar-links a{color:#fff;font-weight:700;text-decoration:none;}
.topbar-links a:hover{text-decoration:underline;}
.topbar-login{display:inline-flex;margin-left:12px;align-items:center;justify-content:center;flex-shrink:0;padding:7px 13px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);color:#fff;text-decoration:none!important;font-weight:850;}
.topbar-login:hover{background:rgba(255,255,255,.24);}
.topbar-marquee{flex:1;min-width:0;overflow:hidden;white-space:nowrap;}
.topbar-marquee-track{display:inline-flex;align-items:center;gap:72px;min-width:max-content;will-change:transform;animation:topbarMarquee 32s linear infinite;}
.topbar-marquee-track span{display:inline-block;color:#fff;letter-spacing:.01em;}
.topbar-social-login-container{display:flex;justify-content:center;}
.topbar-social{display:flex;align-items:center;justify-content:center;gap:9px;flex-shrink:0;}
.topbar-social-link{width:35px;height:35px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.26);color:#fff;text-decoration:none;transition:transform .18s ease,background .18s ease,border-color .18s ease;}
.topbar-social-link:hover{transform:translateY(-2px);background:rgba(255,255,255,.23);border-color:rgba(255,255,255,.36);}
.topbar-social-link svg{width:18px;height:18px;display:block;fill:currentColor;}
.topbar-social-fallback{font-size:11px;font-weight:900;line-height:1;text-transform:uppercase;}
@keyframes topbarMarquee{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}
@keyframes topbarMarqueeMobile{0%{transform:translate3d(0,0,0);}100%{transform:translate3d(calc(-50% - 32px),0,0);}}
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.97);border-bottom:1px solid var(--border);backdrop-filter:blur(14px);box-shadow:0 8px 28px rgba(15,23,42,.05);}
.header-inner{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:14px 0;}
.brand{display:flex;align-items:center;gap:14px;min-width:0;color:var(--secondary);flex-shrink:0;}
.brand-logos{display:flex;align-items:center;gap:9px;flex-shrink:0;}
.brand-logo{width:48px;height:48px;object-fit:contain;}
.brand-text{display:flex;flex-direction:column;line-height:1.2;min-width:0;}
.brand-text strong{display:block;font-size:20px;font-weight:850;color:var(--secondary);white-space:nowrap;}
.brand-text small{display:block;margin-top:4px;font-size:14px;color:var(--muted);font-weight:600;}
.main-nav{display:flex;align-items:center;justify-content:flex-end;gap:5px;}
.nav-item{position:relative;}
.nav-link{min-height:46px;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 14px;border:0;border-radius:999px;background:transparent;color:#334155;font-size:15px;font-weight:800;line-height:1;cursor:pointer;white-space:nowrap;}
.nav-link:hover,.nav-link.active,.nav-item.active>.nav-link{background:var(--primary-soft);color:var(--primary-dark);}
.dropdown-icon{font-size:12px;line-height:1;transition:transform .18s ease;}
.nav-item.has-dropdown:hover .dropdown-icon,.nav-item.has-dropdown:focus-within .dropdown-icon{transform:rotate(180deg);}
.dropdown-menu{position:absolute;top:calc(100% + 10px);left:0;min-width:250px;padding:10px;background:var(--white);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow-menu);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .18s ease,visibility .18s ease,transform .18s ease;z-index:140;}
.dropdown-menu::before{content:"";position:absolute;left:18px;top:-7px;width:14px;height:14px;background:#fff;border-left:1px solid var(--border);border-top:1px solid var(--border);transform:rotate(45deg);}
.nav-item.has-dropdown:hover .dropdown-menu,.nav-item.has-dropdown:focus-within .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0);}
.dropdown-link{position:relative;z-index:1;display:block;padding:12px 14px;border-radius:12px;color:#334155;font-size:14px;font-weight:750;line-height:1.35;text-decoration:none;}
.dropdown-link:hover,.dropdown-link.active{background:#f0fdfa;color:#00796b;}
.nav-toggle{display:none;width:44px;height:44px;border:0;border-radius:12px;background:var(--primary);color:#fff;cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:5px;flex-shrink:0;}
.nav-toggle span{display:block;width:21px;height:2px;border-radius:999px;background:#fff;}
.hero{position:relative;overflow:visible;padding:52px 0 34px;background:transparent;border:0;box-shadow:none;}
.hero::before,.hero::after{display:none!important;}
.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.06fr .94fr;gap:56px;align-items:center;}
.hero h1,.page-hero h1{font-size:clamp(30px,4.2vw,46px);line-height:1.1;margin:14px 0 16px;color:var(--secondary);letter-spacing:-.035em;}
.hero p,.page-hero p{font-size:17px;color:#475569;margin:0 0 26px;}
.hero p{max-width:660px;color:#425466;}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;}
.hero-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px;}
.hero-card h2{margin:0 0 10px;}
.hero-banner{position:relative;overflow:hidden;min-height:330px;border:0;border-radius:30px}
.hero-banner::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,23,42,0) 56%,rgba(15,23,42,.10) 100%);pointer-events:none;}
.hero-banner-link{position:relative;z-index:1;display:block;width:100%;height:100%;min-height:330px;}
.hero-banner img{width:100%;height:100%;min-height:330px;display:block;object-fit:cover;}
.hero-banner-placeholder{min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:34px;color:var(--primary-dark);}
.hero-banner-placeholder strong{display:block;margin-bottom:8px;font-size:22px;line-height:1.2;color:var(--primary-dark);}
.hero-banner-placeholder span{display:block;max-width:360px;color:#64748b;font-size:15px;line-height:1.55;}
.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px;}
.stat-grid div{background:var(--bg);border-radius:16px;padding:18px;}
.stat-grid strong{display:block;font-size:30px;color:var(--primary-dark);}
.stat-grid span{color:var(--muted);font-size:14px;}
.section{padding:42px 0;}
.section-muted{background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px;}
.section-heading.compact{margin-bottom:16px;}
.section-heading h2{font-size:28px;line-height:1.18;margin:8px 0 0;color:var(--secondary);}
.section-heading p{max-width:760px;margin:10px 0 0;color:#64748b;font-size:16px;line-height:1.65;}
.link-more{font-weight:850;color:var(--primary-dark);}
.link-more:hover{color:var(--primary);}
.home-leadership-section,.home-officials-section,.officials-section,.pimpinan-section,.pejabat-section{position:relative;overflow:visible;padding:28px 0 56px;background:transparent;border:0;box-shadow:none;}
.home-leadership-section::before,.home-leadership-section::after,.home-officials-section::before,.home-officials-section::after,.officials-section::before,.officials-section::after,.pimpinan-section::before,.pimpinan-section::after,.pejabat-section::before,.pejabat-section::after{display:none!important;}
.home-leadership-section .container,.home-officials-section .container,.officials-section .container,.pimpinan-section .container,.pejabat-section .container{position:relative;z-index:1;}
.home-leadership-section .section-heading,.home-officials-section .section-heading,.officials-section .section-heading,.pimpinan-section .section-heading,.pejabat-section .section-heading{display:none!important;}
.home-leadership-grid,.home-officials-grid,.officials-grid,.pimpinan-grid,.pejabat-grid{position:relative;z-index:1;max-width:1060px;margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(142px,190px));justify-content:center;justify-items:center;align-items:start;gap:42px 58px;}
.home-leadership-card,.home-official-card,.official-card,.pimpinan-card,.pejabat-card{position:relative;width:100%;max-width:190px;min-width:0;padding:0;margin:0;text-align:center;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transition:transform .2s ease,filter .2s ease;}
.home-leadership-card:nth-child(1),.home-official-card:nth-child(1),.official-card:nth-child(1),.pimpinan-card:nth-child(1),.pejabat-card:nth-child(1){grid-row:1;grid-column:2;}
.home-leadership-card:nth-child(2),.home-official-card:nth-child(2),.official-card:nth-child(2),.pimpinan-card:nth-child(2),.pejabat-card:nth-child(2){grid-row:1;grid-column:3;}
.home-leadership-card:nth-child(3),.home-official-card:nth-child(3),.official-card:nth-child(3),.pimpinan-card:nth-child(3),.pejabat-card:nth-child(3){grid-row:2;grid-column:1;}
.home-leadership-card:nth-child(4),.home-official-card:nth-child(4),.official-card:nth-child(4),.pimpinan-card:nth-child(4),.pejabat-card:nth-child(4){grid-row:2;grid-column:2;}
.home-leadership-card:nth-child(5),.home-official-card:nth-child(5),.official-card:nth-child(5),.pimpinan-card:nth-child(5),.pejabat-card:nth-child(5){grid-row:2;grid-column:3;}
.home-leadership-card:nth-child(6),.home-official-card:nth-child(6),.official-card:nth-child(6),.pimpinan-card:nth-child(6),.pejabat-card:nth-child(6){grid-row:2;grid-column:4;}
.home-leadership-card:hover,.home-official-card:hover,.official-card:hover,.pimpinan-card:hover,.pejabat-card:hover{transform:translateY(-4px);filter:saturate(1.04);}
.home-leadership-photo,.home-official-photo,.official-photo,.pimpinan-photo,.pejabat-photo{position:relative;width:144px;height:144px;margin:0 auto 13px;border-radius:999px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#d8fbeb 0%,#dbeeff 100%);border:2px solid rgb(8 72 3 / 19%);outline:1px solid rgba(15,118,110,.10);box-shadow:0 12px 28px rgba(15,23,42,.13),0 0 0 8px rgba(255,255,255,.46);color:var(--primary-dark);transition:transform .2s ease,box-shadow .2s ease,outline-color .2s ease;}
.home-leadership-card:hover .home-leadership-photo,.home-official-card:hover .home-official-photo,.official-card:hover .official-photo,.pimpinan-card:hover .pimpinan-photo,.pejabat-card:hover .pejabat-photo{transform:scale(1.025);outline-color:rgba(15,118,110,.18);box-shadow:0 18px 36px rgba(15,23,42,.16),0 0 0 8px rgba(255,255,255,.52);}
.home-leadership-photo img,.home-official-photo img,.official-photo img,.pimpinan-photo img,.pejabat-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:center top;border-radius:999px;}
.home-leadership-initial,.home-official-initial,.official-initial,.pimpinan-initial,.pejabat-initial{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:34px;font-weight:900;letter-spacing:-.04em;color:var(--primary-dark);text-shadow:0 1px 0 rgba(255,255,255,.68);}
.home-leadership-name,.home-official-name,.official-name,.pimpinan-name,.pejabat-name{max-width:190px;margin:0 auto;color:var(--secondary);font-size:10px;font-weight:750;line-height:1.25;text-overflow:ellipsis;}
.home-leadership-position,.home-official-position,.official-position,.pimpinan-position,.pejabat-position{display:block;max-width:190px;margin:4px auto 0;color:var(--primary-dark);font-size:10px;font-weight:600;line-height:1.3;text-overflow:ellipsis;}
.home-leadership-note,.home-official-note,.official-note,.pimpinan-note,.pejabat-note{display:none!important;}
.home-leadership-card.is-placeholder,.home-official-card.is-placeholder,.official-card.is-placeholder,.pimpinan-card.is-placeholder,.pejabat-card.is-placeholder{border:0!important;background:transparent!important;box-shadow:none!important;}
.home-leadership-card.is-placeholder .home-leadership-photo,.home-official-card.is-placeholder .home-official-photo,.official-card.is-placeholder .official-photo,.pimpinan-card.is-placeholder .pimpinan-photo,.pejabat-card.is-placeholder .pejabat-photo{opacity:.96;}
.home-gallery-section{padding-top:56px;background:linear-gradient(180deg,#f8fafc 0%,#ffffff 48%,#ecfeff 100%);}
.home-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;}
.home-gallery-card{position:relative;overflow:hidden;min-height:246px;border-radius:24px;background:#e2e8f0;box-shadow:0 18px 50px rgba(15,23,42,.10);transition:transform .2s ease,box-shadow .2s ease;}
.home-gallery-card:hover{transform:translateY(-3px);box-shadow:0 24px 60px rgba(15,23,42,.14);}
.home-gallery-link{position:relative;display:block;width:100%;height:100%;min-height:246px;color:inherit;text-decoration:none;}
.home-gallery-link img{width:100%;height:260px;display:block;object-fit:cover;transition:transform .45s ease;}
.home-gallery-card:hover .home-gallery-link img{transform:scale(1.055);}
.home-gallery-caption{position:absolute;left:0;right:0;bottom:0;padding:58px 20px 18px;background:linear-gradient(180deg,rgba(15,23,42,0) 0%,rgba(15,23,42,.28) 42%,rgba(15,23,42,.78) 100%);color:#fff;}
.home-gallery-caption span{display:inline-flex;align-items:center;margin-bottom:8px;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.18);backdrop-filter:blur(8px);font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;}
.home-gallery-caption h3{margin:0;color:rgba(255,255,255,.90);font-size:16px;line-height:1.35;font-weight:850;text-shadow:0 2px 12px rgba(0,0,0,.28);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.content-card,.service-card,.document-card,.content-row,.list-panel{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-soft);}
.content-card,.service-card,.document-card{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;}
.content-card{overflow:hidden;}
.content-card:hover,.service-card:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(15,23,42,.09);border-color:#b9d8d4;}
.content-card img{height:190px;width:100%;object-fit:cover;}
.content-card>img{width:100%;height:190px;object-fit:cover;}
.content-card-media{position:relative;width:100%;aspect-ratio:16/10;min-height:190px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#e8faf3 0%,#dbeafe 100%);color:var(--primary);text-decoration:none;font-size:52px;font-weight:900;}
.content-card-media img{width:100%;height:100%;min-height:190px;display:block;object-fit:cover;transition:transform .28s ease;}
.content-card-media span{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--primary-dark);font-size:52px;font-weight:900;letter-spacing:-.04em;}
.content-card:hover .content-card-media img{transform:scale(1.035);}
.content-card-body{padding:20px;}
.date{display:inline-block;color:var(--muted);font-size:13px;margin-bottom:6px;}
.content-card h3,.service-card h3,.content-row h2,.document-card h2{line-height:1.25;margin:0 0 10px;color:var(--secondary);}
.content-card h3 a,.service-card h3 a,.list-item strong,.document-card-modern h2 a{transition:color .18s ease;}
.content-card h3 a:hover,.service-card h3 a:hover,.list-item:hover strong{color:var(--primary);}
.content-card p,.service-card p,.content-row p,.document-card p{color:#475569;margin:0;}
.two-column{display:grid;grid-template-columns:1fr 1fr;gap:28px;}
.list-panel{overflow:hidden;}
.list-item{display:block;padding:16px 18px;border-bottom:1px solid var(--border);}
.list-item:last-child{border-bottom:0;}
.list-item span{display:block;color:var(--muted);font-size:13px;}
.list-item strong{display:block;margin-top:4px;}
.list-empty{padding:18px;color:var(--muted);font-weight:700;background:#fff;}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.service-card{padding:24px;}
.page-hero{padding:58px 0;background:linear-gradient(135deg,#ecfdf5,#f8fafc);border-bottom:1px solid var(--border);}
.page-hero h1{font-size:clamp(30px,3.8vw,42px);}
.page-hero-list,.page-hero-document{position:relative;overflow:hidden;background:linear-gradient(135deg,#073b57 0%,#0f766e 100%);color:#fff;border-bottom:0;}
.page-hero-list::after,.page-hero-document::after{content:"";position:absolute;right:-140px;top:-120px;width:340px;height:340px;border-radius:999px;background:rgba(255,255,255,.10);}
.page-hero-list .container,.page-hero-document .container{position:relative;z-index:1;}
.page-hero-list .eyebrow,.page-hero-document .eyebrow{display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.24);color:#eafffb;font-weight:850;}
.page-hero-list h1,.page-hero-document h1{color:#fff;max-width:860px;}
.page-hero-list p,.page-hero-document p{color:#e7fffb;max-width:760px;}
.search-box{display:flex;gap:10px;margin-bottom:24px;}
.search-box input{flex:1;border:1px solid var(--border);border-radius:999px;padding:13px 16px;font-size:16px;background:#fff;color:var(--secondary);outline:none;}
.search-box input:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(15,118,110,.10);}
.search-box button{border:0;border-radius:999px;background:var(--primary);color:#fff;font-weight:850;padding:0 22px;cursor:pointer;}
.search-box button:hover{background:var(--primary-dark);}
.listing-section,.document-section{background:#f8fafc;}
.listing-toolbar{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:26px;padding:18px;border:1px solid var(--border);border-radius:22px;background:#fff;box-shadow:0 12px 30px rgba(15,23,42,.05);}
.listing-summary{display:flex;flex-direction:column;gap:4px;}
.listing-summary strong{font-size:20px;color:var(--secondary);}
.listing-summary span{font-size:14px;color:var(--muted);}
.listing-search{display:flex;align-items:center;gap:10px;margin:0;min-width:360px;}
.listing-search input{width:100%;height:46px;border:1px solid var(--border);border-radius:999px;padding:10px 16px;font-size:15px;background:#f8fafc;color:var(--secondary);}
.listing-search input:focus{background:#fff;}
.listing-search input[type="search"]::-webkit-search-cancel-button{cursor:pointer;}
.listing-search button,.search-reset{height:46px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:0 18px;border:0;background:var(--primary);color:#fff;text-decoration:none;font-weight:850;cursor:pointer;white-space:nowrap;}
.search-reset{background:#e2e8f0;color:#334155;text-align:center;}
.search-reset:hover{background:#cbd5e1;}
.content-list,.content-list-modern{display:grid;gap:18px;}
.content-row{display:grid;grid-template-columns:240px 1fr;gap:22px;padding:18px;}
.content-row img{width:240px;height:160px;object-fit:cover;border-radius:14px;}
.content-row-modern{display:grid;grid-template-columns:220px 1fr;gap:22px;padding:18px;border:1px solid var(--border);border-radius:24px;background:#fff;box-shadow:0 14px 32px rgba(15,23,42,.06);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;overflow:hidden;}
.content-row-modern:hover{transform:translateY(-2px);box-shadow:0 20px 42px rgba(15,23,42,.10);border-color:#b9d8d4;}
.content-row-modern:hover .content-thumb img{transform:scale(1.035);}
.content-row-modern h2{margin:0 0 9px 0;font-size:22px;line-height:1.25;}
.content-row-modern h2 a{color:var(--secondary);}
.content-row-modern h2 a:hover{color:var(--primary);}
.content-thumb{display:flex;align-items:center;justify-content:center;min-height:150px;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,#e8faf3 0%,#dbeafe 100%);text-decoration:none;color:var(--primary);font-size:44px;font-weight:900;position:relative;aspect-ratio:4/3;}
.content-thumb img{width:100%;height:100%;min-height:150px;object-fit:cover;display:block;transition:transform .28s ease;}
.content-thumb span{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--primary-dark);font-size:48px;font-weight:900;letter-spacing:-.04em;}
.content-row-body{display:flex;flex-direction:column;min-width:0;}
.content-meta,.meta-line{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:var(--muted);font-size:13px;font-weight:700;}
.content-meta{margin-bottom:9px;}
.content-meta span{display:inline-flex;align-items:center;}
.content-meta span:not(:last-child)::after{content:"";width:4px;height:4px;border-radius:999px;background:var(--muted-2);margin-left:8px;}
.term-badges{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 11px 0;}
.term-badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#e8faf3;color:var(--primary-dark);text-decoration:none;font-size:12px;font-weight:850;border:1px solid #c6f3e2;max-width:100%;}
a.term-badge:hover{background:var(--primary);color:#fff;}
.content-excerpt{margin:0;color:#475569;line-height:1.7;}
.content-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:auto;padding-top:16px;}
.read-more{display:inline-flex;margin-top:12px;font-weight:850;color:var(--primary-dark);}
.read-more:hover{color:var(--primary);}
.content-actions .read-more{display:inline-flex;align-items:center;justify-content:center;padding:5px 15px;border-radius:999px;background:var(--primary);color:#fff;text-decoration:none;font-weight:850;margin-top:0;font-size:12px;}
.content-actions .read-more:hover{background:var(--primary-dark);}
.content-actions .read-more-secondary{background:#e2e8f0;color:#334155;}
.content-actions .read-more-secondary:hover{background:#cbd5e1;color:var(--secondary);}
.content-actions .read-more,.document-actions .btn{transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease;}
.content-actions .read-more:hover,.document-actions .btn:hover{transform:translateY(-1px);}
.document-list,.document-list-modern{display:grid;gap:16px;}
.document-card{padding:22px;display:flex;justify-content:space-between;gap:18px;align-items:center;}
.document-card-modern{display:grid;grid-template-columns:78px 1fr auto;align-items:center;gap:18px;padding:20px;border:1px solid var(--border);border-radius:24px;background:#fff;box-shadow:0 14px 32px rgba(15,23,42,.06);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;}
.document-card-modern:hover{transform:translateY(-2px);box-shadow:0 20px 42px rgba(15,23,42,.10);border-color:#b9d8d4;}
.document-card-modern h2{margin:0 0 9px 0;font-size:20px;line-height:1.25;}
.document-card-modern h2 a:hover{color:var(--primary);}
.document-card-modern p{line-height:1.7;}
.document-icon{width:72px;height:72px;border-radius:20px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e8faf3 0%,#dbeafe 100%);color:var(--primary-dark);font-weight:900;font-size:15px;}
.document-icon span{display:inline-flex;align-items:center;justify-content:center;line-height:1;letter-spacing:.02em;}
.document-card-body{min-width:0;}
.document-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;}
.document-actions .btn{white-space:nowrap;}
.document-meta{margin-bottom:8px;}
.article-detail{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow);}
.article-image{width:100%;max-height:430px;object-fit:cover;border-radius:16px;margin-bottom:24px;}
.article-featured-image{margin:0 0 24px;overflow:hidden;border-radius:18px;background:#eef4f7;}
.article-featured-image .article-image{width:100%;max-height:430px;height:auto;display:block;object-fit:cover;border-radius:0;margin:0;}
.article-content{color:#334155;font-size:16px;line-height:1.8;}
.article-content h2,.article-content h3{line-height:1.25;color:var(--secondary);}
.article-content p{margin:0 0 18px;}
.article-content a{color:var(--primary-dark);font-weight:850;text-decoration:underline;}
.article-content img{border-radius:16px;margin:20px 0;max-width:100%;height:auto;}
.article-content ul,.article-content ol{padding-left:24px;margin:0 0 18px;}
.article-content li{margin-bottom:8px;}
.article-content blockquote{margin:24px 0;padding:18px 20px;border-left:5px solid var(--primary);background:var(--primary-soft);border-radius:14px;color:#334155;}
.article-content figure{margin:24px 0;}
.article-content table{width:100%;border-collapse:collapse;margin:24px 0;overflow:hidden;border-radius:14px;font-size:15px;}
.article-content th,.article-content td{border:1px solid var(--border);padding:10px 12px;vertical-align:top;}
.article-content th{background:#f1f5f9;color:var(--secondary);font-weight:850;}
.download-box{margin-top:30px;padding:22px;border-radius:18px;background:linear-gradient(135deg,#ecfdf5 0%,#eff6ff 100%);border:1px solid #bbf7d0;}
.download-box h2{margin:0 0 8px;font-size:20px;line-height:1.25;color:var(--secondary);}
.download-box p{margin:0 0 16px;color:#475569;}
.review-box{margin-top:28px;padding:20px;border-radius:16px;background:var(--primary-soft);border:1px solid #bbf7d0;}
.back-link{margin-top:24px;font-weight:850;color:var(--primary-dark);}
.empty-state{grid-column:1/-1;text-align:center;background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:48px 28px;}
.empty-state h3{margin:0 0 8px;color:var(--secondary);font-size:20px;line-height:1.25;}
.empty-state p{max-width:560px;margin:0 auto;color:var(--muted);}
.empty-state-modern{padding:46px 24px;border:1px solid var(--border);border-radius:24px;background:#fff;text-align:center;box-shadow:0 12px 30px rgba(15,23,42,.05);}
.empty-state-modern h2{margin:0 0 8px 0;color:var(--secondary);}
.empty-state-modern p{max-width:560px;margin:0 auto 18px auto;color:var(--muted);}
.empty-icon{width:72px;height:72px;margin:0 auto 16px auto;border-radius:22px;display:flex;align-items:center;justify-content:center;background:#e8faf3;color:var(--primary);font-size:34px;font-weight:900;}
.pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:28px;}
.pagination a,.pagination span{padding:9px 14px;border-radius:999px;border:1px solid var(--border);background:#fff;}
.pagination-modern{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:28px;}
.pagination-modern a,.pagination-modern span{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 15px;border-radius:999px;text-decoration:none;font-weight:850;}
.pagination-modern a{background:#fff;border:1px solid var(--border);color:var(--primary-dark);}
.pagination-modern a:hover{background:var(--primary-soft);}
.pagination-current{background:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important;}
.pagination-disabled{background:#e2e8f0!important;color:#94a3b8!important;}
.publication-info{margin-top:30px;padding:22px;border-radius:18px;background:#f8fafc;border:1px solid var(--border);}
.publication-info h2{font-size:20px;margin:0 0 16px;line-height:1.3;}
.publication-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;}
.publication-grid div{background:#fff;border:1px solid var(--border);border-radius:14px;padding:14px;min-width:0;}
.publication-grid span{display:block;font-size:13px;color:var(--muted);margin-bottom:4px;}
.publication-grid strong{display:block;font-size:14px;color:var(--secondary);line-height:1.45;overflow-wrap:anywhere;}
.detail-share{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:22px 0 26px;padding:16px;border:1px solid rgba(15,23,42,.08);border-radius:18px;background:linear-gradient(135deg,#f8fafc 0%,#eef7ff 100%);box-shadow:0 12px 28px rgba(15,23,42,.06);}
.detail-share-label{display:inline-flex;align-items:center;min-height:38px;font-size:14px;font-weight:800;color:#1e293b;letter-spacing:.01em;}
.detail-share-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;}
.detail-share-link{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:9px 15px;border:0;border-radius:999px;color:#fff;font-size:13px;font-weight:800;line-height:1;text-decoration:none;cursor:pointer;overflow:hidden;box-shadow:0 8px 18px rgba(15,23,42,.12);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;}
.detail-share-link::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,0));opacity:.9;pointer-events:none;}
.detail-share-link:hover{transform:translateY(-2px);color:#fff;text-decoration:none;filter:brightness(1.05);box-shadow:0 12px 24px rgba(15,23,42,.18);}
.detail-share-link:active{transform:translateY(0);box-shadow:0 6px 14px rgba(15,23,42,.14);}
.detail-share-link:focus-visible{outline:3px solid rgba(14,165,233,.28);outline-offset:3px;}
.share-facebook{background:linear-gradient(135deg,#1877f2 0%,#0b5bd3 100%);}
.share-whatsapp{background:linear-gradient(135deg,#25d366 0%,#128c4a 100%);}
.share-telegram{background:linear-gradient(135deg,#2aabee 0%,#1688c7 100%);}
.share-x{background:linear-gradient(135deg,#111827 0%,#000 100%);}
.share-native{background:linear-gradient(135deg,#0ea5e9 0%,#0369a1 100%);font-family:inherit;}
.share-copy{background:linear-gradient(135deg,#64748b 0%,#334155 100%);font-family:inherit;}
.share-facebook:hover{box-shadow:0 12px 26px rgba(24,119,242,.32);}
.share-whatsapp:hover{box-shadow:0 12px 26px rgba(37,211,102,.32);}
.share-telegram:hover{box-shadow:0 12px 26px rgba(42,171,238,.32);}
.share-x:hover{box-shadow:0 12px 26px rgba(0,0,0,.28);}
.share-native:hover{box-shadow:0 12px 26px rgba(14,165,233,.30);}
.share-copy:hover{box-shadow:0 12px 26px rgba(71,85,105,.28);}
.site-footer{position:relative;overflow:hidden;margin-top:42px;background:linear-gradient(135deg,#073b57 0%,#07534d 52%,#064e3b 100%);color:#d8f3ef;}
.site-footer::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 8%,rgba(209,250,229,.20),transparent 32%),radial-gradient(circle at 90% 16%,rgba(125,211,252,.16),transparent 30%);pointer-events:none;}
.site-footer::after{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#34d399 0%,#38bdf8 52%,#a7f3d0 100%);}
.footer-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(280px,1.35fr) minmax(220px,1fr) minmax(180px,.75fr);gap:26px;padding:54px 0 42px;align-items:stretch;}
.footer-grid>div{min-width:0;padding:24px;border:1px solid rgba(255,255,255,.14);border-radius:22px;background:rgba(255,255,255,.075);box-shadow:0 18px 42px rgba(2,6,23,.16);backdrop-filter:blur(12px);}
.footer-grid>div:first-child{display:flex;flex-direction:column;gap:16px;}
.site-footer iframe{width:100%!important;height:230px!important;border:0!important;border-radius:18px;display:block;box-shadow:0 14px 32px rgba(0,0,0,.22);background:#e2e8f0;}
.site-footer h3,.site-footer h4{color:#fff;margin:0 0 14px;line-height:1.2;letter-spacing:0;}
.site-footer h3{font-size:22px;font-weight:900;margin-bottom:0;}
.site-footer h4{position:relative;display:inline-flex;align-items:center;padding-bottom:10px;font-size:16px;font-weight:900;}
.site-footer h4::after{content:"";position:absolute;left:0;bottom:0;width:44px;height:3px;border-radius:999px;background:#34d399;}
.site-footer p{margin:0 0 10px;color:#d8f3ef;font-size:15px;line-height:1.7;overflow-wrap:anywhere;}
.site-footer p:last-child{margin-bottom:0;}
.site-footer a{display:flex;align-items:center;gap:9px;width:max-content;max-width:100%;margin-bottom:9px;color:#e7fffb;font-weight:750;line-height:1.35;transition:color .18s ease,transform .18s ease;}
.site-footer a::before{content:"";width:7px;height:7px;border-radius:999px;background:#34d399;box-shadow:0 0 0 4px rgba(52,211,153,.12);flex:0 0 auto;}
.site-footer a:hover{color:#fff;transform:translateX(4px);}
.site-footer a:last-child{margin-bottom:0;}
.footer-bottom{position:relative;z-index:1;border-top:1px solid rgba(255,255,255,.14);padding:18px 0;color:#b9d8d4;font-size:14px;text-align:center;background:rgba(2,6,23,.14);}
.debug-box{text-align:left;white-space:pre-wrap;background:var(--secondary);color:#e2e8f0;border-radius:12px;padding:16px;overflow:auto;}
@media(prefers-reduced-motion:reduce){
.topbar-marquee-track{animation:none;}
}
@media(max-width:1180px){
.header-inner{min-height:84px;}
.brand-text strong{font-size:18px;}
.brand-logo{width:44px;height:44px;}
.nav-link{padding:0 11px;font-size:14px;}
.home-leadership-photo,.home-official-photo,.official-photo,.pimpinan-photo,.pejabat-photo{width:136px;height:136px;}
}
@media(max-width:980px){
.topbar-inner{min-height:auto;gap:12px;padding:8px 0;}
.topbar-marquee-track{gap:56px;animation-duration:36s;}
.topbar-info{font-size:13px;}
.topbar-links{width:100%;gap:12px;overflow-x:auto;padding-bottom:2px;}
.header-inner{position:relative;align-items:center;}
.nav-toggle{display:flex;margin-left:auto;}
.main-nav{display:none;position:absolute;top:100%;left:0;right:0;z-index:150;padding:14px;background:#fff;border:1px solid var(--border);border-radius:0 0 22px 22px;box-shadow:var(--shadow-menu);flex-direction:column;align-items:stretch;gap:6px;}
.main-nav.is-open{display:flex;}
.nav-item{width:100%;}
.nav-link{width:100%;min-height:48px;justify-content:space-between;border-radius:14px;padding:0 14px;text-align:left;}
.dropdown-menu{position:static;min-width:100%;margin:4px 0 8px 0;padding:8px;border:0;border-radius:14px;box-shadow:none;background:#f8fafc;opacity:1;visibility:visible;transform:none;display:none;}
.dropdown-menu::before{display:none;}
.nav-item.open .dropdown-menu{display:block;}
.nav-item.open .dropdown-icon{transform:rotate(180deg);}
.hero{padding:40px 0 30px;}
.hero-grid{grid-template-columns:1fr;gap:30px;}
.two-column,.footer-grid{grid-template-columns:1fr;}
.footer-grid{gap:18px;padding:42px 0 34px;}
.footer-grid>div{padding:22px;}
.site-footer iframe{height:260px!important;}
.card-grid,.service-grid,.home-gallery-grid{grid-template-columns:1fr 1fr;}
.home-leadership-grid,.home-officials-grid,.officials-grid,.pimpinan-grid,.pejabat-grid{grid-template-columns:repeat(2,minmax(140px,190px));gap:34px 40px;}
.home-leadership-card:nth-child(n),.home-official-card:nth-child(n),.official-card:nth-child(n),.pimpinan-card:nth-child(n),.pejabat-card:nth-child(n){grid-row:auto;grid-column:auto;}
.listing-toolbar{flex-direction:column;align-items:stretch;}
.listing-search{min-width:0;width:100%;}
.content-row,.content-row-modern{grid-template-columns:1fr;}
.content-row img,.content-thumb img{width:100%;height:220px;min-height:220px;}
.content-thumb{aspect-ratio:16/9;}
.content-card-media{min-height:210px;}
.content-card-media img{min-height:210px;}
.hero-banner,.hero-banner-link,.hero-banner img,.hero-banner-placeholder{min-height:300px;}
.document-card{flex-direction:column;align-items:flex-start;}
.document-card-modern{grid-template-columns:72px 1fr;}
.document-actions{grid-column:1/-1;justify-content:flex-start;}
.article-featured-image .article-image{max-height:360px;}
}
@media(max-width:760px){
.publication-grid{grid-template-columns:1fr;}
.document-card-modern{grid-template-columns:1fr;}
.document-icon{width:64px;height:64px;}
.home-leadership-grid,.home-officials-grid,.officials-grid,.pimpinan-grid,.pejabat-grid{grid-template-columns:repeat(2,minmax(0,190px));justify-content:center;gap:32px 28px;}
}
@media(max-width:640px){
.container{width:min(100% - 28px,1140px);}
.topbar-inner{flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:11px 0 12px;text-align:center;}
.topbar-info{display:none;}
.topbar-social{order:1;width:100%;justify-content:center;}
.topbar-social-link{width:34px;height:34px;}
.topbar-marquee{display:block;flex:none;min-width:0;width:100%;max-width:100%;overflow:hidden;white-space:nowrap;}
.topbar-marquee-track{display:flex;width:max-content;min-width:max-content;gap:64px;animation:topbarMarqueeMobile 24s linear infinite!important;transform:translate3d(0,0,0);}
.topbar-marquee-track span{flex:0 0 auto;white-space:nowrap;}
.topbar-login{order:3;min-height:34px;padding:7px 16px;font-size:13px;}
.brand{gap:9px;}
.brand-logos{gap:5px;}
.brand-logo{width:38px;height:38px;}
.brand-text strong{font-size:15px;white-space:normal;}
.brand-text small{font-size:12px;}
.site-main::before{left:-600px;top:-500px;}
.site-main::after{right:-260px;top:400px;}
.hero{padding:28px 0 24px;}
.hero h1,.page-hero h1{font-size:clamp(28px,8vw,36px);}
.hero p,.page-hero p{font-size:16px;}
.hero-banner,.hero-banner-link,.hero-banner img,.hero-banner-placeholder{min-height:250px;}
.hero-banner{border-radius:22px;}
.hero-banner-placeholder strong{font-size:19px;}
.home-leadership-section,.home-officials-section,.officials-section,.pimpinan-section,.pejabat-section{padding:24px 0 42px;}
.home-leadership-grid,.home-officials-grid,.officials-grid,.pimpinan-grid,.pejabat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 18px;}
.home-leadership-photo,.home-official-photo,.official-photo,.pimpinan-photo,.pejabat-photo{width:118px;height:118px;box-shadow:0 10px 24px rgba(15,23,42,.12),0 0 0 6px rgba(255,255,255,.48);}
.home-leadership-position,.home-official-position,.official-position,.pimpinan-position,.pejabat-position{font-size:9px;}
.home-gallery-section{padding-top:42px;}
.home-gallery-link,.home-gallery-card{min-height:230px;}
.home-gallery-link img{height:240px;}
.home-gallery-caption{padding:54px 18px 16px;}
.section{padding:36px 0;}
.section-heading{align-items:flex-start;flex-direction:column;}
.section-heading h2{font-size:24px;}
.section-heading p{font-size:15px;}
.card-grid,.service-grid,.stat-grid,.home-gallery-grid{grid-template-columns:1fr;}
.search-box,.listing-search{flex-direction:column;align-items:stretch;}
.search-box button,.listing-search button,.search-reset{width:100%;min-height:44px;}
.content-row-modern{padding:14px;border-radius:20px;}
.content-row-modern h2,.document-card-modern h2{font-size:19px;}
.content-card-media{min-height:200px;font-size:44px;}
.content-card-media img{min-height:200px;}
.content-card-media span,.content-thumb span{font-size:42px;}
.content-meta{gap:6px;}
.content-meta span:not(:last-child)::after{display:none;}
.document-card-modern{padding:16px;border-radius:20px;}
.document-actions{width:100%;}
.document-actions .btn{width:100%;}
.article-detail{padding:20px;}
.article-featured-image{border-radius:16px;margin-bottom:20px;}
.article-featured-image .article-image{max-height:300px;}
.article-content{font-size:15.5px;line-height:1.75;}
.article-content table{display:block;overflow-x:auto;white-space:nowrap;}
.download-box{padding:18px;}
.download-box .btn{width:100%;}
.content-actions .read-more{width:100%;}
.pagination-modern{flex-wrap:wrap;}
.detail-share{align-items:flex-start;flex-direction:column;gap:10px;padding:14px;}
.detail-share-label{min-height:auto;}
.site-footer{margin-top:34px;}
.footer-grid{gap:14px;padding:34px 0 28px;}
.footer-grid>div{padding:18px;border-radius:18px;}
.site-footer iframe{height:210px!important;border-radius:15px;}
.site-footer h3{font-size:20px;}
.site-footer h4{font-size:15px;}
.site-footer p,.site-footer a{font-size:14px;}
.site-footer a{width:100%;}
.footer-bottom{padding:15px 0;font-size:13px;line-height:1.55;}
}
@media(max-width:420px){
.home-leadership-grid,.home-officials-grid,.officials-grid,.pimpinan-grid,.pejabat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px;}
.home-leadership-photo,.home-official-photo,.official-photo,.pimpinan-photo,.pejabat-photo{width:126px;height:126px;}
.detail-share-actions{width:100%;gap:8px;}
.detail-share-link{flex:1 1 calc(50% - 8px);min-height:40px;padding:10px 12px;}
}
@media(max-width:360px){
.home-leadership-grid,.home-officials-grid,.officials-grid,.pimpinan-grid,.pejabat-grid{grid-template-columns:1fr;}
}
@media(max-width:340px){
.detail-share-link{flex-basis:100%;}
}

/* Home refinement */
.site-main{background:linear-gradient(180deg,#f7fbfa 0%,#ffffff 34%,#f8fafc 68%,#eef8f5 100%);}
.site-main::before,.site-main::after{display:none!important;}
.hero{position:relative;overflow:hidden;padding:68px 0 48px;background:linear-gradient(135deg,#f8fffd 0%,#eef9f6 48%,#f8fbff 100%);border-bottom:1px solid rgba(15,118,110,.10);}
.hero::before{content:"";display:block!important;position:absolute;inset:auto 0 0 0;height:1px;background:linear-gradient(90deg,transparent,rgba(15,118,110,.32),transparent);pointer-events:none;}
.hero::after{content:"";display:block!important;position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,118,110,.07) 0%,rgba(15,118,110,0) 42%),linear-gradient(180deg,rgba(255,255,255,.76) 0%,rgba(255,255,255,0) 68%);pointer-events:none;}
.hero-grid{position:relative;z-index:1;grid-template-columns:minmax(0,1.02fr) minmax(320px,.98fr);gap:52px;align-items:center;}
.hero-content{max-width:650px;}
.hero .eyebrow,.section-heading .eyebrow{padding:7px 12px;border-radius:999px;background:rgba(15,118,110,.09);border:1px solid rgba(15,118,110,.14);color:#0f766e;font-size:11px;letter-spacing:.11em;}
.hero h1,.hero .web-title{max-width:720px;margin:16px 0 18px;color:#073b57;font-size:clamp(34px,4.4vw,56px);line-height:1.03;letter-spacing:0;font-weight:900;}
.hero p{max-width:620px;margin-bottom:28px;color:#40566a;font-size:18px;line-height:1.78;}
.hero-actions{gap:14px;}
.hero-actions .btn{min-height:48px;padding:13px 21px;box-shadow:0 12px 24px rgba(15,118,110,.12);transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease;}
.hero-actions .btn:hover{transform:translateY(-2px);box-shadow:0 18px 34px rgba(15,118,110,.18);}
.hero-actions .btn-secondary{border-color:rgba(15,118,110,.18);color:#07534d;background:rgba(255,255,255,.86);}
.hero-banner{isolation:isolate;min-height:390px;border-radius:28px;background:linear-gradient(135deg,#dff7ee 0%,#dbeafe 100%);box-shadow:0 28px 70px rgba(15,23,42,.16),0 0 0 1px rgba(255,255,255,.80);transform:translateZ(0);}
.hero-banner::before{content:"";position:absolute;inset:14px;border:1px solid rgba(255,255,255,.72);border-radius:20px;z-index:2;pointer-events:none;}
.hero-banner::after{display:block!important;z-index:1;background:linear-gradient(180deg,rgba(7,59,87,0) 42%,rgba(7,59,87,.20) 100%);}
.hero-banner-link,.hero-banner img,.hero-banner-placeholder{min-height:390px;}
.hero-banner img{transition:transform .55s ease,filter .55s ease;}
.hero-banner:hover img{transform:scale(1.025);filter:saturate(1.04);}
.hero-banner-placeholder{background:linear-gradient(135deg,#ecfdf5 0%,#eff6ff 100%);}
.hero-banner-placeholder strong{color:#073b57;font-size:24px;}
.hero-banner-placeholder span{color:#52677b;}
.section{padding:58px 0;}
.section-muted{background:linear-gradient(180deg,#f8fbff 0%,#eef8f5 100%);border-top:1px solid rgba(15,118,110,.10);border-bottom:1px solid rgba(15,118,110,.10);}
.section-heading{margin-bottom:26px;align-items:center;}
.section-heading.compact{margin-bottom:18px;}
.link-more{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 14px;border-radius:999px;background:#fff;border:1px solid rgba(15,118,110,.16);box-shadow:0 8px 20px rgba(15,23,42,.05);color:#07534d;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;}
.link-more:hover{background:#ecfdf5;color:#0f766e;transform:translateY(-1px);box-shadow:0 12px 26px rgba(15,23,42,.08);}
.home-leadership-section{padding:42px 0 64px;background:linear-gradient(180deg,#ffffff 0%,#f4fbf8 100%);}
.home-leadership-grid{max-width:1060px;gap:44px 64px;}
.home-leadership-card{max-width:210px;padding:14px 10px!important;border-radius:18px!important;transition:transform .2s ease,filter .2s ease;}
.home-leadership-card:hover{transform:translateY(-5px);}
.home-leadership-photo{width:152px;height:152px;margin-bottom:16px;border:3px solid rgba(255,255,255,.95);outline:1px solid rgba(15,118,110,.20);box-shadow:0 18px 38px rgba(15,23,42,.16),0 0 0 8px rgba(209,250,229,.55);}
.home-leadership-name{max-width:210px;color:#0f2f3f;font-size:12px;font-weight:850;line-height:1.35;}
.home-leadership-position{max-width:210px;margin-top:5px;color:#0f766e;font-size:11px;font-weight:750;line-height:1.35;}
.home-gallery-section{padding:58px 0 66px;background:#fff;}
.home-gallery-grid{gap:24px;}
.home-gallery-card{min-height:280px;border-radius:22px;box-shadow:0 18px 42px rgba(15,23,42,.11);border:1px solid rgba(255,255,255,.72);}
.home-gallery-link{min-height:280px;}
.home-gallery-link img{height:280px;}
.home-gallery-caption{padding:66px 20px 20px;background:linear-gradient(180deg,rgba(7,59,87,0) 0%,rgba(7,59,87,.42) 44%,rgba(7,59,87,.88) 100%);}
.home-gallery-caption span{background:rgba(255,255,255,.20);border:1px solid rgba(255,255,255,.28);}
.home-gallery-caption h3{color:#fff;font-size:17px;}
.card-grid,.service-grid{gap:24px;}
.content-card,.service-card,.list-panel{border:1px solid rgba(15,118,110,.11);border-radius:20px;box-shadow:0 16px 34px rgba(15,23,42,.07);}
.content-card{overflow:hidden;background:#fff;}
.content-card:hover,.service-card:hover{transform:translateY(-4px);box-shadow:0 24px 52px rgba(15,23,42,.12);border-color:rgba(15,118,110,.28);}
.content-card-media{aspect-ratio:16/10;min-height:206px;background:linear-gradient(135deg,#e6f7ef 0%,#eaf3ff 100%);}
.content-card-media img{min-height:206px;}
.content-card-body{padding:22px;}
.date{color:#0f766e;font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.06em;}
.content-card h3,.service-card h3{font-size:19px;line-height:1.32;}
.content-card p,.service-card p{color:#52677b;line-height:1.72;}
.list-panel{overflow:hidden;background:#fff;}
.list-item{position:relative;padding:18px 20px 18px 22px;transition:background .18s ease,transform .18s ease;}
.list-item::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#0f766e;opacity:0;transition:opacity .18s ease;}
.list-item:hover{background:#f0fdfa;transform:translateX(2px);}
.list-item:hover::before{opacity:1;}
.list-item span{color:#0f766e;font-weight:750;}
.list-item strong{color:#1f3647;line-height:1.42;}
.service-card{position:relative;overflow:hidden;padding:26px;background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);}
.service-card::before{content:"";display:block;width:44px;height:4px;margin-bottom:18px;border-radius:999px;background:linear-gradient(90deg,#0f766e,#38bdf8);}
.empty-state{border-color:rgba(15,118,110,.14);border-radius:22px;box-shadow:0 14px 32px rgba(15,23,42,.06);}
.empty-icon{background:#ecfdf5;color:#0f766e;}
@media(max-width:980px){
.hero{padding:48px 0 38px;}
.hero-grid{grid-template-columns:1fr;gap:32px;}
.hero-content{max-width:760px;}
.hero-banner,.hero-banner-link,.hero-banner img,.hero-banner-placeholder{min-height:320px;}
.home-leadership-grid{gap:34px 40px;}
.home-leadership-photo{width:138px;height:138px;}
.section{padding:48px 0;}
}
@media(max-width:640px){
.hero{padding:36px 0 30px;}
.hero h1,.hero .web-title{font-size:clamp(30px,8vw,40px);line-height:1.08;}
.hero p{font-size:16px;line-height:1.72;}
.hero-actions .btn{width:100%;}
.hero-banner,.hero-banner-link,.hero-banner img,.hero-banner-placeholder{min-height:250px;}
.hero-banner{border-radius:20px;}
.hero-banner::before{inset:10px;border-radius:14px;}
.section{padding:40px 0;}
.section-heading{align-items:flex-start;gap:14px;}
.link-more{width:100%;}
.home-leadership-section{padding:34px 0 46px;}
.home-leadership-grid{gap:30px 18px;}
.home-leadership-card{padding:8px 4px!important;}
.home-leadership-photo{width:122px;height:122px;margin-bottom:14px;box-shadow:0 12px 28px rgba(15,23,42,.14),0 0 0 6px rgba(209,250,229,.54);}
.home-leadership-name{font-size:11px;}
.home-leadership-position{font-size:10px;}
.home-gallery-section{padding:42px 0 48px;}
.home-gallery-card,.home-gallery-link{min-height:236px;}
.home-gallery-link img{height:236px;}
.home-gallery-caption{padding:58px 17px 17px;}
.content-card-body,.service-card{padding:20px;}
.content-card h3,.service-card h3{font-size:18px;}
.list-item{padding:16px 16px 16px 18px;}
}
@media(max-width:360px){
.home-leadership-photo{width:132px;height:132px;}
}
@media(max-width:640px){
html,body{max-width:100%;overflow-x:hidden;}
.hero .container,.hero-grid,.hero-content,.hero-banner,.hero-banner-link{min-width:0;max-width:100%;width:100%;}
.hero h1,.hero .web-title,.hero p{max-width:100%;overflow-wrap:anywhere;}
.hero-banner{box-sizing:border-box;}
.hero-banner-link{display:block;overflow:hidden;}
}