/*
Theme Name: Matsanega Modern
Theme URI: https://mtsn3trenggalek.id/
Author: MTsN 3 Trenggalek
Description: Tema WordPress khusus dengan homepage modern hijau-emas untuk MTsN 3 Trenggalek.
Version: 1.9.9
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: matsanega-modern
*/

:root {
  --green-950:#03291c;
  --green-900:#043e29;
  --green-800:#075638;
  --green-700:#087443;
  --green-600:#0d8b52;
  --green-500:#16a267;
  --green-100:#dff5e9;
  --green-50:#f2fbf6;
  --gold-500:#f4c84b;
  --gold-300:#ffe08a;
  --ink:#14221b;
  --muted:#66736c;
  --surface:#ffffff;
  --surface-soft:#f5f8f6;
  --line:#dce6e0;
  --shadow:0 18px 55px rgba(3,62,41,.12);
  --radius-sm:14px;
  --radius-md:24px;
  --radius-lg:36px;
  --container:min(1180px,calc(100% - 40px));
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:#fff;font-family:Inter,"Segoe UI",Arial,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}
body.matsanega-site{color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif}
body.nav-open{overflow-x:hidden;overscroll-behavior:contain}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
button{cursor:pointer}
.container{width:var(--container);margin-inline:auto}
.skip-link{position:absolute;top:-100px;left:20px;z-index:1000;padding:12px 16px;background:#fff;color:var(--green-900);border-radius:8px}.skip-link:focus{top:16px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.topbar{background:var(--green-950);color:#d9eee3;font-size:13px}
.topbar__inner{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.topbar__item{display:flex;align-items:center;gap:8px}
.topbar__right{display:flex;gap:22px}
.topbar a:hover{color:var(--gold-300)}

.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.95);border-bottom:1px solid rgba(220,230,224,.7);backdrop-filter:blur(14px);transition:box-shadow .3s ease,background .3s ease}
.site-header.is-scrolled{background:rgba(255,255,255,.98);box-shadow:0 12px 35px rgba(3,41,28,.1)}
.navbar{height:82px;display:flex;align-items:center;gap:30px;transition:height .3s ease}
.site-header.is-scrolled .navbar{height:70px}
.brand{display:flex;align-items:center;gap:12px;min-width:280px}
.brand__mark{width:54px;height:54px;object-fit:contain;flex:0 0 54px}
.brand__official{width:310px;max-height:62px;object-fit:contain;object-position:left center;transform-origin:left center;transition:transform .3s ease}
.site-header.is-scrolled .brand__official{transform:scale(.92)}
.brand__text{display:grid;line-height:1.08}
.brand__text small{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--green-700);font-weight:800}
.brand__text strong{font-size:19px;color:var(--green-950)}
.custom-logo{max-width:260px;max-height:58px;width:auto;transform-origin:left center;transition:transform .3s ease}.site-header.is-scrolled .custom-logo{transform:scale(.92)}
.primary-nav{display:flex;align-items:center;gap:4px;margin-left:auto}.primary-nav ul{margin:0;padding:0;list-style:none}.primary-nav>.menu{display:flex;align-items:center;gap:2px}.primary-nav li{position:relative}.primary-nav .menu-item-has-children{display:flex;align-items:center}.primary-nav a{display:block;padding:10px 10px;color:#304039;font-size:13px;font-weight:750;border-radius:10px;white-space:nowrap}.primary-nav a:hover,.primary-nav .current-menu-item>a,.primary-nav .current-menu-ancestor>a{color:var(--green-700);background:var(--green-50)}.primary-nav .menu-item-has-children>a{padding-right:7px}.submenu-toggle{display:grid;place-items:center;width:25px;height:25px;margin-left:-2px;padding:0;border:1px solid transparent;border-radius:8px;background:var(--green-50);color:var(--green-800);transition:background .2s ease,border-color .2s ease,transform .2s ease}.submenu-toggle:hover,.submenu-toggle:focus-visible{border-color:#b8ddc9;background:var(--green-100)}.submenu-toggle span{display:block;width:7px;height:7px;margin-top:-3px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:rotate(45deg);transition:transform .2s ease,margin .2s ease}.primary-nav .sub-menu{position:absolute;left:0;top:calc(100% + 13px);display:grid;gap:5px;min-width:285px;padding:13px;border:1px solid rgba(244,200,75,.28);border-top:4px solid var(--gold-500);border-radius:7px 7px 18px 18px;background:linear-gradient(145deg,var(--green-950),var(--green-800));box-shadow:0 22px 55px rgba(3,41,28,.28);opacity:0;visibility:hidden;transform:translateY(-8px) scale(.98);transform-origin:top left;transition:opacity .2s ease,visibility .2s ease,transform .2s ease}.primary-nav .sub-menu::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:17px}.primary-nav .sub-menu::after{content:"";position:absolute;left:30px;bottom:100%;border:8px solid transparent;border-bottom-color:var(--gold-500)}.primary-nav .sub-menu a{display:flex;align-items:center;gap:10px;padding:12px 13px;border:1px solid transparent;color:#fff;font-size:13px;transition:background .2s ease,color .2s ease,transform .2s ease}.primary-nav .sub-menu a::before{content:"";flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:var(--gold-500);box-shadow:0 0 0 4px rgba(244,200,75,.1)}.primary-nav .sub-menu a::after{content:"→";margin-left:auto;color:var(--gold-300);opacity:.65}.primary-nav .sub-menu a:hover,.primary-nav .sub-menu a:focus-visible{color:var(--gold-300);background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.08);transform:translateX(3px)}.primary-nav .menu-item-has-children:hover>.sub-menu,.primary-nav .menu-item-has-children:focus-within>.sub-menu,.primary-nav .menu-item-has-children.submenu-open>.sub-menu{opacity:1;visibility:visible;transform:none}.primary-nav .menu-item-has-children:hover>.submenu-toggle span,.primary-nav .menu-item-has-children:focus-within>.submenu-toggle span,.primary-nav .menu-item-has-children.submenu-open>.submenu-toggle span{margin-top:3px;transform:rotate(225deg)}
.nav-cta,.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 20px;border:0;border-radius:13px;background:var(--green-700);color:#fff;font-size:14px;font-weight:800;box-shadow:0 9px 22px rgba(8,116,67,.2);transition:.22s ease}
.nav-cta:hover,.button:hover{transform:translateY(-2px);background:var(--green-800);box-shadow:0 12px 26px rgba(8,116,67,.27)}
.button--gold{color:var(--green-950);background:var(--gold-500);box-shadow:0 9px 22px rgba(244,200,75,.22)}
.button--gold:hover{background:var(--gold-300)}
.button--ghost{background:transparent;border:1px solid rgba(255,255,255,.32);box-shadow:none}.button--ghost:hover{background:rgba(255,255,255,.1)}
.button--light{background:#fff;color:var(--green-800);box-shadow:none}.button--light:hover{background:var(--green-50)}
.menu-toggle{display:none;margin-left:auto;width:46px;height:46px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--green-900)}
.menu-toggle span,.menu-toggle::before,.menu-toggle::after{content:"";display:block;width:22px;height:2px;margin:5px auto;background:currentColor;transition:.2s}
.scroll-progress{position:fixed;inset:0 0 auto;z-index:70;height:3px;pointer-events:none}.scroll-progress span{display:block;width:var(--scroll-progress,0%);height:100%;background:linear-gradient(90deg,var(--gold-500),var(--green-500));box-shadow:0 0 12px rgba(244,200,75,.55)}
.submenu-toggle span{font-size:0}
.submenu-toggle{width:24px;height:24px;border-color:var(--green-700);border-radius:50%;background:var(--green-700);color:#fff;box-shadow:0 4px 10px rgba(8,116,67,.18)}.submenu-toggle::before{content:"";display:block;width:6px;height:6px;margin-top:-3px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .2s ease,margin .2s ease}.submenu-toggle span{display:none}.submenu-toggle:hover,.submenu-toggle:focus-visible{border-color:var(--green-800);background:var(--green-800)}.primary-nav .menu-item-has-children:hover>.submenu-toggle::before,.primary-nav .menu-item-has-children:focus-within>.submenu-toggle::before,.primary-nav .menu-item-has-children.submenu-open>.submenu-toggle::before{margin-top:3px;transform:rotate(225deg)}

.notice{background:var(--gold-500);color:var(--green-950);font-size:14px;font-weight:700}
.notice__inner{min-height:43px;display:flex;align-items:center;gap:12px}
.notice__label{display:inline-flex;padding:4px 9px;border-radius:999px;background:var(--green-950);color:#fff;font-size:11px;letter-spacing:.08em;text-transform:uppercase;animation:infoPulse 2.6s ease-in-out infinite}
.notice__link{margin-left:auto;font-size:13px;text-decoration:underline;text-underline-offset:3px}

.hero{position:relative;min-height:720px;display:flex;align-items:center;overflow:hidden;background:var(--green-950);color:#fff}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,41,28,.98) 0%,rgba(3,41,28,.91) 42%,rgba(3,41,28,.28) 72%,rgba(3,41,28,.08) 100%);z-index:1}
.hero::after{content:"";position:absolute;inset:-4%;background:url("assets/images/pattern.svg");opacity:.35;z-index:1;mask-image:linear-gradient(to right,#000,transparent 63%);animation:patternDrift 24s linear infinite}
.hero__media{position:absolute;inset:-4% -2% -4% 39%;overflow:hidden;transform:translate3d(0,var(--hero-shift,0),0);will-change:transform}
.hero__media img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.9) contrast(1.02);animation:heroZoom 18s ease-in-out infinite alternate}
.hero__content{position:relative;z-index:2;max-width:730px;padding:105px 0 130px}
.hero__content>*{opacity:0;animation:heroEnter .78s cubic-bezier(.2,.8,.2,1) forwards}.hero__content>*:nth-child(1){animation-delay:.08s}.hero__content>*:nth-child(2){animation-delay:.18s}.hero__content>*:nth-child(3){animation-delay:.29s}.hero__content>*:nth-child(4){animation-delay:.4s}
.eyebrow{display:inline-flex;align-items:center;gap:9px;margin-bottom:18px;color:var(--green-700);font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.eyebrow::before{content:"";width:29px;height:3px;border-radius:3px;background:var(--gold-500)}
.hero .eyebrow{color:var(--gold-300)}
.hero h1{max-width:720px;margin:0;font-size:clamp(48px,6vw,82px);line-height:1.02;letter-spacing:-.045em}
.hero h1 em{color:var(--gold-500);font-style:normal}
.hero__lead{max-width:620px;margin:25px 0 30px;color:#d7e6de;font-size:18px;line-height:1.75}
.hero__actions{display:flex;flex-wrap:wrap;gap:12px}
.hero__badge{position:absolute;right:4%;bottom:40px;z-index:3;width:190px;padding:17px 19px;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:rgba(3,41,28,.78);backdrop-filter:blur(12px);animation:badgeFloat 4.8s ease-in-out infinite}
.hero__badge strong{display:block;color:var(--gold-500);font-size:25px;line-height:1.2}.hero__badge span{color:#d7e6de;font-size:12px}

.quicklinks{position:relative;z-index:4;margin-top:-62px}
.quicklinks__grid{display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;border:1px solid rgba(220,230,224,.75);border-radius:var(--radius-md);background:#fff;box-shadow:var(--shadow)}
.quicklink{display:flex;align-items:center;gap:14px;min-height:122px;padding:22px;border-right:1px solid var(--line);transition:background .25s ease;animation:quicklinkIn .62s cubic-bezier(.2,.8,.2,1) both}.quicklink:nth-child(1){animation-delay:.42s}.quicklink:nth-child(2){animation-delay:.5s}.quicklink:nth-child(3){animation-delay:.58s}.quicklink:nth-child(4){animation-delay:.66s}.quicklink:last-child{border:0}.quicklink:hover{background:var(--green-50)}
.quicklink__icon{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:15px;background:var(--green-100);color:var(--green-800);font-size:22px;transition:transform .28s ease,background .28s ease}.quicklink:hover .quicklink__icon{transform:translateY(-4px) rotate(-5deg) scale(1.06);background:#c7efda}
.quicklink strong{display:block;font-size:15px}.quicklink small{display:block;margin-top:2px;color:var(--muted);font-size:12px}

.section{padding:100px 0}
.section--soft{background:var(--surface-soft)}
.section--green{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--green-900),var(--green-700));color:#fff}
.section--green::before{content:"";position:absolute;inset:0;background:url("assets/images/pattern.svg");opacity:.5}
.section__head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:44px}
.section__head-copy{max-width:720px}
.section__head h2{position:relative;margin:0;padding-bottom:12px;font-size:clamp(32px,4vw,50px);line-height:1.12;letter-spacing:-.035em}.section__head h2::after{content:"";position:absolute;left:0;bottom:0;width:70px;height:4px;border-radius:3px;background:var(--gold-500);transform:scaleX(0);transform-origin:left;transition:transform .7s cubic-bezier(.2,.8,.2,1) .2s}.section__head.is-visible h2::after{transform:scaleX(1)}
.section__head p{margin:15px 0 0;color:var(--muted);font-size:16px}
.section--green .section__head p{color:#cce1d6}
.text-link{display:inline-flex;align-items:center;gap:7px;color:var(--green-700);font-weight:800}.text-link:hover{gap:11px}

.welcome-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:72px;align-items:center}
.welcome-card{position:relative;min-height:490px}
.welcome-card__image{position:absolute;isolation:isolate;inset:0 74px 42px 0;border-radius:var(--radius-lg);background:linear-gradient(150deg,#dff3e8,#fff0bc);overflow:hidden;box-shadow:var(--shadow)}
.welcome-card__image::before{content:"";position:absolute;z-index:2;top:24px;right:22px;width:92px;height:92px;border:3px solid rgba(245,195,51,.72);border-radius:50%;box-shadow:0 0 0 12px rgba(245,195,51,.13),0 0 0 28px rgba(8,116,67,.08);pointer-events:none}
.welcome-card__image::after{content:"";position:absolute;z-index:2;left:24px;bottom:26px;width:104px;height:76px;background:radial-gradient(circle,rgba(8,116,67,.55) 0 3px,transparent 4px) 0 0/18px 18px;opacity:.8;pointer-events:none}
.welcome-card__image img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;object-position:center top}
.welcome-card__quote{position:absolute;right:0;bottom:0;width:68%;padding:23px 25px;border-radius:var(--radius-md);background:var(--green-900);color:#fff;box-shadow:var(--shadow)}
.welcome-card__quote p{margin:0 0 12px;font-size:16px;line-height:1.55}.welcome-card__quote strong{font-size:13px;color:var(--gold-300)}
.welcome-copy h2{margin:0;font-size:clamp(34px,4vw,54px);line-height:1.1;letter-spacing:-.04em}.welcome-copy>p{margin:22px 0;color:var(--muted)}
.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:28px 0 33px;padding:0;list-style:none}.feature-list li{display:flex;gap:10px;align-items:center;font-weight:750;font-size:14px}.check{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--green-100);color:var(--green-700);font-size:12px}

.stats{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;overflow:hidden;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-md);background:rgba(255,255,255,.13)}
.stat{position:relative;padding:31px 24px 35px;background:rgba(3,41,28,.32);text-align:center;transition:background .25s ease,transform .25s ease}.stat:hover{z-index:1;background:rgba(3,41,28,.5);transform:translateY(-4px)}.stat__icon{display:grid!important;place-items:center;width:50px;height:50px;margin:0 auto 15px!important;border:1px solid rgba(255,255,255,.18);border-radius:15px;background:rgba(255,255,255,.1);color:var(--gold-300)!important}.stat__icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.stat strong{display:block;color:var(--gold-500);font-size:46px;line-height:1;font-variant-numeric:tabular-nums}.stat>span:last-child{display:block;margin-top:10px;color:#d4e8de;font-size:13px;font-weight:700}

.news-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:22px}
.news-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-md);background:#fff;box-shadow:0 8px 30px rgba(3,62,41,.07);transition:transform .2s ease,box-shadow .25s ease;transform-style:preserve-3d}.news-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.news-card__image{display:block;width:100%;aspect-ratio:16/10;overflow:hidden;background:linear-gradient(135deg,#dff5e9,#fff1c8)}.news-card__image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:.35s}.news-card:hover img{transform:scale(1.035)}
.news-card__body{padding:22px}.news-card__meta{display:grid;gap:10px;margin-bottom:13px;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.news-card__labels,.news-card__facts{display:flex;flex-wrap:wrap;align-items:center;gap:7px 12px}.news-card__facts{justify-content:space-between}.content-label{display:inline-flex;align-items:center;width:max-content;max-width:100%;overflow:hidden;padding:5px 9px;border-radius:999px;background:var(--green-100);color:var(--green-800);font-size:10px;font-weight:900;line-height:1.2;letter-spacing:.07em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.content-label--informasi{background:#e7f1ff;color:#285c9d}.content-label--pengumuman{background:#fff0c7;color:#795907}.content-label--kegiatan{background:#f0e9ff;color:#65419c}.content-label--prestasi,.content-label--olahraga,.content-label--seni,.content-label--akademik,.content-label--kompetisi-akademik{background:#fff0c7;color:#6e5106}.view-count{display:inline-flex;align-items:center;gap:5px}.view-count svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8}.news-card__body h3{margin:0;font-size:19px;line-height:1.35}.news-card__body p{margin:12px 0 0;color:var(--muted);font-size:13px}
.news-card--feature .news-card__image{aspect-ratio:16/9}.news-card--feature .news-card__body{padding:27px}.news-card--feature .news-card__body h3{font-size:25px}
.program-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.program-card{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-md);background:rgba(255,255,255,.08);backdrop-filter:blur(10px);transition:transform .2s ease,background .25s ease;transform-style:preserve-3d}.program-card:hover{transform:translateY(-6px);background:rgba(255,255,255,.13)}
.program-card__image{width:100%;height:218px;object-fit:cover;transition:transform .35s ease}.program-card:hover .program-card__image{transform:scale(1.035)}.program-card__body{position:relative;min-height:178px;padding:26px 28px 30px}.program-card__number{position:absolute;right:20px;top:12px;color:rgba(255,255,255,.12);font-size:68px;font-weight:900;line-height:1}.program-card h3{position:relative;margin:0 0 12px;font-size:24px}.program-card p{position:relative;margin:0;color:#cce1d6;font-size:14px}

.achievement-collage{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.achievement-poster{position:relative;overflow:hidden;aspect-ratio:3/4;border-radius:22px;background:var(--green-100);box-shadow:0 10px 35px rgba(3,62,41,.1);transition:transform .3s ease,box-shadow .3s ease}.achievement-poster>a,.achievement-poster>div{display:block;width:100%;height:100%}.achievement-poster img{width:100%;height:100%;object-fit:cover}.achievement-poster__shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(3,41,28,.92) 100%);transition:opacity .3s ease}.achievement-poster__content{position:absolute;inset:auto 0 0;display:grid;gap:9px;padding:23px;color:#fff;transition:opacity .25s ease,transform .3s ease}.achievement-poster__content strong{font-size:18px;line-height:1.25}.achievement-poster__content time{color:#cce1d6;font-size:11px;font-weight:700}.achievement-poster:hover{transform:translateY(-7px);box-shadow:0 20px 45px rgba(3,62,41,.18)}.achievement-poster:hover .achievement-poster__shade{opacity:0}.achievement-poster:hover .achievement-poster__content{opacity:0;transform:translateY(18px)}
.news-card.is-tilting,.program-card.is-tilting{transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-4px)}

.media-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:24px}.video-card{position:relative;display:grid;place-items:center;min-height:480px;overflow:hidden;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--green-900),var(--green-700));color:#fff}.video-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35;transition:transform .6s ease,opacity .6s ease}.video-card:hover img{transform:scale(1.04);opacity:.43}.video-card__play{position:relative;z-index:1;display:grid;place-items:center;width:78px;height:78px;border:0;border-radius:50%;background:var(--gold-500);color:var(--green-950);font-size:27px;box-shadow:0 0 0 14px rgba(255,255,255,.12);transition:transform .3s ease,box-shadow .3s ease}.video-card:hover .video-card__play{transform:scale(1.08);box-shadow:0 0 0 20px rgba(255,255,255,.1)}.video-card__label{position:absolute;left:30px;bottom:26px;z-index:1}.video-card__label small{display:block;color:var(--gold-300);font-weight:800}.video-card__label strong{font-size:23px}
.gallery-stack{display:grid;grid-template-columns:1fr 1fr;gap:16px}.gallery-tile{position:relative;min-height:226px;overflow:hidden;border-radius:22px;background:var(--green-100)}.gallery-tile img{width:100%;height:100%;min-height:226px;object-fit:cover;transition:transform .35s ease}.gallery-tile:hover img{transform:scale(1.05)}.gallery-tile::after{content:attr(data-label);position:absolute;left:15px;bottom:14px;padding:7px 10px;border-radius:8px;background:rgba(3,41,28,.88);color:#fff;font-size:11px;font-weight:800}

.extras{display:flex;flex-wrap:wrap;gap:14px 11px}.extra-item{position:relative}.extra-chip{display:inline-flex;align-items:center;gap:9px;padding:13px 17px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font-size:13px;font-weight:750;transition:color .22s ease,border-color .22s ease,background .22s ease,transform .22s ease,box-shadow .22s ease}.extra-chip__dot{color:var(--green-700);transition:transform .3s ease}.extra-item:hover .extra-chip,.extra-chip:focus-visible,.extra-item.is-open .extra-chip{color:var(--green-800);border-color:#8dc6a6;background:var(--green-50);box-shadow:0 9px 24px rgba(3,62,41,.1);transform:translateY(-2px)}.extra-item:hover .extra-chip__dot,.extra-chip:focus-visible .extra-chip__dot,.extra-item.is-open .extra-chip__dot{transform:rotate(45deg) scale(1.12)}
.extra-popover{position:absolute;left:50%;bottom:calc(100% + 14px);z-index:15;width:270px;padding:18px 19px;border:1px solid rgba(255,255,255,.13);border-radius:16px;background:rgba(3,41,28,.97);color:#fff;box-shadow:0 18px 45px rgba(3,41,28,.22);opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,10px) scale(.96);transform-origin:bottom center;transition:opacity .22s ease,visibility .22s ease,transform .22s ease}.extra-popover::after{content:"";position:absolute;left:50%;top:100%;width:12px;height:12px;background:rgba(3,41,28,.97);transform:translate(-50%,-6px) rotate(45deg)}.extra-popover strong{display:block;color:var(--gold-300);font-size:15px}.extra-popover p{margin:6px 0 0;color:#d9eee3;font-size:12px;line-height:1.6}.extra-item:hover .extra-popover,.extra-chip:focus-visible + .extra-popover,.extra-item.is-open .extra-popover{opacity:1;visibility:visible;transform:translate(-50%,0) scale(1)}

.cta-panel{position:relative;display:flex;align-items:center;justify-content:space-between;gap:35px;overflow:hidden;padding:48px;border-radius:var(--radius-lg);background:var(--gold-500);color:var(--green-950)}.cta-panel::after{content:"";position:absolute;right:-70px;top:-110px;width:300px;height:300px;border:55px solid rgba(255,255,255,.28);border-radius:50%}.cta-panel__copy{position:relative;z-index:1;max-width:720px}.cta-panel h2{margin:0;font-size:clamp(30px,4vw,46px);line-height:1.12}.cta-panel p{margin:12px 0 0}.cta-panel .button{position:relative;z-index:1;flex:0 0 auto}

.inner-hero{position:relative;overflow:hidden;padding:84px 0 105px;background:linear-gradient(135deg,var(--green-950),var(--green-700));color:#fff}.inner-hero::after{content:"";position:absolute;inset:0;background:url("assets/images/pattern.svg");opacity:.42;mask-image:linear-gradient(to right,#000,transparent 85%)}.inner-hero__content{position:relative;z-index:1;max-width:920px}.inner-hero .eyebrow{margin:20px 0 15px;color:var(--gold-300)}.inner-hero h1{max-width:900px;margin:0;font-size:clamp(42px,6vw,72px);line-height:1.06;letter-spacing:-.045em}.inner-hero p,.archive-description{max-width:720px;margin:19px 0 0;color:#cce1d6;font-size:17px}.archive-description p{margin:0}.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;color:#a9c5b7;font-size:12px;font-weight:700}.breadcrumbs a:hover{color:var(--gold-300)}.article-labels{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0 16px}.article-meta{display:flex;flex-wrap:wrap;gap:12px 25px;margin-top:24px;color:#cce1d6;font-size:13px}.article-meta>span:not(:last-child)::before{content:"•";margin-right:25px;color:var(--gold-500)}.article-meta .view-count svg{stroke:var(--gold-300)}
.article-shell,.page-shell{max-width:980px;margin-top:-55px;padding-bottom:100px;position:relative;z-index:2}.article-layout{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;margin-top:-55px;padding-bottom:100px}.article-main{min-width:0}.article-card,.page-card{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow)}.article-cover,.page-cover{margin:0;max-height:620px;overflow:hidden;background:var(--green-100)}.article-cover img,.page-cover img{width:100%;max-height:620px;object-fit:cover}.entry-content{padding:55px 70px;color:#33423a;font-size:17px;line-height:1.85}.entry-content>*:first-child{margin-top:0}.entry-content>*:last-child{margin-bottom:0}.entry-content h2,.entry-content h3,.entry-content h4{color:var(--ink);line-height:1.25}.entry-content h2{margin-top:2em;font-size:32px}.entry-content h3{margin-top:1.7em;font-size:25px}.entry-content a{color:var(--green-700);text-decoration:underline;text-underline-offset:3px}.entry-content img{height:auto;border-radius:18px}.entry-content blockquote{margin:32px 0;padding:22px 28px;border-left:5px solid var(--gold-500);border-radius:0 16px 16px 0;background:var(--green-50);color:var(--green-900);font-size:20px}.entry-content table{width:100%;border-collapse:collapse}.entry-content th,.entry-content td{padding:12px;border:1px solid var(--line);text-align:left}.entry-content th{background:var(--green-50)}.article-tags{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:0 70px 35px;padding-top:25px;border-top:1px solid var(--line);font-size:13px}.article-tags strong{margin-right:7px}.article-tags a{padding:6px 10px;border-radius:999px;background:var(--green-50);color:var(--green-700)}.share-panel{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;margin:0 36px 36px;padding:24px 28px;border-radius:20px;background:var(--green-950);color:#fff}.share-panel>div:first-child{display:grid}.share-panel span{color:#b7d1c4;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.share-panel strong{font-size:16px}.share-buttons{display:flex;flex-wrap:wrap;gap:7px}.share-button{display:grid;place-items:center;width:42px;height:42px;padding:0;border:0;border-radius:12px;background:#fff;color:var(--green-950);font-size:11px;font-weight:900;transition:transform .2s ease}.share-button:hover{transform:translateY(-3px)}.share-button--wa{background:#25d366;color:#062a14}.share-button--telegram{background:#2aabee;color:#fff}.share-button--facebook{background:#1877f2;color:#fff}.share-button--x{background:#111;color:#fff}.share-button--native{background:linear-gradient(135deg,#f9ce34,#ee2a7b 55%,#6228d7);color:#fff}.share-feedback{grid-column:1/-1;min-height:16px;color:#b7d1c4;font-size:11px}.post-navigation{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}.post-navigation>div{padding:22px;border:1px solid var(--line);border-radius:17px;background:#fff}.post-navigation>div:last-child{text-align:right}.post-navigation small{display:block;margin-bottom:5px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.post-navigation a{color:var(--green-800);font-weight:800}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.archive-grid .news-card__image{display:block;aspect-ratio:16/10}.archive-grid .news-card__body h2{margin:0;font-size:21px;line-height:1.35}.news-page-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:30px;align-items:start}.news-list{display:grid;gap:20px}.news-card--row{display:grid;grid-template-columns:245px minmax(0,1fr)}.news-card--row .news-card__image{display:block;height:100%;min-height:245px;aspect-ratio:auto}.news-card--row .news-card__body{padding:25px}.news-card--row h2{margin:0;font-size:22px;line-height:1.3}.news-card__read{margin-top:18px;font-size:12px}.news-sidebar{display:grid;gap:20px;align-self:start}.sidebar-widget,.visitor-widget{padding:23px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 10px 30px rgba(3,62,41,.06)}.sidebar-widget__head{display:flex;align-items:center;gap:10px;margin-bottom:18px}.sidebar-widget__head h2{margin:0;font-size:17px}.sidebar-widget__icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--green-100);color:var(--green-800);font-weight:900}.popular-list{display:grid;gap:0;margin:0;padding:0;list-style:none;counter-reset:item}.popular-list li{display:grid;grid-template-columns:34px 1fr;gap:11px;padding:14px 0;border-top:1px solid var(--line)}.popular-list li:first-child{padding-top:0;border:0}.popular-list__number{color:var(--gold-500);font-size:17px;font-weight:900}.popular-list a{display:block;font-size:13px;font-weight:800;line-height:1.35}.popular-list small{margin-top:6px;color:var(--muted);font-size:10px}.visitor-widget{display:grid;place-items:center;padding:30px;background:linear-gradient(145deg,var(--green-950),var(--green-700));color:#fff;text-align:center}.visitor-widget__icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:12px;border-radius:15px;background:rgba(255,255,255,.12);color:var(--gold-300)}.visitor-widget__icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7}.visitor-widget>span:not(.visitor-widget__icon){color:#cce1d6;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.visitor-widget strong{margin:5px 0;color:var(--gold-500);font-size:42px;line-height:1}.visitor-widget small{color:#b7d1c4}.sidebar-achievements{display:grid;gap:12px}.sidebar-achievements a{display:grid;grid-template-columns:58px 1fr;gap:11px;align-items:center}.sidebar-achievements__image{width:58px;height:72px;overflow:hidden;border-radius:10px;background:var(--green-100)}.sidebar-achievements__image img{width:100%;height:100%;object-fit:cover}.sidebar-achievements strong{display:block;font-size:12px;line-height:1.35}.sidebar-achievements small{display:block;margin-top:4px;color:var(--muted);font-size:10px}.sidebar-empty{color:var(--muted);font-size:12px}.sidebar-more{margin-top:18px;font-size:12px}.pagination{margin-top:50px}.pagination .nav-links{display:flex;justify-content:center;gap:8px}.pagination .page-numbers{display:grid;place-items:center;min-width:42px;height:42px;padding:0 12px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--green-800);font-weight:800}.pagination .page-numbers.current,.pagination .page-numbers:hover{border-color:var(--green-700);background:var(--green-700);color:#fff}.empty-state{padding:60px 30px;text-align:center}.empty-state h2{margin-top:0}.prestasi-intro{max-width:850px;margin:0 auto 55px;padding:0}.achievement-collage--archive{grid-template-columns:repeat(4,1fr)}.contact-page-grid{display:grid;grid-template-columns:1.35fr .8fr 1fr;gap:20px}.contact-page-card{display:grid;align-content:start;min-height:260px;padding:30px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 12px 35px rgba(3,62,41,.08)}.contact-page-card>span{display:grid;place-items:center;width:52px;height:52px;margin-bottom:26px;border-radius:15px;background:var(--green-100);color:var(--green-800);font-size:22px}.contact-page-card small{color:var(--muted);font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.contact-page-card strong{margin:8px 0 20px;font-size:17px;line-height:1.5}.contact-page-card a{margin-top:auto;color:var(--green-700);font-size:13px;font-weight:850}

.extras-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.extra-card{display:flex;overflow:hidden;flex-direction:column;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 12px 35px rgba(3,62,41,.08);transition:transform .25s ease,box-shadow .25s ease}.extra-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.extra-card__image{position:relative;overflow:hidden;aspect-ratio:4/5;margin:0;background:var(--green-100)}.extra-card__image::after{content:"";position:absolute;inset:auto 0 0;height:38%;background:linear-gradient(transparent,rgba(3,41,28,.78))}.extra-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.extra-card:hover .extra-card__image img{transform:scale(1.035)}.extra-card__image>span{position:absolute;left:16px;bottom:14px;z-index:1;padding:6px 9px;border-radius:8px;background:var(--gold-500);color:var(--green-950);font-size:10px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.extra-card__body{display:flex;flex:1;flex-direction:column;padding:25px}.extra-card__body h2{margin:12px 0 7px;font-size:25px;line-height:1.2}.extra-card__body>p{margin:0 0 22px;color:var(--muted);font-size:13px}.extra-card__details{display:grid;gap:0;margin:auto 0 20px}.extra-card__details>div{padding:12px 0;border-top:1px solid var(--line)}.extra-card__details dt{color:var(--muted);font-size:10px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.extra-card__details dd{margin:3px 0 0;color:var(--ink);font-size:13px;font-weight:750}.extra-card__contact{width:100%;min-height:44px}.extra-card__contact-empty{display:block;padding:12px;border-radius:12px;background:var(--surface-soft);color:var(--muted);font-size:11px;font-weight:750;text-align:center}

.not-found{position:relative;overflow:hidden;padding:95px 0 110px;background:linear-gradient(135deg,var(--green-950),var(--green-700));color:#fff}.not-found::before{content:"";position:absolute;inset:0;background:url("assets/images/pattern.svg");opacity:.35}.not-found__grid{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.not-found__copy{position:relative;z-index:1}.not-found__code{margin:0;color:var(--gold-500);font-size:clamp(100px,15vw,185px);font-weight:950;line-height:.82;letter-spacing:-.08em}.not-found h1{max-width:650px;margin:28px 0 15px;font-size:clamp(37px,5vw,62px);line-height:1.06;letter-spacing:-.04em}.not-found__copy>p:not(.not-found__code){max-width:630px;color:#cce1d6}.not-found__media{position:relative;overflow:hidden;min-height:560px;margin:0;border:1px solid rgba(255,255,255,.2);border-radius:36px;box-shadow:0 25px 70px rgba(0,0,0,.3)}.not-found__media::after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,transparent 45%,rgba(3,41,28,.48))}.not-found__media img{width:100%;height:100%;min-height:560px;object-fit:cover}.not-found__search{max-width:530px;margin-top:30px}.not-found__search .search-form{display:flex;gap:8px}.not-found__search label{flex:1}.not-found__search .search-field{width:100%;height:48px;padding:0 15px;border:1px solid rgba(255,255,255,.25);border-radius:12px;background:rgba(255,255,255,.1);color:#fff;outline:0}.not-found__search .search-field::placeholder{color:#b7d1c4}.not-found__search .search-field:focus{border-color:var(--gold-500)}.not-found__search .search-submit{min-height:48px;padding:0 18px;border:0;border-radius:12px;background:var(--gold-500);color:var(--green-950);font-weight:850}

.site-footer{background:var(--green-950);color:#cce1d6}.footer-main{display:grid;grid-template-columns:1.35fr .7fr 1fr;gap:70px;padding:74px 0 48px}.footer-brand{display:flex;align-items:center;gap:13px;color:#fff}.footer-brand img{width:min(100%,310px);padding:7px 10px;border-radius:10px;background:#fff}.footer-brand strong{font-size:20px}.footer-about{max-width:430px;margin:21px 0;color:#9fbaad;font-size:14px}.footer-title{margin:7px 0 20px;color:#fff;font-size:14px;text-transform:uppercase;letter-spacing:.1em}.footer-links{display:grid;gap:11px;margin:0;padding:0;list-style:none}.footer-links a:hover{color:var(--gold-300)}.contact-list{display:grid;gap:13px;font-size:14px}.contact-list span{display:block;color:#829f91;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.footer-map{display:grid;grid-template-columns:330px 1fr;gap:28px;align-items:center;padding:0 0 48px}.footer-map__copy p{margin:8px 0 17px;color:#9fbaad;font-size:13px}.footer-map__copy a{color:var(--gold-300);font-size:13px;font-weight:850}.footer-map__frame{overflow:hidden;min-height:260px;border:1px solid rgba(255,255,255,.14);border-radius:24px;background:var(--green-900);box-shadow:0 18px 45px rgba(0,0,0,.18)}.footer-map__frame iframe{display:block;width:100%;height:260px;border:0}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;border-top:1px solid rgba(255,255,255,.1);color:#7f9b8d;font-size:12px}.socials{display:flex;gap:8px}.socials a{display:grid;place-items:center;width:35px;height:35px;border:1px solid rgba(255,255,255,.14);border-radius:10px;color:#fff}.socials a:hover{border-color:var(--gold-500);color:var(--gold-300)}.back-to-top{position:fixed;right:22px;bottom:22px;z-index:45;display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(255,255,255,.28);border-radius:15px;background:var(--gold-500);color:var(--green-950);box-shadow:0 14px 35px rgba(3,41,28,.28);font-size:22px;font-weight:900;opacity:0;visibility:hidden;transform:translateY(14px);transition:opacity .25s ease,visibility .25s ease,transform .25s ease,background .2s ease}.back-to-top.is-visible{opacity:1;visibility:visible;transform:none}.back-to-top:hover{background:var(--gold-300);transform:translateY(-3px)}

.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease var(--reveal-delay,0ms),transform .7s ease var(--reveal-delay,0ms)}.reveal.is-visible{opacity:1;transform:none}
.page-content{padding:80px 0}.page-content h1{font-size:clamp(36px,5vw,64px)}

@keyframes heroEnter{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}
@keyframes heroZoom{from{transform:scale(1.02)}to{transform:scale(1.095)}}
@keyframes patternDrift{from{transform:translate3d(0,0,0)}to{transform:translate3d(42px,22px,0)}}
@keyframes badgeFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes infoPulse{0%,100%{box-shadow:0 0 0 0 rgba(3,41,28,0)}50%{box-shadow:0 0 0 6px rgba(3,41,28,.12)}}
@keyframes quicklinkIn{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}

@media (max-width:1040px){
  .brand{min-width:auto}.primary-nav{position:fixed;top:var(--mobile-nav-top,121px);right:20px;bottom:auto;left:20px;z-index:65;display:block;max-height:calc(100vh - var(--mobile-nav-top,121px) - 16px);overflow-y:auto;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:16px;transform:translateY(-15px);opacity:0;visibility:hidden;transition:.2s}.primary-nav.is-open{transform:none;opacity:1;visibility:visible}.primary-nav>.menu{display:grid;width:100%;gap:3px}.primary-nav .menu-item-has-children{display:grid;grid-template-columns:1fr 44px}.primary-nav a{padding:13px}.submenu-toggle{width:44px;height:44px;margin:0}.primary-nav .sub-menu{position:static;grid-column:1/-1;display:grid;min-width:0;max-height:0;margin:0 0 0 13px;padding:0 8px;border:0;border-left:2px solid var(--green-100);border-radius:0;background:transparent;box-shadow:none;opacity:1;visibility:visible;overflow:hidden;transform:none;transition:max-height .25s ease,padding .25s ease}.primary-nav .sub-menu::before,.primary-nav .sub-menu::after{display:none}.primary-nav .menu-item-has-children.submenu-open>.sub-menu{max-height:320px;padding:6px 8px}.primary-nav .sub-menu a{padding:13px;color:#304039}.primary-nav .sub-menu a::before{background:var(--green-600);box-shadow:none}.primary-nav .sub-menu a::after{color:var(--green-700)}.primary-nav .sub-menu a:hover,.primary-nav .sub-menu a:focus-visible{color:var(--green-800);background:var(--green-50)}.nav-cta{margin-left:auto}.menu-toggle{display:block;margin-left:auto}.news-grid{grid-template-columns:1fr 1fr}.news-card--feature{grid-column:1/-1}.achievement-collage,.achievement-collage--archive{grid-template-columns:repeat(2,1fr)}.archive-grid{grid-template-columns:repeat(2,1fr)}.article-layout,.news-page-layout{grid-template-columns:1fr}.news-sidebar{grid-template-columns:repeat(3,1fr)}.footer-main{grid-template-columns:1fr 1fr}.footer-main>div:first-child{grid-column:1/-1}.footer-map{grid-template-columns:1fr}
}
@media (max-width:1040px){.submenu-toggle{width:36px;height:36px;justify-self:center}.extras-directory{grid-template-columns:repeat(2,minmax(0,1fr))}.not-found__grid{grid-template-columns:1fr;gap:45px}.not-found__media{min-height:420px}.not-found__media img{min-height:420px}}
@media (max-width:820px){
  :root{--container:min(calc(100% - 30px),1180px)}.topbar__right{display:none}.navbar{height:72px}.brand__official{width:245px;max-height:54px}.brand__text strong{font-size:16px}.brand__text small{font-size:9px}.brand__mark{width:46px;height:46px;flex-basis:46px}.nav-cta{display:none}.primary-nav{top:var(--mobile-nav-top,110px);right:15px;bottom:auto;left:15px}.hero{min-height:680px}.hero::before{background:linear-gradient(90deg,rgba(3,41,28,.96),rgba(3,41,28,.78))}.hero__media{inset:-4%}.hero__content{padding:90px 0 120px}.hero__badge{display:none}.quicklinks__grid{grid-template-columns:1fr 1fr}.quicklink:nth-child(2){border-right:0}.quicklink:nth-child(-n+2){border-bottom:1px solid var(--line)}.section{padding:78px 0}.welcome-grid,.achievement-layout,.media-grid{grid-template-columns:1fr;gap:43px}.welcome-card{min-height:430px}.achievement-intro{position:static}.program-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.section__head{align-items:start;flex-direction:column}.gallery-stack{grid-template-columns:1fr 1fr}.news-sidebar{grid-template-columns:1fr}.contact-page-grid{grid-template-columns:1fr}.footer-main{gap:38px}
}
@media (max-width:560px){
  :root{--container:calc(100% - 24px)}.topbar__inner{justify-content:center}.topbar__item:last-child{display:none}.brand__official{width:205px}.notice__inner{font-size:12px}.notice__link{display:none}.hero{min-height:650px}.hero h1{font-size:47px}.hero__lead{font-size:16px}.hero__actions{align-items:stretch;flex-direction:column}.button{width:100%}.quicklinks{margin-top:-42px}.quicklink{min-height:105px;padding:15px;gap:10px}.quicklink__icon{width:42px;height:42px;flex-basis:42px}.quicklink small{display:none}.section{padding:66px 0}.welcome-card{min-height:360px}.welcome-card__image{inset:0 30px 45px 0}.welcome-card__quote{width:78%;padding:18px}.feature-list{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.stat{padding:24px 8px 27px}.stat__icon{width:43px;height:43px}.stat strong{font-size:35px}.news-grid,.archive-grid{grid-template-columns:1fr}.news-card--feature{grid-column:auto}.news-card--row{grid-template-columns:1fr}.news-card--row .news-card__image{min-height:210px;aspect-ratio:16/9}.achievement-collage{gap:12px}.achievement-poster{border-radius:16px}.achievement-poster__content{gap:6px;padding:14px}.achievement-poster__content strong{font-size:14px}.inner-hero{padding:60px 0 85px}.inner-hero h1{font-size:39px}.inner-hero p{font-size:15px}.article-shell,.page-shell,.article-layout{margin-top:-38px;padding-bottom:70px}.entry-content{padding:34px 23px;font-size:16px}.entry-content h2{font-size:27px}.entry-content h3{font-size:22px}.article-tags{margin:0 23px 28px}.share-panel{grid-template-columns:1fr;margin:0 16px 20px;padding:21px}.share-buttons{margin-top:4px}.post-navigation{grid-template-columns:1fr}.post-navigation>div:last-child{text-align:left}.article-meta>span:not(:last-child)::before{display:none}.video-card{min-height:370px}.gallery-tile,.gallery-tile img{min-height:160px}.extra-popover{left:0;top:calc(100% + 12px);bottom:auto;width:min(270px,calc(100vw - 36px));transform:translateY(-7px) scale(.97);transform-origin:top left}.extra-popover::after{left:26px;top:auto;bottom:100%;transform:translateY(6px) rotate(45deg)}.extra-item:hover .extra-popover,.extra-chip:focus-visible + .extra-popover,.extra-item.is-open .extra-popover{transform:translateY(0) scale(1)}.cta-panel{align-items:flex-start;flex-direction:column;padding:31px}.footer-main{grid-template-columns:1fr;padding:58px 0 35px}.footer-main>div:first-child{grid-column:auto}.footer-map__frame,.footer-map__frame iframe{min-height:220px;height:220px}.footer-bottom{align-items:flex-start;flex-direction:column}.back-to-top{right:14px;bottom:14px;width:44px;height:44px}
}
@media (max-width:560px){.extras-directory{grid-template-columns:1fr}.extra-card__image{aspect-ratio:4/3}.not-found{padding:70px 0}.not-found__media{min-height:290px}.not-found__media img{min-height:290px}.not-found__search .search-form{flex-direction:column}}
.brand{min-width:70px}.brand__official{content:url("assets/images/logo-mtsn3-official.png");width:62px;height:62px;max-height:62px;object-fit:contain}.site-header.is-scrolled .brand__official{transform:scale(.9)}.footer-brand img{content:url("assets/images/logo-mtsn3-official.png");width:120px;padding:0;border-radius:0;background:transparent}
.extras-directory{grid-template-columns:1fr;gap:38px}.extra-card{border-radius:28px}.extra-card__image{width:100%;min-height:420px;aspect-ratio:16/7}.extra-card__image.has-custom-image img{object-fit:contain;background:#eaf3ee}.extra-card__body{padding:30px 34px}.extra-card__body h2{font-size:31px}.extra-card__details{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:4px 0 22px}.extra-card__details>div{padding:14px 0}.extra-card__contact{width:max-content;min-width:245px}.extra-card__contact-empty{width:max-content;min-width:245px}
@media (max-width:1040px){.extras-directory{grid-template-columns:1fr}.extra-card__image{min-height:340px;aspect-ratio:16/8}.brand__official{width:56px;height:56px}}
@media (max-width:560px){.brand{min-width:52px}.brand__official{width:48px;height:48px}.extra-card__image{min-height:0;aspect-ratio:16/9}.extra-card__body{padding:24px 20px}.extra-card__details{grid-template-columns:1fr;gap:0}.extra-card__contact,.extra-card__contact-empty{width:100%;min-width:0}}

/* Keep the Matsanega palette and typography isolated from legacy Elementor kits. */
body.matsanega-site h1,body.matsanega-site h2,body.matsanega-site h3,body.matsanega-site h4,body.matsanega-site h5,body.matsanega-site h6{font-family:Inter,"Segoe UI",Arial,sans-serif}
body.matsanega-site .topbar *,body.matsanega-site .site-header *,body.matsanega-site #main-content *,body.matsanega-site .site-footer *{font-family:Inter,"Segoe UI",Arial,sans-serif}
body.matsanega-site .primary-nav a{color:#304039}
body.matsanega-site .primary-nav a:hover,body.matsanega-site .primary-nav .current-menu-item>a,body.matsanega-site .primary-nav .current-menu-ancestor>a{color:var(--green-700)}
body.matsanega-site .submenu-toggle{border-color:var(--green-700);background:var(--green-700);color:#fff}
body.matsanega-site .nav-cta,body.matsanega-site .button{color:#fff}
body.matsanega-site .button--gold{color:var(--green-950)}
body.matsanega-site .text-link,body.matsanega-site .entry-content a,body.matsanega-site .contact-page-card a{color:var(--green-700)}
body.matsanega-site .news-card a:not(.content-label),body.matsanega-site .popular-list a,body.matsanega-site .sidebar-achievements a{color:inherit}
body.matsanega-site .news-card h2 a,body.matsanega-site .news-card h3 a{font-size:inherit}
body.matsanega-site .content-label{color:var(--green-800)}
body.matsanega-site .content-label--informasi{color:#285c9d}
body.matsanega-site .content-label--pengumuman{color:#795907}
body.matsanega-site .content-label--kegiatan{color:#65419c}
body.matsanega-site .content-label--prestasi,body.matsanega-site .content-label--olahraga,body.matsanega-site .content-label--seni,body.matsanega-site .content-label--akademik,body.matsanega-site .content-label--kompetisi-akademik{color:#6e5106}
body.matsanega-site .site-footer{color:#cce1d6}
body.matsanega-site .site-footer .footer-title{margin:7px 0 20px;color:#fff;font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:14px;line-height:1.4;letter-spacing:.1em}
body.matsanega-site .site-footer .footer-links a{color:#cce1d6}
body.matsanega-site .site-footer .footer-links a:hover,body.matsanega-site .site-footer .footer-map__copy a{color:var(--gold-300)}
body.matsanega-site .site-footer .socials a{color:#fff}

.page-layout{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;margin-top:-55px;padding-bottom:100px}.page-layout>.page-card{min-width:0}.page-content-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:30px;align-items:start}.page-content-main{min-width:0}.page-cover--portrait{display:grid;place-items:center;max-height:none;padding:34px;background:linear-gradient(145deg,#eef8f2,#fff)}.page-cover--portrait img{width:auto;height:min(720px,72vh);max-width:100%;max-height:720px;object-fit:contain;object-position:center top}.page-content-layout .achievement-collage--archive{grid-template-columns:repeat(3,minmax(0,1fr))}.page-content-layout .contact-page-grid{grid-template-columns:1fr}.news-grid--page{grid-template-columns:repeat(2,minmax(0,1fr))}.page-content-layout .extras-directory{gap:30px}.page-content-layout .extra-card__image{min-height:300px;aspect-ratio:16/7}
@media (max-width:1040px){.page-layout,.page-content-layout{grid-template-columns:1fr}.page-layout .news-sidebar,.page-content-layout .news-sidebar{grid-template-columns:repeat(3,minmax(0,1fr))}.page-content-layout .achievement-collage--archive{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:820px){.page-layout .news-sidebar,.page-content-layout .news-sidebar{grid-template-columns:1fr}.news-grid--page{grid-template-columns:1fr}}
@media (max-width:560px){.page-layout{margin-top:-38px;padding-bottom:70px}.page-cover--portrait{padding:18px}.page-cover--portrait img{height:auto;max-height:none}.page-content-layout .achievement-collage--archive{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.hero__media,.hero__media img,.hero__content>*,.hero__badge,.quicklink,.notice__label{animation:none!important;transform:none!important;opacity:1}.site-header,.navbar,.brand__official,.custom-logo,.news-card,.program-card,.achievement-poster,.extra-chip,.extra-popover{transition:none!important}*{animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* Final colour guard: legacy Elementor link/heading colours must not leak into the theme. */
body.matsanega-site .topbar a{color:#d9eee3}
body.matsanega-site .topbar a:hover{color:var(--gold-300)}
body.matsanega-site .notice__link{color:var(--green-950)}
body.matsanega-site .notice__link:hover{color:var(--green-800)}
body.matsanega-site .skip-link{color:#fff;background:var(--green-950)}
body.matsanega-site .breadcrumbs a{color:#a9c5b7}
body.matsanega-site .breadcrumbs a:hover,
body.matsanega-site .breadcrumbs a:focus-visible{color:var(--gold-300)}

body.matsanega-site .hero h1,
body.matsanega-site .inner-hero h1,
body.matsanega-site .not-found h1,
body.matsanega-site .section--green h2,
body.matsanega-site .section--green h3,
body.matsanega-site .program-card h3,
body.matsanega-site .video-card__label strong{color:#fff}
body.matsanega-site .hero h1 em{color:var(--gold-500)}

body.matsanega-site .primary-nav .sub-menu a{color:#fff}
body.matsanega-site .primary-nav .sub-menu a:hover,
body.matsanega-site .primary-nav .sub-menu a:focus-visible{color:var(--gold-300)}
body.matsanega-site .primary-nav .sub-menu a::after{color:var(--gold-300)}

body.matsanega-site .quicklink{color:var(--ink)}
body.matsanega-site .quicklink__icon{color:var(--green-800)}
body.matsanega-site .video-card,
body.matsanega-site .video-card__label{color:#fff}
body.matsanega-site .video-card__label small{color:var(--gold-300)}
body.matsanega-site .extra-chip{color:var(--ink);background:#fff}
body.matsanega-site .extra-item:hover .extra-chip,
body.matsanega-site .extra-chip:focus-visible,
body.matsanega-site .extra-item.is-open .extra-chip{color:var(--green-800);background:var(--green-50)}
body.matsanega-site .back-to-top{color:var(--green-950);background:var(--gold-500)}

body.matsanega-site .text-link,
body.matsanega-site .entry-content a,
body.matsanega-site .contact-page-card a,
body.matsanega-site .post-navigation a,
body.matsanega-site .news-card__read,
body.matsanega-site .sidebar-more{color:var(--green-700)}
body.matsanega-site .nav-cta,
body.matsanega-site .button,
body.matsanega-site .share-button--telegram,
body.matsanega-site .share-button--facebook,
body.matsanega-site .share-button--x,
body.matsanega-site .share-button--native{color:#fff}
body.matsanega-site .button--gold,
body.matsanega-site .share-button--wa{color:var(--green-950)}

@media (max-width:1040px){
  body.matsanega-site .primary-nav .sub-menu a{color:#304039}
  body.matsanega-site .primary-nav .sub-menu a:hover,
  body.matsanega-site .primary-nav .sub-menu a:focus-visible{color:var(--green-800)}
  body.matsanega-site .primary-nav .sub-menu a::after{color:var(--green-700)}
}

/* One uncropped 3:2 Featured Image treatment across home, lists, archives and posts. */
body.matsanega-site .news-card__image,
body.matsanega-site .news-card--feature .news-card__image,
body.matsanega-site .archive-grid .news-card__image,
body.matsanega-site .news-card--row .news-card__image{display:grid;place-items:center;align-self:start;width:100%;height:auto;min-height:0;aspect-ratio:3/2;background:#eef4f0}
body.matsanega-site .news-card__image img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;transform:none}
body.matsanega-site .news-card:hover .news-card__image img{transform:none}
body.matsanega-site .news-card--row{grid-template-columns:minmax(260px,36%) minmax(0,1fr);align-items:start}
body.matsanega-site .article-cover{display:grid;place-items:center;width:100%;max-height:none;aspect-ratio:3/2;background:#eef4f0}

/* Achievement likes */
.achievement-like{position:absolute;z-index:5;top:14px;left:14px;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:42px;height:42px;padding:0 12px;border:1px solid rgba(255,255,255,.7);border-radius:999px;background:rgba(255,255,255,.92);box-shadow:0 8px 24px rgba(3,41,28,.18);color:var(--green-900);cursor:pointer;backdrop-filter:blur(8px);transition:transform .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease}
.achievement-like svg{width:20px;height:20px;fill:transparent;stroke:currentColor;stroke-width:1.8;transition:fill .2s ease,transform .2s ease}
.achievement-like__count{font-size:12px;font-weight:900;line-height:1}
.achievement-like__count:empty{display:none}
.achievement-like:hover,.achievement-like:focus-visible{transform:translateY(-2px) scale(1.04);box-shadow:0 11px 28px rgba(3,41,28,.24)}
.achievement-like.is-liked{background:#fff0f3;color:#d81b4e}
.achievement-like.is-liked svg{fill:currentColor;animation:achievement-heart-pop .38s ease}
.achievement-like.is-loading{pointer-events:none;opacity:.72}
.achievement-like.has-error{animation:achievement-like-shake .32s ease}
@keyframes achievement-heart-pop{50%{transform:scale(1.32)}}
@keyframes achievement-like-shake{25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}

/* WordPress news comments */
.comments-area{margin-top:22px;padding:38px;border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow)}
.comments-area__header{padding-bottom:26px;border-bottom:1px solid var(--line)}
.comments-area__header h2{margin:12px 0 8px;color:var(--ink);font-size:30px;line-height:1.2}
.comments-area__header p{margin:0;color:var(--muted)}
.comment-list,.comment-list .children{margin:0;padding:0;list-style:none}
.comment-list{margin-top:10px}
.comment-list .children{margin-left:56px}
.comment-body{position:relative;padding:26px 0 26px 68px;border-bottom:1px solid var(--line)}
.comment-author .avatar{position:absolute;top:27px;left:0;width:50px;height:50px;border-radius:15px;background:var(--green-100)}
.comment-author .fn{color:var(--ink);font-style:normal;font-weight:850}
.comment-author .says{color:var(--muted);font-size:12px}
.comment-metadata{margin-top:4px;font-size:11px}
.comment-metadata a{color:var(--muted)}
.comment-content{margin-top:14px;color:#33423a;line-height:1.75}
.comment-content p:last-child{margin-bottom:0}
.reply{margin-top:12px}
.comment-reply-link{display:inline-flex;padding:6px 11px;border-radius:999px;background:var(--green-50);color:var(--green-800);font-size:11px;font-weight:850}
.comment-navigation{padding:20px 0;border-bottom:1px solid var(--line)}
.comment-navigation .nav-links{display:flex;justify-content:space-between;gap:15px;font-size:12px;font-weight:800}
.comment-respond{margin-top:32px;padding:28px;border-radius:20px;background:var(--green-50)}
.comment-reply-title{margin:0 0 8px;color:var(--ink);font-size:24px}
.comment-notes,.logged-in-as{margin:0 0 22px;color:var(--muted);font-size:12px}
.comment-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.comment-form p{margin:0}
.comment-form-comment,.comment-notes,.logged-in-as,.form-submit,.comment-form-cookies-consent{grid-column:1/-1}
.comment-form label{display:block;margin-bottom:7px;color:var(--green-950);font-size:12px;font-weight:850}
.comment-form input:not([type="checkbox"]),.comment-form textarea{width:100%;padding:13px 15px;border:1px solid #c9d9d1;border-radius:12px;background:#fff;color:var(--ink);font:inherit;outline:none;transition:border-color .2s ease,box-shadow .2s ease}
.comment-form textarea{min-height:145px;resize:vertical}
.comment-form input:focus,.comment-form textarea:focus{border-color:var(--green-600);box-shadow:0 0 0 3px rgba(11,126,81,.12)}
.comment-form-cookies-consent{display:flex;align-items:flex-start;gap:9px;color:var(--muted);font-size:12px}
.comment-form-cookies-consent label{margin:0;font-weight:500}
.form-submit .submit{width:auto;border:0;cursor:pointer}
.comments-closed{margin:25px 0 0;padding:15px;border-radius:12px;background:var(--green-50);color:var(--muted);font-size:13px}

@media (max-width:640px){
  .achievement-like{top:9px;left:9px;min-width:36px;height:36px;padding:0 9px}
  .achievement-like svg{width:18px;height:18px}
  .comments-area{padding:25px 18px}
  .comments-area__header h2{font-size:25px}
  .comment-body{padding-left:52px}
  .comment-author .avatar{width:40px;height:40px;border-radius:12px}
  .comment-list .children{margin-left:18px}
  .comment-respond{padding:22px 16px}
  .comment-form{grid-template-columns:1fr}
  .comment-form-author,.comment-form-email{grid-column:1/-1}
}
body.matsanega-site .article-cover img{display:block;width:100%;height:100%;max-height:none;object-fit:contain;object-position:center}
@media (max-width:560px){body.matsanega-site .news-card--row{grid-template-columns:1fr}body.matsanega-site .news-card--row .news-card__image{min-height:0;aspect-ratio:3/2}}

/* Gallery categories, 3:4 programme slider, and image preview. */
.gallery-categories{display:grid;gap:24px}
.gallery-category{padding:24px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 12px 34px rgba(3,62,41,.07)}
.gallery-category__head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}
.gallery-category__head h2{margin:0;font-size:clamp(22px,3vw,30px);line-height:1.2}
.gallery-category__head span{color:var(--muted);font-size:12px;font-weight:800}
.gallery-category__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.gallery-photo,.hikmah-slide{display:block;padding:0;border:0;background:var(--green-100);cursor:zoom-in}
.gallery-photo{overflow:hidden;aspect-ratio:4/3;border-radius:16px}
.gallery-photo img,.hikmah-slide img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .4s ease}
.gallery-photo:hover img,.gallery-photo:focus-visible img,.hikmah-slide:hover img,.hikmah-slide:focus-visible img{transform:scale(1.045)}
.gallery-photo:focus-visible,.hikmah-slide:focus-visible{outline:3px solid var(--gold-500);outline-offset:4px}
.school-program-gallery{margin-top:70px;padding-top:54px;border-top:1px solid var(--line)}
.school-program-gallery__head{margin-bottom:26px}
.school-program-gallery__head h2{margin:8px 0 0;font-size:clamp(30px,4vw,46px);line-height:1.12;letter-spacing:-.035em}
.school-program-gallery__head p{max-width:670px;margin:12px 0 0;color:var(--muted)}
.hikmah-marquee{position:relative;overflow:hidden;padding:8px 0 26px;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.hikmah-marquee__track{display:flex;width:max-content;animation:hikmah-scroll 42s linear infinite;will-change:transform}
.hikmah-marquee__group{display:flex;gap:18px;padding-right:18px}
.hikmah-slide{position:relative;flex:0 0 clamp(210px,25vw,290px);overflow:hidden;aspect-ratio:3/4;border-radius:22px;box-shadow:0 10px 30px rgba(3,62,41,.11)}
.hikmah-marquee:hover .hikmah-marquee__track,.hikmah-marquee:focus-within .hikmah-marquee__track{animation-play-state:paused}
@keyframes hikmah-scroll{to{transform:translateX(-50%)}}
.gallery-lightbox[hidden]{display:none}
.gallery-lightbox{position:fixed;z-index:200;inset:0;display:grid;place-items:center;padding:24px}
.gallery-lightbox__backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(2,25,17,.9);cursor:zoom-out}
.gallery-lightbox__figure{position:relative;z-index:1;display:grid;max-width:min(92vw,860px);max-height:90vh;margin:0;padding:12px;border-radius:22px;background:#fff;box-shadow:0 25px 70px rgba(0,0,0,.42)}
.gallery-lightbox__figure img{display:block;max-width:100%;max-height:calc(90vh - 58px);border-radius:14px;object-fit:contain}
.gallery-lightbox__figure figcaption{padding:10px 44px 2px 8px;color:var(--ink);font-size:13px;font-weight:750}
.gallery-lightbox__close{position:absolute;top:20px;right:20px;display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.4);border-radius:50%;background:rgba(3,41,28,.9);color:#fff;font-size:28px;line-height:1;cursor:pointer}
body.gallery-lightbox-open{overflow:hidden}
@media (max-width:820px){.gallery-category__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){
  .gallery-category{padding:18px;border-radius:19px}
  .gallery-category__grid{grid-template-columns:1fr}
  .school-program-gallery{margin-top:50px;padding-top:40px}
  .hikmah-marquee__group{gap:12px;padding-right:12px}
  .hikmah-slide{flex-basis:210px;border-radius:16px}
  .gallery-lightbox{padding:12px}
}
@media (prefers-reduced-motion:reduce){
  .hikmah-marquee{overflow-x:auto;mask-image:none;-webkit-mask-image:none}
  .hikmah-marquee__track{animation:none}
  .hikmah-marquee__group[aria-hidden="true"]{display:none}
}

/* v1.9.5: stable mobile viewport, right-aligned navigation and palette guard. */
html{max-width:100%;overflow-x:hidden}
body.matsanega-site{width:100%;max-width:100%;overflow-x:hidden;overflow-x:clip}
body.matsanega-site .site-header,
body.matsanega-site #main-content,
body.matsanega-site .site-footer,
body.matsanega-site .topbar,
body.matsanega-site .notice{width:100%;max-width:100%}
body.matsanega-site .container,
body.matsanega-site .navbar,
body.matsanega-site .notice__inner,
body.matsanega-site .hero__content,
body.matsanega-site .quicklinks__grid,
body.matsanega-site .news-grid,
body.matsanega-site .page-layout,
body.matsanega-site .page-content-layout,
body.matsanega-site .article-layout,
body.matsanega-site .news-page-layout{min-width:0;max-width:100%}
body.matsanega-site .topbar__item,
body.matsanega-site .notice__inner>span:not(.notice__label),
body.matsanega-site .quicklink,
body.matsanega-site .quicklink>span:last-child,
body.matsanega-site .news-card,
body.matsanega-site .page-card,
body.matsanega-site .article-card{min-width:0}
body.matsanega-site .topbar__item span,
body.matsanega-site .notice__inner>span:not(.notice__label),
body.matsanega-site .hero h1,
body.matsanega-site .inner-hero h1{overflow-wrap:anywhere}

body.matsanega-site .site-header .menu-toggle{
  flex:0 0 46px;
  margin-left:auto;
  border-color:var(--green-700);
  background:var(--green-700);
  color:#fff;
  box-shadow:0 9px 22px rgba(8,116,67,.2)
}
body.matsanega-site .site-header .menu-toggle:hover,
body.matsanega-site .site-header .menu-toggle:focus-visible{
  border-color:var(--green-800);
  background:var(--green-800);
  color:#fff
}
body.matsanega-site .inner-hero .breadcrumbs a{color:#a9c5b7}
body.matsanega-site .inner-hero .breadcrumbs a:hover,
body.matsanega-site .inner-hero .breadcrumbs a:focus-visible{color:var(--gold-300)}

@media (max-width:1040px){
  body.matsanega-site .navbar{gap:16px}
  body.matsanega-site .brand{flex:0 0 auto;min-width:0}
  body.matsanega-site .site-header .menu-toggle{display:block;margin-left:auto}
  body.matsanega-site .primary-nav{right:20px;left:20px;width:auto;max-width:calc(100vw - 40px)}
}
@media (max-width:820px){
  body.matsanega-site .navbar{gap:12px}
  body.matsanega-site .primary-nav{right:15px;left:15px;max-width:calc(100vw - 30px)}
}
@media (max-width:560px){
  body.matsanega-site .site-header .menu-toggle{width:44px;height:44px;flex-basis:44px}
  body.matsanega-site .extra-popover{
    position:fixed;
    inset:auto 16px 16px;
    width:auto;
    max-width:none;
    transform:translateY(12px) scale(.98);
    transform-origin:bottom center
  }
  body.matsanega-site .extra-popover::after{display:none}
  body.matsanega-site .extra-item:hover .extra-popover,
  body.matsanega-site .extra-chip:focus-visible + .extra-popover,
  body.matsanega-site .extra-item.is-open .extra-popover{transform:none}
}

/* v1.9.7: keep achievement thumbnails in the same 3:4 portrait system. */
body.matsanega-site .sidebar-achievements__image{height:auto;aspect-ratio:3/4}

/* v1.9.8: page-level welcome ornaments, neutral blurred lightbox and icon sharing. */
body.matsanega-site .section--welcome{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:linear-gradient(180deg,#fff 0%,#f7fbf8 100%)
}
body.matsanega-site .section--welcome::before{
  content:"";
  position:absolute;
  z-index:-2;
  inset:0;
  background-image:url("assets/images/pattern.svg");
  background-size:185px;
  opacity:.035;
  pointer-events:none
}
body.matsanega-site .section--welcome::after{
  content:"";
  position:absolute;
  z-index:-1;
  right:-180px;
  top:50%;
  width:620px;
  height:620px;
  border:1px solid rgba(8,116,67,.13);
  border-radius:50%;
  background:radial-gradient(circle,rgba(244,200,75,.15) 0 21%,transparent 22% 38%,rgba(8,116,67,.07) 39% 39.5%,transparent 40%);
  transform:translateY(-50%);
  pointer-events:none
}
body.matsanega-site .section--welcome .welcome-grid{position:relative}
body.matsanega-site .section--welcome .welcome-grid::before{
  content:"";
  position:absolute;
  z-index:-1;
  left:-190px;
  bottom:-145px;
  width:380px;
  height:380px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(8,116,67,.1),rgba(8,116,67,0) 68%);
  pointer-events:none
}
body.matsanega-site .section--welcome .welcome-card__image::before,
body.matsanega-site .section--welcome .welcome-card__image::after{display:none}

body.matsanega-site .share-button svg{width:22px;height:22px;fill:currentColor}
body.matsanega-site .share-button--wa{color:#fff}

body.matsanega-site .gallery-lightbox__backdrop{
  background:transparent;
  -webkit-backdrop-filter:blur(16px);
  backdrop-filter:blur(16px)
}

@media (max-width:560px){
  body.matsanega-site .section--welcome::after{right:-310px;width:560px;height:560px}
  body.matsanega-site .share-button{width:44px;height:44px}
}