:root{--bg:#f5f8f6;--surface:#fff;--soft:#edf4f0;--text:#102219;--muted:#68776f;--line:#dce7e1;--green:#0b3b2b;--green2:#155840;--green3:#267757;--gold:#e2b14d;--gold2:#f1d486;--brown:#704127;--danger:#d24d4d;--shadow1:0 12px 30px rgba(7,39,27,.08);--shadow2:0 24px 60px rgba(7,39,27,.13);--shadow3:0 42px 110px rgba(4,27,18,.22);--r:22px;--container:min(1240px,calc(100% - 32px))}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px;font-size:clamp(15px,.2vw + 14px,18px)}body{margin:0;min-width:320px;overflow-x:hidden;color:var(--text);background:radial-gradient(circle at 5% 10%,rgba(226,177,77,.1),transparent 24rem),linear-gradient(180deg,#fafcfb,var(--bg));font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{color:inherit}.container{width:var(--container);margin:auto}.ui-icon{width:1.15em;height:1.15em;display:inline-block;vertical-align:-.18em}.page-progress{position:fixed;inset:0 0 auto;height:3px;z-index:5000}.page-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--gold),#fff1a4,#67508f)}.utility{background:#071f17;color:#d3e3db;font-size:.7rem}.utility__inner{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:12px}.utility__inner>div{display:flex;align-items:center;gap:12px}.utility i{width:8px;height:8px;border-radius:50%;background:#56df96;box-shadow:0 0 0 6px rgba(86,223,150,.12)}.utility a{color:#fff;text-decoration:none;font-weight:800}.header{position:sticky;top:0;z-index:1500;border-bottom:1px solid rgba(11,59,43,.08);background:rgba(255,255,255,.9);backdrop-filter:blur(20px);transition:.25s}.header.is-scrolled{background:rgba(255,255,255,.98);box-shadow:0 14px 40px rgba(5,33,23,.1)}.header__inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none}.brand__logo{width:50px;aspect-ratio:1;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#fff,#edf4f0);border:1px solid rgba(11,59,43,.06);box-shadow:var(--shadow1)}.brand__logo img{width:72%;height:72%;object-fit:contain}.brand__text{display:flex;flex-direction:column;line-height:1.08}.brand__text b{font-size:.82rem;letter-spacing:.04em}.brand__text small{margin-top:4px;color:var(--brown);font-size:.65rem;font-weight:800}.nav{display:flex;align-items:center;gap:2px}.nav>a,.nav-group>button,.search-open{min-height:42px;border:0;border-radius:11px;background:transparent;padding:10px;color:#24362d;text-decoration:none;font-size:.73rem;font-weight:850;cursor:pointer;transition:.2s}.nav>a:hover,.nav>a.is-active,.nav-group>button:hover,.search-open:hover{background:#edf5f0;color:var(--green2)}.nav__cta{margin-left:4px;background:linear-gradient(135deg,var(--green),var(--green2))!important;color:#fff!important;box-shadow:0 10px 24px rgba(11,59,43,.2)}.nav-group{position:relative}.nav-group>button .ui-icon{width:.8em;height:.8em;transform:rotate(90deg)}.mega{position:absolute;top:calc(100% + 12px);left:50%;width:590px;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.98);box-shadow:var(--shadow3);opacity:0;visibility:hidden;transform:translate(-50%,10px);transition:.2s}.mega--small{width:320px;grid-template-columns:1fr}.nav-group:hover .mega,.nav-group.is-open .mega{opacity:1;visibility:visible;transform:translate(-50%,0)}.mega>div{display:grid;align-content:start;gap:3px}.mega small{padding:7px;color:var(--muted);font-size:.56rem;font-weight:900;letter-spacing:.13em}.mega a{display:flex;flex-direction:column;padding:10px;border-radius:11px;text-decoration:none}.mega a:hover{background:#eef5f1}.mega b{font-size:.76rem}.mega span{margin-top:2px;color:var(--muted);font-size:.63rem}.menu-toggle{display:none;border:0;background:transparent}.menu-toggle span{display:block;width:26px;height:2px;margin:5px;border-radius:999px;background:var(--green)}.search-modal{position:fixed;inset:0;z-index:4000;display:grid;place-items:center;padding:16px;background:rgba(3,20,14,.72);backdrop-filter:blur(14px)}.search-modal[hidden]{display:none}.search-box{position:relative;width:min(620px,100%);padding:24px;border-radius:22px;background:#fff;box-shadow:var(--shadow3)}.search-close{position:absolute;right:14px;top:8px;border:0;background:transparent;font-size:1.8rem}.search-box>small{color:var(--brown);font-size:.58rem;font-weight:900;letter-spacing:.13em}.search-box h2{margin:7px 0 16px;font-size:clamp(2rem,4vw,3.2rem);line-height:1.05;letter-spacing:-.05em}.search-box form{display:grid;grid-template-columns:1fr auto;gap:8px}.search-box label{display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--line);border-radius:12px}.search-box input{width:100%;border:0;padding:12px 0;outline:none}.search-box form>button{border:0;border-radius:12px;background:var(--green);color:#fff;padding:0 16px;font-weight:900}.search-links{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.search-links a{padding:7px 9px;border:1px solid var(--line);border-radius:999px;text-decoration:none;font-size:.66rem;font-weight:800}.hero{position:relative;min-height:clamp(650px,calc(100svh - 115px),860px);overflow:hidden;border-radius:0 0 44px 44px;background:#08291d;box-shadow:0 34px 90px rgba(4,27,18,.24)}.hero__slides,.hero__slide{position:absolute;inset:0}.hero__slide{display:flex;align-items:center;opacity:0;visibility:hidden;transition:opacity .85s cubic-bezier(.2,.8,.2,1)}.hero__slide.is-active{opacity:1;visibility:visible}.hero__slide>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 46%;transform:scale(1.07);transition:transform 8s linear}.hero__slide.is-active>img{transform:scale(1)}.hero__shade{position:absolute;inset:0;background:radial-gradient(circle at 78% 20%,rgba(226,177,77,.2),transparent 30%),linear-gradient(90deg,rgba(3,23,16,.97),rgba(8,48,34,.86) 44%,rgba(4,20,14,.12) 82%)}.hero__content{position:relative;z-index:2}.hero__copy{max-width:min(820px,82%);color:#fff}.pill{display:inline-flex;padding:8px 12px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.1);font-size:.66rem;font-weight:900;letter-spacing:.12em}.hero h1{max-width:900px;margin:16px 0;font-size:clamp(3rem,7vw,7rem);line-height:.93;letter-spacing:-.06em;text-wrap:balance;text-shadow:0 16px 44px rgba(0,0,0,.3)}.hero p{max-width:700px;color:#d8e8e0;font-size:clamp(.98rem,1.35vw,1.16rem)}.hero__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.button{display:inline-flex;align-items:center;gap:7px;justify-content:center;min-height:48px;padding:12px 17px;border-radius:13px;text-decoration:none;font-weight:900}.button--gold{background:var(--gold);color:#291a0b;box-shadow:0 14px 30px rgba(226,177,77,.26)}.button--glass{border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.09);color:#fff}.hero__stats{display:grid;grid-template-columns:repeat(3,minmax(100px,1fr));gap:8px;width:min(600px,100%);margin-top:26px;padding:12px;border:1px solid rgba(255,255,255,.15);border-radius:17px;background:rgba(255,255,255,.07)}.hero__stats div{display:flex;flex-direction:column;padding:5px}.hero__stats b{color:var(--gold);font-size:1.4rem}.hero__stats span{color:#c8dad1;font-size:.6rem}.hero-prev,.hero-next{position:absolute;top:50%;z-index:5;width:48px;aspect-ratio:1;transform:translateY(-50%);border:1px solid rgba(255,255,255,.3);border-radius:50%;background:rgba(4,28,19,.32);color:#fff;font-size:1.8rem}.hero-prev{left:16px}.hero-next{right:16px}.hero-dots{position:absolute;left:50%;bottom:22px;z-index:5;display:flex;gap:7px;transform:translateX(-50%)}.hero-dots button{width:9px;height:9px;border:0;border-radius:999px;background:rgba(255,255,255,.42)}.hero-dots button.is-active{width:36px;background:var(--gold)}.ticker{display:flex;width:var(--container);margin:18px auto 0;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow1)}.ticker>span{display:grid;place-items:center;padding:12px 15px;background:linear-gradient(135deg,var(--brown),#8a5837);color:#fff;font-size:.58rem;font-weight:900;white-space:nowrap}.ticker>div{flex:1;overflow:hidden}.ticker>div>div{width:max-content;padding:12px;white-space:nowrap;animation:ticker 34s linear infinite;font-size:.72rem}.ticker>div:hover>div{animation-play-state:paused}@keyframes ticker{to{transform:translateX(-50%)}}.quick{padding:28px 0 0}.quick__grid{display:grid;grid-template-columns:1.35fr repeat(2,1fr);grid-auto-rows:minmax(175px,auto);gap:14px}.quick-card{position:relative;overflow:hidden;padding:18px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow1);text-decoration:none;transition:.25s}.quick-card:hover{transform:translateY(-6px);box-shadow:var(--shadow2)}.quick-card--primary{grid-row:span 2;background:radial-gradient(circle at 90% 12%,rgba(226,177,77,.22),transparent 30%),linear-gradient(145deg,var(--green),var(--green2));color:#fff}.quick-card>.ui-icon{width:48px;height:48px;padding:11px;border-radius:14px;background:#eef5f1;color:var(--green)}.quick-card--primary>.ui-icon{background:rgba(255,255,255,.1);color:var(--gold)}.quick-card small{display:block;margin-top:14px;color:var(--brown);font-size:.58rem;font-weight:900}.quick-card--primary small{color:var(--gold2)}.quick-card h3{margin:6px 0;font-size:clamp(1.2rem,2vw,1.7rem)}.quick-card--primary h3{font-size:clamp(1.8rem,3vw,2.5rem)}.quick-card p{color:var(--muted);font-size:.78rem}.quick-card--primary p{color:#d5e4dc}.quick-card span{display:flex;align-items:center;gap:5px;margin-top:12px;color:var(--gold);font-size:.68rem;font-weight:900}.section{padding:clamp(70px,9vw,120px) 0}.eyebrow{color:var(--gold);font-size:.62rem;font-weight:900;letter-spacing:.16em}.section h2{margin:8px 0 14px;font-size:clamp(2.3rem,5vw,4.8rem);line-height:1.02;letter-spacing:-.055em;text-wrap:balance}.lead{color:#405148;font-size:clamp(1rem,1.3vw,1.15rem)}.split{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(30px,6vw,68px);align-items:center}.photo-stack{position:relative;overflow:visible}.photo-stack>img{width:100%;height:clamp(400px,48vw,610px);object-fit:cover;border-radius:30px;box-shadow:var(--shadow3)}.photo-stack>div{position:absolute;right:-14px;bottom:30px;display:flex;flex-direction:column;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.93);box-shadow:var(--shadow2)}.photo-stack b{color:var(--green);font-size:1.7rem}.photo-stack span{color:var(--muted);font-size:.65rem}.feature-list{display:grid;gap:10px;margin:20px 0}.feature-list article{display:flex;gap:12px;padding:14px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow1)}.feature-list article>b{color:var(--gold);font-size:.65rem}.feature-list h3{margin:0}.feature-list p{margin:3px 0;color:var(--muted);font-size:.78rem}.text-link{display:inline-flex;align-items:center;gap:6px;color:var(--green2);text-decoration:none;font-size:.7rem;font-weight:900}.dark-section,.gallery-section{width:min(1380px,calc(100% - 16px));margin:auto;border-radius:42px;background:radial-gradient(circle at 82% 8%,rgba(226,177,77,.16),transparent 28%),linear-gradient(145deg,#09291e,#15523b);color:#fff;box-shadow:var(--shadow3)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.section-head>div{max-width:760px}.section-head>a{display:inline-flex;align-items:center;gap:6px;color:var(--green2);text-decoration:none;font-size:.7rem;font-weight:900}.section-head.light>a{color:var(--gold2)}.program-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.program-grid article{padding:18px;border:1px solid rgba(255,255,255,.13);border-radius:20px;background:rgba(255,255,255,.08)}.program-grid .ui-icon{width:48px;height:48px;padding:11px;border-radius:14px;background:rgba(255,255,255,.1);color:var(--gold)}.program-grid h3{margin:10px 0 5px}.program-grid p{color:#cbdcd3;font-size:.78rem}.coach-preview{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.coach-preview article{display:grid;grid-template-columns:190px 1fr;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow1)}.coach-preview img{width:100%;height:100%;min-height:270px;object-fit:cover}.coach-preview article>div{padding:20px}.coach-preview small{color:var(--brown);font-size:.58rem;font-weight:900}.coach-preview h3{margin:5px 0}.coach-preview p{color:var(--muted)}.activity-section{background:#f0f6f2}.activity-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:14px}.schedule-card,.agenda-list article{border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow1)}.schedule-card{overflow:hidden}.card-head{padding:16px;background:linear-gradient(135deg,var(--green),var(--green2));color:#fff}.card-head span{color:var(--gold2);font-size:.58rem;font-weight:900}.card-head h3{margin:3px 0}.schedule-card article{display:grid;grid-template-columns:.6fr 1fr 1.3fr;gap:12px;padding:14px;border-bottom:1px solid var(--line)}.schedule-card article>div{display:flex;flex-direction:column}.schedule-card small{color:var(--muted);font-size:.54rem;font-weight:900}.schedule-card article>b{display:grid;place-items:center;border-radius:11px;background:#f4e3b0;color:#5d4214}.agenda-list{display:grid;gap:10px}.agenda-list article{display:grid;grid-template-columns:76px 1fr;overflow:hidden}.agenda-list time{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--gold);color:#291a0b}.agenda-list time b{font-size:1.7rem}.agenda-list time span{font-size:.6rem;font-weight:900}.agenda-list article>div{padding:13px}.agenda-list small{color:var(--brown);font-size:.56rem;font-weight:900}.agenda-list h3{margin:3px 0}.agenda-list p{margin:3px 0;color:var(--muted);font-size:.73rem}.news-section{background:linear-gradient(180deg,#eef4f0,#f8faf9)}.news-grid{display:grid;grid-template-columns:1.35fr repeat(2,1fr);gap:14px}.news-card{overflow:hidden;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow1)}.news-card--lead{grid-row:span 2}.news-card__image{position:relative;height:215px;overflow:hidden}.news-card--lead .news-card__image{height:380px}.news-card__image img{width:100%;height:100%;object-fit:cover;transition:.5s}.news-card:hover img{transform:scale(1.05)}.news-card__image span{position:absolute;left:10px;bottom:10px;padding:5px 8px;border-radius:999px;background:rgba(8,41,29,.88);color:#fff;font-size:.58rem}.news-card__body{padding:15px}.news-card__body small{color:var(--brown);font-size:.56rem;font-weight:900}.news-card__body h3{margin:5px 0}.news-card__body p{color:var(--muted);font-size:.74rem}.news-card__body a{display:inline-flex;align-items:center;gap:5px;color:var(--green2);text-decoration:none;font-size:.68rem;font-weight:900}.gallery-grid{display:grid;grid-template-columns:1.35fr repeat(2,1fr);grid-auto-rows:255px;gap:14px}.gallery-card{position:relative;overflow:hidden;border-radius:20px}.gallery-card--lead{grid-row:span 2}.gallery-card img{width:100%;height:100%;object-fit:cover;transition:.55s}.gallery-card:hover img{transform:scale(1.06)}.gallery-card>div{position:absolute;inset:auto 0 0;padding:46px 15px 15px;background:linear-gradient(transparent,rgba(0,0,0,.84));color:#fff}.gallery-card small{color:var(--gold2);font-size:.56rem;font-weight:900}.gallery-card h3{margin:4px 0}.footer{margin-top:0;border-radius:42px 42px 0 0;background:radial-gradient(circle at 80% 0%,rgba(226,177,77,.16),transparent 28%),linear-gradient(145deg,#061f17,#0c3023);color:#d5e4dd}.footer__cta{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:56px 0;border-bottom:1px solid rgba(255,255,255,.1)}.footer__cta small{color:var(--gold);font-size:.58rem;font-weight:900}.footer__cta h2{max-width:760px;margin:7px 0;font-size:clamp(2rem,4.5vw,3.8rem);line-height:1.03;letter-spacing:-.05em}.footer__cta>a{display:inline-flex;align-items:center;gap:6px;border-radius:12px;background:var(--gold);color:#2b1a0c;padding:13px 16px;text-decoration:none;font-weight:900}.footer__grid{display:grid;grid-template-columns:1.5fr repeat(3,.8fr) 1fr;gap:28px;padding:46px 0}.brand--footer .brand__text b{color:#fff}.footer h4{color:#fff}.footer a{display:block;margin:6px 0;color:#c4d6cd;text-decoration:none;font-size:.76rem}.footer p{color:#afc4ba;font-size:.76rem}.footer__bottom{display:flex;justify-content:space-between;padding:16px 0;border-top:1px solid rgba(255,255,255,.1);color:#93aa9f;font-size:.68rem}.wa,.to-top{position:fixed;right:16px;z-index:1000;width:48px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;box-shadow:var(--shadow2)}.wa{bottom:80px;background:#1fb65a;color:#fff;text-decoration:none;font-size:.65rem;font-weight:900}.to-top{bottom:20px;border:0;background:var(--brown);color:#fff;opacity:0;visibility:hidden}.to-top.is-visible{opacity:1;visibility:visible}.empty{padding:20px;color:var(--muted)}[data-reveal]{opacity:0;transform:translateY(24px);transition:.7s cubic-bezier(.2,.8,.2,1)}[data-reveal].is-visible{opacity:1;transform:none}
/* generic inner pages */.page-hero,.inner-hero{position:relative;overflow:hidden;padding:clamp(70px,9vw,110px) 0;border-radius:0 0 40px 40px;background:radial-gradient(circle at 80% 10%,rgba(226,177,77,.18),transparent 28%),linear-gradient(145deg,#082b20,#16553e);color:#fff;box-shadow:var(--shadow2)}.page-hero h1,.inner-hero h1{max-width:920px;margin:10px 0 14px;font-size:clamp(2.7rem,6vw,5.6rem);line-height:.98;letter-spacing:-.055em}.page-hero p,.inner-hero p{max-width:760px;color:#d5e5dc}.page-section,.news-listing-section,.gallery-listing-section,.gallery-detail-section,.announcement-listing-section,.announcement-document-section,.article-shell{padding:clamp(48px,7vw,92px) 0}.breadcrumb{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px;color:#bdd0c6;font-size:.65rem}.breadcrumb a{color:#fff;text-decoration:none}.page-kicker,.article-category,.eyebrow{color:var(--gold);font-size:.6rem;font-weight:900;letter-spacing:.15em}.content-card,.feature-grid article,.org-grid article,.org-primary,.value-panel,.download-grid article,.contact-cards article,.contact-form,.schedule-list article,.info-list article,.agenda-page-grid article,.coach-card,.member-card,.article-body-card,.sidebar-card,.comment-form-modern,.approved-comments,.news-list-modern-card,.related-news-card,.announcement-list-card,.official-document-card{border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow1)}.split-layout,.profile-immersive-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(30px,6vw,68px);align-items:center}.media-card{overflow:hidden;border-radius:28px;box-shadow:var(--shadow3)}.media-card img{width:100%;height:clamp(360px,48vw,600px);object-fit:cover}.content-stack{display:grid;gap:14px}.content-card{padding:18px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature-grid article{padding:20px}.org-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.org-grid article,.org-primary{padding:18px;text-align:center}.values-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px}.value-panel{padding:24px}.training-page-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:16px}.schedule-list,.info-list{display:grid;gap:10px}.schedule-list article{display:grid;grid-template-columns:.6fr 1fr 1.3fr 1fr;gap:12px;padding:14px}.info-list article{padding:16px}.agenda-page-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.agenda-page-grid article{display:grid;grid-template-columns:90px 1fr;overflow:hidden}.download-grid{display:grid;gap:12px}.download-grid article{display:grid;grid-template-columns:60px 1fr auto;align-items:center;gap:14px;padding:16px}.contact-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px}.contact-cards{display:grid;gap:12px}.contact-cards article{display:flex;gap:14px;padding:16px}.contact-form{display:grid;gap:12px;padding:20px}.contact-form input,.contact-form textarea{width:100%;padding:12px;border:1px solid var(--line);border-radius:12px}.coach-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.coach-card{display:grid;grid-template-columns:220px 1fr;overflow:hidden}.coach-photo{position:relative;min-height:320px}.coach-photo img{width:100%;height:100%;object-fit:cover}.coach-content{padding:22px}.coach-actions{display:flex;gap:8px}.coach-actions a{display:inline-flex;gap:5px;padding:9px;border:1px solid var(--line);border-radius:10px;text-decoration:none}.member-filter{display:grid;grid-template-columns:1fr 220px auto;gap:10px;margin-bottom:18px;padding:12px;border:1px solid var(--line);border-radius:16px;background:#fff}.member-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.member-card{overflow:hidden}.member-photo{position:relative;aspect-ratio:4/5}.member-photo img{width:100%;height:100%;object-fit:cover}.member-content{padding:14px}.article-layout,.announcement-document-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px}.article-sidebar{position:sticky;top:100px}.article-body-card,.official-document-card,.comment-form-modern,.approved-comments{padding:22px}.article-body{line-height:1.9}.news-list-modern-grid,.related-news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.gallery-listing-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:320px;gap:14px}.gallery-listing-card{position:relative;overflow:hidden;border-radius:20px}.gallery-listing-card img{width:100%;height:100%;object-fit:cover}.gallery-masonry-modern{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:270px;gap:10px}.announcement-list-modern{display:grid;gap:14px}.announcement-list-card{display:grid;grid-template-columns:78px 1fr;gap:14px;padding:18px}
@media(max-width:1080px){.nav>a,.nav-group>button,.search-open{padding:9px 7px;font-size:.68rem}.quick__grid{grid-template-columns:repeat(2,1fr)}.quick-card--primary{grid-column:span 2;grid-row:auto}.split,.activity-grid,.split-layout,.profile-immersive-grid,.training-page-grid{grid-template-columns:1fr}.program-grid{grid-template-columns:repeat(2,1fr)}.news-grid{grid-template-columns:repeat(2,1fr)}.news-card--lead{grid-column:span 2;grid-row:auto}.gallery-grid{grid-template-columns:repeat(2,1fr)}.gallery-card--lead{grid-column:span 2;grid-row:auto}.coach-preview,.coach-grid{grid-template-columns:1fr}.member-grid{grid-template-columns:repeat(3,1fr)}.article-layout,.announcement-document-layout{grid-template-columns:1fr}.article-sidebar{position:static}.footer__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:820px){.utility{display:none}.menu-toggle{display:block}.header__inner{min-height:72px}.nav{position:fixed;top:72px;left:8px;right:8px;display:none;max-height:calc(100dvh - 80px);overflow:auto;flex-direction:column;align-items:stretch;padding:12px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.98);box-shadow:var(--shadow3)}.nav.is-open{display:flex}.nav>a,.nav-group>button,.search-open{width:100%;text-align:left;padding:12px}.mega{position:static;display:none;width:auto;grid-template-columns:1fr;opacity:1;visibility:visible;transform:none;box-shadow:none}.nav-group.is-open .mega{display:grid}.hero{min-height:700px}.hero-prev,.hero-next{display:none}.hero__copy{max-width:94%}.hero h1{font-size:clamp(2.9rem,11vw,5rem)}.section-head{align-items:flex-start;flex-direction:column}.program-grid{grid-template-columns:1fr 1fr}.member-grid{grid-template-columns:repeat(2,1fr)}.news-list-modern-grid,.related-news-grid,.gallery-listing-grid{grid-template-columns:repeat(2,1fr)}.values-layout{grid-template-columns:1fr}.agenda-page-grid{grid-template-columns:1fr}}@media(max-width:600px){:root{--container:min(100% - 16px,1240px)}.brand__logo{width:44px}.brand__text b{font-size:.68rem}.brand__text small{font-size:.58rem}.hero{min-height:650px;border-radius:0 0 28px 28px}.hero__slide>img{object-position:58% center}.hero h1{font-size:2.9rem}.hero p{font-size:.92rem}.hero__actions{align-items:stretch;flex-direction:column}.hero__stats{width:100%;padding:8px}.hero__stats b{font-size:1rem}.hero__stats span{font-size:.5rem}.ticker{width:var(--container)}.quick__grid{grid-template-columns:1fr}.quick-card--primary{grid-column:auto}.photo-stack>img{height:400px}.photo-stack>div{right:8px;bottom:12px}.program-grid{grid-template-columns:1fr}.coach-preview article,.coach-card{grid-template-columns:1fr}.coach-preview img,.coach-photo{min-height:340px}.schedule-card article{grid-template-columns:1fr 1fr}.schedule-card article>b{grid-column:span 2}.news-grid,.gallery-grid{grid-template-columns:1fr}.news-card--lead,.gallery-card--lead{grid-column:auto}.news-card--lead .news-card__image{height:260px}.gallery-grid{grid-auto-rows:240px}.footer__cta,.footer__bottom{align-items:flex-start;flex-direction:column}.footer__grid{grid-template-columns:1fr}.member-filter{grid-template-columns:1fr}.member-grid{grid-template-columns:repeat(2,1fr)}.article-body-card,.official-document-card{padding:16px}.news-list-modern-grid,.related-news-grid,.gallery-listing-grid{grid-template-columns:1fr}.gallery-masonry-modern{grid-template-columns:1fr}.announcement-list-card{grid-template-columns:1fr}.search-box form{grid-template-columns:1fr}.search-box form>button{padding:12px}}
[data-reveal]{opacity:0;transform:translateY(24px);transition:.7s cubic-bezier(.2,.8,.2,1)}[data-reveal].is-visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}[data-reveal]{opacity:1;transform:none}}
/* =========================================================
   PRAMUKA MODERN UI SYSTEM V15 — responsive precision layer
   ========================================================= */
:root{
  --scout-950:#171d14;
  --scout-900:#20291c;
  --scout-800:#2f3b27;
  --scout-700:#425437;
  --scout-600:#5d704c;
  --scout-500:#7d9066;
  --sand-50:#fffdf8;
  --sand-100:#f8f2e6;
  --sand-200:#ecdfc8;
  --khaki:#c5a56a;
  --khaki-dark:#8a6934;
  --red-scout:#a52d32;
  --red-scout-dark:#7e2025;
  --ink:#172017;
  --container:min(1320px,calc(100% - clamp(24px,5vw,72px)));
  --r-sm:14px;--r-md:20px;--r-lg:28px;--r-xl:38px;
  --shadow1:0 12px 32px rgba(28,38,24,.08);
  --shadow2:0 24px 64px rgba(28,38,24,.14);
  --shadow3:0 40px 100px rgba(18,25,15,.24);
}
html{font-size:clamp(15px,.16vw + 14.4px,17px)}
body{color:var(--ink);background:
  radial-gradient(circle at 8% 2%,rgba(197,165,106,.15),transparent 26rem),
  radial-gradient(circle at 92% 18%,rgba(93,112,76,.10),transparent 32rem),
  linear-gradient(180deg,#fffdf9 0%,#f5f3eb 52%,#f7f8f3 100%)}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.2;background-image:linear-gradient(rgba(47,59,39,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(47,59,39,.035) 1px,transparent 1px);background-size:32px 32px}
.container{max-width:1320px}
.utility{background:linear-gradient(90deg,var(--scout-950),var(--scout-800));border-bottom:1px solid rgba(255,255,255,.08)}
.header{border-color:rgba(47,59,39,.1);background:rgba(255,253,248,.88)}
.header__inner{min-height:88px}
.brand{min-width:250px}
.brand__logo{width:56px;border-radius:18px;background:linear-gradient(145deg,#fff,#f2eadb);border-color:rgba(138,105,52,.15)}
.brand__text b{font-size:.86rem;color:var(--scout-900);letter-spacing:.055em}
.brand__text small{color:var(--red-scout);letter-spacing:.05em}
.nav{gap:4px;min-width:0}
.nav>a,.nav-group>button,.search-open{padding:10px 11px;border-radius:13px;color:#34402f;white-space:nowrap}
.nav>a:hover,.nav>a.is-active,.nav-group>button:hover,.search-open:hover{background:var(--sand-100);color:var(--red-scout-dark)}
.nav__cta{background:linear-gradient(135deg,var(--red-scout),var(--red-scout-dark))!important;box-shadow:0 12px 26px rgba(126,32,37,.23)}
.mega{border-color:rgba(138,105,52,.18);background:rgba(255,253,248,.98);box-shadow:var(--shadow3)}
.mega small{color:var(--khaki-dark)}.mega a:hover{background:var(--sand-100)}
.hero{min-height:clamp(620px,calc(100svh - 122px),850px);border-radius:0 0 var(--r-xl) var(--r-xl);background:var(--scout-950)}
.hero__shade{background:radial-gradient(circle at 78% 18%,rgba(197,165,106,.3),transparent 28%),linear-gradient(90deg,rgba(20,27,17,.98),rgba(38,51,31,.9) 48%,rgba(22,29,18,.25) 82%)}
.hero__copy{max-width:min(850px,78%)}
.hero h1{max-width:12ch;text-wrap:balance;letter-spacing:-.06em;line-height:.95}
.hero p{max-width:680px;color:rgba(255,255,255,.84)}
.hero__actions{gap:12px;flex-wrap:wrap}
.hero__actions a{min-height:50px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px}
.hero__stats{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(14px)}
.quick{position:relative;z-index:10;margin-top:-36px}
.quick__grid{align-items:stretch}
.quick-card{height:100%;border-color:rgba(138,105,52,.16);background:rgba(255,253,248,.96);box-shadow:var(--shadow1)}
.quick-card:hover{transform:translateY(-7px);box-shadow:var(--shadow2);border-color:rgba(165,45,50,.28)}
.quick-card--primary{background:linear-gradient(145deg,var(--scout-900),var(--scout-700));color:#fff}
.section{padding-block:clamp(72px,9vw,128px)}
.section-head{gap:28px;margin-bottom:clamp(28px,4vw,48px)}
.section-head h2,.split h2{max-width:17ch;text-wrap:balance;line-height:1.02;letter-spacing:-.05em}
.eyebrow{color:var(--red-scout);letter-spacing:.17em}
.dark-section{background:radial-gradient(circle at 85% 8%,rgba(197,165,106,.2),transparent 28%),linear-gradient(145deg,var(--scout-950),var(--scout-800));border-radius:var(--r-xl)}
.program-grid article,.news-card,.schedule-card,.agenda-list article,.coach-preview article,.coach-card,.member-card,.announcement-list-card{border-color:rgba(138,105,52,.15);box-shadow:var(--shadow1)}
.program-grid article:hover,.news-card:hover,.coach-card:hover,.member-card:hover{transform:translateY(-6px);box-shadow:var(--shadow2)}
.photo-stack,.news-card,.gallery-card,.coach-card,.member-card{overflow:hidden}
.photo-stack>img,.news-card__image img,.gallery-card img,.coach-card img,.member-card img{transition:transform .65s cubic-bezier(.2,.8,.2,1)}
.photo-stack:hover>img,.news-card:hover .news-card__image img,.gallery-card:hover img,.coach-card:hover img,.member-card:hover img{transform:scale(1.045)}
.gallery-section{background:linear-gradient(145deg,#171d14,#2d3926);border-radius:var(--r-xl) var(--r-xl) 0 0}
input,select,textarea,button{font:inherit}
:focus-visible{outline:3px solid rgba(165,45,50,.32);outline-offset:3px}
.page-hero,.inner-hero{background:radial-gradient(circle at 80% 10%,rgba(197,165,106,.25),transparent 28%),linear-gradient(145deg,var(--scout-950),var(--scout-700))}
.card,.content-card,.article-body-card,.official-document-card,.profile-card{border-color:rgba(138,105,52,.15);box-shadow:var(--shadow1)}
.table-wrap{max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch}
table{min-width:720px}

@media (max-width:1180px){
  .brand{min-width:220px}.brand__text b{font-size:.75rem}.nav>a,.nav-group>button,.search-open{padding-inline:8px;font-size:.66rem}.nav__cta{display:none}
}
@media (max-width:900px){
  .header__inner{min-height:74px}.brand{min-width:0}.menu-toggle{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--sand-100);border:1px solid rgba(138,105,52,.16)}
  .nav{top:82px;left:12px;right:12px;padding:10px;gap:5px;border-radius:22px;background:rgba(255,253,248,.985)}
  .nav__cta{display:block}.nav>a,.nav-group>button,.search-open{font-size:.78rem}
  .mega{padding:8px;border-radius:14px}.mega a{padding:11px}
  .hero{min-height:680px}.hero__copy{max-width:100%}.hero h1{max-width:11ch}.quick{margin-top:-22px}
}
@media (max-width:640px){
  :root{--container:min(100% - 22px,1320px)}
  .header__inner{min-height:70px}.brand__logo{width:46px;border-radius:14px}.brand__text b{font-size:.66rem}.brand__text small{font-size:.54rem}
  .menu-toggle{width:42px;height:42px}.nav{top:76px}
  .hero{min-height:660px;border-radius:0 0 26px 26px}.hero__copy{padding-bottom:42px}.hero h1{font-size:clamp(2.6rem,13vw,4rem)}
  .hero__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.hero__stats>div{min-width:0}
  .quick{margin-top:-16px}.section{padding-block:68px}.dark-section,.gallery-section{border-radius:26px}
  .section-head h2,.split h2{font-size:clamp(2rem,10vw,3rem)}
  .member-grid{grid-template-columns:1fr}.coach-preview img,.coach-photo{min-height:300px}
  .gallery-grid{grid-auto-rows:220px}.footer{border-radius:26px 26px 0 0}
}
@media (max-width:380px){.brand__text small{display:none}.hero h1{font-size:2.45rem}.hero__stats{grid-template-columns:1fr 1fr}}
/* =========================================================
   V16 — SMKN 1 KUPANG INSPIRED PUBLIC HOMEPAGE
   ========================================================= */
.school-topbar{background:#4b3024;color:#fff;font-size:.68rem;border-bottom:3px solid #d9a441}.school-topbar__inner{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:18px}.school-topbar p{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.school-topbar__inner>div{display:flex;gap:16px}.school-topbar a{color:#fff;text-decoration:none;font-weight:800}.school-header{position:sticky;top:0;background:#fff}.school-header .header__inner{min-height:82px}.school-nav .nav__cta{background:linear-gradient(135deg,#a62c32,#7e2025)!important}.school-info-strip{background:#fff;border-bottom:1px solid #eadfce}.school-info-strip__inner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;min-height:44px}.school-info-strip strong{height:44px;display:grid;place-items:center;padding:0 18px;background:#d69b2d;color:#fff;font-size:.68rem;text-transform:uppercase}.school-info-marquee{overflow:hidden}.school-info-marquee>div{display:flex;align-items:center;width:max-content;animation:schoolTicker 42s linear infinite}.school-info-marquee a{padding:0 16px;color:#4b392e;text-decoration:none;font-size:.72rem;white-space:nowrap}.school-info-marquee span{color:#b2252d}.school-info-button{padding:8px 14px;border-radius:999px;background:#3e2c23;color:#fff;text-decoration:none;font-size:.68rem;font-weight:900}@keyframes schoolTicker{to{transform:translateX(-50%)}}
.school-slider{position:relative;height:clamp(480px,68vw,720px);max-height:calc(100svh - 110px);min-height:500px;overflow:hidden;background:#172319}.school-slider__slides,.school-slider__slide{position:absolute;inset:0}.school-slider__slide{opacity:0;visibility:hidden;transition:opacity .8s ease}.school-slider__slide.is-active{opacity:1;visibility:visible}.school-slider__slide>img{width:100%;height:100%;object-fit:cover;object-position:center 43%}.school-slider__overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(19,24,17,.82) 0%,rgba(28,36,24,.54) 45%,rgba(19,24,17,.08) 78%),linear-gradient(0deg,rgba(21,26,18,.4),transparent 48%)}.school-slider__content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;color:#fff;padding-bottom:40px}.school-slider__content>span{display:inline-flex;padding:8px 12px;border-left:4px solid #e1ae42;background:rgba(255,255,255,.1);font-size:.7rem;font-weight:900;letter-spacing:.08em}.school-slider h1{max-width:760px;margin:15px 0 12px;font-size:clamp(2.6rem,5.5vw,5.7rem);line-height:.96;letter-spacing:-.055em}.school-slider p{max-width:650px;margin:0;color:rgba(255,255,255,.86);font-size:clamp(.95rem,1.2vw,1.12rem)}.school-slider__content>div{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.school-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:48px;padding:11px 17px;border-radius:9px;text-decoration:none;font-size:.78rem;font-weight:900}.school-btn--primary{background:#dba73d;color:#2e2117}.school-btn--ghost{border:1px solid rgba(255,255,255,.55);color:#fff;background:rgba(255,255,255,.08)}.school-btn--dark{background:#3c2b22;color:#fff}.school-btn--outline{border:1px solid #cdbda8;color:#3e2d23;background:#fff}.school-slider .hero-prev,.school-slider .hero-next{background:rgba(50,35,27,.56);border-radius:7px;border:0}.school-slider .hero-dots{bottom:32px}
.school-shortcuts{position:relative;z-index:20;margin-top:-34px}.school-shortcuts__grid{display:grid;grid-template-columns:repeat(3,1fr);border-radius:16px;overflow:hidden;box-shadow:0 22px 55px rgba(43,31,23,.2)}.school-shortcuts a{min-height:104px;display:flex;align-items:center;gap:16px;padding:20px 24px;background:#fff;text-decoration:none;border-right:1px solid #e6dccd;transition:.25s}.school-shortcuts a:first-child{background:#a82e34;color:#fff}.school-shortcuts a:nth-child(2){background:#4b3328;color:#fff}.school-shortcuts a:last-child{background:#dca83f;color:#342318}.school-shortcuts .ui-icon{width:34px;height:34px}.school-shortcuts span{display:flex;flex-direction:column}.school-shortcuts small{font-size:.62rem;opacity:.76;text-transform:uppercase;letter-spacing:.1em}.school-shortcuts b{font-size:1rem}.school-shortcuts a:hover{transform:translateY(-4px)}
.school-motto{margin-top:52px;overflow:hidden;border-block:1px solid #e6dccd;background:#fff}.school-motto>div{width:max-content;padding:13px 0;font-size:.78rem;font-weight:900;color:#604634;letter-spacing:.08em;text-transform:uppercase;animation:mottoMove 25s linear infinite}.school-motto>div::after{content:"Pendidikan Karakter • Kepemimpinan • Kemandirian • Kecakapan • Pengabdian • Berprestasi • "}@keyframes mottoMove{to{transform:translateX(-50%)}}
.school-welcome{background:#fff}.school-welcome__grid{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);gap:clamp(36px,7vw,92px);align-items:center}.school-welcome__portrait{position:relative;max-width:510px}.school-welcome__portrait::before{content:"";position:absolute;inset:28px -24px -24px 28px;background:#ead8b7;border-radius:0 50px 0 50px}.school-welcome__portrait img{position:relative;width:100%;height:560px;object-fit:cover;border-radius:0 54px 0 54px}.school-welcome__portrait span{position:absolute;right:-8px;bottom:26px;padding:15px 18px;background:#a62d33;color:#fff;font-weight:900}.school-welcome h2{max-width:13ch;margin:8px 0 18px;font-size:clamp(2.4rem,4.8vw,4.8rem);line-height:1.02;letter-spacing:-.05em}.school-welcome h3{margin:0;color:#4b3227;font-size:1.35rem}.school-welcome>small,.school-welcome__grid>div>small{color:#a42d33;font-weight:800}.school-welcome .lead{max-width:740px;color:#667067}.school-welcome__actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.school-stat{padding:78px 0;background:#f1eadf}.school-section-head h2{font-size:clamp(2rem,4.2vw,4rem)}.school-section-head p{max-width:680px;color:#6b706a}.school-stat__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#d6c8b4;border:1px solid #d6c8b4;border-radius:16px;overflow:hidden}.school-stat__grid article{padding:32px 22px;background:#fff;text-align:center}.school-stat__grid b{display:block;color:#a52d32;font-size:clamp(2.1rem,4vw,3.8rem);line-height:1}.school-stat__grid span{color:#57463b;font-size:.78rem;font-weight:800}
.school-programs{background:#fff}.school-programs__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.school-programs__grid article{padding:28px;border:1px solid #e5dacb;border-radius:14px;background:#fff;transition:.25s;box-shadow:0 12px 30px rgba(60,43,33,.06)}.school-programs__grid article:hover{transform:translateY(-7px);box-shadow:0 24px 50px rgba(60,43,33,.13)}.school-programs__grid article>div{width:56px;height:56px;display:grid;place-items:center;border-radius:12px;background:#f3eadc;color:#9b2b31}.school-programs__grid .ui-icon{width:28px;height:28px}.school-programs__grid small{display:block;margin-top:18px;color:#a52d32;font-size:.62rem;font-weight:900;text-transform:uppercase}.school-programs__grid h3{margin:7px 0;font-size:1.35rem}.school-programs__grid p{color:#697168}.school-programs__grid a{display:inline-flex;align-items:center;gap:6px;color:#8f2b2f;text-decoration:none;font-size:.72rem;font-weight:900}
.school-news{background:#f6f1e8}.school-news__grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:20px}.school-news-card{overflow:hidden;border:1px solid #e3d7c7;border-radius:14px;background:#fff}.school-news-card--lead{grid-row:span 2}.school-news-card__image{position:relative;display:block;height:220px;overflow:hidden}.school-news-card--lead .school-news-card__image{height:390px}.school-news-card__image img{width:100%;height:100%;object-fit:cover;transition:.5s}.school-news-card:hover img{transform:scale(1.05)}.school-news-card__image span{position:absolute;left:14px;bottom:14px;padding:6px 9px;border-radius:6px;background:#a52d32;color:#fff;font-size:.62rem;font-weight:900}.school-news-card>div{padding:20px}.school-news-card small{color:#9a6f2d;font-size:.62rem;font-weight:900;text-transform:uppercase}.school-news-card h3{margin:7px 0;font-size:1.16rem;line-height:1.22}.school-news-card--lead h3{font-size:1.65rem}.school-news-card h3 a,.school-news-card>div>a{text-decoration:none}.school-news-card p{color:#6b726d;font-size:.78rem}.school-news-card>div>a{display:inline-flex;align-items:center;gap:6px;color:#962b31;font-size:.7rem;font-weight:900}
.school-gallery{background:#2b211b}.school-gallery__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;grid-auto-rows:245px;gap:14px}.school-gallery-card{position:relative;overflow:hidden;border-radius:12px}.school-gallery-card--lead{grid-row:span 2}.school-gallery-card img{width:100%;height:100%;object-fit:cover;transition:.55s}.school-gallery-card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(22,15,12,.86),transparent 58%)}.school-gallery-card:hover img{transform:scale(1.06)}.school-gallery-card>div{position:absolute;z-index:2;left:20px;right:20px;bottom:18px;color:#fff}.school-gallery-card small{color:#e4b24e;font-size:.62rem;font-weight:900;text-transform:uppercase}.school-gallery-card h3{margin:5px 0;font-size:1.2rem}.school-gallery-card--lead h3{font-size:1.8rem}
@media(max-width:1000px){.school-topbar{display:none}.school-info-strip__inner{width:100%;grid-template-columns:auto 1fr}.school-info-button{display:none}.school-slider{height:620px;min-height:620px}.school-shortcuts__grid{grid-template-columns:1fr}.school-shortcuts{margin-top:-18px}.school-shortcuts a{min-height:88px;border-right:0;border-bottom:1px solid rgba(255,255,255,.14)}.school-welcome__grid{grid-template-columns:1fr}.school-welcome__portrait{max-width:600px}.school-stat__grid{grid-template-columns:repeat(2,1fr)}.school-programs__grid{grid-template-columns:repeat(2,1fr)}.school-news__grid{grid-template-columns:1fr 1fr}.school-news-card--lead{grid-column:span 2;grid-row:auto}.school-gallery__grid{grid-template-columns:1fr 1fr}.school-gallery-card--lead{grid-column:span 2;grid-row:span 1}}
@media(max-width:640px){.school-info-strip strong{padding:0 10px;font-size:.56rem}.school-info-marquee a{font-size:.62rem}.school-slider{height:600px;min-height:600px}.school-slider__slide>img{object-position:58% center}.school-slider__overlay{background:linear-gradient(0deg,rgba(18,24,16,.9),rgba(18,24,16,.28) 72%)}.school-slider__content{justify-content:flex-end;padding-bottom:76px}.school-slider h1{font-size:2.75rem}.school-slider__content>div{flex-direction:column;width:100%}.school-btn{width:100%}.school-shortcuts{margin-top:0}.school-shortcuts__grid{width:100%;border-radius:0}.school-motto{margin-top:30px}.school-welcome__portrait img{height:420px}.school-welcome__portrait::before{inset:18px -12px -14px 18px}.school-stat__grid{grid-template-columns:1fr 1fr}.school-stat__grid article{padding:24px 12px}.school-programs__grid,.school-news__grid,.school-gallery__grid{grid-template-columns:1fr}.school-news-card--lead,.school-gallery-card--lead{grid-column:auto}.school-news-card--lead .school-news-card__image{height:280px}.school-gallery__grid{grid-auto-rows:240px}.school-gallery-card--lead{grid-row:auto}.school-slider .hero-dots{bottom:24px}}

/* ===== V17 SMKN 1 KUPANG INSPIRED PUBLIC VISUAL SYSTEM ===== */
:root{--school-green:#123c2d;--school-green-2:#1d5942;--school-green-3:#2f7658;--school-red:#a92e36;--school-yellow:#f0b93f;--school-cream:#f6f0e5;--school-ink:#17231d;--school-shadow:0 18px 50px rgba(21,45,34,.13)}
body{background:#fff;color:var(--school-ink)}
.school-topbar{display:block;background:linear-gradient(90deg,#123c2d,#1b5d43);color:#fff;border:0}
.school-topbar__inner{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:.66rem}
.school-topbar__tagline,.school-topbar__contact{display:flex;align-items:center;gap:16px}.school-topbar__tagline span{width:8px;height:8px;border-radius:50%;background:#f0b93f;box-shadow:0 0 0 5px rgba(240,185,63,.14)}
.school-topbar a{color:#fff;text-decoration:none;opacity:.88}.school-topbar a:hover{opacity:1}
.school-header{position:sticky;top:0;background:#fff;border-bottom:1px solid #e7ece8;box-shadow:0 4px 16px rgba(21,45,34,.04)}
.school-header .header__inner{min-height:88px}.school-header .brand__logo{width:54px;border-radius:50%;background:#fff;border:2px solid #efe5d4}.school-header .brand__text b{font-size:.86rem}.school-header .brand__text small{font-size:.61rem;color:#a52d34;letter-spacing:.025em}
.school-nav{gap:0}.school-nav>a,.school-nav .nav-group>button,.school-nav .search-open{font-size:.68rem;padding:10px 8px;border-radius:8px;color:#20362a}.school-nav>a.is-active{background:#f7efe0;color:#9f2c33}.school-nav .nav__cta{margin-left:6px;padding-inline:15px;background:linear-gradient(135deg,#a42d35,#7e2028)!important;box-shadow:0 10px 25px rgba(164,45,53,.26)}
.school-nav .mega{top:calc(100% + 16px);border-top:4px solid #efb83e;border-radius:10px;box-shadow:0 24px 60px rgba(24,46,36,.18)}
.school-info-strip{background:#fff;border-bottom:1px solid #e8ece9}.school-info-strip__inner{min-height:52px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:0}.school-info-strip strong{align-self:stretch;display:flex;align-items:center;padding:0 19px;background:#a72e35;color:#fff;font-size:.66rem;text-transform:uppercase;letter-spacing:.06em}.school-info-marquee{height:52px;display:flex;align-items:center;overflow:hidden;background:#fbfaf7}.school-info-marquee>div{animation-duration:42s}.school-info-button{margin-left:14px;background:#173e30;border-radius:7px}
.school-slider{height:clamp(480px,52vw,650px);min-height:480px;max-height:none;background:#193529}.school-slider__slide>img{object-position:center 45%}.school-slider__overlay{background:linear-gradient(90deg,rgba(9,31,22,.88),rgba(15,54,39,.55) 46%,rgba(14,39,29,.09) 77%),linear-gradient(0deg,rgba(8,28,20,.4),transparent 55%)}.school-slider__content{justify-content:center;padding-bottom:65px}.school-slider__content>span{border-left:5px solid #f0b93f;background:rgba(18,60,45,.75);border-radius:0 6px 6px 0}.school-slider h1{max-width:850px;font-size:clamp(2.7rem,5vw,5.35rem);text-shadow:0 12px 30px rgba(0,0,0,.24)}.school-slider p{font-size:clamp(.93rem,1.1vw,1.08rem)}.school-btn{border-radius:7px}.school-btn--primary{background:#f0b93f}.school-btn--ghost{background:rgba(255,255,255,.12)}
.school-shortcuts{margin-top:-48px}.school-shortcuts__grid{border-radius:12px;box-shadow:0 24px 55px rgba(23,53,39,.24)}.school-shortcuts a{min-height:112px;padding:22px 26px}.school-shortcuts a:first-child{background:linear-gradient(135deg,#a92e36,#84232a)}.school-shortcuts a:nth-child(2){background:linear-gradient(135deg,#173f30,#245a44)}.school-shortcuts a:last-child{background:linear-gradient(135deg,#f1bd48,#dda72e)}.school-shortcuts b{font-size:1.05rem}.school-shortcuts .ui-icon{width:39px;height:39px}
.school-motto{margin-top:46px;background:#143e2f;border:0;color:#fff}.school-motto>div{color:#fff;padding:14px 0}.school-motto>div::after{color:#fff}
.school-welcome{padding-top:90px}.school-welcome__grid{grid-template-columns:minmax(310px,.78fr) minmax(0,1.22fr);gap:clamp(42px,7vw,100px)}.school-welcome__portrait::before{background:#f0b93f}.school-welcome__portrait img{height:540px;border-radius:4px 70px 4px 70px}.school-welcome__portrait span{background:#a92e36}.school-welcome h2{color:#173c2e;font-size:clamp(2.25rem,4.3vw,4.3rem)}.school-welcome h3{color:#a32d34}.school-welcome .lead{font-size:.94rem;line-height:1.85}.school-btn--dark{background:#173f30}.school-btn--outline{border-color:#173f30;color:#173f30}
.school-stat{background:linear-gradient(135deg,#103a2b,#1f6047);color:#fff;position:relative;overflow:hidden}.school-stat:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-120px;top:-180px;background:rgba(240,185,63,.12)}.school-stat .school-section-head h2,.school-stat .school-section-head p{color:#fff}.school-stat__grid{position:relative;border:0;background:rgba(255,255,255,.18);gap:1px}.school-stat__grid article{background:rgba(255,255,255,.07);backdrop-filter:blur(6px)}.school-stat__grid b{color:#f3be49}.school-stat__grid span{color:#fff}
.school-programs{background:#fff}.school-programs__grid{gap:18px}.school-programs__grid article{border-radius:10px;border-top:4px solid #f0b93f}.school-programs__grid article:nth-child(2n){border-top-color:#a92e36}.school-programs__grid article:nth-child(3n){border-top-color:#1d5942}.school-programs__grid article>div{background:#edf5f0;color:#1d5942}.school-programs__grid small,.school-programs__grid a{color:#a92e36}
.school-news{background:#f7f4ed}.school-news-card{border-radius:9px}.school-news-card__image span{background:#a92e36}.school-news-card small{color:#1c5a42}.school-news-card>div>a{color:#a92e36}
.school-gallery{background:linear-gradient(135deg,#102f24,#1a4937)}.school-gallery-card{border-radius:8px}.school-gallery-card small{color:#f0b93f}
.school-footer{background:#102f24;color:#dce9e2}.school-footer__top{padding:68px 0 50px}.school-footer__grid{display:grid;grid-template-columns:1.45fr .8fr .8fr 1.1fr;gap:44px}.school-footer h4{margin:0 0 18px;color:#f0b93f;font-size:.85rem}.school-footer a{display:block;margin:9px 0;color:#dce9e2;text-decoration:none;font-size:.75rem}.school-footer p{color:#b9cdc3;font-size:.75rem}.school-footer__identity .brand__text b{color:#fff}.school-footer__identity .brand__text small{color:#f0b93f}.school-footer__badge{display:inline-flex;margin-top:13px;padding:8px 12px;border-radius:999px;background:#a92e36;color:#fff;font-size:.66rem;font-weight:900}.school-footer__admin{display:inline-flex!important;padding:9px 13px;border-radius:7px;background:#f0b93f;color:#27321c!important;font-weight:900}.school-footer__bottom{border-top:1px solid rgba(255,255,255,.1);background:#0c251c}.school-footer__bottom .container{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:.66rem}
.wa{background:#1dbf68}.to-top{background:#a92e36}
@media(max-width:1180px){.school-nav>a,.school-nav .nav-group>button,.school-nav .search-open{font-size:.63rem;padding-inline:6px}.school-header .brand__text b{font-size:.76rem}.school-header .brand__logo{width:48px}}
@media(max-width:1000px){.school-topbar__contact a:first-child{display:none}.school-header .header__inner{min-height:76px}.school-nav{top:76px}.school-slider{height:590px;min-height:590px}.school-slider__content{padding-bottom:82px}.school-shortcuts{margin-top:-28px}.school-footer__grid{grid-template-columns:1fr 1fr}.school-welcome__portrait img{height:500px}}
@media(max-width:640px){.school-topbar{display:none}.school-header .brand__text b{font-size:.7rem}.school-header .brand__text small{font-size:.54rem}.school-info-strip__inner{grid-template-columns:auto 1fr}.school-slider{height:560px;min-height:560px}.school-slider__content{justify-content:flex-end;padding-bottom:68px}.school-slider h1{font-size:2.45rem}.school-shortcuts{margin-top:0}.school-shortcuts__grid{border-radius:0}.school-shortcuts a{min-height:90px}.school-welcome{padding-top:66px}.school-welcome__portrait img{height:410px}.school-footer__grid{grid-template-columns:1fr;gap:28px}.school-footer__bottom .container{min-height:70px;flex-direction:column;justify-content:center;gap:4px;text-align:center}}

/* ===== V18 LUXURY PRAMUKA — GOLD / BROWN / WHITE / RED ===== */
:root{
  --bg:#fffaf1;--surface:#ffffff;--soft:#fff4df;--text:#2b1a12;--muted:#74645b;--line:#eadcc9;
  --green:#4b2818;--green2:#6b351f;--green3:#9b4b2b;
  --gold:#f2b632;--gold2:#ffe39a;--brown:#6a321f;--danger:#a9202d;
  --school-green:#4a2517;--school-green-2:#6a321f;--school-green-3:#9c4a29;
  --school-red:#a51f2b;--school-yellow:#f4bb35;--school-cream:#fff7e9;--school-ink:#2d1a11;
  --school-shadow:0 22px 60px rgba(91,43,24,.16);
  --shadow1:0 12px 30px rgba(91,43,24,.09);--shadow2:0 24px 60px rgba(91,43,24,.16);--shadow3:0 42px 110px rgba(75,33,19,.24)
}
html{font-size:clamp(15px,.22vw + 14px,18px)}
body{color:var(--school-ink);background:linear-gradient(180deg,#fff,#fffaf1 44%,#fff);font-family:"Segoe UI",Inter,Arial,sans-serif;letter-spacing:.005em}
body,button,input,textarea,select{font-weight:400}
h1,h2,h3,h4,h5,h6,.brand__text b,.school-shortcuts b,.school-stat__grid b{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.025em}
p,.lead,.school-news-card p,.school-programs__grid p{color:#66574f;line-height:1.8}
.eyebrow{color:#a51f2b;font-family:"Segoe UI",Arial,sans-serif;font-weight:900;letter-spacing:.17em}
.page-progress span{background:linear-gradient(90deg,#a51f2b,#f4bb35,#fff0b8,#6a321f)}
.school-topbar{background:linear-gradient(100deg,#3b1c12 0%,#6a321f 48%,#9e2730 100%);box-shadow:inset 0 -1px rgba(255,255,255,.12)}
.school-topbar__tagline span{background:#ffd76d;box-shadow:0 0 0 5px rgba(255,215,109,.17)}
.school-header{background:rgba(255,255,255,.97);border-bottom:1px solid #eee0ce;box-shadow:0 6px 24px rgba(88,42,24,.08)}
.school-header .brand__logo{border-color:#ead5b9;background:linear-gradient(145deg,#fff,#fff5e3);box-shadow:0 10px 28px rgba(102,48,27,.12)}
.school-header .brand__text b{font-family:"Segoe UI",Arial,sans-serif;color:#321b12;font-weight:900;letter-spacing:.035em}
.school-header .brand__text small{color:#a51f2b;font-weight:900}
.school-nav>a,.school-nav .nav-group>button,.school-nav .search-open{color:#3c271e;font-family:"Segoe UI",Arial,sans-serif;font-weight:850}
.school-nav>a:hover,.school-nav>a.is-active,.school-nav .nav-group>button:hover,.school-nav .search-open:hover{background:linear-gradient(135deg,#fff3d9,#ffe8b3);color:#8f1f29}
.school-nav .nav__cta{background:linear-gradient(135deg,#b0222e,#7e1720)!important;box-shadow:0 12px 28px rgba(165,31,43,.25)}
.school-nav .mega{border-color:#ead9c2;border-top-color:#f4bb35;background:rgba(255,255,255,.99)}
.school-nav .mega a:hover{background:#fff4df}.school-nav .mega b{color:#372118}.school-nav .mega span{color:#78655a}
.menu-toggle span{background:#6a321f}
.school-info-strip{border-bottom-color:#eadcc9;background:#fff}
.school-info-strip strong{background:linear-gradient(135deg,#b0222e,#851923);color:#fff}
.school-info-marquee{background:linear-gradient(90deg,#fffaf1,#fff)}.school-info-marquee a{color:#493027}.school-info-button{background:linear-gradient(135deg,#6a321f,#3d1e13);color:#fff}
.school-slider{background:#32180f;box-shadow:0 28px 70px rgba(83,35,19,.22)}
.school-slider__overlay{background:linear-gradient(90deg,rgba(48,20,10,.94),rgba(106,50,31,.68) 47%,rgba(120,40,39,.20) 78%),linear-gradient(0deg,rgba(39,16,8,.55),transparent 58%)}
.school-slider__content>span{border-left-color:#f4bb35;background:linear-gradient(90deg,rgba(108,45,25,.92),rgba(142,38,44,.84));color:#fff7dd;font-weight:900;letter-spacing:.08em}
.school-slider h1{color:#fff;font-weight:800;text-shadow:0 14px 34px rgba(0,0,0,.4);line-height:1.02}
.school-slider p{color:#fff7e9;font-size:clamp(1rem,1.18vw,1.16rem);font-weight:500;text-shadow:0 3px 12px rgba(0,0,0,.3)}
.school-btn{font-family:"Segoe UI",Arial,sans-serif;font-weight:900;letter-spacing:.015em}.school-btn--primary{background:linear-gradient(135deg,#ffd467,#f0ae22);color:#351b0d;box-shadow:0 14px 32px rgba(242,182,50,.28)}.school-btn--ghost{border-color:rgba(255,255,255,.55);background:rgba(255,255,255,.14);color:#fff}.school-btn--dark{background:linear-gradient(135deg,#6a321f,#3f1d12);color:#fff}.school-btn--outline{border-color:#8f4227;color:#6a321f;background:#fff}
.hero-prev,.hero-next{background:rgba(81,34,19,.52);border-color:rgba(255,220,149,.55)}.hero-dots button.is-active{background:#f4bb35}
.school-shortcuts__grid{box-shadow:0 28px 65px rgba(82,35,19,.24)}
.school-shortcuts a:first-child{background:linear-gradient(140deg,#a51f2b,#74131c)}.school-shortcuts a:nth-child(2){background:linear-gradient(140deg,#6a321f,#3d1b11)}.school-shortcuts a:last-child{background:linear-gradient(140deg,#ffd15d,#e5a51f);color:#30180d}.school-shortcuts a:last-child small{color:#65401f}.school-shortcuts a{transition:transform .25s ease,filter .25s ease}.school-shortcuts a:hover{transform:translateY(-7px);filter:brightness(1.06)}
.school-motto{background:linear-gradient(100deg,#4a2517,#7b3a22 55%,#a51f2b);box-shadow:0 12px 35px rgba(87,37,21,.14)}
.school-welcome{background:radial-gradient(circle at 90% 20%,rgba(244,187,53,.13),transparent 26rem),#fff}.school-welcome__portrait::before{background:linear-gradient(145deg,#f7c64d,#d79518)}.school-welcome__portrait span{background:linear-gradient(135deg,#b32430,#7d1720)}.school-welcome h2{color:#3a2016;line-height:1.08}.school-welcome h3{color:#a51f2b;font-family:"Segoe UI",Arial,sans-serif;font-weight:900}.school-welcome small{color:#7c675c;font-weight:800}.school-welcome .lead{color:#5f4d44;font-size:1rem}
.school-stat{background:radial-gradient(circle at 85% 15%,rgba(255,214,104,.22),transparent 28rem),linear-gradient(135deg,#3a1b10,#6b321e 58%,#8f2029);color:#fff}.school-stat:before{background:rgba(255,213,101,.12)}.school-stat .school-section-head h2,.school-stat .school-section-head p{color:#fff}.school-stat .eyebrow{color:#ffd76d}.school-stat__grid{background:rgba(255,255,255,.19)}.school-stat__grid article{background:rgba(255,255,255,.07)}.school-stat__grid b{color:#ffd66d;font-family:"Segoe UI",Arial,sans-serif}.school-stat__grid span{color:#fff;font-weight:800}
.school-programs{background:linear-gradient(180deg,#fff,#fffaf0)}.school-programs .school-section-head h2{color:#3a2016}.school-programs__grid article{border-color:#eedfcb;border-top-color:#f4bb35;background:#fff;box-shadow:0 15px 40px rgba(87,40,22,.08)}.school-programs__grid article:nth-child(2n){border-top-color:#a51f2b}.school-programs__grid article:nth-child(3n){border-top-color:#7b3b22}.school-programs__grid article>div{background:linear-gradient(145deg,#fff3d7,#ffe5aa);color:#7b3a22}.school-programs__grid small,.school-programs__grid a{color:#a51f2b}.school-programs__grid h3{color:#3b2117}.school-programs__grid p{color:#6d5b51}
.school-news{background:linear-gradient(180deg,#fff7e9,#fffaf3)}.school-news .school-section-head h2{color:#3b2117}.school-news-card{border:1px solid #eadcc8;background:#fff;box-shadow:0 16px 42px rgba(83,38,21,.09)}.school-news-card__image span{background:linear-gradient(135deg,#b0212d,#7f1620)}.school-news-card small{color:#8b4329}.school-news-card h3,.school-news-card h3 a{color:#3b2117}.school-news-card>div>a{color:#a51f2b;font-weight:900}
.school-gallery{background:radial-gradient(circle at 12% 14%,rgba(244,187,53,.16),transparent 24rem),linear-gradient(135deg,#35180e,#6a321f 58%,#8d2029)}.school-gallery .school-section-head h2{color:#fff}.school-gallery .school-section-head a{color:#ffd66d}.school-gallery-card{box-shadow:0 18px 50px rgba(30,10,4,.32)}.school-gallery-card:after{background:linear-gradient(0deg,rgba(44,16,7,.92),transparent 70%)}.school-gallery-card small{color:#ffd66d}.school-gallery-card h3{color:#fff;text-shadow:0 3px 14px rgba(0,0,0,.38)}
.school-footer{background:linear-gradient(135deg,#2d140b,#542617 60%,#701a21);color:#fff4e7}.school-footer h4{color:#ffd66d}.school-footer a{color:#fff0df}.school-footer p{color:#ddc9bc}.school-footer__identity .brand__text b{font-family:"Segoe UI",Arial,sans-serif;color:#fff}.school-footer__identity .brand__text small{color:#ffd66d}.school-footer__badge{background:#a51f2b}.school-footer__admin{background:linear-gradient(135deg,#ffd66d,#edae25);color:#32180d!important}.school-footer__bottom{background:#241007;border-top-color:rgba(255,255,255,.12)}
.wa{background:linear-gradient(135deg,#a51f2b,#7a1720)}.to-top{background:linear-gradient(135deg,#f1b52d,#c98418);color:#32180d}
/* Generic inner pages: clear typography and no green remnants */
.page-hero,.inner-hero,.subhero{background:linear-gradient(135deg,#3b1b10,#6a321f 58%,#9a2530)!important;color:#fff}.page-hero h1,.inner-hero h1,.subhero h1{color:#fff!important}.card,.panel,.content-card,.profile-card,.member-card,.coach-card{border-color:#eadcc9!important;box-shadow:0 15px 40px rgba(83,38,21,.08)!important}.card h3,.panel h3,.content-card h3,.profile-card h3,.member-card h3,.coach-card h3{color:#3a2016}.badge,.tag,.chip{background:#fff0d2!important;color:#7a3822!important}.button:not(.button--glass):not(.button--gold),.btn-primary{background:linear-gradient(135deg,#6a321f,#9b2730)!important;color:#fff!important}
@media(max-width:640px){
  h1,h2,h3{overflow-wrap:anywhere}.school-slider h1{font-size:clamp(2.25rem,11vw,3.15rem);line-height:1.06}.school-slider p{font-size:.96rem;line-height:1.65}.school-welcome h2,.school-section-head h2{font-size:clamp(2rem,9.5vw,3rem);line-height:1.12}.school-shortcuts b{font-family:"Segoe UI",Arial,sans-serif;letter-spacing:0}.school-stat__grid b{font-size:2rem}
}

/* =========================================================
   V19 — LUXURY PRAMUKA SIGNATURE SYSTEM
   Gold • Mahogany • Ivory • Crimson
   ========================================================= */
:root{
  --lux-ink:#2b160e;--lux-brown:#5a2a19;--lux-brown-2:#7b3a22;
  --lux-red:#a51f2b;--lux-red-dark:#74131c;--lux-gold:#f3ba35;
  --lux-gold-soft:#ffdd82;--lux-ivory:#fffaf1;--lux-white:#fff;
  --lux-line:#ead9c0;--lux-shadow:0 24px 70px rgba(72,31,16,.14);
}
html{scroll-behavior:smooth}body{background:var(--lux-ivory);color:var(--lux-ink);font-family:Inter,"Segoe UI",Arial,sans-serif;text-rendering:optimizeLegibility}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.018;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}
.container{width:min(100% - 40px,1360px)}
.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--lux-red);font-size:.7rem;font-weight:950;letter-spacing:.17em;text-transform:uppercase}.eyebrow:before{content:"";width:32px;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--lux-gold),var(--lux-red))}
.section-head{align-items:flex-end}.school-section-head h2{max-width:16ch;line-height:1.03;letter-spacing:-.045em}.school-section-head>a{display:inline-flex;align-items:center;gap:8px;padding:11px 16px;border:1px solid var(--lux-line);border-radius:999px;background:#fff;color:var(--lux-brown);font-size:.72rem;font-weight:950;text-decoration:none;box-shadow:0 8px 24px rgba(72,31,16,.06)}
.school-topbar{background:linear-gradient(100deg,#2b140b 0%,#5d2a18 45%,#901f28 100%);border-bottom:0;box-shadow:inset 0 -1px rgba(255,255,255,.14)}
.school-topbar__tagline{font-weight:850;letter-spacing:.025em}.school-topbar__tagline span{width:8px;height:8px;border-radius:50%;background:var(--lux-gold);box-shadow:0 0 0 5px rgba(243,186,53,.14)}
.school-topbar__contact a{opacity:.88}.school-topbar__contact a:hover{opacity:1;color:var(--lux-gold-soft)}
.school-header{background:rgba(255,252,246,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(107,52,30,.09);box-shadow:0 10px 36px rgba(64,27,13,.06)}
.school-header.is-scrolled{box-shadow:0 18px 48px rgba(64,27,13,.13)}
.brand__logo{background:linear-gradient(145deg,#fff,#fff4d8);border:1px solid #ecd6ad;box-shadow:0 10px 28px rgba(91,42,21,.12)}
.brand__text b{color:#32190f;letter-spacing:.018em}.brand__text small{color:#a51f2b;font-weight:900}
.school-nav>a,.school-nav .nav-group>button{color:#3b2419;font-weight:900}.school-nav>a:after,.school-nav .nav-group>button:after{content:"";position:absolute;left:12px;right:12px;bottom:4px;height:2px;transform:scaleX(0);background:linear-gradient(90deg,var(--lux-gold),var(--lux-red));transition:.25s}.school-nav>a:hover:after,.school-nav>a.is-active:after,.school-nav .nav-group:hover>button:after{transform:scaleX(1)}
.school-nav .nav__cta{border-radius:12px!important;background:linear-gradient(135deg,#b32430,#76141d)!important;box-shadow:0 12px 30px rgba(142,29,38,.24)}
.mega{border:1px solid #ead9c0;background:rgba(255,252,247,.98);box-shadow:0 30px 80px rgba(55,23,10,.2)}.mega:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--lux-gold),var(--lux-red),var(--lux-brown))}.mega a:hover{background:linear-gradient(135deg,#fff4d6,#fff)}
.school-info-strip{background:#fffdf9}.school-info-strip strong{background:linear-gradient(135deg,#f6c44a,#d99819);color:#3a1d10}.school-info-button{background:linear-gradient(135deg,#6f321e,#9d202a);box-shadow:0 8px 20px rgba(128,31,36,.18)}
.school-slider{min-height:590px;background:#2e160c}.school-slider:after{content:"";position:absolute;inset:auto 0 0;height:140px;z-index:1;background:linear-gradient(0deg,rgba(39,16,7,.72),transparent);pointer-events:none}.school-slider__slide>img{filter:saturate(1.08) contrast(1.03)}
.school-slider__overlay{background:linear-gradient(90deg,rgba(41,18,8,.9) 0%,rgba(91,39,20,.67) 42%,rgba(87,22,26,.2) 75%),linear-gradient(0deg,rgba(42,17,7,.5),transparent 55%)}
.school-slider__content>span{border-left-color:var(--lux-gold);background:rgba(255,249,232,.12);backdrop-filter:blur(8px);border-radius:0 8px 8px 0;color:#ffe49b}.school-slider h1{max-width:850px;color:#fff;text-shadow:0 4px 30px rgba(0,0,0,.35)}.school-slider p{max-width:720px;color:#fff8ec;line-height:1.75;text-shadow:0 2px 12px rgba(0,0,0,.2)}
.school-btn{border-radius:12px;transition:.25s;box-shadow:0 10px 26px rgba(48,18,6,.12)}.school-btn:hover{transform:translateY(-3px)}.school-btn--primary{background:linear-gradient(135deg,#ffdb75,#edae25);color:#32190f}.school-btn--ghost{background:rgba(255,255,255,.12);backdrop-filter:blur(10px)}
.school-shortcuts{margin-top:-48px}.school-shortcuts__grid{border:1px solid rgba(255,255,255,.35);border-radius:22px}.school-shortcuts a{min-height:124px;padding:25px 28px}.school-shortcuts a .ui-icon{padding:8px;width:48px;height:48px;border-radius:14px;background:rgba(255,255,255,.14)}.school-shortcuts b{font-size:1.08rem;letter-spacing:-.015em}.school-shortcuts small{margin-bottom:4px;letter-spacing:.14em}
.school-motto{margin-top:64px;border:0;background:linear-gradient(90deg,#35180e,#6a321f 55%,#9c202a);color:#fff;box-shadow:0 16px 45px rgba(75,29,13,.18)}.school-motto>div{padding:16px 0;color:#ffe096}
.school-welcome{position:relative;overflow:hidden}.school-welcome:before{content:"015–016";position:absolute;right:-2vw;top:3%;font-size:clamp(7rem,18vw,18rem);font-weight:1000;line-height:1;color:rgba(113,49,27,.035);letter-spacing:-.08em}.school-welcome__grid{position:relative}.school-welcome__portrait:after{content:"SALAM PRAMUKA";position:absolute;left:-34px;top:55px;writing-mode:vertical-rl;transform:rotate(180deg);font-size:.62rem;font-weight:950;letter-spacing:.22em;color:#7b3a22}.school-welcome__portrait img{box-shadow:var(--lux-shadow)}.school-welcome h2{max-width:14ch}.school-welcome .lead{line-height:1.85}.school-welcome__actions .school-btn--dark{background:linear-gradient(135deg,#5d2a18,#8d2029)}
.school-stat{position:relative;overflow:hidden;padding:96px 0}.school-stat:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0 55%,rgba(255,255,255,.045) 55% 62%,transparent 62%);pointer-events:none}.school-stat__grid{position:relative;z-index:1;border-color:rgba(255,255,255,.18);border-radius:24px;backdrop-filter:blur(10px)}.school-stat__grid article{padding:42px 24px;transition:.25s}.school-stat__grid article:hover{background:rgba(255,255,255,.13)}.school-stat__grid b{letter-spacing:-.05em}.school-stat__grid span{display:block;margin-top:10px;text-transform:uppercase;letter-spacing:.12em;font-size:.68rem}
.school-programs__grid{gap:24px}.school-programs__grid article{position:relative;overflow:hidden;padding:32px;border-radius:22px}.school-programs__grid article:after{content:"";position:absolute;right:-35px;bottom:-35px;width:110px;height:110px;border-radius:50%;background:linear-gradient(135deg,rgba(243,186,53,.15),rgba(165,31,43,.06))}.school-programs__grid article>div{position:relative;z-index:1;width:64px;height:64px;border-radius:18px;box-shadow:0 10px 25px rgba(85,38,19,.1)}.school-programs__grid h3{font-size:1.45rem}.school-programs__grid p{min-height:50px;line-height:1.7}
.school-news{position:relative}.school-news:before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:linear-gradient(90deg,#f3ba35,#a51f2b,#5a2a19)}.school-news-card{border-radius:22px;transition:.3s}.school-news-card:hover{transform:translateY(-8px);box-shadow:0 28px 65px rgba(83,38,21,.17)}.school-news-card__image{height:240px}.school-news-card--lead .school-news-card__image{height:430px}.school-news-card>div{padding:24px}.school-news-card h3{line-height:1.25}.school-news-card p{line-height:1.75;color:#6b574c}
.school-gallery{padding-top:100px;padding-bottom:110px}.school-gallery-card{border-radius:24px;border:1px solid rgba(255,220,149,.18)}.school-gallery-card img{transition:.7s}.school-gallery-card:hover img{transform:scale(1.07)}.school-gallery-card div{padding:28px}.school-gallery-card h3{font-size:clamp(1.25rem,2vw,2rem)}
.school-footer{position:relative;overflow:hidden}.school-footer:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 10%,rgba(243,186,53,.12),transparent 26rem)}.school-footer__grid{position:relative}.school-footer__grid>div:not(:first-child){padding-left:24px;border-left:1px solid rgba(255,255,255,.1)}.school-footer h4{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase}.school-footer a{transition:.2s}.school-footer a:hover{color:#ffd66d;transform:translateX(4px)}
.wa,.to-top{box-shadow:0 14px 35px rgba(58,20,8,.25)}
[data-reveal]{transform:translateY(28px);opacity:0;transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}[data-reveal].is-visible{transform:none;opacity:1}
@media(max-width:1100px){.school-news__grid{grid-template-columns:1fr 1fr}.school-news-card--lead{grid-row:auto;grid-column:1/-1}.school-news-card--lead{display:grid;grid-template-columns:1.15fr 1fr}.school-news-card--lead .school-news-card__image{height:100%;min-height:390px}}
@media(max-width:900px){.school-topbar__contact a:nth-child(-n+2){display:none}.school-slider{min-height:620px}.school-shortcuts{margin-top:-30px}.school-shortcuts__grid{grid-template-columns:1fr}.school-shortcuts a{min-height:94px}.school-welcome__portrait:after{display:none}.school-footer__grid>div:not(:first-child){padding-left:0;border-left:0}.school-stat__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.container{width:min(100% - 24px,1360px)}.school-slider{min-height:620px}.school-slider__content{justify-content:flex-end;padding-bottom:110px}.school-slider h1{font-size:clamp(2.25rem,12vw,3.35rem)}.school-slider p{font-size:.94rem}.school-slider__content>div{gap:8px}.school-btn{width:100%}.school-shortcuts{margin-top:-68px}.school-shortcuts__grid{border-radius:18px}.school-shortcuts a{padding:18px 20px}.school-welcome__portrait img{height:430px}.school-stat{padding:76px 0}.school-stat__grid article{padding:28px 10px}.school-programs__grid{grid-template-columns:1fr}.school-news__grid{grid-template-columns:1fr}.school-news-card--lead{display:block}.school-news-card--lead .school-news-card__image{height:280px;min-height:0}.school-gallery{padding-block:78px}.school-footer__grid{gap:34px}.school-section-head>a{margin-top:14px}}

/* =========================================================
   V20 — FULL RESPONSIVE SYSTEM
   Fluid typography, adaptive cards, safe images, no overlap
   ========================================================= */
:root{
  --fluid-space:clamp(14px,2vw,28px);
  --fluid-radius:clamp(16px,2vw,26px);
  --fluid-title:clamp(1.85rem,4.6vw,4.7rem);
  --fluid-subtitle:clamp(1.2rem,2.5vw,2rem);
  --fluid-body:clamp(.92rem,1.1vw,1.08rem);
}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{overflow-wrap:anywhere}
:is(h1,h2,h3,h4,h5,h6,p,a,span,small,b,strong,li,td,th,label,button){max-width:100%}
:is(h1,h2,h3,h4,h5,h6){text-wrap:balance;overflow-wrap:anywhere}
p,li{font-size:var(--fluid-body);text-wrap:pretty}
img,video,iframe,svg{max-width:100%;height:auto}
figure{max-width:100%;margin-inline:0}
.container{width:min(calc(100% - clamp(24px,5vw,56px)),1360px)}
.section,.school-section{padding-block:clamp(56px,8vw,112px)}
.section h2,.school-section h2,.school-section-head h2{font-size:var(--fluid-title);line-height:1.06}
.section h3,.school-section h3{font-size:var(--fluid-subtitle);line-height:1.25}

/* Responsive media */
:is(.school-slider__slide,.hero__slide,.school-news-card__image,.school-gallery-card,.school-welcome__portrait,.card-image,.gallery-item,.news-image){overflow:hidden}
:is(.school-slider__slide>img,.hero__slide>img,.school-news-card__image img,.school-gallery-card img,.school-welcome__portrait img,.card-image img,.gallery-item img,.news-image img){width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.school-slider__slide>img,.hero__slide>img{position:absolute;inset:0}
.school-welcome__portrait img{min-height:clamp(360px,48vw,590px);aspect-ratio:4/5}
.school-news-card__image{aspect-ratio:16/10;height:auto!important;min-height:0!important}
.school-news-card--lead .school-news-card__image{aspect-ratio:16/11}
.school-gallery-card{min-height:clamp(270px,34vw,480px)}
.school-gallery-card img{position:absolute;inset:0}
.school-gallery-card div{position:absolute;inset:auto 0 0;z-index:2}

/* Adaptive grids/cards */
:is(.school-programs__grid,.program-grid,.cards-grid,.members-grid,.coaches-grid,.activities-grid,.downloads-grid){display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:clamp(16px,2.2vw,28px)}
:is(.school-programs__grid article,.program-grid>*,.cards-grid>*,.members-grid>*,.coaches-grid>*,.activities-grid>*,.downloads-grid>*){min-width:0;height:100%}
.school-news__grid{display:grid;grid-template-columns:minmax(0,1.35fr) repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,26px)}
.school-gallery__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(14px,2vw,24px)}
.school-gallery__grid>*{grid-column:span 4;min-width:0}
.school-gallery__grid>*:first-child{grid-column:span 8}
.school-shortcuts__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.school-shortcuts a{min-width:0}
.school-shortcuts b,.school-shortcuts small{overflow-wrap:anywhere}
.school-stat__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.school-footer__grid{display:grid;grid-template-columns:minmax(240px,1.35fr) repeat(3,minmax(160px,1fr));gap:clamp(24px,4vw,56px)}

/* Header and navigation safety */
.school-header .header__inner{min-height:clamp(70px,7vw,88px)}
.brand{min-width:0}.brand__text{min-width:0}.brand__text b,.brand__text small{white-space:normal}
.school-nav{min-width:0}.school-nav>a,.school-nav .nav-group>button,.school-nav .search-open{white-space:nowrap}
.mega{max-width:min(92vw,590px)}

/* Slider text remains readable */
.school-slider{min-height:clamp(540px,72svh,760px)}
.school-slider__content{padding-block:clamp(70px,10vw,130px)}
.school-slider__content>div{max-width:min(850px,88vw)}
.school-slider h1{font-size:clamp(2.35rem,6.2vw,5.9rem);line-height:.98;overflow-wrap:anywhere}
.school-slider p{font-size:clamp(.94rem,1.3vw,1.15rem);max-width:66ch}
.school-slider__actions{display:flex;flex-wrap:wrap;gap:12px}
.school-btn,.button{min-width:0;white-space:normal;text-align:center}

/* Forms, embeds and tables */
input,select,textarea,button{max-width:100%;font:inherit}
input,select,textarea{width:100%}
.table-wrap{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
table{width:100%;min-width:720px}
iframe{width:100%;border:0}

/* Prevent floating widgets overlapping content */
.wa,.to-top{right:clamp(12px,2vw,24px)}
.wa{bottom:clamp(72px,8vw,92px)}
.to-top{bottom:clamp(16px,2vw,26px)}

@media(max-width:1180px){
  .school-nav>a,.school-nav .nav-group>button,.school-nav .search-open{padding-inline:8px;font-size:.68rem}
  .school-news__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .school-news-card--lead{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
  .school-news-card--lead .school-news-card__image{aspect-ratio:auto;min-height:360px!important}
  .school-footer__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:980px){
  .utility,.school-topbar{display:none}
  .menu-toggle{display:block;flex:0 0 auto}
  .school-nav{position:fixed;inset:0 0 0 auto;width:min(88vw,380px);height:100dvh;z-index:3000;display:flex;flex-direction:column;align-items:stretch;gap:5px;padding:88px 18px 28px;overflow-y:auto;background:#fffaf1;box-shadow:-24px 0 70px rgba(56,23,10,.24);transform:translateX(105%);transition:.28s ease}
  .school-nav.is-open{transform:none}
  .school-nav>a,.school-nav .nav-group>button,.school-nav .search-open{width:100%;min-height:48px;text-align:left;font-size:.86rem;padding:13px 14px}
  .school-nav .nav__cta{margin:8px 0 0;text-align:center}
  .nav-group{width:100%}.nav-group .mega{position:static;width:100%;max-width:none;display:none;grid-template-columns:1fr;margin-top:5px;opacity:1;visibility:visible;transform:none;box-shadow:none;border-radius:14px}
  .nav-group.is-open .mega{display:grid}
  .school-shortcuts__grid{grid-template-columns:1fr}
  .school-shortcuts a{min-height:92px}
  .school-welcome__grid{grid-template-columns:1fr!important;gap:clamp(28px,5vw,48px)}
  .school-welcome__portrait{max-width:680px;margin-inline:auto;width:100%}
  .school-stat__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .school-gallery__grid>*{grid-column:span 6}.school-gallery__grid>*:first-child{grid-column:1/-1}
}
@media(max-width:720px){
  .container{width:min(calc(100% - 24px),1360px)}
  .brand__logo{width:44px}.brand__text b{font-size:.76rem}.brand__text small{font-size:.58rem}
  .school-slider{min-height:600px}
  .school-slider__content{align-items:flex-end;padding:88px 0 116px}
  .school-slider__content>div{max-width:100%}
  .school-slider__content>span{font-size:.6rem}
  .school-slider h1{font-size:clamp(2.15rem,11.5vw,3.65rem)}
  .school-slider p{font-size:.92rem;line-height:1.65}
  .school-slider__actions{display:grid;grid-template-columns:1fr;width:100%}
  .school-btn{width:100%;min-height:48px}
  .hero-prev,.hero-next{top:auto;bottom:24px;width:42px}.hero-prev{left:14px}.hero-next{right:14px}
  .school-shortcuts{margin-top:-62px}
  .school-motto{margin-top:42px}.school-motto>div{white-space:normal;text-align:center}
  .school-news__grid{grid-template-columns:1fr}
  .school-news-card--lead{display:block;grid-column:auto}
  .school-news-card--lead .school-news-card__image{min-height:0!important;aspect-ratio:16/11}
  .school-gallery__grid{grid-template-columns:1fr}.school-gallery__grid>*{grid-column:auto!important}
  .school-gallery-card{min-height:330px}
  .school-footer__grid{grid-template-columns:1fr}.school-footer__grid>div{padding-left:0!important;border-left:0!important}
  .school-stat__grid article{padding:26px 12px}.school-stat__grid b{font-size:clamp(1.75rem,9vw,2.7rem)}
  .section-head,.school-section-head{display:block}
  .section-head>a,.school-section-head>a{margin-top:16px}
}
@media(max-width:430px){
  body{min-width:0}
  .container{width:min(calc(100% - 20px),1360px)}
  .header__inner{gap:8px}.brand{gap:8px}.brand__logo{width:40px;border-radius:12px}.brand__text b{font-size:.68rem}.brand__text small{font-size:.52rem}
  .school-slider{min-height:570px}
  .school-slider h1{font-size:clamp(2rem,12vw,3rem)}
  .school-slider p{font-size:.88rem}
  .school-stat__grid{grid-template-columns:1fr}
  .school-shortcuts a{padding:17px}
  .school-programs__grid article,.school-news-card>div{padding:20px}
  .school-welcome__portrait img{min-height:350px}
  .school-gallery-card{min-height:290px}
  .wa,.to-top{width:44px;height:44px}
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* =========================================================
   V21 — SOFT LUXURY EXPERIENCE / MODERN INTERFACE
   Fokus: form modern, palet lembut, layout hidup non-blogger
   ========================================================= */
:root{
  --v21-ink:#35231b;--v21-text:#59463d;--v21-muted:#8a776d;
  --v21-canvas:#fbf8f4;--v21-paper:#fffdfa;--v21-soft:#f6efe7;
  --v21-line:#eadfd5;--v21-gold:#d7ad62;--v21-gold-soft:#f3e5c8;
  --v21-brown:#6a4939;--v21-brown-deep:#3b281f;--v21-red:#9d5156;
  --v21-shadow:0 18px 55px rgba(75,49,36,.09);
  --v21-shadow-hover:0 28px 80px rgba(75,49,36,.14)
}
body{color:var(--v21-text);background:
radial-gradient(circle at 8% 4%,rgba(215,173,98,.10),transparent 26rem),
radial-gradient(circle at 94% 22%,rgba(157,81,86,.07),transparent 25rem),
linear-gradient(180deg,#fdfbf8 0%,var(--v21-canvas) 52%,#f8f3ed 100%)}
body:before{opacity:.012}
:is(h1,h2,h3,h4,h5,h6){color:var(--v21-ink)}
p{color:var(--v21-text)}
.section-head,.school-section-head{position:relative}.section-head:after,.school-section-head:after{content:"";position:absolute;left:0;bottom:-18px;width:min(220px,35vw);height:1px;background:linear-gradient(90deg,var(--v21-gold),transparent)}
.eyebrow{color:var(--v21-red)}.eyebrow:before{background:linear-gradient(90deg,var(--v21-gold),var(--v21-red))}

/* Living sections: layered editorial interface, not a plain blog */
.page-section,.school-welcome,.school-programs,.school-news{position:relative;isolation:isolate}
.page-section:before,.school-programs:before{content:"";position:absolute;z-index:-1;width:clamp(180px,25vw,390px);aspect-ratio:1;border-radius:50%;filter:blur(1px);background:radial-gradient(circle,rgba(215,173,98,.10),transparent 68%);right:-10%;top:5%}
.school-welcome__grid,.training-page-grid,.contact-layout{padding:clamp(18px,3vw,40px);border:1px solid rgba(234,223,213,.85);border-radius:clamp(24px,3vw,38px);background:linear-gradient(145deg,rgba(255,253,250,.94),rgba(248,242,235,.86));box-shadow:var(--v21-shadow);backdrop-filter:blur(10px)}
.school-programs__grid article,.school-news-card,.school-gallery-card,.contact-cards article,.schedule-list article,.info-list article,.member-card,.profile-card,.achievement-card{border:1px solid rgba(234,223,213,.92)!important;background:linear-gradient(155deg,#fffdfa,#fbf7f2)!important;box-shadow:0 14px 42px rgba(75,49,36,.07)!important;transition:transform .32s ease,box-shadow .32s ease,border-color .32s ease}
.school-programs__grid article:hover,.school-news-card:hover,.contact-cards article:hover,.schedule-list article:hover,.member-card:hover,.profile-card:hover,.achievement-card:hover{transform:translateY(-7px);box-shadow:var(--v21-shadow-hover)!important;border-color:#ddc9b5!important}
.school-programs__grid article:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,var(--v21-gold),var(--v21-red));opacity:.75}
.school-news{background:linear-gradient(180deg,#f8f3ed,#fcfaf7)}
.school-gallery{background:linear-gradient(135deg,#33231c,#53392c 55%,#704046)}

/* Soft premium header */
.school-topbar{background:linear-gradient(100deg,#493126,#6c4938 54%,#8e4a50)}
.school-header{background:rgba(255,253,250,.91);border-color:rgba(106,73,57,.08)}
.school-nav>a,.school-nav .nav-group>button{color:#4a362d}.school-nav>a:hover,.school-nav>a.is-active,.school-nav .nav-group>button:hover{background:#f6efe7;color:#6d4437}
.school-nav .nav__cta{background:linear-gradient(135deg,#795143,#995158)!important;box-shadow:0 10px 28px rgba(105,66,55,.18)}
.mega{background:rgba(255,253,250,.985);border-color:var(--v21-line)}.mega a:hover{background:#f7f0e8}

/* Hero with calmer luxury gradient and clearer text */
.school-slider__overlay{background:linear-gradient(90deg,rgba(40,28,22,.86),rgba(68,45,36,.62) 48%,rgba(91,52,55,.18) 78%),linear-gradient(0deg,rgba(35,23,18,.44),transparent 58%)}
.school-slider h1{color:#fffaf3;text-shadow:0 8px 34px rgba(22,14,10,.34)}
.school-slider p{color:#f5ece2}
.school-btn--primary{background:linear-gradient(135deg,#ead19d,#d7ad62);color:#38251c;box-shadow:0 12px 30px rgba(105,74,42,.18)}
.school-btn--ghost{background:rgba(255,252,246,.12);border-color:rgba(255,255,255,.25)}
.school-shortcuts__grid{overflow:hidden;box-shadow:var(--v21-shadow)}
.school-shortcuts a{background:rgba(255,253,250,.96)!important;color:var(--v21-ink)!important;border-color:var(--v21-line)!important}
.school-shortcuts a:nth-child(2){background:linear-gradient(145deg,#f8f0e7,#fffdfa)!important}.school-shortcuts a:nth-child(3){background:linear-gradient(145deg,#f6eceb,#fffdfa)!important}
.school-shortcuts a .ui-icon{background:var(--v21-soft)!important;color:var(--v21-brown)!important}
.school-shortcuts small{color:var(--v21-red)!important}
.school-motto{background:linear-gradient(90deg,#4b3328,#765043 56%,#8b5055);box-shadow:0 18px 46px rgba(75,49,36,.14)}

/* Modern form system */
:is(.contact-form,.member-filter,.news-search-modern,.comment-form-modern,.search-box form){position:relative}
.contact-form,.comment-form-modern{padding:clamp(20px,3vw,34px);border:1px solid var(--v21-line);border-radius:28px;background:linear-gradient(145deg,rgba(255,253,250,.98),rgba(247,240,232,.92));box-shadow:var(--v21-shadow)}
.contact-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.contact-form label:last-of-type,.contact-form button{grid-column:1/-1}
:is(.contact-form,.comment-form-modern) label{display:grid;gap:8px;color:var(--v21-brown-deep);font-size:.76rem;font-weight:850;letter-spacing:.015em}
:is(input,select,textarea){min-height:52px;border:1px solid var(--v21-line)!important;border-radius:15px!important;background:rgba(255,255,255,.88)!important;color:var(--v21-ink)!important;padding:13px 15px!important;outline:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 6px 18px rgba(75,49,36,.035);transition:border-color .22s ease,box-shadow .22s ease,background .22s ease,transform .22s ease}
textarea{min-height:140px;resize:vertical;line-height:1.65}
:is(input,select,textarea)::placeholder{color:#a49388;opacity:1}
:is(input,select,textarea):hover{border-color:#ddc9b7!important;background:#fff!important}
:is(input,select,textarea):focus{border-color:#c99f67!important;background:#fff!important;box-shadow:0 0 0 5px rgba(215,173,98,.14),0 12px 30px rgba(75,49,36,.08)!important;transform:translateY(-1px)}
select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#765548 50%),linear-gradient(135deg,#765548 50%,transparent 50%)!important;background-position:calc(100% - 19px) 22px,calc(100% - 14px) 22px!important;background-size:5px 5px,5px 5px!important;background-repeat:no-repeat!important;padding-right:42px!important}
:is(.contact-form,.comment-form-modern,.member-filter,.news-search-modern) button{min-height:52px;border:0;border-radius:15px;padding:13px 20px;background:linear-gradient(135deg,#745044,#945057);color:#fff;font-weight:900;box-shadow:0 12px 28px rgba(111,71,60,.17);cursor:pointer;transition:.25s}
:is(.contact-form,.comment-form-modern,.member-filter,.news-search-modern) button:hover{transform:translateY(-2px);box-shadow:0 18px 36px rgba(111,71,60,.22)}
.member-filter,.news-search-modern{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--v21-line);border-radius:20px;background:rgba(255,253,250,.92);box-shadow:0 12px 34px rgba(75,49,36,.06);backdrop-filter:blur(10px)}
.member-filter label{flex:1;display:flex;align-items:center;gap:9px;padding-left:12px}.member-filter label input{border:0!important;box-shadow:none!important;background:transparent!important;padding-left:0!important}.member-filter select{width:min(260px,34vw)}
.news-search-modern input{flex:1}
.search-box{border:1px solid var(--v21-line);background:linear-gradient(145deg,#fffdfa,#f7efe7)}
.search-box label{border-color:var(--v21-line);background:#fff}.search-box input{min-height:46px!important;border:0!important;box-shadow:none!important;padding:10px 0!important}.search-box form>button{background:linear-gradient(135deg,#745044,#945057)}

/* Contact cards become compact app-like information tiles */
.contact-cards{display:grid;gap:14px}.contact-cards article{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:15px;padding:20px;border-radius:20px}.contact-cards article>span{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:linear-gradient(145deg,#f4e7d5,#fff);color:#765043}.contact-cards small{color:var(--v21-red);font-weight:900;letter-spacing:.12em}.contact-cards h3{margin:.25rem 0;font-size:clamp(1rem,1.5vw,1.2rem)}

/* Footer calmer and cleaner */
.school-footer{background:linear-gradient(135deg,#33231c,#4c3429 56%,#684044)}.school-footer p,.school-footer a{color:#e9ddd3}.school-footer h4{color:#f1d6a2}.school-footer__badge{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.13)}

@media(max-width:760px){
 .contact-form{grid-template-columns:1fr}.contact-form>*{grid-column:1!important}
 .member-filter,.news-search-modern{align-items:stretch;flex-direction:column}.member-filter label,.member-filter select,.member-filter button,.news-search-modern input,.news-search-modern button{width:100%}
 .school-welcome__grid,.training-page-grid,.contact-layout{padding:16px;border-radius:22px}
}
/* PRAMUKA SMKN 1 KUPANG — V35 CLEAN FINAL
   Single final layout layer. Loaded after style.css only. */
:root{
  --v35-maroon:#6f1824;
  --v35-maroon-dark:#431019;
  --v35-gold:#dca62f;
  --v35-ink:#241714;
  --v35-muted:#735f58;
  --v35-cream:#fbf7f1;
  --v35-card:#fffdfa;
  --v35-line:#eadfd3;
  --v35-shadow:0 18px 48px rgba(62,28,20,.10);
  --v35-radius:22px;
  --v35-container:1440px;
}
*{box-sizing:border-box}
html{overflow-x:hidden}
body{overflow-x:hidden;background:var(--v35-cream);color:var(--v35-ink)}
.container{width:min(calc(100% - 48px),var(--v35-container));margin-inline:auto}
main{overflow:hidden}
img{max-width:100%}

/* HEADER */
.school-topbar{background:linear-gradient(90deg,#451019,#7e1d2b);color:#fff7e7}
.school-topbar__inner{min-height:36px}
.school-topbar a,.school-topbar__tagline{color:#fff7e7}
.school-header{position:sticky;top:0;z-index:1000;background:rgba(255,253,249,.97);border-bottom:1px solid var(--v35-line);box-shadow:0 10px 30px rgba(66,27,18,.07);backdrop-filter:blur(15px)}
.school-header .header__inner{min-height:84px;gap:28px}
.brand{display:flex;align-items:center;gap:14px;min-width:310px;text-decoration:none}
.brand__logo{width:58px;height:58px;flex:0 0 58px;border:1px solid #e6bd55;border-radius:18px;background:#fff9e9;display:grid;place-items:center;box-shadow:0 10px 24px rgba(88,41,23,.10)}
.brand__logo img{width:38px;height:38px;object-fit:contain}
.brand__text{display:grid;gap:3px;line-height:1.1}
.brand__text b{font-family:Arial,sans-serif;font-size:clamp(.96rem,1.25vw,1.28rem);font-weight:900;letter-spacing:.02em;color:var(--v35-maroon-dark);white-space:nowrap}
.brand__text small{font-family:Arial,sans-serif;font-size:.68rem;font-weight:800;color:#b17409;letter-spacing:.01em}
.school-nav{gap:3px;align-items:center}
.school-nav>a,.school-nav .nav-group>button,.search-open{font-family:Arial,sans-serif;font-size:.72rem;font-weight:800;color:#32211d;padding:11px 10px;border-radius:10px;white-space:nowrap}
.school-nav>a:hover,.school-nav>a.is-active,.school-nav .nav-group>button:hover{background:#f5eadc;color:var(--v35-maroon)}
.nav__cta{padding:13px 18px!important;background:linear-gradient(135deg,#7c2732,#5b1520)!important;color:#fff!important;border-radius:13px!important;box-shadow:0 12px 26px rgba(105,25,36,.22)}

/* HERO — clear image, no brown gradient */
.school-slider{position:relative;width:min(calc(100% - 48px),var(--v35-container));height:clamp(560px,66vw,720px);min-height:0;margin:22px auto 0;border-radius:26px;overflow:hidden;background:#151515;box-shadow:0 26px 65px rgba(43,21,17,.18)}
.school-slider__slides,.school-slider__slide{position:absolute;inset:0;width:100%;height:100%}
.school-slider__slide{opacity:0;visibility:hidden;transition:opacity .8s ease,visibility .8s ease}
.school-slider__slide.is-active{opacity:1;visibility:visible}
.school-slider__slide>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%;filter:saturate(1.05) contrast(1.02) brightness(1.03);transform:scale(1.02);transition:transform 8s ease}
.school-slider__slide.is-active>img{transform:scale(1.075)}
.school-slider__overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,6,8,.72) 0%,rgba(5,6,8,.47) 37%,rgba(5,6,8,.13) 66%,rgba(5,6,8,.04) 100%)}
.school-slider:after{content:none}
.school-slider__content{position:relative;z-index:3;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:72px 0;pointer-events:none}
.school-slider__content>*{pointer-events:auto}
.school-slider__content>span{display:inline-flex;max-width:max-content;padding:9px 14px;border:1px solid rgba(255,215,110,.52);border-left:4px solid #f2bb35;border-radius:9px;background:rgba(22,18,16,.48);color:#ffe29b;font-family:Arial,sans-serif;font-size:.68rem;font-weight:900;letter-spacing:.08em;backdrop-filter:blur(5px)}
.school-slider h1{width:min(700px,56%);max-width:none;margin:20px 0 18px;color:#fff;font-family:Arial,sans-serif;font-size:clamp(3rem,5.25vw,5.55rem);font-weight:900;line-height:.94;letter-spacing:-.045em;overflow-wrap:normal;word-break:normal;text-wrap:balance;text-shadow:0 8px 30px rgba(0,0,0,.28)}
.school-slider p{width:min(610px,52%);margin:0 0 26px;color:#fff;font-family:Arial,sans-serif;font-size:clamp(.96rem,1.25vw,1.16rem);font-weight:600;line-height:1.65;text-shadow:0 3px 16px rgba(0,0,0,.45)}
.school-slider__content>div{display:flex;gap:12px;flex-wrap:wrap}
.school-btn{min-height:48px;padding:0 20px;border-radius:12px;font-family:Arial,sans-serif;font-size:.75rem;font-weight:900}
.school-btn--primary{background:linear-gradient(135deg,#f0bd3d,#d99c15);color:#2b1a0e;border:0}
.school-btn--ghost{background:rgba(20,17,16,.34);border:1px solid rgba(255,255,255,.65);color:#fff;backdrop-filter:blur(5px)}
.hero-prev,.hero-next{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:14px;border:1px solid rgba(255,255,255,.34);background:rgba(18,16,16,.38);color:#fff;font-size:1.75rem;backdrop-filter:blur(6px)}
.hero-prev{left:24px}.hero-next{right:24px}
.hero-dots{position:absolute;z-index:5;bottom:24px;left:50%;transform:translateX(-50%);display:flex;gap:8px}
.hero-dots button{width:9px;height:9px;padding:0;border:0;border-radius:99px;background:rgba(255,255,255,.68)}
.hero-dots button.is-active{width:30px;background:#efb631}
.hero-progress{display:none}

/* HOME QUICK CARDS */
.home-shortcuts{padding:38px 0 18px;background:transparent}
.home-shortcuts__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.home-shortcut{min-width:0;min-height:158px;display:grid;grid-template-columns:88px minmax(0,1fr) auto;align-items:center;gap:20px;padding:24px 26px;border:1px solid var(--v35-line);border-radius:20px;background:var(--v35-card);box-shadow:var(--v35-shadow);text-decoration:none;color:var(--v35-ink)}
.home-shortcut img{width:76px;height:76px;object-fit:contain;filter:drop-shadow(0 10px 10px rgba(73,32,20,.14))}
.home-shortcut span{display:block;margin-bottom:7px;color:#b27a16;font-family:Arial,sans-serif;font-size:.68rem;font-weight:900;letter-spacing:.12em}
.home-shortcut h3{margin:0 0 7px;color:var(--v35-maroon);font-family:Arial,sans-serif;font-size:1.08rem;font-weight:900}
.home-shortcut p{margin:0;color:var(--v35-muted);font-family:Arial,sans-serif;font-size:.84rem;line-height:1.55}
.home-shortcut>b{font-family:Arial,sans-serif;color:#c88d18;font-size:1.2rem}

/* SECTION HEADINGS */
.home-values,.home-organization{padding:78px 0}
.home-section-title{text-align:center;margin:0 auto 34px}
.home-section-title span{display:block;margin-bottom:8px;color:#b17b1d;font-family:Arial,sans-serif;font-size:.7rem;font-weight:900;letter-spacing:.18em}
.home-section-title h2{margin:0;color:var(--v35-maroon-dark);font-size:clamp(1.8rem,3vw,2.75rem);line-height:1.15}

/* VALUE CARDS — rectangles, never pills */
.home-values{background:#fffaf3}
.home-values__grid{width:min(100%,1120px);margin:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.home-values__grid article{min-width:0;min-height:168px;display:grid;grid-template-columns:116px minmax(0,1fr);align-items:center;gap:24px;padding:24px 30px;border:1px solid var(--v35-line);border-radius:18px;background:#fff;box-shadow:0 14px 36px rgba(62,28,20,.07)}
.home-values__grid img{width:96px;height:96px;object-fit:contain;filter:drop-shadow(0 12px 10px rgba(73,32,20,.14))}
.home-values__grid h3{margin:0 0 10px;color:var(--v35-maroon);font-family:Arial,sans-serif;font-size:1.06rem;font-weight:900}
.home-values__grid p{margin:0;color:var(--v35-muted);font-family:Arial,sans-serif;font-size:.94rem;line-height:1.55}

/* HOME ORGANIZATION */
.home-organization{background:var(--v35-cream)}
.org-featured{width:min(100%,1160px);min-height:250px;margin:0 auto 22px;display:grid;grid-template-columns:230px minmax(0,1fr);align-items:stretch;position:relative;overflow:hidden;border:1px solid var(--v35-line);border-radius:20px;background:#fff;box-shadow:var(--v35-shadow)}
.org-photo{min-height:250px;background:#f0e8df}
.org-photo img{width:100%;height:100%;object-fit:cover;object-position:center top}
.org-copy{align-self:center;padding:34px 42px;position:relative;z-index:2}
.org-copy h3{margin:5px 0;color:var(--v35-maroon);font-family:Arial,sans-serif;font-size:1.65rem;font-weight:900}
.org-copy strong{display:block;color:var(--v35-ink);font-family:Arial,sans-serif;font-size:1rem}
.org-copy p{margin:7px 0 16px;color:var(--v35-muted)}
.org-crown{color:#d99c1a;font-size:1.4rem}
.org-watermark{position:absolute;right:34px;top:50%;transform:translateY(-50%);font-size:8rem;color:rgba(116,25,36,.045)}
.org-actions{display:flex;gap:8px}
.org-actions a{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--v35-line);border-radius:50%;background:#fff;color:var(--v35-maroon);text-decoration:none}
.org-grid{width:min(100%,1160px);margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.org-card{min-width:0;min-height:178px;display:grid;grid-template-columns:132px minmax(0,1fr);align-items:stretch;overflow:hidden;border:1px solid var(--v35-line);border-radius:18px;background:#fff;box-shadow:0 12px 32px rgba(62,28,20,.07)}
.org-card__photo{background:#f1e9e0}
.org-card__photo img{width:100%;height:100%;object-fit:cover;object-position:center top}
.org-card>div:last-child{align-self:center;padding:22px 20px;min-width:0}
.org-card h3{margin:0 0 7px;color:var(--v35-maroon);font-family:Arial,sans-serif;font-size:1rem;font-weight:900}
.org-card p{margin:0 0 14px;color:var(--v35-muted);font-family:Arial,sans-serif;font-size:.82rem;line-height:1.45;overflow-wrap:anywhere}

/* INNER PAGE HERO */
.page-hero{padding:72px 0 76px;background:linear-gradient(135deg,#54131d,#8b2431)!important;border-radius:0 0 30px 30px;color:#fff}
.page-hero .container{max-width:var(--v35-container)}
.page-hero .breadcrumb{margin-bottom:26px;color:#f4d4d8}
.page-hero .breadcrumb a,.page-hero .breadcrumb strong{color:#fff}
.page-kicker{display:block;margin-bottom:12px;color:#ffd573;font-family:Arial,sans-serif;font-size:.7rem;font-weight:900;letter-spacing:.16em}
.page-hero h1{max-width:900px;margin:0 0 17px;color:#fff!important;font-family:Arial,sans-serif;font-size:clamp(2.35rem,4.7vw,4.8rem);line-height:1.02;letter-spacing:-.035em;overflow-wrap:normal;word-break:normal;text-wrap:balance}
.page-hero p{max-width:720px;margin:0;color:#f8e9eb;font-size:1rem;line-height:1.7}
.page-section{padding:76px 0 100px}
.org-page-intro{text-align:center;max-width:790px;margin:0 auto 36px}
.org-page-intro>span{color:#b17b1d;font-family:Arial,sans-serif;font-size:.7rem;font-weight:900;letter-spacing:.17em}
.org-page-intro h2{margin:9px 0 12px;color:var(--v35-maroon-dark);font-size:clamp(1.9rem,3.2vw,3rem)}
.org-page-intro p{margin:0;color:var(--v35-muted);line-height:1.7}
.org-page-featured{width:min(100%,1180px);min-height:300px;margin:0 auto 24px;display:grid;grid-template-columns:260px minmax(0,1fr);position:relative;overflow:hidden;border:1px solid var(--v35-line);border-radius:22px;background:#fff;box-shadow:var(--v35-shadow)}
.org-page-featured__photo{background:#f0e8df}
.org-page-featured__photo img{width:100%;height:100%;object-fit:cover;object-position:center top}
.org-page-featured__body{align-self:center;padding:40px 48px;position:relative;z-index:2}
.org-page-featured__label{color:#b17b1d;font-family:Arial,sans-serif;font-size:.68rem;font-weight:900;letter-spacing:.14em}
.org-page-featured__body h2{margin:10px 0 5px;color:var(--v35-maroon);font-family:Arial,sans-serif;font-size:1.8rem;font-weight:900}
.org-page-featured__body h3{margin:0 0 13px;color:var(--v35-ink);font-family:Arial,sans-serif;font-size:1.05rem}
.org-page-featured__body p{max-width:650px;margin:0;color:var(--v35-muted);line-height:1.65}
.org-page-featured__mark{position:absolute;right:35px;top:50%;transform:translateY(-50%);font-size:8rem;color:rgba(116,25,36,.045)}
.org-page-grid{width:min(100%,1180px);margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.org-person{min-width:0;min-height:220px;display:grid;grid-template-columns:145px minmax(0,1fr);overflow:hidden;border:1px solid var(--v35-line);border-radius:19px;background:#fff;box-shadow:0 12px 34px rgba(62,28,20,.075)}
.org-person__photo{background:#f1e9e0}
.org-person__photo img{width:100%;height:100%;object-fit:cover;object-position:center top}
.org-person__body{align-self:center;padding:24px 20px;min-width:0}
.org-person__body h3{margin:0 0 7px;color:var(--v35-maroon);font-family:Arial,sans-serif;font-size:1.05rem;font-weight:900}
.org-person__body strong{display:block;margin-bottom:8px;color:var(--v35-ink);font-size:.86rem;overflow-wrap:anywhere}
.org-person__body p{margin:0;color:var(--v35-muted);font-size:.8rem;line-height:1.5;overflow-wrap:anywhere}

@media(max-width:1180px){
  .school-header .header__inner{min-height:76px}
  .brand{min-width:270px}.brand__logo{width:50px;height:50px;flex-basis:50px}.brand__logo img{width:32px;height:32px}
  .school-nav>a,.school-nav .nav-group>button,.search-open{font-size:.64rem;padding-inline:7px}
  .school-slider h1{width:min(650px,64%);font-size:clamp(2.8rem,5.8vw,4.8rem)}
  .school-slider p{width:min(570px,60%)}
  .org-grid,.org-page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .container{width:min(calc(100% - 32px),var(--v35-container))}
  .school-header .header__inner{min-height:72px}.brand{min-width:0}.brand__text b{white-space:normal;font-size:.82rem}.brand__text small{font-size:.58rem}
  .school-slider{width:calc(100% - 32px);height:620px;margin-top:16px;border-radius:22px}
  .school-slider__overlay{background:linear-gradient(90deg,rgba(5,6,8,.74),rgba(5,6,8,.38) 65%,rgba(5,6,8,.12))}
  .school-slider h1{width:min(620px,82%);font-size:clamp(2.7rem,8vw,4.3rem)}
  .school-slider p{width:min(560px,78%)}
  .home-shortcuts__grid{grid-template-columns:1fr}
  .home-shortcut{min-height:132px}
  .home-values__grid{grid-template-columns:1fr}
  .org-featured,.org-page-featured{grid-template-columns:210px minmax(0,1fr)}
}
@media(max-width:700px){
  .container{width:min(calc(100% - 24px),var(--v35-container))}
  .school-slider{width:calc(100% - 20px);height:620px;border-radius:18px}
  .school-slider__slide>img{object-position:62% center}
  .school-slider__overlay{background:linear-gradient(0deg,rgba(5,6,8,.86) 0%,rgba(5,6,8,.57) 48%,rgba(5,6,8,.12) 78%)}
  .school-slider__content{justify-content:flex-end;padding:56px 12px 84px}
  .school-slider h1{width:100%;font-size:clamp(2.2rem,12vw,3.55rem);line-height:.98;margin-block:16px 14px}
  .school-slider p{width:100%;font-size:.92rem;line-height:1.55;margin-bottom:20px}
  .school-slider__content>div{display:grid;width:100%;grid-template-columns:1fr}
  .school-btn{width:100%}
  .hero-prev,.hero-next{width:42px;height:42px;border-radius:12px}.hero-prev{left:12px}.hero-next{right:12px}
  .home-shortcuts{padding-top:28px}
  .home-shortcut{grid-template-columns:70px minmax(0,1fr);gap:15px;padding:20px;border-radius:17px}.home-shortcut img{width:62px;height:62px}.home-shortcut>b{display:none}
  .home-values,.home-organization{padding:60px 0}
  .home-values__grid article{grid-template-columns:82px minmax(0,1fr);min-height:132px;gap:17px;padding:20px;border-radius:16px}.home-values__grid img{width:74px;height:74px}
  .org-featured,.org-page-featured{grid-template-columns:1fr}
  .org-photo,.org-page-featured__photo{height:310px;min-height:0}
  .org-copy,.org-page-featured__body{padding:28px 24px}
  .org-watermark,.org-page-featured__mark{display:none}
  .org-grid,.org-page-grid{grid-template-columns:1fr}
  .org-card,.org-person{grid-template-columns:118px minmax(0,1fr);min-height:170px}
  .page-hero{padding:52px 0 58px;border-radius:0 0 22px 22px}.page-hero h1{font-size:clamp(2.2rem,11vw,3.25rem)}
  .page-section{padding:58px 0 76px}
}
@media(max-width:420px){
  .brand__logo{width:44px;height:44px;flex-basis:44px;border-radius:14px}.brand__text b{font-size:.7rem}.brand__text small{font-size:.5rem}
  .school-slider{height:580px}.school-slider__content{padding-inline:4px}.school-slider h1{font-size:clamp(2rem,12vw,3rem)}
  .home-shortcut{grid-template-columns:58px minmax(0,1fr);padding:17px}.home-shortcut img{width:52px;height:52px}.home-shortcut p{font-size:.78rem}
  .home-values__grid article{grid-template-columns:68px minmax(0,1fr);padding:17px}.home-values__grid img{width:62px;height:62px}
  .org-card,.org-person{grid-template-columns:100px minmax(0,1fr)}
  .org-card>div:last-child,.org-person__body{padding:18px 15px}
}
@media(prefers-reduced-motion:reduce){
  .school-slider__slide,.school-slider__slide>img{transition:none!important;animation:none!important;transform:none!important}
}

/* =========================================================
   V36 HOMEPAGE COMPLETENESS FIX
   Menutup seluruh kelas homepage yang sebelumnya tidak bergaya.
   ========================================================= */

/* Portal layanan */
.portal-hub{padding:76px 0;background:#fffaf4}
.portal-hub .container{overflow:visible}
.portal-hub__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,430px);align-items:end;gap:34px;margin-bottom:34px}
.portal-hub__head>div{min-width:0}
.portal-hub__head h2{max-width:760px;margin:8px 0 0;color:var(--v35-maroon-dark);font-family:Arial,sans-serif;font-size:clamp(1.9rem,3.3vw,3.15rem);font-weight:900;line-height:1.08;letter-spacing:-.025em}
.portal-hub__head p{margin:0;color:var(--v35-muted);font-size:.95rem;line-height:1.7}
.portal-hub__grid{display:grid;grid-template-columns:1.25fr repeat(2,minmax(0,1fr));gap:20px}
.portal-hub__card{position:relative;min-width:0;min-height:230px;display:flex;flex-direction:column;justify-content:space-between;gap:22px;overflow:hidden;padding:28px;border:1px solid var(--v35-line);border-radius:20px;background:#fff;color:var(--v35-ink);text-decoration:none;box-shadow:0 14px 36px rgba(62,28,20,.075);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.portal-hub__card:hover{transform:translateY(-5px);border-color:#dfc7b0;box-shadow:0 24px 50px rgba(62,28,20,.12);color:var(--v35-ink)}
.portal-hub__card--featured{grid-row:span 2;min-height:480px;background:linear-gradient(145deg,#54131d,#7d2130);border-color:transparent;color:#fff;box-shadow:0 22px 55px rgba(81,19,29,.22)}
.portal-hub__card--featured:hover{color:#fff}
.portal-hub__card:before{content:"";position:absolute;right:-62px;top:-70px;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(220,166,47,.18),transparent 68%);pointer-events:none}
.portal-hub__icon{position:relative;z-index:1;width:76px;height:76px;display:grid;place-items:center;flex:0 0 auto;border-radius:18px;background:#fff8eb;border:1px solid #f0e1cd}
.portal-hub__card--featured .portal-hub__icon{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.18)}
.portal-hub__icon img,.portal-hub__icon .icon-3d{display:block!important;width:58px!important;height:58px!important;max-width:58px!important;max-height:58px!important;object-fit:contain!important;filter:drop-shadow(0 9px 8px rgba(70,25,23,.15))}
.portal-hub__card>div:not(.portal-hub__icon):not(.portal-hub__link){position:relative;z-index:1;min-width:0}
.portal-hub__meta{display:block;margin-bottom:8px;color:#aa7516;font-family:Arial,sans-serif;font-size:.66rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.portal-hub__card--featured .portal-hub__meta{color:#ffdfa0}
.portal-hub__card h3{margin:0 0 9px;color:var(--v35-maroon);font-family:Arial,sans-serif;font-size:clamp(1.2rem,1.65vw,1.65rem);font-weight:900;line-height:1.2;overflow-wrap:anywhere}
.portal-hub__card--featured h3{color:#fff;font-size:clamp(1.55rem,2.3vw,2.25rem)}
.portal-hub__card p{margin:0;color:var(--v35-muted);font-size:.86rem;line-height:1.6}
.portal-hub__card--featured p{color:rgba(255,255,255,.82)}
.portal-hub__link{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:15px;color:var(--v35-maroon);font-family:Arial,sans-serif;font-size:.76rem;font-weight:900}
.portal-hub__card--featured .portal-hub__link{color:#fff}
.portal-hub__link span{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:#f7ead7;color:var(--v35-maroon)}
.portal-hub__card--featured .portal-hub__link span{background:rgba(255,255,255,.14);color:#fff}

/* Program unggulan */
.school-programs{padding:78px 0;background:#fff}
.school-section-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:32px}
.school-section-head>div{min-width:0}
.school-section-head h2{max-width:850px;margin:7px 0 0;color:var(--v35-maroon-dark);font-family:Arial,sans-serif;font-size:clamp(1.85rem,3.1vw,3rem);font-weight:900;line-height:1.1;letter-spacing:-.025em}
.school-section-head>a{flex:0 0 auto;color:var(--v35-maroon);font-size:.78rem;font-weight:900;text-decoration:none}
.school-programs__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.school-programs__grid article{position:relative;min-width:0;min-height:245px;display:flex;flex-direction:column;padding:26px;border:1px solid var(--v35-line);border-radius:19px;background:var(--v35-card);box-shadow:0 13px 34px rgba(62,28,20,.07);overflow:hidden}
.school-programs__grid article>div{width:72px!important;height:72px!important;display:grid!important;place-items:center!important;margin-bottom:20px!important;border-radius:17px!important;background:#fff8eb!important;border:1px solid #f0e1cd!important}
.school-programs__grid article>div img,.school-programs__grid article .icon-3d{width:55px!important;height:55px!important;max-width:55px!important;max-height:55px!important;object-fit:contain!important}
.school-programs__grid small{color:#af7917;font-size:.62rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.school-programs__grid h3{margin:7px 0 8px;color:var(--v35-maroon);font-size:1.13rem;font-weight:900}
.school-programs__grid p{margin:0 0 18px;color:var(--v35-muted);font-size:.84rem;line-height:1.6}
.school-programs__grid a{margin-top:auto;color:var(--v35-maroon);font-size:.76rem;font-weight:900;text-decoration:none}

/* Berita */
.school-news{padding:78px 0;background:#fffaf4}
.school-news__grid{display:grid;grid-template-columns:1.18fr 1fr;gap:20px}
.school-news-card{min-width:0;display:grid;grid-template-columns:210px minmax(0,1fr);overflow:hidden;border:1px solid var(--v35-line);border-radius:19px;background:#fff;box-shadow:0 13px 34px rgba(62,28,20,.07)}
.school-news-card--lead{grid-row:span 2;grid-template-columns:1fr;align-self:stretch}
.school-news-card__image{position:relative;display:block;min-height:190px;overflow:hidden;background:#eee}
.school-news-card--lead .school-news-card__image{height:320px}
.school-news-card__image img{width:100%;height:100%;object-fit:cover}
.school-news-card__image span{position:absolute;left:13px;bottom:13px;padding:6px 9px;border-radius:999px;background:rgba(67,16,25,.88);color:#fff;font-size:.62rem;font-weight:800}
.school-news-card>div:last-child{min-width:0;padding:22px}
.school-news-card small{color:#ae7716;font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.09em}
.school-news-card h3{margin:8px 0 10px;color:var(--v35-maroon-dark);font-size:1.15rem;line-height:1.3}
.school-news-card h3 a{text-decoration:none}
.school-news-card p{margin:0 0 17px;color:var(--v35-muted);font-size:.84rem;line-height:1.6}
.school-news-card>div>a{color:var(--v35-maroon);font-size:.75rem;font-weight:900;text-decoration:none}

/* Galeri homepage */
.school-gallery{padding:78px 0;background:#fff}
.school-gallery__grid{display:grid;grid-template-columns:1.25fr repeat(2,minmax(0,1fr));grid-auto-rows:260px;gap:18px}
.school-gallery-card{position:relative;min-width:0;overflow:hidden;border-radius:19px;background:#eee;box-shadow:0 14px 35px rgba(62,28,20,.09)}
.school-gallery-card--lead{grid-row:span 2}
.school-gallery-card img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.school-gallery-card:hover img{transform:scale(1.045)}
.school-gallery-card>div{position:absolute;inset:auto 0 0;padding:55px 20px 20px;background:linear-gradient(transparent,rgba(20,10,9,.86));color:#fff}
.school-gallery-card small{color:#ffe29b;font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.school-gallery-card h3{margin:6px 0 0;color:#fff;font-size:1.1rem;line-height:1.25}

/* Footer lengkap */
.school-footer{margin-top:0;background:linear-gradient(145deg,#421019,#741b29);color:#f8e9df}
.school-footer__top{padding:58px 0 40px}
.school-footer__grid{display:grid;grid-template-columns:1.35fr repeat(2,.8fr) 1fr;gap:36px}
.school-footer .brand{min-width:0}
.school-footer .brand__text b{color:#fff;white-space:normal}
.school-footer .brand__text small{color:#f0bf52}
.school-footer__identity p,.school-footer p{color:#ead7cf;font-size:.8rem;line-height:1.65}
.school-footer h4{margin:0 0 16px;color:#fff;font-size:.93rem}
.school-footer a{display:block;margin:8px 0;color:#ead7cf;font-size:.78rem;text-decoration:none}
.school-footer a:hover{color:#fff}
.school-footer__badge,.school-footer__admin{display:inline-flex!important;width:max-content;padding:9px 13px;border:1px solid rgba(255,255,255,.2);border-radius:10px;background:rgba(255,255,255,.08);color:#fff!important;font-weight:900}
.school-footer__bottom{border-top:1px solid rgba(255,255,255,.13);padding:16px 0}
.school-footer__bottom .container{display:flex;justify-content:space-between;gap:20px;color:#dfc7be;font-size:.68rem}

/* Tombol mengambang tetap proporsional */
.wa,.to-top{width:46px!important;height:46px!important;max-width:46px!important;max-height:46px!important}

@media(max-width:1080px){
  .portal-hub__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .portal-hub__card--featured{grid-row:auto;grid-column:1/-1;min-height:300px}
  .school-programs__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .school-news__grid{grid-template-columns:1fr}
  .school-news-card--lead{grid-row:auto}
  .school-gallery__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .school-gallery-card--lead{grid-row:auto;grid-column:1/-1}
  .school-footer__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .portal-hub,.school-programs,.school-news,.school-gallery{padding:60px 0}
  .portal-hub__head{grid-template-columns:1fr;gap:14px}
  .portal-hub__grid,.school-programs__grid,.school-gallery__grid{grid-template-columns:1fr}
  .portal-hub__card--featured,.school-gallery-card--lead{grid-column:auto}
  .portal-hub__card,.portal-hub__card--featured{min-height:220px;padding:23px}
  .school-section-head{align-items:flex-start;flex-direction:column}
  .school-news-card,.school-news-card--lead{grid-template-columns:1fr}
  .school-news-card__image,.school-news-card--lead .school-news-card__image{height:225px;min-height:225px}
  .school-gallery__grid{grid-auto-rows:250px}
  .school-footer__grid{grid-template-columns:1fr;gap:28px}
  .school-footer__bottom .container{flex-direction:column;gap:4px}
}
@media(max-width:430px){
  .portal-hub__icon{width:66px;height:66px}
  .portal-hub__icon img,.portal-hub__icon .icon-3d{width:50px!important;height:50px!important;max-width:50px!important;max-height:50px!important}
  .school-programs__grid article{padding:22px}
}
@import url('portal-v36-clean.css');

/* V38 – polished floating controls + full AOS engine */
:root{--v37-maroon:#7b1f2d;--v37-deep:#4c111b;--v37-gold:#f3b82f;--v37-cream:#fffaf2}
.menu-toggle{display:none}
.mobile-drawer,.mobile-drawer-backdrop{display:none}

.school-slider__slide>img{animation:none}
.school-slider__slide.is-active>img{animation:v37KenBurns 8s ease both}
.school-slider__content>span,.school-slider__content h1,.school-slider__content p,.school-slider__content>div{opacity:0;transform:translateY(26px)}
.school-slider__slide.is-active .school-slider__content>span{animation:v37Reveal .65s .15s ease forwards}
.school-slider__slide.is-active .school-slider__content h1{animation:v37Reveal .75s .28s ease forwards}
.school-slider__slide.is-active .school-slider__content p{animation:v37Reveal .75s .4s ease forwards}
.school-slider__slide.is-active .school-slider__content>div{animation:v37Reveal .75s .52s ease forwards}
.school-slider:before{content:"";position:absolute;z-index:2;inset:-40% auto -40% -35%;width:38%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.14),transparent);transform:skewX(-15deg) translateX(-140%);pointer-events:none}
.school-slider.is-running:before{animation:v37Shine 7s 1s ease-in-out infinite}
.hero-prev,.hero-next{width:52px;height:52px;border:1px solid rgba(255,255,255,.34)!important;background:rgba(24,18,17,.42)!important;backdrop-filter:blur(10px);box-shadow:0 12px 30px rgba(0,0,0,.2);transition:.25s ease}
.hero-prev:hover,.hero-next:hover{background:var(--v37-maroon)!important;transform:translateY(-50%) scale(1.06)}
.hero-dots button{width:9px;height:9px;border-radius:99px;transition:.3s ease}
.hero-dots button.is-active{width:34px;background:var(--v37-gold)}
.wa{display:grid!important;place-items:center;position:fixed;right:22px;bottom:22px;width:62px;height:62px;border-radius:50%;background:#20c766!important;color:#fff!important;border:4px solid #fff;box-shadow:0 15px 38px rgba(14,135,66,.36);z-index:1200;text-decoration:none;transition:.25s ease}
.wa svg{width:34px;height:34px}.wa span{position:absolute;right:72px;background:#163c2a;color:#fff;padding:8px 11px;border-radius:8px;font:700 12px Arial;opacity:0;transform:translateX(8px);pointer-events:none;transition:.2s;white-space:nowrap}
.wa:hover{transform:translateY(-4px) scale(1.04)}.wa:hover span{opacity:1;transform:none}

@keyframes v37KenBurns{from{transform:scale(1.02) translate3d(0,0,0)}to{transform:scale(1.10) translate3d(-1.2%,.6%,0)}}
@keyframes v37Reveal{to{opacity:1;transform:none}}
@keyframes v37Shine{0%,55%{transform:skewX(-15deg) translateX(-140%)}78%,100%{transform:skewX(-15deg) translateX(460%)}}

@media(max-width:820px){
 body.drawer-open{overflow:hidden}
 .school-topbar{display:none!important}
 .school-header{height:82px;background:rgba(255,251,244,.96)!important;backdrop-filter:blur(16px);border-bottom:1px solid #ead8c3;box-shadow:0 8px 24px rgba(74,35,25,.08)}
 .header__inner{height:82px;padding-inline:14px!important}
 .brand{min-width:0;gap:10px}.brand__logo{width:50px;height:50px;flex:0 0 50px}.brand__text b{font-size:.84rem;line-height:1.12}.brand__text small{font-size:.58rem;white-space:nowrap}
 .school-nav{display:none!important}
 .menu-toggle{display:grid!important;place-content:center;gap:5px;width:48px;height:48px;margin-left:auto;border:1px solid #ead6bf;border-radius:15px;background:#fffaf3;box-shadow:0 8px 22px rgba(84,41,28,.1);z-index:1401}
 .menu-toggle span{display:block;width:22px;height:2px;background:var(--v37-maroon);border-radius:4px;transition:.25s}
 body.drawer-open .menu-toggle{opacity:0;pointer-events:none}
 .mobile-drawer-backdrop{display:block;position:fixed;inset:0;background:rgba(30,15,13,.42);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:.28s;z-index:1398}
 .mobile-drawer-backdrop.is-open{opacity:1;visibility:visible}
 .mobile-drawer{display:flex;position:fixed;z-index:1399;top:10px;right:10px;bottom:10px;width:min(88vw,430px);flex-direction:column;padding:22px 20px 0;background:linear-gradient(180deg,#fffaf2,#fffdf9);border:1px solid #ead8c3;border-radius:30px 0 0 30px;box-shadow:-24px 0 70px rgba(55,24,18,.22);transform:translateX(calc(100% + 30px));transition:transform .36s cubic-bezier(.2,.8,.2,1);overflow:auto;overscroll-behavior:contain}
 .mobile-drawer.is-open{transform:none}
 .mobile-drawer__head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:20px}
 .mobile-drawer__brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--v37-deep)}.mobile-drawer__brand .brand__logo{width:56px;height:56px}.mobile-drawer__brand b{display:block;font:900 1.15rem/1 Arial}.mobile-drawer__brand small{display:block;margin-top:7px;color:#9d2938;font:600 .8rem Arial}
 .mobile-drawer__close{width:52px;height:52px;border:0;border-radius:50%;background:#fffaf2;color:var(--v37-deep);font:300 2.2rem/1 Arial;box-shadow:0 10px 28px rgba(84,41,28,.14)}
 .mobile-drawer__nav{display:grid;gap:3px}
 .mobile-drawer__nav>a,.mobile-drawer__nav summary{display:grid;grid-template-columns:38px 1fr 20px;align-items:center;min-height:62px;padding:8px 14px;border-bottom:1px solid #ead9c6;color:#291b18;text-decoration:none;list-style:none;cursor:pointer;font:700 .95rem Arial}
 .mobile-drawer__nav summary::-webkit-details-marker{display:none}.mobile-drawer__nav>a.is-active{background:linear-gradient(135deg,#7c1f2c,#a43a46);color:#fff;border:0;border-radius:15px;box-shadow:0 12px 26px rgba(124,31,44,.2)}
 .mobile-drawer__nav .micon{display:grid;place-items:center;width:34px;height:34px;color:#8b2431;font:700 1.22rem Arial}.mobile-drawer__nav>a.is-active .micon{color:#ffc647}.mobile-drawer__nav summary i{font-style:normal;color:#ad9383;transition:.2s}.mobile-drawer__nav details[open] summary i{transform:rotate(180deg)}
 .mobile-drawer__nav details>div{display:grid;padding:4px 12px 10px 52px}.mobile-drawer__nav details>div a{padding:10px 6px;border-bottom:1px dashed #ead9c6;color:#6d554a;text-decoration:none;font:600 .82rem Arial}
 .mobile-drawer__admin{display:flex;align-items:center;justify-content:center;gap:10px;min-height:58px;margin:18px 0 155px;border:1px solid #f1b535;border-radius:15px;background:linear-gradient(135deg,#7c1f2c,#a84b52);color:#fff;text-decoration:none;font:800 .95rem Arial;box-shadow:0 14px 30px rgba(124,31,44,.2)}
 .mobile-drawer__scene{position:absolute;left:0;right:0;bottom:0;height:145px;overflow:hidden;border-radius:0 0 0 30px;background:linear-gradient(180deg,#fbf1e6,#f3d6c9)}
 .mobile-drawer__scene .hill{position:absolute;bottom:55px;width:65%;height:70px;background:#efd8ca;border-radius:50% 50% 0 0}.mobile-drawer__scene .h1{left:-10%;transform:rotate(7deg)}.mobile-drawer__scene .h2{right:-15%;bottom:47px;background:#e9c9bb;transform:rotate(-8deg)}.mobile-drawer__scene .tree,.mobile-drawer__scene .tent,.mobile-drawer__scene .flag{position:absolute;bottom:10px;color:#842633}.mobile-drawer__scene .t1{left:20px;font-size:56px}.mobile-drawer__scene .t2{left:70px;font-size:38px}.mobile-drawer__scene .tent{left:46%;font-size:76px;transform:translateX(-50%) scaleX(1.45)}.mobile-drawer__scene .flag{right:34px;font-size:62px}
 .school-slider{height:min(720px,calc(100svh - 105px));min-height:570px;margin-top:14px}
 .school-slider__content{padding:48px 24px 76px!important}
 .school-slider h1{font-size:clamp(2.35rem,11.5vw,3.75rem)!important;line-height:.96!important;max-width:10ch!important;text-wrap:balance}
 .school-slider p{max-width:30ch;font-size:.96rem!important}
 .school-slider__content>div{display:flex!important;flex-direction:row!important;width:auto!important}.school-btn{min-height:48px}
 .hero-prev,.hero-next{width:46px;height:46px}.hero-prev{left:12px}.hero-next{right:12px}
 .wa{right:18px;bottom:18px;width:58px;height:58px}.wa svg{width:31px;height:31px}
}
@media(max-width:420px){
 .brand__text b{font-size:.72rem}.brand__text small{font-size:.52rem}.brand__logo{width:44px;height:44px;flex-basis:44px}
 .mobile-drawer{top:6px;right:6px;bottom:6px;width:92vw;padding-inline:16px;border-radius:25px 0 0 25px}
 .mobile-drawer__brand b{font-size:1rem}.mobile-drawer__brand small{font-size:.72rem}.mobile-drawer__brand .brand__logo{width:48px;height:48px}
 .school-slider{width:calc(100% - 16px);min-height:550px;height:calc(100svh - 98px)}.school-slider__content{padding:40px 18px 72px!important}.school-slider h1{font-size:clamp(2.1rem,12vw,3.15rem)!important}
}
@media(prefers-reduced-motion:reduce){.school-slider__slide.is-active>img,.school-slider:before,.school-slider__content>*{animation:none!important;opacity:1!important;transform:none!important}.mobile-drawer,.mobile-drawer-backdrop{transition:none!important}}


/* ===== V38 final floating controls ===== */
.wa{
  right:22px!important;
  bottom:24px!important;
  width:56px!important;
  height:56px!important;
  border:3px solid #fff!important;
  background:#25d366!important;
  box-shadow:0 12px 30px rgba(10,120,57,.30),0 0 0 1px rgba(10,120,57,.10)!important;
  z-index:9998!important;
}
.wa:before{content:"";position:absolute;inset:-7px;border:1px solid rgba(37,211,102,.26);border-radius:50%;animation:v38WaPulse 2.4s ease-out infinite;pointer-events:none}
.wa svg{width:29px!important;height:29px!important;filter:drop-shadow(0 2px 2px rgba(0,0,0,.12))}
.wa:hover{transform:translateY(-3px) scale(1.04)!important;background:#20c65f!important}
.to-top{
  position:fixed!important;
  right:25px!important;
  bottom:94px!important;
  width:50px!important;
  height:50px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.78)!important;
  border-radius:50%!important;
  background:linear-gradient(145deg,#f5b323,#d98b0a)!important;
  color:#451512!important;
  font:900 0/1 Arial!important;
  box-shadow:0 12px 28px rgba(173,101,0,.24)!important;
  opacity:0!important;
  visibility:hidden!important;
  transform:translateY(14px) scale(.92)!important;
  transition:opacity .25s ease,visibility .25s ease,transform .25s ease!important;
  z-index:9997!important;
}
.to-top:before{content:"";width:10px;height:10px;border-left:3px solid currentColor;border-top:3px solid currentColor;transform:translateY(3px) rotate(45deg);border-radius:1px}
.to-top.is-visible{opacity:1!important;visibility:visible!important;transform:none!important}
.to-top:hover{transform:translateY(-3px)!important;filter:brightness(1.04)}

/* ===== V38 full AOS implementation, no CDN required ===== */
html:not(.aos-ready) [data-aos]{opacity:1;transform:none}
html.aos-ready [data-aos]{
  opacity:0;
  will-change:transform,opacity;
  transition-property:transform,opacity;
  transition-duration:var(--aos-duration,760ms);
  transition-delay:var(--aos-delay,0ms);
  transition-timing-function:cubic-bezier(.2,.72,.22,1);
}
html.aos-ready [data-aos="fade-up"]{transform:translate3d(0,34px,0)}
html.aos-ready [data-aos="fade-down"]{transform:translate3d(0,-34px,0)}
html.aos-ready [data-aos="fade-left"]{transform:translate3d(38px,0,0)}
html.aos-ready [data-aos="fade-right"]{transform:translate3d(-38px,0,0)}
html.aos-ready [data-aos="zoom-in"]{transform:scale(.92)}
html.aos-ready [data-aos="zoom-out"]{transform:scale(1.07)}
html.aos-ready [data-aos="flip-up"]{transform:perspective(900px) rotateX(12deg) translateY(28px);transform-origin:center bottom}
html.aos-ready [data-aos].aos-animate{opacity:1;transform:none}

@keyframes v38WaPulse{0%{opacity:.75;transform:scale(.9)}75%,100%{opacity:0;transform:scale(1.28)}}

@media(max-width:820px){
 .wa{right:16px!important;bottom:18px!important;width:54px!important;height:54px!important}
 .wa svg{width:28px!important;height:28px!important}
 .wa span{display:none!important}
 .to-top{right:19px!important;bottom:84px!important;width:48px!important;height:48px!important}
}
@media(max-width:420px){
 .wa{right:14px!important;bottom:14px!important;width:52px!important;height:52px!important}
 .to-top{right:16px!important;bottom:78px!important;width:46px!important;height:46px!important}
}
@media(prefers-reduced-motion:reduce){
 .wa:before{animation:none!important}
 html.aos-ready [data-aos]{opacity:1!important;transform:none!important;transition:none!important}
}
/* V39 — final repair for gallery/article detail pages */
.gallery-detail-hero{
  position:relative;
  min-height:clamp(460px,68vh,720px);
  display:flex;
  align-items:flex-end;
  padding:clamp(72px,10vw,130px) 0 clamp(54px,7vw,86px);
  overflow:hidden;
  border-radius:0 0 34px 34px;
  background:#28120f;
  color:#fff;
  box-shadow:0 24px 70px rgba(57,24,18,.20);
}
.gallery-detail-hero .inner-hero-background{
  position:absolute;
  inset:0;
  z-index:0;
  overflow:hidden;
}
.gallery-detail-hero .inner-hero-background::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(18,10,8,.82) 0%,rgba(18,10,8,.52) 42%,rgba(18,10,8,.16) 72%,rgba(18,10,8,.08) 100%),
             linear-gradient(0deg,rgba(18,10,8,.72) 0%,rgba(18,10,8,0) 58%);
}
.gallery-detail-hero .inner-hero-background img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 46%;
  transform:scale(1.01);
  filter:saturate(1.03) contrast(1.02);
}
.gallery-detail-hero>.container{
  position:relative;
  z-index:2;
  width:min(1320px,calc(100% - 48px));
}
.gallery-detail-hero .breadcrumb{
  margin:0 0 18px;
  color:rgba(255,255,255,.72);
  font-size:.72rem;
}
.gallery-detail-hero .breadcrumb a{color:#fff}
.gallery-detail-hero .article-category{
  display:inline-flex;
  margin-bottom:12px;
  color:#ffd36b;
  font-size:.7rem;
  letter-spacing:.16em;
}
.gallery-detail-hero h1{
  max-width:920px;
  margin:0;
  font-size:clamp(2.6rem,6vw,5.4rem);
  line-height:.95;
  letter-spacing:-.055em;
  text-wrap:balance;
  text-shadow:0 8px 34px rgba(0,0,0,.32);
}
.gallery-detail-hero p{
  max-width:760px;
  margin:18px 0 0;
  color:rgba(255,255,255,.86);
  font-size:clamp(.95rem,1.25vw,1.1rem);
}
.gallery-detail-meta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:22px;
}
.gallery-detail-meta span{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:8px 13px;
  border:1px solid rgba(255,255,255,.2);
  border-radius:999px;
  background:rgba(255,255,255,.11);
  backdrop-filter:blur(10px);
  color:#fff;
  font-size:.72rem;
  font-weight:750;
}
.gallery-detail-section{
  padding:clamp(54px,7vw,96px) 0;
  background:linear-gradient(180deg,#fffdf9,#f8f1e8);
}
.gallery-detail-section>.container{width:min(1320px,calc(100% - 48px))}
.gallery-masonry-modern{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-auto-rows:280px;
  gap:18px;
}
.gallery-media-card{
  position:relative;
  min-width:0;
  overflow:hidden;
  padding:0;
  border:0;
  border-radius:22px;
  background:#e8ded3;
  box-shadow:0 14px 35px rgba(69,35,26,.12);
  cursor:pointer;
  isolation:isolate;
}
.gallery-media-card.wide{grid-column:span 2}
.gallery-media-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .55s cubic-bezier(.2,.75,.2,1),filter .35s ease;
}
.gallery-media-card::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:46%;
  z-index:1;
  background:linear-gradient(0deg,rgba(26,12,10,.80),rgba(26,12,10,0));
}
.gallery-media-card span{
  position:absolute;
  left:18px;
  right:18px;
  bottom:16px;
  z-index:2;
  color:#fff;
  font-size:.78rem;
  font-weight:800;
  text-align:left;
  text-shadow:0 3px 12px rgba(0,0,0,.35);
}
.gallery-media-card:hover img{transform:scale(1.055);filter:saturate(1.06)}
.large-empty-state{
  padding:64px 24px;
  border:1px dashed #d9c7b8;
  border-radius:24px;
  background:#fff;
  text-align:center;
}
.lightbox-modal{
  position:fixed;
  inset:0;
  z-index:9999;
  display:grid;
  place-items:center;
  padding:28px;
  background:rgba(16,8,7,.92);
  backdrop-filter:blur(12px);
}
.lightbox-modal[hidden]{display:none}
.lightbox-modal img{
  max-width:min(1180px,92vw);
  max-height:82vh;
  border-radius:18px;
  object-fit:contain;
  box-shadow:0 28px 90px rgba(0,0,0,.5);
}
.lightbox-modal p{
  position:fixed;
  left:50%;
  bottom:22px;
  transform:translateX(-50%);
  width:min(760px,calc(100% - 48px));
  margin:0;
  color:#fff;
  text-align:center;
  font-size:.82rem;
}
.lightbox-close{
  position:fixed;
  top:18px;
  right:18px;
  z-index:2;
  width:48px;
  height:48px;
  border:1px solid rgba(255,255,255,.25);
  border-radius:50%;
  background:rgba(255,255,255,.12);
  color:#fff;
  font-size:2rem;
  line-height:1;
  cursor:pointer;
}
@media(max-width:900px){
  .gallery-detail-hero{min-height:560px;align-items:flex-end}
  .gallery-detail-hero>.container,.gallery-detail-section>.container{width:min(100% - 28px,1320px)}
  .gallery-masonry-modern{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:240px}
}
@media(max-width:620px){
  .gallery-detail-hero{min-height:520px;padding:86px 0 42px;border-radius:0 0 26px 26px}
  .gallery-detail-hero .inner-hero-background::after{
    background:linear-gradient(0deg,rgba(15,8,7,.88) 0%,rgba(15,8,7,.45) 64%,rgba(15,8,7,.18) 100%);
  }
  .gallery-detail-hero h1{font-size:clamp(2.25rem,12vw,3.5rem)}
  .gallery-detail-meta{gap:7px}
  .gallery-detail-meta span{font-size:.64rem;padding:7px 10px}
  .gallery-masonry-modern{grid-template-columns:1fr;grid-auto-rows:260px;gap:14px}
  .gallery-media-card.wide{grid-column:auto}
  .lightbox-modal{padding:14px}
}

/* =========================================================
   V40 PRODUCTION — mobile reference implementation
   Single active stylesheet. Final overrides below.
   ========================================================= */
:root{--v40-maroon:#841f2d;--v40-maroon-2:#b52e42;--v40-gold:#f3ad12;--v40-cream:#fffaf2;--v40-ink:#2d1718;--v40-line:#ead8c1;--v40-shadow:0 22px 60px rgba(67,28,18,.16)}
html{overflow-x:hidden;background:#fff}
body{overflow-x:hidden;color:var(--v40-ink);background:#fffaf6}
.ui-icon{width:1.25em;height:1.25em;display:block}

/* Stable floating actions */
.wa{position:fixed!important;right:max(18px,env(safe-area-inset-right))!important;bottom:max(18px,env(safe-area-inset-bottom))!important;width:54px!important;height:54px!important;border-radius:50%!important;background:#20c760!important;color:#fff!important;border:4px solid #fff!important;box-shadow:0 12px 30px rgba(23,174,83,.38)!important;display:grid!important;place-items:center!important;z-index:10020!important;padding:0!important;transform:none!important}
.wa svg{width:28px!important;height:28px!important}.wa span{display:none!important}
.to-top{position:fixed!important;right:max(22px,env(safe-area-inset-right))!important;bottom:calc(max(18px,env(safe-area-inset-bottom)) + 68px)!important;width:46px!important;height:46px!important;border-radius:50%!important;background:var(--v40-gold)!important;border:2px solid #fff!important;box-shadow:0 10px 25px rgba(84,45,0,.25)!important;z-index:10010!important}
.to-top:before{content:"";width:10px;height:10px;border-left:3px solid #4a2b13;border-top:3px solid #4a2b13;transform:rotate(45deg) translate(2px,2px);display:block;margin:auto}
body.drawer-open .wa{right:max(18px,env(safe-area-inset-right))!important;z-index:10050!important}
body.drawer-open .to-top{opacity:0!important;pointer-events:none!important}

/* Hero desktop baseline */
.school-slider{max-width:1440px;margin:18px auto 0;border-radius:28px;overflow:hidden;min-height:660px;height:min(72vh,760px);box-shadow:var(--v40-shadow);background:#231313}
.school-slider__slides,.school-slider__slide{height:100%;min-height:inherit}
.school-slider__slide>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.02)}
.school-slider__overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,8,8,.72) 0%,rgba(8,8,8,.48) 38%,rgba(8,8,8,.10) 68%,rgba(8,8,8,.04) 100%)}
.school-slider__content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;max-width:1440px;padding:72px clamp(54px,7vw,110px)}
.school-slider__content>span{display:inline-flex;align-items:center;min-height:38px;padding:0 18px;border:1px solid rgba(243,173,18,.72);border-radius:12px;background:rgba(33,24,17,.68);color:#ffd36f;font-weight:800;letter-spacing:.08em}
.school-slider__content h1{max-width:830px;margin:24px 0 18px;color:#fff;font-size:clamp(56px,5.7vw,94px);line-height:.91;letter-spacing:-.055em;text-wrap:balance}
.school-slider__content p{max-width:670px;color:#fff;font-size:clamp(18px,1.35vw,23px);line-height:1.55;font-weight:600}
.hero-prev,.hero-next{width:54px;height:54px;border-radius:15px;background:rgba(25,20,18,.55);border:1px solid rgba(255,255,255,.38);color:#fff;font-size:34px;backdrop-filter:blur(12px)}
.hero-prev{left:28px}.hero-next{right:28px}
.hero-dots{bottom:24px}.hero-dots button{width:11px;height:11px;border-radius:99px;background:rgba(255,255,255,.55)}.hero-dots button.is-active{width:38px;background:var(--v40-gold)}
.hero-progress{position:absolute;left:50%;bottom:11px;transform:translateX(-50%);width:220px;height:3px;background:rgba(255,255,255,.28);border-radius:99px;overflow:hidden;z-index:5}.hero-progress span{display:block;height:100%;background:var(--v40-gold);transform-origin:left}

/* Drawer desktop hidden */
.mobile-drawer,.mobile-drawer-backdrop{display:none}

@media (max-width:820px){
  .school-topbar{display:none!important}
  .school-header{position:sticky!important;top:0!important;z-index:10030!important;background:rgba(255,250,242,.97)!important;border-bottom:1px solid #ead8c1!important;box-shadow:0 8px 24px rgba(55,26,18,.08)!important;backdrop-filter:blur(18px)}
  .school-header .header__inner{min-height:82px!important;padding:0 16px!important;gap:12px!important}
  .brand{min-width:0!important;gap:11px!important}.brand__logo{width:46px!important;height:46px!important;flex:0 0 46px!important;border-radius:50%!important;background:#fff!important;border:1px solid #efd5a8!important;padding:7px!important;box-shadow:0 5px 15px rgba(83,38,15,.08)!important}.brand__logo img{width:100%!important;height:100%!important;object-fit:contain!important}
  .brand__text{min-width:0!important}.brand__text b{font-size:clamp(13px,3.5vw,17px)!important;letter-spacing:.01em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:#4b141c!important}.brand__text small{font-size:10px!important;color:#b27a00!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .school-nav{display:none!important}
  .menu-toggle{display:flex!important;width:48px!important;height:48px!important;min-width:48px!important;border-radius:14px!important;background:#fffaf4!important;border:1px solid #ead8c1!important;box-shadow:0 8px 22px rgba(66,29,16,.10)!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;padding:0!important}
  .menu-toggle span{width:22px!important;height:2px!important;border-radius:3px!important;background:#8c2633!important}

  .mobile-drawer-backdrop{display:block;position:fixed;inset:0;background:rgba(26,13,12,.52);backdrop-filter:blur(7px);opacity:0;visibility:hidden;transition:.28s;z-index:10035}
  .mobile-drawer-backdrop.is-open{opacity:1;visibility:visible}
  .mobile-drawer{display:flex!important;position:fixed;top:max(10px,env(safe-area-inset-top));right:10px;bottom:max(10px,env(safe-area-inset-bottom));width:min(88vw,380px);height:auto;z-index:10040;background:linear-gradient(180deg,#fffdf8 0%,#fff8ec 100%);border:1px solid rgba(225,198,165,.9);border-radius:26px;box-shadow:0 28px 80px rgba(32,14,13,.34);transform:translateX(calc(100% + 24px));opacity:.4;transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .25s;overflow:hidden;flex-direction:column}
  .mobile-drawer.is-open{transform:translateX(0);opacity:1}
  .mobile-drawer__head{display:flex;align-items:center;justify-content:space-between;padding:22px 18px 14px;border-bottom:0;flex:0 0 auto}
  .mobile-drawer__brand{display:flex;align-items:center;gap:12px;text-decoration:none;min-width:0}.mobile-drawer__brand .brand__logo{width:52px!important;height:52px!important;flex-basis:52px!important}.mobile-drawer__brand b{display:block;color:#3d1218;font-size:19px;line-height:1.05}.mobile-drawer__brand small{display:block;color:#9b2937;font-size:12px;margin-top:5px}
  .mobile-drawer__close{width:46px;height:46px;min-width:46px;border-radius:50%;border:0;background:#fff9ef;color:#771c29;font-size:32px;line-height:1;box-shadow:0 10px 28px rgba(75,27,15,.14)}
  .mobile-drawer__nav{display:block!important;flex:1 1 auto;overflow-y:auto;padding:6px 16px 210px;scrollbar-width:thin;overscroll-behavior:contain}
  .mobile-drawer__nav>a,.mobile-drawer__nav summary{min-height:58px;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:0 15px;color:#2c1a1b;text-decoration:none;border-bottom:1px solid #ead8c1;border-radius:0;font-size:15px;cursor:pointer;list-style:none}
  .mobile-drawer__nav summary::-webkit-details-marker{display:none}.mobile-drawer__nav>a.is-active{margin:4px 0 8px;min-height:60px;border:0;border-radius:13px;background:linear-gradient(135deg,#861f2c,#bd3c50);color:#fff;box-shadow:0 14px 30px rgba(135,31,45,.22)}
  .mobile-drawer__nav .micon{width:28px;height:28px;display:grid;place-items:center;color:#9d2b38}.mobile-drawer__nav .micon .ui-icon{width:20px;height:20px}.mobile-drawer__nav a.is-active .micon{color:#ffc13d}
  .mobile-drawer__nav summary i{font-style:normal;color:#a68b78;font-size:14px}.mobile-drawer__nav details[open] summary i{transform:rotate(180deg)}
  .mobile-drawer__nav details>div{padding:4px 0 8px 44px;border-bottom:1px solid #ead8c1}.mobile-drawer__nav details>div a{display:block;padding:9px 10px;color:#6b3b3c;text-decoration:none;font-size:13px;border-radius:9px}.mobile-drawer__nav details>div a:active{background:#f6e9dc}
  .mobile-drawer__admin{position:absolute;left:16px;right:16px;bottom:138px;height:56px;border-radius:14px;background:linear-gradient(135deg,#7f1d2a,#b33b4d);color:#fff;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid #e9a62a;box-shadow:0 14px 30px rgba(109,29,38,.25);font-weight:800;z-index:3}.mobile-drawer__admin .ui-icon{width:19px;height:19px;color:#ffc85b}
  .mobile-drawer__scene{position:absolute;left:0;right:0;bottom:0;height:116px;overflow:hidden;background:linear-gradient(180deg,#f9eadc,#ecd0bf);pointer-events:none}.mobile-drawer__scene .hill{position:absolute;border-radius:50% 50% 0 0;background:#f1d8c9}.mobile-drawer__scene .h1{width:120%;height:85px;left:-30%;bottom:-35px;transform:rotate(3deg)}.mobile-drawer__scene .h2{width:100%;height:70px;right:-38%;bottom:-26px;background:#e8c2b2}
  .mobile-drawer__scene .tree{position:absolute;bottom:18px;width:0;height:0;border-left:18px solid transparent;border-right:18px solid transparent;border-bottom:38px solid #8b2230}.mobile-drawer__scene .tree:after{content:"";position:absolute;left:-13px;top:17px;border-left:13px solid transparent;border-right:13px solid transparent;border-bottom:29px solid #8b2230}.mobile-drawer__scene .t1{left:24px}.mobile-drawer__scene .t2{left:70px;transform:scale(.72)}
  .mobile-drawer__scene .tent{position:absolute;left:50%;bottom:18px;width:48px;height:38px;transform:translateX(-50%);border:4px solid #9a2a38;border-bottom:0}.mobile-drawer__scene .tent:before{content:"";position:absolute;left:50%;top:-5px;width:34px;height:34px;border-left:4px solid #9a2a38;border-top:4px solid #9a2a38;transform:translateX(-50%) rotate(45deg);background:#f5dccd}.mobile-drawer__scene .flag{position:absolute;right:50px;bottom:16px;width:5px;height:58px;background:#8b2230}.mobile-drawer__scene .flag:after{content:"";position:absolute;left:5px;top:2px;width:32px;height:23px;background:#8b2230;clip-path:polygon(0 0,100% 16%,77% 50%,100% 84%,0 100%)}

  .school-slider{width:calc(100% - 24px)!important;margin:14px 12px 0!important;border-radius:20px!important;height:auto!important;min-height:0!important;aspect-ratio:auto!important;box-shadow:0 18px 40px rgba(48,24,18,.22)!important}
  .school-slider__slides,.school-slider__slide{height:auto!important;min-height:0!important}
  .school-slider__slide{position:relative!important;display:none!important;min-height:590px!important}.school-slider__slide.is-active{display:block!important}
  .school-slider__slide>img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;transform:scale(1.015)!important}
  .school-slider__overlay{background:linear-gradient(180deg,rgba(0,0,0,.08) 0%,rgba(0,0,0,.18) 25%,rgba(0,0,0,.78) 100%)!important}
  .school-slider__content{min-height:590px!important;height:auto!important;padding:28px 28px 68px!important;justify-content:flex-end!important;align-items:stretch!important}
  .school-slider__content>span{align-self:flex-start!important;max-width:100%!important;min-height:36px!important;padding:0 14px!important;font-size:11px!important;border-radius:10px!important;white-space:normal!important}
  .school-slider__content h1{max-width:100%!important;margin:20px 0 15px!important;font-size:clamp(43px,12.2vw,58px)!important;line-height:.92!important;letter-spacing:-.055em!important;text-wrap:balance!important}
  .school-slider__content p{font-size:15px!important;line-height:1.55!important;max-width:95%!important;margin:0 0 20px!important}
  .school-slider__content>div{display:grid!important;grid-template-columns:1fr!important;gap:11px!important;width:100%!important}
  .school-slider__content .school-btn{width:100%!important;min-height:48px!important;justify-content:center!important;border-radius:13px!important;font-size:13px!important}
  .hero-prev,.hero-next{width:42px!important;height:42px!important;border-radius:50%!important;top:47%!important;font-size:28px!important}.hero-prev{left:-3px!important}.hero-next{right:-3px!important}
  .hero-dots{bottom:18px!important;gap:8px!important}.hero-dots button{width:9px!important;height:9px!important}.hero-dots button.is-active{width:32px!important}
  .hero-progress{bottom:8px!important;width:120px!important;height:3px!important}

  .home-shortcuts{padding:18px 12px!important}.home-shortcuts__grid{display:grid!important;grid-template-columns:1fr!important;gap:14px!important}.home-shortcut{min-height:126px!important;padding:18px!important;border-radius:18px!important;grid-template-columns:66px 1fr auto!important;gap:14px!important}.home-shortcut img{width:58px!important;height:58px!important}.home-shortcut h3{font-size:18px!important}.home-shortcut p{font-size:13px!important;line-height:1.5!important}
  .home-values,.home-organization,.school-welcome,.portal-hub,.school-stat,.school-programs,.school-news,.school-gallery{padding-left:0!important;padding-right:0!important}.container{width:min(100% - 28px,1440px)!important}
  .home-values__grid{grid-template-columns:1fr!important;gap:14px!important}.home-values__grid article{min-height:118px!important;padding:18px!important;border-radius:18px!important}.home-values__grid img{width:68px!important;height:68px!important}
  .org-featured{grid-template-columns:105px 1fr!important;padding:12px!important;border-radius:20px!important}.org-photo{width:105px!important;height:132px!important}.org-grid{grid-template-columns:1fr!important;gap:14px!important}.org-card{min-height:118px!important;padding:12px!important;grid-template-columns:90px 1fr!important;border-radius:18px!important}.org-card__photo{width:90px!important;height:94px!important}
  .school-welcome__grid{grid-template-columns:1fr!important;gap:30px!important}.school-welcome__portrait{min-height:0!important}.school-welcome__portrait img{aspect-ratio:4/5!important;object-fit:cover!important;border-radius:18px!important}.school-welcome__portrait span{right:-1px!important;bottom:24px!important}
  .portal-hub__grid,.school-programs__grid,.school-stat__grid,.school-news__grid,.school-gallery__grid{grid-template-columns:1fr!important}
}

@media (max-width:430px){
  .school-header .header__inner{min-height:76px!important;padding:0 12px!important}.brand__logo{width:42px!important;height:42px!important;flex-basis:42px!important}.menu-toggle{width:44px!important;height:44px!important;min-width:44px!important}
  .mobile-drawer{top:8px;right:8px;bottom:8px;width:calc(100vw - 16px);border-radius:24px}.mobile-drawer__head{padding:20px 16px 12px}.mobile-drawer__nav{padding-left:14px;padding-right:14px}.mobile-drawer__admin{left:14px;right:14px}
  .school-slider{width:calc(100% - 20px)!important;margin:10px 10px 0!important;border-radius:18px!important}.school-slider__slide,.school-slider__content{min-height:565px!important}.school-slider__content{padding:24px 24px 64px!important}.school-slider__content h1{font-size:clamp(39px,11.5vw,50px)!important}.school-slider__content p{font-size:14px!important}.hero-prev{left:-5px!important}.hero-next{right:-5px!important}
  .wa{width:50px!important;height:50px!important;right:14px!important;bottom:14px!important}.to-top{width:42px!important;height:42px!important;right:18px!important;bottom:76px!important}
}

@media (prefers-reduced-motion:reduce){.mobile-drawer,.mobile-drawer-backdrop,.school-slider__slide>img{transition:none!important;animation:none!important}}

/* =========================================================
   V42 PRODUCTION HARDENING
   Completes public-page components and stabilizes responsive UI.
   ========================================================= */
:root{
  --v41-maroon:#7d2432;
  --v41-maroon-dark:#4f151e;
  --v41-gold:#e9a91d;
  --v41-cream:#fffaf1;
  --v41-ink:#24191a;
  --v41-muted:#746466;
  --v41-line:#eadfce;
  --v41-shadow:0 18px 48px rgba(83,43,30,.10);
}

/* Shared inner heroes */
.inner-hero{position:relative;overflow:hidden;padding:clamp(76px,8vw,126px) 0 clamp(62px,7vw,105px);background:linear-gradient(135deg,#4e1a1b 0%,#8b2936 58%,#b14b38 100%);color:#fff;border-radius:0 0 34px 34px}
.inner-hero-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 80% 15%,rgba(255,211,122,.18),transparent 28%),radial-gradient(circle at 12% 85%,rgba(255,255,255,.08),transparent 32%)}
.inner-hero>.container{position:relative;z-index:1}
.inner-hero h1{max-width:900px;margin:.65rem 0 1rem;font-size:clamp(2.2rem,5.3vw,5rem);line-height:.98;letter-spacing:-.045em;color:#fff;text-wrap:balance}
.inner-hero p{max-width:760px;font-size:clamp(1rem,1.4vw,1.25rem);line-height:1.75;color:rgba(255,255,255,.83)}
.inner-hero .eyebrow,.inner-hero .article-category{color:#ffd36c}
.breadcrumb.light-breadcrumb,.light-breadcrumb a,.light-breadcrumb strong{color:rgba(255,255,255,.86)}
.listing-inner-hero,.announcement-inner-hero,.gallery-inner-hero,.article-inner-hero{min-height:0}

/* News listing */
.news-listing-section,.announcement-listing-section,.gallery-listing-section{padding:clamp(58px,7vw,104px) 0;background:#fffdf9}
.news-lead-card{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);gap:0;overflow:hidden;border:1px solid var(--v41-line);border-radius:28px;background:#fff;box-shadow:var(--v41-shadow);margin-bottom:56px}
.news-lead-image{min-height:430px;position:relative;overflow:hidden}
.news-lead-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}
.news-lead-card:hover .news-lead-image img{transform:scale(1.035)}
.news-lead-copy{padding:clamp(30px,4vw,58px);display:flex;flex-direction:column;justify-content:center}
.news-lead-copy h2{font-size:clamp(2rem,3.5vw,3.6rem);line-height:1.05;margin:.75rem 0 1rem;color:var(--v41-ink);text-wrap:balance}
.news-lead-copy p,.news-list-copy p{color:var(--v41-muted);line-height:1.75}
.news-list-head,.section-head-modern{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}
.news-list-head h2,.section-head-modern h2{margin:.35rem 0 0;font-size:clamp(1.8rem,3vw,3rem);color:var(--v41-ink)}
.news-list-modern-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.news-list-modern-card{overflow:hidden;border:1px solid var(--v41-line);border-radius:22px;background:#fff;box-shadow:0 12px 34px rgba(83,43,30,.07);transition:transform .25s ease,box-shadow .25s ease}
.news-list-modern-card:hover{transform:translateY(-5px);box-shadow:0 20px 42px rgba(83,43,30,.12)}
.news-list-image{aspect-ratio:16/10;overflow:hidden}
.news-list-image img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease}
.news-list-modern-card:hover .news-list-image img{transform:scale(1.05)}
.news-list-copy{padding:24px}
.news-list-copy h3{margin:.55rem 0 .75rem;font-size:1.28rem;line-height:1.3;color:var(--v41-ink)}

/* Article detail */
.article-heading{position:relative;z-index:1}
.article-heading>h1{max-width:980px}
.article-lead{max-width:820px!important;margin:0 0 22px!important}
.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:24px;color:rgba(255,255,255,.88)}
.article-author-avatar{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#f0b42b;color:#5b1c22;font-weight:900}
.article-author{display:flex;flex-direction:column;line-height:1.25}
.article-author small,.article-meta-item small{color:rgba(255,255,255,.78)}
.article-meta-item{display:flex;align-items:center;gap:8px}
.article-shell{padding:clamp(46px,6vw,90px) 0;background:#fffdf9}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:36px;align-items:start}
.article-main{min-width:0}
.article-cover-modern{margin:0 0 26px;border-radius:24px;overflow:hidden;box-shadow:var(--v41-shadow);background:#eee}
.article-cover-modern img{display:block;width:100%;max-height:660px;object-fit:cover}
.article-body-card{padding:clamp(26px,4vw,52px);border:1px solid var(--v41-line);border-radius:24px;background:#fff;box-shadow:0 14px 42px rgba(83,43,30,.07)}
.article-body{font-size:1.04rem;line-height:1.9;color:#403335;overflow-wrap:anywhere}
.article-body p{margin:0 0 1.35em}
.article-tags{display:flex;flex-wrap:wrap;gap:9px;padding-top:28px;margin-top:28px;border-top:1px solid var(--v41-line)}
.article-tags span,.article-tags a{padding:8px 13px;border-radius:999px;background:#f7efe4;color:var(--v41-maroon);font-size:.86rem;font-weight:800}
.article-share-modern{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding-top:26px;margin-top:26px;border-top:1px solid var(--v41-line)}
.share-buttons{display:flex;flex-wrap:wrap;gap:10px}
.share-buttons a,.copy-link-button{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:0 16px;border:1px solid var(--v41-line);border-radius:12px;background:#fff;color:var(--v41-maroon);font:inherit;font-weight:800;cursor:pointer;transition:.2s}
.share-buttons a:hover,.copy-link-button:hover{transform:translateY(-2px);border-color:#d8a737;background:#fff8e8}
.share-wa{background:#18a957!important;color:#fff!important;border-color:#18a957!important}
.article-sidebar{position:sticky;top:104px;display:grid;gap:18px}
.sidebar-card{padding:24px;border:1px solid var(--v41-line);border-radius:20px;background:#fff;box-shadow:0 12px 30px rgba(83,43,30,.06)}
.sidebar-label{display:block;margin-bottom:15px;color:#a36f18;font-size:.76rem;font-weight:900;letter-spacing:.14em}
.article-info-card dl{display:grid;gap:14px;margin:0}
.article-info-card div{display:flex;justify-content:space-between;gap:16px;padding-bottom:12px;border-bottom:1px solid #f0e8dd}
.article-info-card div:last-child{border-bottom:0;padding-bottom:0}
.sidebar-cta-card{background:linear-gradient(145deg,#6e1c28,#9d3340);color:#fff}
.sidebar-cta-card h3,.sidebar-cta-card p{color:#fff}
.sidebar-cta-card p{opacity:.82;line-height:1.65}

/* Comments */
.comments-modern-section{padding:clamp(54px,7vw,94px) 0;background:#f8f1e8}
.comments-modern-layout{display:grid;grid-template-columns:minmax(260px,.62fr) minmax(0,1.38fr);gap:44px;align-items:start}
.comments-heading{position:sticky;top:110px}
.comments-heading h2{font-size:clamp(2rem,3.4vw,3.35rem);line-height:1.08;color:var(--v41-ink)}
.comments-heading p{color:var(--v41-muted);line-height:1.75}
.comments-content{display:grid;gap:24px}
.comment-form-modern,.approved-comments{padding:clamp(22px,3vw,34px);border:1px solid var(--v41-line);border-radius:22px;background:#fff;box-shadow:0 12px 32px rgba(83,43,30,.06)}
.comment-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.comment-form-modern label{display:grid;gap:8px;color:var(--v41-ink);font-weight:800}
.comment-form-modern input,.comment-form-modern textarea{width:100%;border:1px solid #dfd2c1;border-radius:12px;padding:13px 14px;background:#fff;color:var(--v41-ink);font:inherit}
.comment-form-modern textarea{min-height:140px;resize:vertical}
.comment-form-footer{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:18px}
.approved-comments-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.comment-modern-card{display:grid;grid-template-columns:46px 1fr;gap:14px;padding:18px 0;border-top:1px solid #eee3d5}
.comment-modern-card:first-of-type{border-top:0}
.comment-avatar{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#8d2736,#d89b27);color:#fff;font-weight:900}
.comment-card-head{display:flex;justify-content:space-between;gap:16px;align-items:center}
.comment-card-head small{color:var(--v41-muted)}
.comments-empty,.empty-state-modern{padding:34px;text-align:center;border:1px dashed #d9c7b2;border-radius:18px;background:#fffaf3;color:var(--v41-muted)}
.public-flash{padding:14px 16px;border-radius:12px;background:#f7ecd6;color:#654116;font-weight:700}
.public-flash.success{background:#e8f6ed;color:#22613b}.public-flash.error{background:#fde9e9;color:#8a2828}

/* Related news */
.related-news-section{padding:clamp(56px,7vw,96px) 0;background:#fff}
.related-news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.related-news-card{display:block;overflow:hidden;border:1px solid var(--v41-line);border-radius:20px;background:#fff;box-shadow:0 10px 28px rgba(83,43,30,.06)}
.related-image{aspect-ratio:16/10;overflow:hidden}.related-image img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.related-news-card:hover img{transform:scale(1.045)}
.related-copy{padding:20px}.related-copy h3{margin:.4rem 0 0;color:var(--v41-ink);line-height:1.35}

/* Announcements */
.announcement-list-modern{display:grid;gap:18px}
.announcement-list-card{display:grid;grid-template-columns:74px 1fr;gap:20px;padding:24px;border:1px solid var(--v41-line);border-radius:20px;background:#fff;box-shadow:0 10px 30px rgba(83,43,30,.06)}
.announcement-list-card.priority-high{border-left:5px solid #a8202f}.announcement-list-card.priority-medium{border-left:5px solid #e6a21b}.announcement-list-card.priority-low{border-left:5px solid #79915a}
.announcement-list-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:18px;background:linear-gradient(145deg,#fff3cf,#efb42c);font-size:1.9rem}
.announcement-list-copy{min-width:0}
.announcement-list-top{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.announcement-list-top h2{margin:0;font-size:clamp(1.2rem,2.2vw,1.7rem);color:var(--v41-ink)}
.announcement-list-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:13px;color:var(--v41-muted)}
.announcement-detail-meta{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:20px;color:rgba(255,255,255,.84)}
.announcement-document-section{padding:clamp(52px,7vw,92px) 0;background:#fffdf9}
.announcement-document-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:36px;align-items:start}
.official-document-card{overflow:hidden;border:1px solid var(--v41-line);border-radius:24px;background:#fff;box-shadow:var(--v41-shadow)}
.official-document-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px 30px;background:#f6eee3;border-bottom:1px solid var(--v41-line)}
.official-document-head h2{margin:0;color:var(--v41-ink)}
.official-document-number{padding:20px 30px;border-bottom:1px dashed #ddccb7;color:var(--v41-maroon);font-weight:900;letter-spacing:.06em}
.official-document-body{padding:clamp(28px,4vw,48px);font-size:1.03rem;line-height:1.9;color:#403335;overflow-wrap:anywhere}
.attachment-modern-section{padding:0 clamp(28px,4vw,48px) 34px}
.attachment-modern-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:25px;border-top:1px solid var(--v41-line)}
.attachment-modern-list{display:grid;gap:12px;margin-top:16px}
.attachment-modern-list>a,.attachment-modern-list>div{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:14px;padding:14px;border:1px solid #eadfce;border-radius:14px;background:#fffaf3}
.attachment-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:#f0dfbd;font-size:1.25rem}

/* Gallery listing + lightbox */
.gallery-listing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.gallery-listing-card{position:relative;display:block;min-height:360px;overflow:hidden;border-radius:24px;background:#241617;box-shadow:var(--v41-shadow)}
.gallery-listing-card.featured{grid-column:span 2;min-height:470px}
.gallery-listing-card>img{width:100%;height:100%;object-fit:cover;transition:transform .65s ease}
.gallery-listing-card:hover>img{transform:scale(1.045)}
.gallery-listing-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:26px;background:linear-gradient(to top,rgba(20,10,11,.9),rgba(20,10,11,.05) 68%);color:#fff}
.gallery-listing-overlay h2,.gallery-listing-overlay h3{margin:.45rem 0 0;color:#fff}
.gallery-listing-meta{display:flex;flex-wrap:wrap;gap:8px 14px;color:rgba(255,255,255,.8);font-size:.9rem}
.gallery-masonry-modern{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:260px;gap:18px}
.gallery-media-card{position:relative;overflow:hidden;padding:0;border:0;border-radius:20px;background:#eee;cursor:zoom-in}
.gallery-media-card.wide{grid-column:span 2}
.gallery-media-card img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.gallery-media-card:hover img{transform:scale(1.045)}
.lightbox-modal{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:28px;background:rgba(14,8,9,.9);backdrop-filter:blur(8px)}
.lightbox-modal[hidden]{display:none}
.lightbox-modal img{max-width:min(1100px,92vw);max-height:82vh;border-radius:16px;box-shadow:0 28px 80px rgba(0,0,0,.45)}
.lightbox-modal p{color:#fff;text-align:center;margin:12px 0 0}.lightbox-close{position:fixed;top:20px;right:22px;width:48px;height:48px;border:0;border-radius:50%;background:#fff;color:#621c27;font-size:1.7rem;cursor:pointer}

/* Coach/member pages */
.coach-grid,.member-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.coach-card,.member-card{overflow:hidden;border:1px solid var(--v41-line);border-radius:22px;background:#fff;box-shadow:0 12px 34px rgba(83,43,30,.07)}
.coach-photo,.member-photo{position:relative;aspect-ratio:4/3;overflow:hidden;background:#efe8df}
.coach-photo img,.member-photo img{width:100%;height:100%;object-fit:cover}
.coach-status{position:absolute;left:14px;bottom:14px;display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.92);color:#326339;font-size:.78rem;font-weight:900;box-shadow:0 8px 20px rgba(0,0,0,.12)}
.coach-status span{width:8px;height:8px;border-radius:50%;background:#45a451}
.coach-content,.member-content{padding:23px}
.coach-role{display:inline-flex;padding:6px 10px;border-radius:999px;background:#f5e9d8;color:var(--v41-maroon);font-size:.76rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.coach-content h2,.member-content h2{margin:.75rem 0 .65rem;color:var(--v41-ink);font-size:1.35rem}
.coach-meta,.member-info{display:grid;gap:9px;margin-top:15px;color:var(--v41-muted)}
.coach-meta>div,.member-info>div{display:flex;gap:9px;align-items:flex-start}
.member-summary{display:flex;align-items:center;gap:14px;margin:20px 0 28px;padding:16px 20px;border:1px solid var(--v41-line);border-radius:16px;background:#fff}
.member-summary>span{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#f7ead5;color:var(--v41-maroon)}
.member-summary strong{display:block;font-size:1.55rem;color:var(--v41-ink)}
.member-summary small{color:var(--v41-muted)}

/* Homepage missing sections */
.mabigus-message{padding:34px 0;background:linear-gradient(100deg,#621a25,#962f3c);color:#fff}
.mabigus-message__inner{display:grid;grid-template-columns:minmax(250px,.85fr) minmax(0,1.3fr) auto;gap:30px;align-items:center}
.mabigus-message h2{margin:.35rem 0 0;color:#fff}.mabigus-message p{margin:0;color:rgba(255,255,255,.82);line-height:1.7}
.school-welcome--pembina{background:#fffdf9}

/* Utility classes seen in public templates */
.status{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#f4eadb;color:var(--v41-maroon);font-size:.78rem;font-weight:900}
.date-box{display:grid;place-items:center;min-width:64px;padding:10px;border-radius:14px;background:#f8ecd9;color:var(--v41-maroon);font-weight:900;text-align:center}
.schedule-day{color:#a56f18;font-size:.78rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.note,.box{padding:16px 18px;border:1px solid var(--v41-line);border-radius:14px;background:#fffaf3;color:var(--v41-muted)}

/* Drawer safety: hidden on desktop, enabled only on mobile */
.mobile-drawer,.mobile-drawer-backdrop{display:none!important}
body.drawer-open .to-top{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
@media(max-width:820px){
  .mobile-drawer-backdrop{display:block!important}
  .mobile-drawer{display:flex!important;flex-direction:column}
  .mobile-drawer__nav{flex:1 1 auto;min-height:0;overflow-y:auto;padding-bottom:20px}
  .mobile-drawer__admin{position:relative!important;inset:auto!important;flex:0 0 auto;margin:10px 18px 132px!important}
  .mobile-drawer__scene{pointer-events:none}
}

/* Floating buttons never overlap */
.wa{right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:1200}
.to-top{right:max(20px,env(safe-area-inset-right));bottom:calc(max(18px,env(safe-area-inset-bottom)) + 68px);z-index:1199}

/* Responsive stability */
@media(max-width:1100px){
  .news-list-modern-grid,.related-news-grid,.coach-grid,.member-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .article-layout,.announcement-document-layout{grid-template-columns:minmax(0,1fr) 290px}
  .comments-modern-layout{grid-template-columns:1fr}.comments-heading{position:static}
  .mabigus-message__inner{grid-template-columns:1fr 1fr}.mabigus-message__inner>a{grid-column:1/-1;justify-self:start}
}
@media(max-width:820px){
  .inner-hero{padding:60px 0 52px;border-radius:0 0 24px 24px}.inner-hero h1{font-size:clamp(2.05rem,10vw,3.35rem);line-height:1.02}
  .news-lead-card{grid-template-columns:1fr}.news-lead-image{min-height:280px}.news-list-modern-grid,.related-news-grid,.gallery-listing-grid,.coach-grid,.member-grid{grid-template-columns:1fr}
  .gallery-listing-card.featured{grid-column:auto;min-height:400px}
  .article-layout,.announcement-document-layout{grid-template-columns:1fr}.article-sidebar{position:static}
  .comment-form-row{grid-template-columns:1fr}.comment-form-footer{align-items:flex-start;flex-direction:column}
  .announcement-list-card{grid-template-columns:52px 1fr;padding:18px}.announcement-list-icon{width:50px;height:50px;border-radius:14px;font-size:1.4rem}
  .gallery-masonry-modern{grid-template-columns:1fr;grid-auto-rows:300px}.gallery-media-card.wide{grid-column:auto}
  .mabigus-message__inner{grid-template-columns:1fr;gap:18px}.mabigus-message__inner>a{grid-column:auto}
}
@media(max-width:560px){
  .news-listing-section,.announcement-listing-section,.gallery-listing-section,.article-shell,.comments-modern-section,.related-news-section{padding:38px 0}
  .article-body-card,.comment-form-modern,.approved-comments{padding:20px;border-radius:18px}
  .article-meta{gap:12px}.article-author{max-width:180px}
  .article-share-modern,.news-list-head,.section-head-modern{align-items:flex-start;flex-direction:column}
  .official-document-head,.attachment-modern-head{align-items:flex-start;flex-direction:column}.official-document-head,.official-document-number{padding-left:20px;padding-right:20px}.official-document-body,.attachment-modern-section{padding-left:20px;padding-right:20px}
  .announcement-list-card{grid-template-columns:1fr}.announcement-list-icon{width:48px;height:48px}
  .gallery-listing-card,.gallery-listing-card.featured{min-height:330px}.gallery-masonry-modern{grid-auto-rows:260px}
  .mobile-drawer__admin{margin-bottom:120px!important}
}
.school-section-head.light,.section-head.light{color:#fff}
.school-section-head.light h2,.section-head.light h2,.school-section-head.light a,.section-head.light a{color:#fff}
.school-slider.is-running .school-slider__progress::after{animation:heroProgress 7s linear forwards}

/* =========================================================
   V43 — DESKTOP NAVBAR PRECISION FIX
   Scope: desktop/laptop navigation only. Mobile drawer untouched.
   ========================================================= */
@media (min-width: 821px) {
  .school-header .header__inner {
    min-height: 80px !important;
    gap: 20px !important;
    padding-inline: 8px !important;
  }

  .school-header .brand {
    flex: 0 1 auto !important;
    min-width: 270px !important;
    max-width: 320px !important;
    gap: 12px !important;
  }

  .school-header .brand__logo {
    width: 50px !important;
    height: 50px !important;
    flex: 0 0 50px !important;
    border-radius: 16px !important;
  }

  .school-header .brand__logo img {
    width: 34px !important;
    height: 34px !important;
  }

  .school-header .brand__text b {
    font: 900 15px/1.12 Arial, sans-serif !important;
    letter-spacing: .025em !important;
    white-space: nowrap !important;
  }

  .school-header .brand__text small {
    margin-top: 5px !important;
    font: 800 10.5px/1.2 Arial, sans-serif !important;
    white-space: nowrap !important;
  }

  .school-nav {
    display: flex !important;
    flex: 0 1 auto !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 4px !important;
    min-width: 0 !important;
  }

  .school-nav > a,
  .school-nav .nav-group > button,
  .school-nav .search-open {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 10px 12px !important;
    border: 1px solid transparent !important;
    border-radius: 11px !important;
    color: #3b2620 !important;
    background: transparent !important;
    font: 800 13px/1 Arial, sans-serif !important;
    letter-spacing: 0 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    vertical-align: middle !important;
    transition: background-color .2s ease, color .2s ease, border-color .2s ease, transform .2s ease !important;
  }

  .school-nav > a::after,
  .school-nav .nav-group > button::after {
    display: none !important;
    content: none !important;
  }

  .school-nav > a:hover,
  .school-nav .nav-group > button:hover,
  .school-nav .nav-group:hover > button,
  .school-nav .search-open:hover {
    color: #7e1f2b !important;
    background: #f8efe5 !important;
    border-color: #eedbc5 !important;
    transform: translateY(-1px) !important;
  }

  .school-nav > a.is-active {
    color: #7b1d29 !important;
    background: linear-gradient(135deg, #fbf0e3, #f5e5d4) !important;
    border-color: #ead5be !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.5) !important;
  }

  .school-nav .nav-group > button .ui-icon {
    width: 11px !important;
    height: 11px !important;
    flex: 0 0 11px !important;
    margin: 0 !important;
    transform: rotate(90deg) !important;
    transform-origin: center !important;
  }

  .school-nav .search-open {
    width: 40px !important;
    min-width: 40px !important;
    padding-inline: 0 !important;
  }

  .school-nav .search-open .ui-icon {
    width: 17px !important;
    height: 17px !important;
  }

  .school-nav .nav__cta {
    min-height: 44px !important;
    margin-left: 6px !important;
    padding: 11px 17px !important;
    border: 0 !important;
    border-radius: 12px !important;
    color: #fff !important;
    background: linear-gradient(135deg, #8b4e43, #a55b60) !important;
    box-shadow: 0 10px 24px rgba(111, 53, 49, .20) !important;
  }

  .school-nav .nav__cta:hover {
    color: #fff !important;
    background: linear-gradient(135deg, #743c34, #91474f) !important;
    box-shadow: 0 13px 30px rgba(111, 53, 49, .28) !important;
  }
}

@media (min-width: 821px) and (max-width: 1180px) {
  .school-header .header__inner {
    gap: 12px !important;
  }
  .school-header .brand {
    min-width: 235px !important;
    max-width: 255px !important;
  }
  .school-header .brand__logo {
    width: 46px !important;
    height: 46px !important;
    flex-basis: 46px !important;
  }
  .school-header .brand__text b {
    font-size: 13px !important;
  }
  .school-header .brand__text small {
    font-size: 9.5px !important;
  }
  .school-nav {
    gap: 2px !important;
  }
  .school-nav > a,
  .school-nav .nav-group > button,
  .school-nav .search-open {
    padding-inline: 8px !important;
    font-size: 11.5px !important;
  }
  .school-nav .nav__cta {
    padding-inline: 13px !important;
  }
}

/* =========================================================
   V44 — COACHES PAGE PRECISION FIX
   Root cause fixed: old .coach-card grid (220px + 1fr) was
   still active inside a three-column parent and squeezed text.
   ========================================================= */
body.page-coaches .page-section{padding-block:clamp(42px,6vw,86px)}
body.page-coaches .page-section>.container{max-width:1320px}
body.page-coaches .coach-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:clamp(20px,2.2vw,30px)!important;
  align-items:stretch;
  max-width:1180px;
  margin-inline:auto;
}
body.page-coaches .coach-card{
  display:grid!important;
  grid-template-columns:minmax(240px,42%) minmax(0,1fr)!important;
  min-width:0;
  min-height:360px;
  overflow:hidden;
  border:1px solid #eadcc9!important;
  border-radius:24px!important;
  background:#fff!important;
  box-shadow:0 16px 42px rgba(83,38,21,.09)!important;
  transform:none;
}
body.page-coaches .coach-card:hover{
  transform:translateY(-5px);
  box-shadow:0 24px 55px rgba(83,38,21,.13)!important;
}
body.page-coaches .coach-photo{
  position:relative;
  min-height:360px!important;
  aspect-ratio:auto!important;
  overflow:hidden;
  background:#eee5da;
}
body.page-coaches .coach-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
body.page-coaches .coach-content{
  display:flex;
  min-width:0;
  flex-direction:column;
  justify-content:center;
  padding:clamp(24px,3vw,38px)!important;
}
body.page-coaches .coach-role{
  align-self:flex-start;
  max-width:100%;
  white-space:normal;
  line-height:1.35;
}
body.page-coaches .coach-content h2{
  margin:14px 0 8px!important;
  font-size:clamp(1.35rem,1.8vw,1.85rem)!important;
  line-height:1.15;
  overflow-wrap:anywhere;
}
body.page-coaches .coach-meta{
  display:flex!important;
  flex-wrap:wrap;
  gap:8px 14px!important;
  margin:4px 0 16px!important;
}
body.page-coaches .coach-meta>span{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-width:0;
  color:#765f54;
  font-size:.88rem;
  line-height:1.4;
}
body.page-coaches .coach-meta .ui-icon{flex:0 0 auto;color:#8f2633}
body.page-coaches .coach-content>p{
  margin:0;
  color:#6f5b51;
  font-size:clamp(.94rem,1vw,1.02rem);
  line-height:1.75;
  text-wrap:pretty;
}
body.page-coaches .coach-actions{margin-top:22px;flex-wrap:wrap}
body.page-coaches .coach-actions a{
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:10px 14px;
  border-color:#eadcc9;
  color:#6e2230;
  font-weight:800;
}
body.page-coaches .coach-status{z-index:2}

@media(max-width:1050px){
  body.page-coaches .coach-grid{grid-template-columns:1fr!important;max-width:820px}
  body.page-coaches .coach-card{grid-template-columns:minmax(260px,38%) minmax(0,1fr)!important}
}
@media(max-width:680px){
  body.page-coaches .page-section{padding-block:32px 54px}
  body.page-coaches .coach-grid{gap:18px!important}
  body.page-coaches .coach-card{grid-template-columns:1fr!important;min-height:0}
  body.page-coaches .coach-photo{min-height:0!important;aspect-ratio:4/3!important}
  body.page-coaches .coach-content{padding:22px!important}
  body.page-coaches .coach-content h2{font-size:1.35rem!important}
}

/* =========================================================
   V45 — COACHES DIRECTORY FINAL POLISH
   Unique component names prevent legacy coach-card conflicts.
   ========================================================= */
body.page-coaches .page-hero{padding-block:clamp(56px,7vw,88px)}
body.page-coaches .page-hero h1{max-width:760px;font-size:clamp(2.35rem,4.8vw,4.8rem)}
body.page-coaches .page-hero p{max-width:680px;font-size:clamp(.96rem,1.2vw,1.08rem)}
.coaches-directory{padding:clamp(44px,6vw,82px) 0!important}
.coaches-directory__container{max-width:1280px!important}
.coaches-directory__head{display:grid;grid-template-columns:minmax(0,.85fr) minmax(320px,.65fr);gap:32px;align-items:end;margin:0 auto clamp(24px,3vw,36px);max-width:1160px}
.coaches-directory__head h2{margin:8px 0 0;color:#351b16;font-size:clamp(1.75rem,3vw,2.65rem);line-height:1.08;letter-spacing:-.035em}
.coaches-directory__head>p{margin:0;color:#725f55;font-size:1rem;line-height:1.7}
.coaches-directory__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(22px,2.6vw,34px);max-width:1160px;margin-inline:auto;align-items:stretch}
.coach-profile-card{display:grid;grid-template-columns:minmax(220px,42%) minmax(0,1fr);min-height:390px;overflow:hidden;border:1px solid rgba(136,91,55,.18);border-radius:26px;background:#fff;box-shadow:0 18px 45px rgba(75,38,24,.09);transition:transform .3s ease,box-shadow .3s ease}
.coach-profile-card:hover{transform:translateY(-5px);box-shadow:0 28px 60px rgba(75,38,24,.14)}
.coach-profile-card__media{position:relative;min-height:390px;overflow:hidden;background:#eadfd3}
.coach-profile-card__media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 65%,rgba(36,16,10,.35));pointer-events:none}
.coach-profile-card__media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .65s cubic-bezier(.2,.8,.2,1)}
.coach-profile-card:hover .coach-profile-card__media img{transform:scale(1.035)}
.coach-profile-card__status{position:absolute;z-index:2;left:16px;bottom:16px;display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid rgba(255,255,255,.8);border-radius:999px;background:rgba(255,255,255,.92);color:#24753c;font-size:.78rem;font-weight:900;box-shadow:0 8px 22px rgba(30,20,15,.15);backdrop-filter:blur(8px)}
.coach-profile-card__status i{width:8px;height:8px;border-radius:50%;background:#31a84b;box-shadow:0 0 0 4px rgba(49,168,75,.14)}
.coach-profile-card__body{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:clamp(26px,3vw,38px)}
.coach-profile-card__role{align-self:flex-start;padding:7px 11px;border-radius:999px;background:#fff2dc;color:#8a2e38;font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.coach-profile-card__body h3{margin:16px 0 12px;color:#2f1914;font-size:clamp(1.45rem,2vw,2rem);line-height:1.12;letter-spacing:-.025em;overflow-wrap:normal;word-break:normal}
.coach-profile-card__meta{display:grid;gap:9px;margin-bottom:16px}
.coach-profile-card__meta>span{display:grid;grid-template-columns:18px auto 1fr;gap:7px;align-items:start;min-width:0;color:#725f55;font-size:.86rem;line-height:1.45}
.coach-profile-card__meta .ui-icon{width:17px;height:17px;color:#8d2734}
.coach-profile-card__meta b{color:#4d3027;font-weight:800}
.coach-profile-card__body>p{margin:0;color:#6e5b52;font-size:.96rem;line-height:1.72;text-wrap:pretty}
.coach-profile-card__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.coach-profile-card__actions a{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:10px 14px;border:1px solid #e7d7c4;border-radius:12px;background:#fffaf3;color:#702530;font-size:.82rem;font-weight:900;text-decoration:none;transition:.25s ease}
.coach-profile-card__actions a:hover{border-color:#8b2835;background:#8b2835;color:#fff;transform:translateY(-2px)}
.coach-profile-card__actions .ui-icon{width:17px;height:17px}
@media(max-width:1100px){.coaches-directory__grid{grid-template-columns:1fr;max-width:860px}.coach-profile-card{grid-template-columns:minmax(250px,36%) minmax(0,1fr)}}
@media(max-width:760px){.coaches-directory__head{grid-template-columns:1fr;gap:12px}.coaches-directory__head>p{max-width:620px}.coach-profile-card{grid-template-columns:1fr;min-height:0}.coach-profile-card__media{min-height:0;aspect-ratio:16/10}.coach-profile-card__body{padding:24px}.coach-profile-card__meta>span{grid-template-columns:18px auto 1fr}}
@media(max-width:480px){.coaches-directory{padding-top:34px!important}.coaches-directory__grid{gap:18px}.coach-profile-card{border-radius:20px}.coach-profile-card__media{aspect-ratio:4/3}.coach-profile-card__body{padding:20px}.coach-profile-card__body h3{font-size:1.45rem}.coach-profile-card__actions{flex-direction:column}.coach-profile-card__actions a{width:100%}}

/* =========================================================
   V46 — NEWS PAGE SLIM & BALANCED
   Scoped only to body.page-news
   ========================================================= */
body.page-news .listing-inner-hero{
  width:min(100% - 28px,1480px);
  margin:14px auto 0;
  padding:clamp(58px,6.5vw,92px) 0 clamp(46px,5.5vw,76px);
  border-radius:28px;
  box-shadow:0 22px 58px rgba(64,25,19,.16);
}
body.page-news .listing-inner-hero>.container,
body.page-news .news-listing-section>.container{
  width:min(100% - 40px,1160px);
}
body.page-news .listing-inner-hero .breadcrumb{
  margin-bottom:14px;
  font-size:.64rem;
  letter-spacing:.01em;
}
body.page-news .listing-inner-hero .eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-size:.66rem;
  letter-spacing:.16em;
}
body.page-news .listing-inner-hero .eyebrow::before{
  content:"";
  width:28px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,#f5c45c,#fff0b3);
}
body.page-news .listing-inner-hero h1{
  max-width:780px;
  margin:14px 0 14px;
  font-size:clamp(2.65rem,4.7vw,4.65rem);
  line-height:1.01;
  letter-spacing:-.045em;
  text-wrap:balance;
}
body.page-news .listing-inner-hero p{
  max-width:720px;
  margin:0;
  font-size:clamp(.96rem,1.18vw,1.12rem);
  line-height:1.65;
}
body.page-news .news-search-modern{
  max-width:920px;
  margin-top:26px;
  padding:9px;
  gap:9px;
  border-radius:17px;
  background:rgba(255,255,255,.93);
  box-shadow:0 13px 30px rgba(48,18,15,.14);
}
body.page-news .news-search-modern>span{
  flex:0 0 20px;
  margin-left:4px;
  color:#9a796e;
  font-size:.9rem;
  text-align:center;
}
body.page-news .news-search-modern input{
  min-width:0;
  min-height:44px;
  border:0;
  outline:0;
  background:transparent;
  color:#3f2924;
  font-size:.9rem;
}
body.page-news .news-search-modern button{
  min-height:44px;
  padding:10px 21px;
  border-radius:12px;
  font-size:.78rem;
  white-space:nowrap;
}
body.page-news .news-listing-section{
  padding:clamp(48px,5.8vw,82px) 0 clamp(64px,7vw,104px);
}
body.page-news .news-lead-card{
  grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);
  border-radius:24px;
  margin-bottom:48px;
  box-shadow:0 16px 44px rgba(83,43,30,.09);
}
body.page-news .news-lead-image{
  min-height:360px;
  max-height:430px;
}
body.page-news .news-lead-copy{
  padding:clamp(30px,3.4vw,48px);
}
body.page-news .news-lead-copy small,
body.page-news .news-list-copy small{
  color:#8f5a4d;
  font-size:.66rem;
  font-weight:800;
  letter-spacing:.04em;
}
body.page-news .news-lead-copy h2{
  margin:12px 0 14px;
  font-size:clamp(2rem,3.1vw,3.25rem);
  line-height:1.08;
  letter-spacing:-.035em;
  text-wrap:balance;
}
body.page-news .news-lead-copy p{
  margin:0 0 20px;
  font-size:.92rem;
  line-height:1.72;
}
body.page-news .news-list-head{
  margin-bottom:22px;
}
body.page-news .news-list-head h2{
  font-size:clamp(1.75rem,2.7vw,2.65rem);
  line-height:1.1;
}
body.page-news .news-list-modern-grid{
  gap:22px;
}
body.page-news .news-list-modern-card{
  border-radius:18px;
}
body.page-news .news-list-image{
  aspect-ratio:16/9;
}
body.page-news .news-list-copy{
  padding:21px;
}
body.page-news .news-list-copy h3{
  margin:8px 0 10px;
  font-size:1.12rem;
  line-height:1.34;
}
body.page-news .news-list-copy p{
  margin:0 0 15px;
  font-size:.84rem;
  line-height:1.65;
}
@media (max-width:980px){
  body.page-news .news-lead-card{grid-template-columns:1fr}
  body.page-news .news-lead-image{min-height:300px;max-height:360px}
  body.page-news .news-list-modern-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  body.page-news .listing-inner-hero{
    width:calc(100% - 16px);
    margin-top:8px;
    padding:42px 0 36px;
    border-radius:20px;
  }
  body.page-news .listing-inner-hero>.container,
  body.page-news .news-listing-section>.container{width:calc(100% - 28px)}
  body.page-news .listing-inner-hero h1{
    margin-top:11px;
    font-size:clamp(2.15rem,11vw,3.05rem);
    line-height:1.03;
  }
  body.page-news .listing-inner-hero p{font-size:.9rem;line-height:1.58}
  body.page-news .news-search-modern{flex-direction:column;align-items:stretch;margin-top:21px;padding:8px}
  body.page-news .news-search-modern>span{display:none}
  body.page-news .news-search-modern input,
  body.page-news .news-search-modern button{width:100%}
  body.page-news .news-search-modern input{padding:0 11px}
  body.page-news .news-listing-section{padding:38px 0 70px}
  body.page-news .news-lead-card{margin-bottom:36px;border-radius:18px}
  body.page-news .news-lead-image{min-height:230px;max-height:280px}
  body.page-news .news-lead-copy{padding:23px 20px 25px}
  body.page-news .news-lead-copy h2{font-size:clamp(1.7rem,8.5vw,2.35rem)}
  body.page-news .news-list-head{align-items:flex-start;gap:8px}
  body.page-news .news-list-modern-grid{grid-template-columns:1fr;gap:17px}
}

/* ==========================================================
   V48 — JADWAL / AGENDA LATIHAN PRAMUKA
   Scoped only to body.page-training
   ========================================================== */
.page-training{background:#fbf7f1;color:#3b2a25}
.page-training .training-hero{padding:clamp(54px,6vw,86px) 0 clamp(30px,4vw,48px);background:radial-gradient(circle at 50% 10%,rgba(202,154,66,.12),transparent 28%),linear-gradient(180deg,#fffdfa,#fbf7f1)}
.page-training .training-hero__inner{display:flex;align-items:center;flex-direction:column;text-align:center}
.page-training .training-hero__emblem{display:grid;width:62px;height:62px;margin-bottom:14px;place-items:center;border:1px dashed #c89231;border-radius:50%;color:#ba7a18;background:rgba(255,251,242,.88);box-shadow:0 10px 30px rgba(118,66,28,.08)}
.page-training .training-hero__emblem svg{width:31px;height:31px}
.page-training .training-hero__kicker{margin-bottom:8px;color:#b07a22;font-size:.68rem;font-weight:900;letter-spacing:.18em}
.page-training .training-hero h1{max-width:1080px;margin:0;color:#701826;font-family:Georgia,'Times New Roman',serif;font-size:clamp(2.25rem,4.4vw,4.35rem);font-weight:800;line-height:1.04;letter-spacing:-.035em}
.page-training .training-hero__ornament{display:flex;align-items:center;gap:14px;margin:20px 0 14px}
.page-training .training-hero__ornament span{width:125px;height:2px;background:linear-gradient(90deg,transparent,#c88b28)}
.page-training .training-hero__ornament span:last-child{background:linear-gradient(90deg,#c88b28,transparent)}
.page-training .training-hero__ornament i{width:12px;height:12px;transform:rotate(45deg);background:#c88b28;box-shadow:0 0 0 5px rgba(200,139,40,.1)}
.page-training .training-hero p{max-width:760px;margin:0;color:#62544e;font-size:clamp(.95rem,1.25vw,1.12rem);line-height:1.7}
.page-training .training-modern-section{padding:0 0 clamp(64px,8vw,110px)}
.page-training .training-modern-shell{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(310px,.9fr);gap:22px;padding:clamp(22px,3vw,38px);border:1px solid #e5cda7;border-radius:32px;background:rgba(255,253,249,.94);box-shadow:0 22px 65px rgba(95,54,34,.09)}
.page-training .training-featured-card{display:grid;grid-template-columns:190px minmax(0,1fr);min-width:0;overflow:hidden;border:1px solid #e6cda5;border-radius:24px;background:#fffdfa;box-shadow:0 14px 38px rgba(89,50,29,.06)}
.page-training .training-date-block{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:455px;padding:24px 18px;overflow:hidden;color:#fff;text-align:center;background:radial-gradient(circle at 50% 30%,#a21f31,#791322 58%,#5c0d19)}
.page-training .training-date-block::before{position:absolute;inset:10px;border:1px dashed rgba(235,187,86,.45);border-radius:18px;content:''}
.page-training .training-date-block__icon{position:relative;z-index:1;display:grid;width:46px;height:46px;margin-bottom:14px;place-items:center;color:#f2bd48}
.page-training .training-date-block__icon svg{width:31px;height:31px}
.page-training .training-date-block strong{position:relative;z-index:1;font-family:Georgia,'Times New Roman',serif;font-size:5.2rem;line-height:.92}
.page-training .training-date-block b{position:relative;z-index:1;margin-top:12px;color:#f0bd4c;font-family:Georgia,'Times New Roman',serif;font-size:1.45rem}
.page-training .training-date-block__line{position:relative;z-index:1;width:56px;height:1px;margin:14px 0;background:#df9f36}
.page-training .training-date-block em{position:relative;z-index:1;font-style:normal;font-size:1.28rem;font-weight:800;letter-spacing:.05em}
.page-training .training-date-block__watermark{position:absolute;right:-6px;bottom:-25px;color:rgba(255,255,255,.06);font-size:10rem;line-height:1}
.page-training .training-featured-content{display:flex;justify-content:center;flex-direction:column;min-width:0;padding:clamp(28px,4vw,48px)}
.page-training .training-category{display:inline-flex;align-items:center;align-self:flex-start;gap:8px;margin-bottom:15px;padding:7px 13px;border-radius:999px;color:#9a6417;background:#f7ead3;font-size:.72rem;font-weight:900;letter-spacing:.1em}
.page-training .training-category i{width:9px;height:9px;border-radius:50%;background:#ca8b24}
.page-training .training-featured-content h2{margin:0;color:#641521;font-family:Georgia,'Times New Roman',serif;font-size:clamp(2rem,3vw,3.15rem);line-height:1.08;letter-spacing:-.025em}
.page-training .training-lead{max-width:780px;margin:16px 0 27px;padding-bottom:25px;border-bottom:1px dashed #ddc9b8;color:#675b55;font-size:1.04rem;line-height:1.8}
.page-training .training-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 32px}
.page-training .training-meta-item{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:14px;min-width:0}
.page-training .training-meta-icon{display:grid;width:52px;height:52px;place-items:center;border-radius:16px;color:#b47717;background:#f8ecda;box-shadow:inset 0 0 0 1px rgba(196,142,55,.08)}
.page-training .training-meta-icon svg{width:27px;height:27px}
.page-training .training-meta-item div{min-width:0}
.page-training .training-meta-item small{display:block;margin-bottom:4px;color:#776d67;font-size:.66rem;font-weight:800;letter-spacing:.12em}
.page-training .training-meta-item strong{display:block;overflow-wrap:anywhere;color:#2f2724;font-size:1rem;line-height:1.35}
.page-training .training-summary-card{position:relative;min-height:455px;padding:clamp(28px,3vw,38px);overflow:hidden;border:1px solid #e5cda7;border-radius:24px;background:linear-gradient(145deg,#fffdfa,#fbf4e9);box-shadow:0 14px 38px rgba(89,50,29,.05)}
.page-training .training-summary-date{display:flex;align-items:center;gap:14px;color:#7c1b28}
.page-training .training-summary-date>span{display:grid;width:58px;height:58px;place-items:center;border-radius:50%;color:#ae751d;background:#f5e8d5}
.page-training .training-summary-date svg{width:28px;height:28px}
.page-training .training-summary-date strong{font-size:1.02rem}
.page-training .training-summary-line{display:block;width:68px;height:2px;margin:23px 0;background:#bd8020}
.page-training .training-summary-card h2{position:relative;z-index:1;margin:0 0 15px;color:#641521;font-family:Georgia,'Times New Roman',serif;font-size:1.75rem;line-height:1.2}
.page-training .training-summary-card p{position:relative;z-index:1;margin:0;color:#534944;font-size:1rem;line-height:1.75}
.page-training .training-camp-art{position:absolute;right:18px;bottom:12px;width:190px;height:125px;opacity:.1}
.page-training .camp-tent{position:absolute;right:28px;bottom:0;width:100px;height:70px;border-right:6px solid #9b6022;border-left:6px solid #9b6022;clip-path:polygon(50% 0,100% 100%,0 100%);background:rgba(155,96,34,.3)}
.page-training .camp-flag{position:absolute;right:7px;bottom:5px;width:5px;height:105px;background:#9b6022}
.page-training .camp-flag::after{position:absolute;top:0;left:5px;width:44px;height:28px;clip-path:polygon(0 0,100% 15%,78% 100%,0 82%);background:#9b6022;content:''}
.page-training .camp-tree{position:absolute;bottom:0;width:28px;height:65px;clip-path:polygon(50% 0,76% 35%,62% 35%,88% 70%,64% 70%,100% 100%,0 100%,36% 70%,12% 70%,38% 35%,24% 35%);background:#9b6022}
.page-training .camp-tree--one{left:0}.page-training .camp-tree--two{left:31px;transform:scale(.72);transform-origin:bottom}
.page-training .training-notice{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:12px;max-width:950px;margin:2px auto 0;padding:13px 20px;border-radius:999px;color:#625650;background:#f7f1e8}
.page-training .training-notice>span{display:grid;flex:0 0 29px;width:29px;height:29px;place-items:center;border:2px solid #b57a1b;border-radius:50%;color:#b57a1b}
.page-training .training-notice svg{width:16px;height:16px}.page-training .training-notice p{margin:0;font-size:.9rem;line-height:1.45}
.page-training .training-more{padding:clamp(58px,7vw,86px) 0 0}
.page-training .training-more__head{text-align:center}.page-training .training-more__head>span{color:#b1781c;font-size:.67rem;font-weight:900;letter-spacing:.16em}
.page-training .training-more__head h2{margin:8px 0 28px;color:#641521;font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.8rem,3vw,2.8rem)}
.page-training .training-more__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.page-training .training-mini-card{display:grid;grid-template-columns:56px minmax(0,1fr);align-items:start;gap:15px;padding:22px;border:1px solid #ead8bf;border-radius:20px;background:#fffdfa;box-shadow:0 13px 35px rgba(89,50,29,.05)}
.page-training .training-mini-card__icon{display:grid;width:56px;height:56px;place-items:center;border-radius:16px;color:#a86f16;background:#f7ead7}
.page-training .training-mini-card__icon svg{width:27px;height:27px}.page-training .training-mini-card small{color:#a0712c;font-size:.66rem;font-weight:800;letter-spacing:.09em}
.page-training .training-mini-card h3{margin:4px 0 7px;color:#641521;font-family:Georgia,'Times New Roman',serif;font-size:1.28rem}.page-training .training-mini-card p{display:-webkit-box;margin:0;overflow:hidden;color:#665b55;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}
@media(max-width:1080px){.page-training .training-modern-shell{grid-template-columns:1fr}.page-training .training-summary-card{min-height:330px}.page-training .training-camp-art{opacity:.08}}
@media(max-width:760px){.page-training .training-hero{padding-top:42px}.page-training .training-hero__ornament span{width:72px}.page-training .training-modern-shell{gap:15px;padding:14px;border-radius:24px}.page-training .training-featured-card{grid-template-columns:1fr}.page-training .training-date-block{display:grid;grid-template-columns:auto auto auto auto;align-items:center;justify-content:start;min-height:auto;padding:22px 25px;text-align:left}.page-training .training-date-block::before{inset:8px}.page-training .training-date-block__icon{grid-row:1/3;margin:0 18px 0 0}.page-training .training-date-block strong{font-size:3rem}.page-training .training-date-block b{margin:0 0 0 10px;font-size:1.2rem}.page-training .training-date-block__line{display:none}.page-training .training-date-block em{margin-left:10px;font-size:1.1rem}.page-training .training-featured-content{padding:26px 20px}.page-training .training-meta-grid{grid-template-columns:1fr;gap:16px}.page-training .training-summary-card{min-height:330px;padding:25px 21px}.page-training .training-notice{align-items:flex-start;border-radius:18px}.page-training .training-more__grid{grid-template-columns:1fr}}
@media(max-width:460px){.page-training .training-hero h1{font-size:2.1rem}.page-training .training-hero p{font-size:.9rem}.page-training .training-date-block{grid-template-columns:auto auto auto;padding:20px}.page-training .training-date-block__icon{margin-right:12px}.page-training .training-date-block strong{font-size:2.65rem}.page-training .training-date-block em{grid-column:3;margin:0}.page-training .training-featured-content h2{font-size:1.9rem}.page-training .training-lead{font-size:.94rem}.page-training .training-meta-item{grid-template-columns:46px minmax(0,1fr)}.page-training .training-meta-icon{width:46px;height:46px;border-radius:14px}.page-training .training-summary-date>span{width:50px;height:50px}.page-training .training-summary-card h2{font-size:1.5rem}.page-training .training-summary-card p{font-size:.94rem}.page-training .training-camp-art{width:145px;height:100px}.page-training .training-notice p{font-size:.82rem}}

/* =========================================================
   V49 — AGENDA KEGIATAN PRESISI MODERN
   Scoped only to body.page-activities
   ========================================================= */
body.page-activities{background:#fbf8f2;color:#3b2a25}
body.page-activities .agenda-hero{padding:26px 0 0;background:transparent}
body.page-activities .agenda-hero__inner{position:relative;min-height:292px;padding:38px clamp(34px,5vw,82px);overflow:hidden;border-radius:30px;background:radial-gradient(circle at 72% 15%,rgba(181,52,66,.22),transparent 34%),linear-gradient(118deg,#5d0f1b 0%,#781323 48%,#861a2b 100%);box-shadow:0 24px 58px rgba(78,22,28,.18)}
body.page-activities .agenda-breadcrumb{position:relative;z-index:2;display:flex;align-items:center;gap:10px;margin-bottom:27px;color:#fff;font-size:.78rem}
body.page-activities .agenda-breadcrumb a{color:#fff;text-decoration:none}
body.page-activities .agenda-breadcrumb span{width:5px;height:5px;border-radius:50%;background:#e8b64d}
body.page-activities .agenda-breadcrumb strong{font-weight:700}
body.page-activities .agenda-eyebrow{position:relative;z-index:2;display:block;margin-bottom:12px;color:#f1c054;font-size:.75rem;font-weight:900;letter-spacing:.16em}
body.page-activities .agenda-hero h1{position:relative;z-index:2;max-width:800px;margin:0;color:#fff;font-family:Georgia,'Times New Roman',serif;font-size:clamp(3.2rem,5.4vw,5.8rem);font-weight:700;line-height:.98;letter-spacing:-.04em;text-wrap:balance}
body.page-activities .agenda-hero p{position:relative;z-index:2;max-width:860px;margin:20px 0 0;color:rgba(255,255,255,.92);font-size:clamp(.98rem,1.25vw,1.15rem);line-height:1.65}
body.page-activities .agenda-hero__curve{position:absolute;left:-78px;bottom:-98px;width:330px;height:230px;border:4px solid #e8b64d;border-top-color:transparent;border-right-color:transparent;border-radius:50%;transform:rotate(-12deg);opacity:.95}
body.page-activities .agenda-hero__mark{position:absolute;right:28px;top:-54px;color:rgba(255,255,255,.08);font-size:19rem;line-height:1;transform:rotate(180deg)}
body.page-activities .agenda-section{padding:38px 0 clamp(72px,8vw,110px)}
body.page-activities .agenda-layout{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(300px,.86fr);gap:22px;align-items:stretch;max-width:1280px;margin:0 auto}
body.page-activities .agenda-featured{display:grid;grid-template-columns:170px minmax(0,1fr);min-width:0;overflow:hidden;border:1px solid #ead8bf;border-radius:24px;background:#fffdfa;box-shadow:0 18px 46px rgba(91,48,31,.08)}
body.page-activities .agenda-date{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:430px;padding:28px 18px;overflow:hidden;color:#fff;text-align:center;background:radial-gradient(circle at 50% 24%,#9c1d31,#7a1022 58%,#5e0c19)}
body.page-activities .agenda-date::before{position:absolute;inset:9px;border:1px solid rgba(228,177,67,.42);border-radius:19px;content:''}
body.page-activities .agenda-date__symbol{position:relative;z-index:1;margin-bottom:21px;color:#e7b348;font-size:2rem;transform:rotate(180deg)}
body.page-activities .agenda-date strong{position:relative;z-index:1;color:#e8b64d;font-family:Georgia,'Times New Roman',serif;font-size:4.8rem;line-height:.88}
body.page-activities .agenda-date b{position:relative;z-index:1;margin-top:16px;color:#fff;font-family:Georgia,'Times New Roman',serif;font-size:1.55rem}
body.page-activities .agenda-date i{position:relative;z-index:1;width:58px;height:2px;margin:17px 0;background:#dca641}
body.page-activities .agenda-date em{position:relative;z-index:1;color:#fff;font-style:normal;font-size:1.3rem;font-weight:800;letter-spacing:.03em}
body.page-activities .agenda-featured__content{display:flex;justify-content:center;flex-direction:column;min-width:0;padding:clamp(30px,3.5vw,48px)}
body.page-activities .agenda-category{display:inline-flex;align-self:flex-start;margin-bottom:15px;padding:7px 14px;border-radius:999px;color:#801b29;background:#f7e8cb;font-size:.72rem;font-weight:900;letter-spacing:.06em}
body.page-activities .agenda-featured h2{margin:0;color:#651522;font-family:Georgia,'Times New Roman',serif;font-size:clamp(2rem,3vw,3.15rem);line-height:1.08;letter-spacing:-.025em;text-wrap:balance}
body.page-activities .agenda-description{max-width:760px;margin:17px 0 24px;padding-bottom:23px;border-bottom:1px solid #ead9c7;color:#655953;font-size:1.02rem;line-height:1.75}
body.page-activities .agenda-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #f2e4d2;border-left:1px solid #f2e4d2}
body.page-activities .agenda-meta__item{display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:13px;min-width:0;padding:18px 16px;border-right:1px solid #f2e4d2;border-bottom:1px solid #f2e4d2}
body.page-activities .agenda-meta__icon{display:grid;width:42px;height:42px;place-items:center;color:#7d1827}
body.page-activities .agenda-meta__icon svg{width:29px;height:29px}
body.page-activities .agenda-meta__item small{display:block;margin-bottom:4px;color:#746760;font-size:.66rem;font-weight:800;letter-spacing:.08em}
body.page-activities .agenda-meta__item strong{display:block;color:#2f2623;font-size:.98rem;line-height:1.4;overflow-wrap:anywhere}
body.page-activities .agenda-summary{position:relative;min-height:430px;padding:36px 34px;overflow:hidden;border:1px solid #ead8bf;border-radius:24px;background:linear-gradient(145deg,#fffdfa,#fbf4e9);box-shadow:0 18px 46px rgba(91,48,31,.07)}
body.page-activities .agenda-summary__date{display:flex;align-items:center;gap:15px;color:#7b1827}
body.page-activities .agenda-summary__date>span{display:grid;width:58px;height:58px;place-items:center;border-radius:50%;color:#8d1d2b;background:#f6ead8}
body.page-activities .agenda-summary__date svg{width:29px;height:29px}
body.page-activities .agenda-summary__date strong{font-size:1.02rem}
body.page-activities .agenda-summary__line{display:block;width:68px;height:2px;margin:27px 0;background:#c38b2f}
body.page-activities .agenda-summary h2{position:relative;z-index:2;margin:0 0 17px;color:#651522;font-family:Georgia,'Times New Roman',serif;font-size:1.72rem;line-height:1.2}
body.page-activities .agenda-summary p{position:relative;z-index:2;margin:0;color:#504641;font-size:1rem;line-height:1.75}
body.page-activities .agenda-camp{position:absolute;right:17px;bottom:10px;width:210px;height:128px;opacity:.09}
body.page-activities .agenda-camp__tent{position:absolute;right:36px;bottom:0;width:112px;height:74px;clip-path:polygon(50% 0,100% 100%,0 100%);background:#966020}
body.page-activities .agenda-camp__flag{position:absolute;right:14px;bottom:0;width:5px;height:108px;background:#966020}
body.page-activities .agenda-camp__flag::after{position:absolute;top:0;left:5px;width:44px;height:27px;clip-path:polygon(0 0,100% 12%,78% 100%,0 82%);background:#966020;content:''}
body.page-activities .agenda-camp__tree{position:absolute;bottom:0;width:28px;height:66px;clip-path:polygon(50% 0,75% 38%,62% 38%,88% 72%,65% 72%,100% 100%,0 100%,35% 72%,12% 72%,38% 38%,25% 38%);background:#966020}
body.page-activities .agenda-camp__tree--1{left:0}.page-activities .agenda-camp__tree--2{left:32px;transform:scale(.72);transform-origin:bottom}
body.page-activities .agenda-notice{grid-column:1/-1;display:flex;align-items:center;gap:14px;padding:16px 22px;border:1px solid #ead8bf;border-radius:18px;background:#fffaf2;box-shadow:0 10px 28px rgba(91,48,31,.05)}
body.page-activities .agenda-notice>span{display:grid;flex:0 0 38px;width:38px;height:38px;place-items:center;border-radius:50%;color:#fff;background:#c89435;font-family:Georgia,'Times New Roman',serif;font-weight:800}
body.page-activities .agenda-notice p{margin:0;color:#625650;font-size:.9rem;line-height:1.5}
body.page-activities .agenda-more{max-width:1280px;margin:64px auto 0}
body.page-activities .agenda-more__head{text-align:center}
body.page-activities .agenda-more__head>span{color:#b1781c;font-size:.68rem;font-weight:900;letter-spacing:.16em}
body.page-activities .agenda-more__head h2{margin:8px 0 28px;color:#651522;font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.9rem,3vw,2.8rem)}
body.page-activities .agenda-more__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
body.page-activities .agenda-mini-card{display:grid;grid-template-columns:92px minmax(0,1fr);overflow:hidden;border:1px solid #ead8bf;border-radius:20px;background:#fffdfa;box-shadow:0 13px 34px rgba(91,48,31,.06)}
body.page-activities .agenda-mini-card time{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:20px 12px;color:#fff;text-align:center;background:#7d1726}
body.page-activities .agenda-mini-card time strong{font-family:Georgia,'Times New Roman',serif;font-size:2.2rem}.page-activities .agenda-mini-card time span{font-size:.72rem;font-weight:800}
body.page-activities .agenda-mini-card>div{padding:21px}.page-activities .agenda-mini-card small{color:#a0712c;font-size:.66rem;font-weight:900;letter-spacing:.08em}.page-activities .agenda-mini-card h3{margin:6px 0 8px;color:#651522;font-family:Georgia,'Times New Roman',serif;font-size:1.35rem}.page-activities .agenda-mini-card p{margin:0 0 13px;color:#665b55;line-height:1.58}.page-activities .agenda-mini-card>div>span{display:flex;align-items:center;gap:7px;color:#7d6d64;font-size:.8rem}.page-activities .agenda-mini-card svg{width:17px;height:17px}
@media(max-width:1050px){body.page-activities .agenda-layout{grid-template-columns:1fr}.page-activities .agenda-summary{min-height:320px}.page-activities .agenda-more__grid{grid-template-columns:1fr}}
@media(max-width:760px){body.page-activities .agenda-hero{padding-top:12px}.page-activities .agenda-hero__inner{min-height:250px;padding:30px 24px;border-radius:22px}.page-activities .agenda-breadcrumb{margin-bottom:21px}.page-activities .agenda-hero h1{font-size:clamp(2.45rem,11vw,3.8rem)}.page-activities .agenda-hero p{font-size:.9rem}.page-activities .agenda-featured{grid-template-columns:1fr}.page-activities .agenda-date{display:grid;grid-template-columns:auto auto auto auto auto;justify-content:start;min-height:auto;padding:21px 25px;text-align:left}.page-activities .agenda-date__symbol{margin:0 15px 0 0}.page-activities .agenda-date strong{font-size:3rem}.page-activities .agenda-date b{margin:0 0 0 10px;font-size:1.2rem}.page-activities .agenda-date i{width:1px;height:32px;margin:0 12px}.page-activities .agenda-date em{font-size:1.08rem}.page-activities .agenda-featured__content{padding:27px 21px}.page-activities .agenda-meta{grid-template-columns:1fr}.page-activities .agenda-summary{min-height:320px;padding:28px 23px}.page-activities .agenda-notice{align-items:flex-start}.page-activities .agenda-more{margin-top:46px}}
@media(max-width:480px){body.page-activities .agenda-hero__inner{padding:26px 20px}.page-activities .agenda-eyebrow{font-size:.65rem}.page-activities .agenda-section{padding-top:24px}.page-activities .agenda-layout{gap:15px}.page-activities .agenda-date{grid-template-columns:auto auto auto;padding:19px}.page-activities .agenda-date__symbol{grid-row:1/3}.page-activities .agenda-date i{display:none}.page-activities .agenda-date em{grid-column:3;margin-left:10px}.page-activities .agenda-featured h2{font-size:1.85rem}.page-activities .agenda-description{font-size:.92rem}.page-activities .agenda-summary h2{font-size:1.5rem}.page-activities .agenda-summary p{font-size:.93rem}.page-activities .agenda-camp{width:150px;height:95px}.page-activities .agenda-notice{padding:14px 15px}.page-activities .agenda-notice p{font-size:.8rem}.page-activities .agenda-mini-card{grid-template-columns:76px minmax(0,1fr)}}

/* =========================================================
   V50 — NEWS HERO COMPACT, SINGLE-LINE & PRECISE
   Scoped only to body.page-news
   ========================================================= */
body.page-news .listing-inner-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  width:min(calc(100% - 44px),1460px);
  min-height:0;
  margin:18px auto 0;
  padding:clamp(42px,4vw,62px) 0 clamp(38px,3.7vw,56px);
  border:1px solid rgba(255,255,255,.13);
  border-radius:30px;
  background:
    radial-gradient(circle at 80% 32%,rgba(215,119,61,.22),transparent 32%),
    linear-gradient(118deg,#3b160f 0%,#5e251b 42%,#991d30 100%);
  box-shadow:0 24px 58px rgba(67,25,19,.18);
}
body.page-news .listing-inner-hero::after{
  content:"⚜";
  position:absolute;
  z-index:-1;
  right:clamp(28px,6vw,92px);
  top:50%;
  transform:translateY(-50%);
  color:rgba(255,255,255,.065);
  font-size:clamp(11rem,18vw,19rem);
  line-height:1;
  pointer-events:none;
}
body.page-news .listing-inner-hero .inner-hero-glow{
  position:absolute;
  z-index:-1;
  inset:auto -8% -62% 45%;
  height:120%;
  background:radial-gradient(circle,rgba(255,180,83,.16),transparent 67%);
  filter:blur(2px);
  pointer-events:none;
}
body.page-news .listing-inner-hero>.container{
  position:relative;
  z-index:1;
  width:min(calc(100% - 48px),1230px);
}
body.page-news .listing-inner-hero .breadcrumb{
  margin:0 0 14px;
  color:rgba(255,255,255,.82);
  font-size:.72rem;
  font-weight:700;
}
body.page-news .listing-inner-hero .breadcrumb a,
body.page-news .listing-inner-hero .breadcrumb strong{color:#fff;text-decoration:none}
body.page-news .listing-inner-hero .breadcrumb span{color:#f3c04f}
body.page-news .listing-inner-hero .eyebrow{
  margin:0 0 12px;
  color:#f5c85d;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.17em;
}
body.page-news .listing-inner-hero h1{
  max-width:none;
  margin:0;
  color:#fff;
  font-family:inherit;
  font-size:clamp(2.1rem,3.45vw,3.7rem);
  font-weight:850;
  line-height:1.06;
  letter-spacing:-.045em;
  white-space:nowrap;
  text-wrap:nowrap;
}
body.page-news .listing-inner-hero p{
  max-width:860px;
  margin:12px 0 0;
  color:rgba(255,255,255,.88);
  font-size:clamp(.9rem,1vw,1.05rem);
  line-height:1.55;
}
body.page-news .news-search-modern{
  display:flex;
  align-items:center;
  max-width:980px;
  min-height:58px;
  margin-top:24px;
  padding:7px 8px 7px 14px;
  gap:10px;
  border:1px solid rgba(255,255,255,.55);
  border-radius:18px;
  background:rgba(255,255,255,.96);
  box-shadow:0 15px 32px rgba(28,11,9,.2);
  backdrop-filter:blur(10px);
}
body.page-news .news-search-modern>span{
  display:flex;
  flex:0 0 26px;
  align-items:center;
  justify-content:center;
  margin:0;
  color:#7d3d38;
  font-size:1rem;
}
body.page-news .news-search-modern input{
  flex:1 1 auto;
  min-width:0;
  min-height:42px;
  padding:0 8px;
  border:0;
  outline:0;
  background:transparent;
  color:#3c2925;
  font-size:.9rem;
}
body.page-news .news-search-modern button{
  flex:0 0 auto;
  min-height:44px;
  padding:10px 22px;
  border:0;
  border-radius:12px;
  background:linear-gradient(135deg,#70342f,#9a4954);
  color:#fff;
  font-size:.8rem;
  font-weight:900;
  white-space:nowrap;
  box-shadow:0 8px 18px rgba(111,45,47,.18);
  transition:transform .22s ease,box-shadow .22s ease,filter .22s ease;
}
body.page-news .news-search-modern button:hover{
  transform:translateY(-2px);
  filter:brightness(1.05);
  box-shadow:0 12px 22px rgba(111,45,47,.25);
}
@media(max-width:1050px){
  body.page-news .listing-inner-hero h1{font-size:clamp(1.95rem,4.25vw,3rem)}
  body.page-news .listing-inner-hero::after{right:14px;font-size:12rem}
}
@media(max-width:820px){
  body.page-news .listing-inner-hero{
    width:calc(100% - 24px);
    margin-top:12px;
    padding:38px 0 34px;
    border-radius:24px;
  }
  body.page-news .listing-inner-hero>.container{width:calc(100% - 36px)}
  body.page-news .listing-inner-hero h1{
    font-size:clamp(1.8rem,6.2vw,2.65rem);
    white-space:normal;
    text-wrap:balance;
  }
  body.page-news .listing-inner-hero::after{opacity:.65;font-size:10rem}
}
@media(max-width:560px){
  body.page-news .listing-inner-hero{
    width:calc(100% - 16px);
    margin-top:8px;
    padding:30px 0 28px;
    border-radius:20px;
  }
  body.page-news .listing-inner-hero>.container{width:calc(100% - 28px)}
  body.page-news .listing-inner-hero .breadcrumb{margin-bottom:10px;font-size:.66rem}
  body.page-news .listing-inner-hero .eyebrow{margin-bottom:9px;font-size:.63rem}
  body.page-news .listing-inner-hero h1{font-size:clamp(1.65rem,8.2vw,2.25rem);line-height:1.1}
  body.page-news .listing-inner-hero p{margin-top:10px;font-size:.84rem;line-height:1.5}
  body.page-news .news-search-modern{
    flex-direction:row;
    min-height:52px;
    margin-top:18px;
    padding:6px 6px 6px 10px;
    border-radius:15px;
  }
  body.page-news .news-search-modern>span{display:flex;flex-basis:22px}
  body.page-news .news-search-modern input{width:auto;min-height:38px;padding:0 4px;font-size:.8rem}
  body.page-news .news-search-modern button{width:auto;min-height:40px;padding:9px 13px;font-size:.7rem}
  body.page-news .listing-inner-hero::after{right:-20px;font-size:8rem}
}
@media(max-width:390px){
  body.page-news .news-search-modern>span{display:none}
  body.page-news .news-search-modern button{padding-inline:10px}
}

/* =========================================================
   V51 — HERO SLIDER CLEAN IMAGE & HARMONIOUS TYPOGRAPHY
   Scope: homepage school slider only
   ========================================================= */
.school-slider{
  background:#f3efe8;
}
.school-slider__slide>img{
  filter:brightness(1.035) contrast(1.025) saturate(1.035);
  transform:scale(1.001);
}
.school-slider__overlay{
  background:transparent!important;
  opacity:0!important;
  pointer-events:none;
}
.school-slider__content{
  max-width:1440px;
  padding-inline:clamp(28px,8.2vw,124px);
  text-shadow:0 2px 7px rgba(0,0,0,.52),0 1px 2px rgba(0,0,0,.7);
}
.school-slider__content>span{
  max-width:max-content;
  padding:8px 17px;
  border:1px solid rgba(240,178,43,.88);
  border-left-width:1px;
  border-radius:12px;
  background:rgba(29,27,23,.72);
  box-shadow:0 8px 20px rgba(0,0,0,.16);
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
  font-size:clamp(.62rem,.65vw,.76rem);
  line-height:1.1;
  letter-spacing:.095em;
  text-shadow:none;
}
.school-slider h1{
  width:min(100%,980px);
  max-width:980px;
  margin:20px 0 14px;
  font-size:clamp(3.15rem,4.35vw,4.85rem);
  line-height:1.015;
  letter-spacing:-.048em;
  text-wrap:balance;
  text-shadow:0 3px 12px rgba(0,0,0,.62),0 1px 3px rgba(0,0,0,.75);
}
.school-slider p{
  max-width:700px;
  font-size:clamp(.94rem,1.05vw,1.08rem);
  line-height:1.65;
  color:#fff;
  text-shadow:0 2px 8px rgba(0,0,0,.78);
}
.school-slider__content>div{
  text-shadow:none;
}

@media (max-width:1180px){
  .school-slider__content{padding-inline:clamp(28px,6vw,72px)}
  .school-slider h1{max-width:820px;font-size:clamp(3rem,5.3vw,4.25rem)}
}
@media (max-width:820px){
  .school-slider__content{
    padding-inline:28px;
    padding-bottom:68px;
  }
  .school-slider__slide>img{
    object-position:58% center;
    filter:brightness(1.01) contrast(1.02) saturate(1.025);
  }
  .school-slider h1{
    max-width:640px;
    font-size:clamp(2.55rem,8.2vw,3.65rem);
    line-height:1.01;
  }
  .school-slider__content>span{font-size:.62rem;padding:8px 13px}
}
@media (max-width:640px){
  .school-slider__overlay{background:transparent!important;opacity:0!important}
  .school-slider__content{
    justify-content:flex-end;
    padding:0 24px 76px;
  }
  .school-slider h1{
    max-width:100%;
    margin:15px 0 10px;
    font-size:clamp(2.35rem,11vw,3.15rem);
    line-height:.98;
    letter-spacing:-.05em;
  }
  .school-slider p{
    max-width:33rem;
    font-size:.9rem;
    line-height:1.52;
  }
  .school-slider__content>span{
    white-space:normal;
    max-width:100%;
    line-height:1.25;
  }
}
@media (max-width:390px){
  .school-slider__content{padding-inline:20px}
  .school-slider h1{font-size:2.38rem}
}


/* V60 - unify all inner page hero cards to the modern card-box style */
.page-hero{
  position:relative;
  width:min(1536px,calc(100% - 72px));
  margin:18px auto 0;
  padding:58px 0 54px !important;
  overflow:hidden;
  border:1px solid rgba(234,220,201,.58);
  border-radius:34px !important;
  background:
    radial-gradient(circle at 84% 14%, rgba(230,168,103,.26), transparent 23%),
    radial-gradient(circle at 14% 90%, rgba(245,198,79,.08), transparent 25%),
    linear-gradient(135deg,#5a2415 0%,#7d351f 44%,#a62835 100%) !important;
  box-shadow:0 26px 64px rgba(86,35,24,.14);
  color:#fff;
}
.page-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(255,255,255,.04),transparent 44%,rgba(255,255,255,.02));
  pointer-events:none;
}
.page-hero::after{
  content:"⚜";
  position:absolute;
  right:3.5%;
  top:50%;
  transform:translateY(-48%);
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(9rem,18vw,18rem);
  line-height:1;
  color:rgba(255,236,222,.09);
  pointer-events:none;
}
.page-hero>.container{
  position:relative;
  z-index:2;
  width:min(100% - 56px,1320px) !important;
  max-width:none !important;
}
.page-hero .breadcrumb{
  margin:0 0 14px !important;
  color:#f7e6dd !important;
  font-size:.7rem;
  font-weight:700;
}
.page-hero .breadcrumb span{color:#f3c04f;}
.page-hero .breadcrumb a,
.page-hero .breadcrumb strong{
  color:#fff !important;
  text-decoration:none;
}
.page-hero .page-kicker{
  display:inline-flex;
  align-items:center;
  gap:12px;
  margin:0 0 14px;
  color:#f4c453 !important;
  font-size:.84rem !important;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.page-hero .page-kicker::before{
  content:"";
  width:36px;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,#e4af4a,#f7d88c);
  box-shadow:0 0 18px rgba(244,196,83,.28);
}
.page-hero h1{
  max-width:980px !important;
  margin:0 0 14px !important;
  color:#fff !important;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif !important;
  font-size:clamp(2.15rem,4vw,4.1rem) !important;
  font-weight:900 !important;
  line-height:1.02 !important;
  letter-spacing:-.045em !important;
  text-wrap:balance;
}
.page-hero p{
  max-width:780px !important;
  margin:0 !important;
  color:#f8e7df !important;
  font-size:clamp(.98rem,1.05vw,1.08rem) !important;
  line-height:1.72 !important;
}
/* keep news page polished sizing consistent */
body.page-news .listing-inner-hero,
body.page-news .news-listing-section>.container,
body.page-news .listing-inner-hero>.container{
  max-width:none;
}
@media (max-width: 1100px){
  .page-hero{width:min(100% - 34px,1536px);padding:52px 0 48px !important;border-radius:28px !important;}
  .page-hero>.container{width:min(100% - 40px,1320px) !important;}
  .page-hero h1{font-size:clamp(2rem,5.2vw,3.5rem)!important;}
  .page-hero::after{font-size:clamp(8rem,17vw,14rem);right:2.2%;}
}
@media (max-width: 720px){
  .page-hero{width:min(100% - 18px,1536px);margin-top:12px;padding:34px 0 32px !important;border-radius:24px !important;}
  .page-hero>.container{width:calc(100% - 28px) !important;}
  .page-hero .breadcrumb{margin-bottom:10px !important;font-size:.65rem;}
  .page-hero .page-kicker{gap:9px;margin-bottom:10px;font-size:.69rem !important;letter-spacing:.16em;}
  .page-hero .page-kicker::before{width:26px;height:2px;}
  .page-hero h1{font-size:clamp(1.8rem,8.4vw,2.55rem)!important;line-height:1.06!important;}
  .page-hero p{font-size:.9rem !important;line-height:1.58 !important;}
  .page-hero::after{font-size:clamp(6.6rem,32vw,9rem);right:-10px;opacity:.8;}
}

/* =========================================================
   V61 MOBILE RESPONSIVE HARDENING — audited for 320px phones
   ========================================================= */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{overflow-wrap:anywhere}
main{min-width:0}
img,svg,video,iframe,canvas{max-width:100%;height:auto}
input,select,textarea,button{max-width:100%;font:inherit}
pre,code{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere}
.rich-content,.article-content,.content-body{min-width:0}
.rich-content table,.article-content table,.content-body table{display:block;width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.rich-content img,.article-content img,.content-body img{height:auto!important;object-fit:contain}
.card,.panel,article,section,div{min-width:0}

/* Improve text/background legibility */
p,li,dd,.lead{color:var(--muted)}
h1,h2,h3,h4,h5,h6,strong,b{overflow-wrap:anywhere}
a,button,input,select,textarea{touch-action:manipulation}
:focus-visible{outline:3px solid rgba(226,177,77,.72);outline-offset:3px}

/* Slider/banner stays readable on narrow and short phones */
.school-slider,.hero-slider,.hero{width:100%;overflow:hidden}
.school-slider__slide,.hero-slide{min-width:100%;overflow:hidden}
.school-slider__slide>img,.hero-slide>img{width:100%;height:100%!important;object-fit:cover}
.school-slider__content{width:100%}
.school-slider__content>*, .hero-content>*{max-width:100%}
.school-slider h1,.hero h1{text-wrap:balance}
.school-slider p,.hero p{text-wrap:pretty}

@media(max-width:480px){
  :root{--container:calc(100% - 24px)}
  html{font-size:15px}
  body{min-width:0}
  .container{width:var(--container);max-width:100%}
  .header__inner{min-height:68px;gap:8px}
  .brand{min-width:0;gap:8px}
  .brand__logo{flex:0 0 42px;width:42px;border-radius:12px}
  .brand__text{min-width:0}
  .brand__text b{font-size:.66rem;white-space:normal}
  .brand__text small{font-size:.52rem;white-space:normal}
  .menu-toggle{flex:0 0 44px;width:44px;height:44px}
  .mobile-drawer{width:min(92vw,340px);max-width:100%}
  .mobile-drawer__head{padding:14px}
  .mobile-drawer__nav{padding-inline:10px}
  .search-box{width:calc(100% - 24px);padding:22px 16px;border-radius:20px}
  .search-box form{grid-template-columns:1fr}
  .search-box form button{width:100%}

  .school-slider{height:auto!important;min-height:clamp(500px,155vw,620px)!important;max-height:none}
  .school-slider__content{padding:92px 12px 108px!important}
  .school-slider__content>span{font-size:.62rem;line-height:1.45}
  .school-slider h1{font-size:clamp(2rem,11.4vw,3rem)!important;line-height:1.02!important;letter-spacing:-.045em!important}
  .school-slider p{font-size:.88rem!important;line-height:1.65}
  .school-slider__content>div{width:100%;margin-top:18px}
  .school-btn{width:100%;min-height:48px;padding-inline:12px;white-space:normal;text-align:center}
  .school-slider .hero-prev,.school-slider .hero-next{display:none}
  .school-slider .hero-dots{bottom:76px!important;max-width:calc(100% - 24px)}

  .school-shortcuts{margin-top:-50px!important;position:relative;z-index:4}
  .school-shortcuts__grid{width:calc(100% - 24px)!important;margin-inline:auto;border-radius:16px!important;overflow:hidden}
  .school-shortcuts a{min-height:82px!important;padding:15px 16px!important}
  .school-shortcuts a b,.school-shortcuts a span{white-space:normal}

  section{scroll-margin-top:78px}
  .school-section-head{display:block}
  .school-section-head h2{font-size:clamp(1.75rem,9vw,2.45rem);line-height:1.12}
  .school-section-head p{font-size:.9rem}
  .school-welcome{padding-top:56px!important}
  .school-welcome__grid{gap:34px!important}
  .school-welcome__portrait{width:calc(100% - 8px);margin-inline:auto}
  .school-welcome__portrait img{height:clamp(320px,112vw,420px)!important;border-radius:4px 42px 4px 42px!important}
  .school-welcome__portrait::before{inset:12px -8px -10px 12px!important}
  .school-welcome__portrait span{right:-4px;bottom:16px;max-width:90%;padding:10px 12px;font-size:.72rem}
  .school-welcome h2{max-width:none;font-size:clamp(1.9rem,10vw,2.75rem)!important}
  .school-welcome h3{font-size:1.08rem}
  .school-welcome__actions{display:grid;grid-template-columns:1fr}
  .school-welcome__actions .school-btn{width:100%}

  .school-stat__grid{grid-template-columns:1fr!important;border-radius:14px}
  .school-stat__grid article{padding:22px 12px!important}
  .school-programs__grid,.school-news__grid,.school-gallery__grid{grid-template-columns:minmax(0,1fr)!important}
  .school-program-card,.school-news-card,.school-gallery-card{width:100%;max-width:100%}
  .school-program-card img,.school-news-card__image,.school-gallery-card img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
  .school-news-card--lead .school-news-card__image{height:auto!important;min-height:0!important;aspect-ratio:16/10}
  .school-news-card>div,.school-program-card>div{padding:18px!important}
  .school-gallery__grid{grid-auto-rows:auto!important}
  .school-gallery-card{min-height:220px}
  .school-gallery-card img{height:100%;aspect-ratio:4/3}

  .page-hero,.inner-hero{padding-inline:0}
  .page-hero h1,.inner-hero h1{font-size:clamp(2rem,11vw,3rem);line-height:1.05}
  .breadcrumb{display:flex;max-width:100%;overflow-x:auto;white-space:nowrap;padding-bottom:4px}

  .school-footer__grid{grid-template-columns:1fr!important}
  .school-footer__bottom .container{padding-block:14px;min-height:auto!important}
}

@media(max-width:360px){
  :root{--container:calc(100% - 18px)}
  html{font-size:14px}
  .brand__logo{flex-basis:38px;width:38px}
  .brand__text b{font-size:.61rem}
  .brand__text small{display:none}
  .school-slider__content{padding-inline:9px!important}
  .school-slider h1{font-size:1.95rem!important}
  .school-shortcuts__grid{width:calc(100% - 18px)!important}
  .school-welcome__portrait span{position:relative;right:auto;bottom:auto;display:block;margin-top:10px}
}

@media(max-height:620px) and (max-width:480px){
  .school-slider{min-height:520px!important}
  .school-slider__content{padding-top:78px!important;padding-bottom:82px!important}
  .school-slider .hero-dots{bottom:54px!important}
}

/* =========================================================
   V62 — FIX FINAL AGENDA MOBILE 320–760 PX
   Mengatasi konflik specificity aturan desktop pada halaman Agenda.
   ========================================================= */
@media (max-width:760px){
  body.page-activities .agenda-hero{padding-top:12px}
  body.page-activities .agenda-hero__inner{
    min-height:250px;
    padding:30px 24px;
    border-radius:22px;
  }
  body.page-activities .agenda-breadcrumb{margin-bottom:21px}
  body.page-activities .agenda-hero h1{font-size:clamp(2.35rem,11vw,3.8rem)}
  body.page-activities .agenda-hero p{font-size:.9rem}

  body.page-activities .agenda-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:15px;
    width:100%;
    max-width:100%;
  }
  body.page-activities .agenda-featured{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    width:100%;
    min-width:0;
    overflow:hidden;
  }
  body.page-activities .agenda-date{
    display:grid;
    grid-template-columns:auto auto auto auto;
    align-items:center;
    justify-content:start;
    column-gap:10px;
    min-height:0;
    width:100%;
    padding:20px 24px;
    text-align:left;
  }
  body.page-activities .agenda-date::before{inset:8px}
  body.page-activities .agenda-date__symbol{
    grid-row:1 / 3;
    margin:0 8px 0 0;
    font-size:1.6rem;
  }
  body.page-activities .agenda-date strong{
    grid-row:1 / 3;
    font-size:3rem;
    line-height:1;
  }
  body.page-activities .agenda-date b{
    margin:0;
    font-size:1.2rem;
    line-height:1.1;
  }
  body.page-activities .agenda-date i{
    grid-column:3;
    width:48px;
    height:1px;
    margin:3px 0;
  }
  body.page-activities .agenda-date em{
    grid-column:4;
    grid-row:1 / 3;
    margin:0 0 0 4px;
    font-size:1.02rem;
  }
  body.page-activities .agenda-featured__content{
    width:100%;
    min-width:0;
    padding:27px 22px;
  }
  body.page-activities .agenda-featured h2{
    max-width:100%;
    overflow-wrap:anywhere;
  }
  body.page-activities .agenda-description{
    max-width:100%;
    overflow-wrap:anywhere;
  }
  body.page-activities .agenda-meta{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:0;
    width:100%;
    min-width:0;
  }
  body.page-activities .agenda-meta__item{
    display:grid;
    grid-template-columns:48px minmax(0,1fr);
    align-items:center;
    gap:13px;
    width:100%;
    min-width:0;
    padding:15px 0;
    border-right:0;
    border-bottom:1px solid #ead8bf;
  }
  body.page-activities .agenda-meta__item:last-child{border-bottom:0}
  body.page-activities .agenda-meta__item > div{min-width:0}
  body.page-activities .agenda-meta__item small,
  body.page-activities .agenda-meta__item strong{
    display:block;
    width:100%;
    max-width:100%;
    white-space:normal;
    word-break:normal;
    overflow-wrap:anywhere;
  }
  body.page-activities .agenda-meta__icon{
    width:48px;
    height:48px;
  }
  body.page-activities .agenda-summary{
    width:100%;
    min-width:0;
    min-height:300px;
    padding:28px 23px;
  }
  body.page-activities .agenda-notice{
    grid-column:1;
    width:100%;
    min-width:0;
    align-items:flex-start;
  }
  body.page-activities .agenda-more__grid{grid-template-columns:minmax(0,1fr)}
}

@media (max-width:480px){
  body.page-activities .agenda-hero__inner{padding:26px 20px}
  body.page-activities .agenda-eyebrow{font-size:.65rem}
  body.page-activities .agenda-section{padding-top:24px}
  body.page-activities .agenda-date{
    grid-template-columns:auto auto minmax(0,1fr);
    column-gap:9px;
    padding:18px;
  }
  body.page-activities .agenda-date__symbol{margin-right:4px}
  body.page-activities .agenda-date strong{font-size:2.7rem}
  body.page-activities .agenda-date b{font-size:1.05rem}
  body.page-activities .agenda-date i{display:none}
  body.page-activities .agenda-date em{
    grid-column:3;
    grid-row:2;
    margin:2px 0 0;
    font-size:.9rem;
  }
  body.page-activities .agenda-featured__content{padding:24px 19px}
  body.page-activities .agenda-featured h2{font-size:clamp(1.72rem,9vw,2.05rem)}
  body.page-activities .agenda-description{font-size:.92rem}
  body.page-activities .agenda-meta__item{grid-template-columns:44px minmax(0,1fr);gap:11px}
  body.page-activities .agenda-meta__icon{width:44px;height:44px}
  body.page-activities .agenda-meta__item small{font-size:.62rem;letter-spacing:.1em}
  body.page-activities .agenda-meta__item strong{font-size:.9rem;line-height:1.4}
  body.page-activities .agenda-summary{min-height:285px;padding:25px 20px}
  body.page-activities .agenda-summary h2{font-size:1.5rem}
  body.page-activities .agenda-summary p{font-size:.93rem}
  body.page-activities .agenda-camp{width:145px;height:92px}
  body.page-activities .agenda-notice{padding:14px 15px}
  body.page-activities .agenda-notice p{font-size:.8rem}
  body.page-activities .agenda-mini-card{grid-template-columns:68px minmax(0,1fr)}
  body.page-activities .agenda-mini-card > div{padding:18px 15px}
}

@media (max-width:360px){
  body.page-activities .agenda-hero__inner{padding:24px 17px}
  body.page-activities .agenda-hero h1{font-size:2.18rem}
  body.page-activities .agenda-featured__content{padding:22px 16px}
  body.page-activities .agenda-date{padding:16px}
  body.page-activities .agenda-date__symbol{font-size:1.35rem}
  body.page-activities .agenda-date strong{font-size:2.4rem}
  body.page-activities .agenda-date b{font-size:.96rem}
  body.page-activities .agenda-category{font-size:.61rem}
  body.page-activities .agenda-meta__item{grid-template-columns:42px minmax(0,1fr);gap:10px}
  body.page-activities .agenda-meta__icon{width:42px;height:42px}
}

/* =========================================================
   V65 — MOBILE HOMEPAGE SLIDER VISIBILITY FIX
   Prevents legacy responsive rules from collapsing the hero.
   ========================================================= */
@media (max-width:820px){
  body:not([class*="page-"]) .school-slider,
  body .school-slider{
    position:relative!important;
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    width:calc(100% - 20px)!important;
    min-height:560px!important;
    height:560px!important;
    max-height:none!important;
    margin:10px auto 0!important;
    overflow:hidden!important;
    border-radius:20px!important;
    background:#10213c url('../img/hero.jpg') center/cover no-repeat!important;
    box-shadow:0 18px 40px rgba(48,24,18,.22)!important;
    isolation:isolate;
  }
  .school-slider__slides{
    position:absolute!important;
    inset:0!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
    overflow:hidden!important;
  }
  .school-slider__slide{
    position:absolute!important;
    inset:0!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
  .school-slider__slide.is-active,
  .school-slider__slide:first-child:last-child{
    z-index:2!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  .school-slider__slide>img{
    position:absolute!important;
    inset:0!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
    object-fit:cover!important;
    object-position:center center!important;
    opacity:1!important;
    visibility:visible!important;
  }
  .school-slider__overlay{
    position:absolute!important;
    inset:0!important;
    display:block!important;
    z-index:1!important;
    opacity:1!important;
    visibility:visible!important;
    background:linear-gradient(180deg,rgba(4,13,29,.08) 0%,rgba(4,13,29,.30) 38%,rgba(4,13,29,.90) 100%)!important;
  }
  .school-slider__content{
    position:relative!important;
    z-index:3!important;
    display:flex!important;
    width:min(100% - 32px,680px)!important;
    height:100%!important;
    min-height:100%!important;
    margin:0 auto!important;
    padding:32px 0 70px!important;
    justify-content:flex-end!important;
    align-items:flex-start!important;
    color:#fff!important;
  }
  .school-slider__content>span,
  .school-slider__content h1,
  .school-slider__content p,
  .school-slider__content>div{
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    animation:none!important;
  }
  .school-slider h1{
    width:100%!important;
    max-width:100%!important;
    margin:15px 0 10px!important;
    color:#fff!important;
    font-size:clamp(2rem,10.5vw,3rem)!important;
    line-height:1!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
  .school-slider p{
    width:100%!important;
    max-width:36rem!important;
    margin:0 0 18px!important;
    color:#fff!important;
    font-size:.9rem!important;
    line-height:1.55!important;
  }
  .school-slider__content>div{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    width:100%!important;
  }
  .school-slider .school-btn{
    display:flex!important;
    width:100%!important;
    min-height:46px!important;
  }
  .school-slider .hero-dots{
    display:flex!important;
    z-index:5!important;
    bottom:28px!important;
  }
  .home-shortcuts{margin-top:14px!important}
}
@media (max-width:480px){
  body .school-slider{
    width:calc(100% - 16px)!important;
    height:520px!important;
    min-height:520px!important;
    margin-top:8px!important;
    border-radius:17px!important;
  }
  .school-slider__content{
    width:calc(100% - 28px)!important;
    padding-bottom:62px!important;
  }
  .school-slider h1{font-size:clamp(1.9rem,10.4vw,2.7rem)!important}
  .school-slider p{font-size:.86rem!important}
  .school-slider .hero-dots{bottom:22px!important}
}

/* MEMBER SELF-REGISTRATION & BUKU INDUK */
.member-auth-shell{padding:72px 0 90px;background:linear-gradient(135deg,#f4f8ff 0%,#fff 48%,#eef6ff 100%);min-height:70vh}.member-auth-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(520px,1.15fr);gap:70px;align-items:center}.member-auth-grid--login{grid-template-columns:1fr 500px}.member-auth-intro h1{font-size:clamp(42px,5vw,72px);line-height:1.02;margin:16px 0 24px;color:#102a56}.member-auth-intro p{font-size:18px;line-height:1.8;color:#53647e;max-width:620px}.auth-points{display:grid;gap:12px;margin-top:28px;color:#184f9b;font-weight:700}.member-auth-card{background:#fff;border:1px solid #dce8f7;border-radius:28px;padding:34px;box-shadow:0 30px 80px rgba(15,55,110,.12)}.auth-card-head{margin-bottom:24px}.auth-card-head h2{margin:0 0 7px;color:#132d59;font-size:28px}.auth-card-head p,.auth-switch{color:#6a7890}.member-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:grid;gap:8px}.field--full{grid-column:1/-1}.field label{font-size:13px;font-weight:800;color:#273b5d}.field input,.field select,.field textarea{width:100%;border:1px solid #cfdaea;border-radius:12px;padding:13px 14px;background:#fbfdff;color:#172b4d;font:inherit;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:#2876d2;box-shadow:0 0 0 4px rgba(40,118,210,.12)}.check-label{display:flex!important;grid-template-columns:auto 1fr!important;align-items:flex-start;gap:10px!important}.check-label input{width:auto;margin-top:3px}.member-primary-btn{border:0;border-radius:13px;padding:15px 20px;background:linear-gradient(135deg,#0d4f9f,#1978d4);color:#fff;font-weight:800;font-size:15px;cursor:pointer;box-shadow:0 12px 26px rgba(18,99,190,.22)}.auth-switch{text-align:center;margin:22px 0 0}.auth-switch a{font-weight:800;color:#1264bd}.form-alert{padding:14px 16px;border-radius:12px;background:#e9f5ff;border:1px solid #bcdcff;color:#17538d;margin-bottom:18px}.form-alert--error{background:#fff0f0;border-color:#f2bcbc;color:#9c2929}.member-portal-hero{background:linear-gradient(130deg,#0c438b,#176bc3);padding:58px 0;color:#fff}.member-portal-hero--compact{padding:38px 0}.member-portal-hero>.container{display:flex;justify-content:space-between;align-items:center;gap:20px}.member-portal-hero h1{font-size:clamp(34px,5vw,56px);margin:10px 0}.member-portal-hero p{margin:0;color:#d9eaff}.member-outline-btn{border:1px solid rgba(255,255,255,.5);color:#fff;border-radius:12px;padding:12px 18px;font-weight:800}.member-dashboard,.member-profile-section{padding:48px 0 85px;background:#f5f8fc}.member-summary-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:22px;margin-bottom:24px}.profile-summary-card,.completion-card,.book-section{background:#fff;border:1px solid #dfe8f3;border-radius:22px;box-shadow:0 15px 45px rgba(32,67,113,.07)}.profile-summary-card{padding:26px;display:flex;align-items:center;gap:22px}.profile-photo{width:94px;height:94px;border-radius:22px;overflow:hidden;background:#e7eff9;display:grid;place-items:center;color:#195da8;font-size:38px;font-weight:900;flex:0 0 auto}.profile-photo img{width:100%;height:100%;object-fit:cover}.profile-photo--large{width:150px;height:180px;border-radius:18px}.profile-summary-card h2{margin:5px 0;color:#15315d}.profile-summary-card p{color:#66758a}.status-pill{display:inline-flex;padding:7px 11px;border-radius:99px;font-size:12px;font-weight:900}.status-pill--pending{background:#fff2cf;color:#8b5d00}.status-pill--verified{background:#dcf7e8;color:#177244}.status-pill--rejected{background:#ffe1e1;color:#a42525}.completion-card{padding:24px;display:flex;align-items:center;gap:20px}.completion-ring{width:88px;height:88px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#176bc3 calc(var(--p)*1%),#e3eaf3 0);position:relative}.completion-ring:before{content:"";position:absolute;inset:9px;border-radius:50%;background:#fff}.completion-ring b{position:relative;color:#174d89}.portal-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.portal-actions>a{background:#fff;border:1px solid #dfe8f3;border-radius:18px;padding:22px;display:flex;gap:15px;align-items:flex-start;color:#19345d;transition:.2s}.portal-actions>a:hover{transform:translateY(-4px);box-shadow:0 16px 35px rgba(31,72,126,.1)}.portal-actions>a>span{background:#e9f2ff;color:#1767bc;border-radius:10px;padding:8px;font-weight:900}.portal-actions h3{margin:0 0 8px}.portal-actions p{margin:0;color:#708096;font-size:14px}.book-form{display:grid;gap:22px}.book-section{padding:30px}.book-section-title{display:flex;gap:16px;align-items:flex-start;margin-bottom:25px}.book-section-title>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#e9f2ff;color:#1464ba;font-weight:900}.book-section-title h2{margin:0;color:#17345f}.book-section-title p{margin:6px 0;color:#718096}.photo-upload-row{display:flex;gap:22px;align-items:center;margin-bottom:24px}.upload-box{flex:1;border:2px dashed #b9cbe1;border-radius:16px;padding:24px;display:grid;gap:7px;color:#1b4f89;cursor:pointer}.upload-box span{color:#718096;font-size:13px}.upload-box input{margin-top:10px}.book-submit{position:sticky;bottom:15px;background:#fff;border:1px solid #dbe5f1;border-radius:18px;padding:18px 22px;display:flex;justify-content:space-between;align-items:center;gap:20px;box-shadow:0 15px 50px rgba(20,50,90,.14)}.book-submit p{margin:0;color:#64748b}
@media(max-width:900px){.member-auth-grid,.member-auth-grid--login{grid-template-columns:1fr;gap:32px}.member-summary-grid,.portal-actions{grid-template-columns:1fr}.member-auth-intro h1{font-size:42px}.member-portal-hero>.container{align-items:flex-start}.book-submit{position:static;flex-direction:column;align-items:stretch}.book-submit .member-primary-btn{width:100%}}
@media(max-width:600px){.member-auth-shell{padding:38px 0}.member-auth-card,.book-section{padding:20px;border-radius:18px}.member-form{grid-template-columns:1fr}.field--full{grid-column:auto}.member-auth-intro h1{font-size:36px}.member-portal-hero>.container{display:grid}.profile-summary-card,.completion-card{align-items:flex-start}.photo-upload-row{align-items:stretch;flex-direction:column}.profile-photo--large{width:130px;height:160px}.member-dashboard,.member-profile-section{padding-top:25px}}


/* =========================================================
   MEMBER REGISTRATION V2 — RESPONSIVE MODERN REFINEMENT
   ========================================================= */
.member-auth-shell{
  padding:clamp(32px,5vw,64px) 0 clamp(48px,6vw,80px);
  min-height:calc(100vh - 86px);
  display:flex;
  align-items:center;
  background:
    radial-gradient(circle at 12% 18%,rgba(31,111,209,.08),transparent 30%),
    radial-gradient(circle at 88% 82%,rgba(15,79,159,.07),transparent 28%),
    linear-gradient(135deg,#f7faff 0%,#ffffff 49%,#f1f7ff 100%);
}
.member-auth-shell .container{width:min(1180px,calc(100% - 40px));}
.member-auth-grid{
  grid-template-columns:minmax(300px,420px) minmax(0,1fr);
  gap:clamp(30px,4vw,56px);
  align-items:center;
}
.member-auth-intro{max-width:420px;}
.member-auth-intro .eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:#a84d3f;
  font-size:12px;
  line-height:1;
  font-weight:900;
  letter-spacing:.14em;
}
.member-auth-intro .eyebrow:before{
  content:"";
  width:26px;
  height:2px;
  border-radius:99px;
  background:linear-gradient(90deg,#c96645,#e3a03f);
}
.member-auth-intro h1{
  max-width:410px;
  margin:16px 0 18px;
  font-family:inherit;
  font-size:clamp(38px,4.1vw,58px);
  line-height:1.06;
  letter-spacing:-.035em;
  text-wrap:balance;
}
.member-auth-intro p{
  margin:0;
  max-width:410px;
  font-size:clamp(15px,1.35vw,17px);
  line-height:1.75;
}
.auth-points{gap:10px;margin-top:22px;font-size:14px;}
.auth-points span{display:flex;align-items:center;gap:8px;}
.member-auth-card{
  width:100%;
  max-width:680px;
  justify-self:end;
  border-radius:22px;
  padding:clamp(22px,3vw,30px);
  border-color:#dce7f4;
  box-shadow:0 24px 65px rgba(15,55,110,.11);
}
.auth-card-head{margin-bottom:20px;}
.auth-card-head h2{font-size:clamp(23px,2vw,28px);letter-spacing:-.02em;}
.auth-card-head p{margin:0;font-size:14px;}
.member-form{gap:15px 16px;}
.field{gap:7px;}
.field label{font-size:12.5px;line-height:1.35;}
.field input,.field select,.field textarea{
  min-height:48px;
  padding:12px 13px;
  border-radius:12px;
  background:#fff;
  font-size:14px;
}
.field textarea{min-height:94px;resize:vertical;}
.check-label{font-size:12px!important;line-height:1.55!important;}
.member-primary-btn{min-height:49px;padding:13px 18px;border-radius:12px;}
.auth-switch{margin-top:17px;font-size:14px;}

@media(max-width:1080px){
  .member-auth-shell{align-items:flex-start;}
  .member-auth-grid{grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:30px;}
  .member-auth-intro h1{font-size:clamp(35px,4.5vw,48px);}
  .member-auth-card{max-width:none;}
}
@media(max-width:820px){
  .member-auth-shell{padding-top:30px;}
  .member-auth-shell .container{width:min(720px,calc(100% - 32px));}
  .member-auth-grid{grid-template-columns:1fr;gap:24px;}
  .member-auth-intro{max-width:none;text-align:center;}
  .member-auth-intro .eyebrow{justify-content:center;}
  .member-auth-intro h1{max-width:620px;margin:14px auto 14px;font-size:clamp(32px,7vw,44px);}
  .member-auth-intro p{max-width:620px;margin-inline:auto;}
  .auth-points{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:18px;}
  .auth-points span{justify-content:center;padding:10px 8px;border:1px solid #dce8f6;border-radius:12px;background:rgba(255,255,255,.72);font-size:12px;}
  .member-auth-card{justify-self:stretch;}
}
@media(max-width:560px){
  .member-auth-shell{padding:22px 0 42px;}
  .member-auth-shell .container{width:calc(100% - 24px);}
  .member-auth-grid{gap:18px;}
  .member-auth-intro h1{font-size:clamp(29px,9vw,37px);line-height:1.08;margin-top:12px;}
  .member-auth-intro p{font-size:14px;line-height:1.65;}
  .auth-points{grid-template-columns:1fr;margin-top:15px;}
  .auth-points span{justify-content:flex-start;padding:9px 11px;}
  .member-auth-card{padding:18px 15px;border-radius:17px;}
  .auth-card-head{margin-bottom:16px;}
  .member-form{grid-template-columns:1fr;gap:13px;}
  .field--full{grid-column:auto;}
  .field input,.field select,.field textarea{font-size:16px;min-height:47px;}
  .field textarea{min-height:88px;}
  .check-label{align-items:flex-start!important;}
  .member-primary-btn{width:100%;font-size:14px;}
}

/* =========================================================
   MEMBER PORTAL V3 — UNIFIED PRAMUKA THEME
   Seluruh registrasi, login, dashboard dan buku induk memakai
   palet marun, cokelat, emas dan krem yang sama dengan situs.
   ========================================================= */
:root{
  --member-maroon:#7b1f2d;
  --member-maroon-dark:#54131d;
  --member-maroon-soft:#a23b4b;
  --member-gold:#d59a2b;
  --member-gold-soft:#f1c76f;
  --member-cream:#fffaf2;
  --member-cream-2:#f8efe3;
  --member-ink:#321b1d;
  --member-muted:#756166;
  --member-border:#ead9c6;
}
.member-auth-shell{
  background:
    radial-gradient(circle at 10% 18%,rgba(213,154,43,.12),transparent 31%),
    radial-gradient(circle at 90% 80%,rgba(123,31,45,.10),transparent 30%),
    linear-gradient(135deg,#fffaf3 0%,#fffefd 50%,#f8eee2 100%);
}
.member-auth-intro .eyebrow{color:var(--member-maroon);}
.member-auth-intro .eyebrow:before{background:linear-gradient(90deg,var(--member-maroon),var(--member-gold));}
.member-auth-intro h1{color:var(--member-maroon-dark);}
.member-auth-intro p{color:var(--member-muted);}
.auth-points{color:var(--member-maroon);}
.auth-points span::first-letter{color:var(--member-gold);}
.member-auth-card{
  border-color:var(--member-border);
  background:rgba(255,253,249,.96);
  box-shadow:0 24px 65px rgba(86,35,30,.12);
}
.auth-card-head h2{color:var(--member-maroon-dark);font-family:inherit;}
.auth-card-head p,.auth-switch{color:var(--member-muted);}
.field label{color:#4d292d;}
.field input,.field select,.field textarea{
  border-color:#e5d5c4;
  background:#fffdfa;
  color:var(--member-ink);
}
.field input::placeholder,.field textarea::placeholder{color:#aa9588;}
.field input:focus,.field select:focus,.field textarea:focus{
  border-color:var(--member-gold);
  box-shadow:0 0 0 4px rgba(213,154,43,.15);
}
.member-primary-btn{
  background:linear-gradient(135deg,var(--member-maroon-dark),var(--member-maroon) 58%,var(--member-maroon-soft));
  box-shadow:0 12px 28px rgba(123,31,45,.24);
}
.member-primary-btn:hover{filter:brightness(1.05);transform:translateY(-1px);}
.auth-switch a{color:var(--member-maroon);}
.form-alert{background:#fff4d8;border-color:#efd291;color:#76510b;}
.form-alert--error{background:#fff0f1;border-color:#e7b5bc;color:#922c3b;}
.member-portal-hero{
  background:
    radial-gradient(circle at 82% 15%,rgba(241,199,111,.18),transparent 30%),
    linear-gradient(125deg,var(--member-maroon-dark),var(--member-maroon) 58%,#9a3844);
}
.member-portal-hero p{color:#f6dedf;}
.member-outline-btn{border-color:rgba(255,221,157,.62);}
.member-outline-btn:hover{background:rgba(255,255,255,.1);}
.member-dashboard,.member-profile-section{background:linear-gradient(180deg,#fffaf4,#f8efe5);}
.profile-summary-card,.completion-card,.book-section{
  border-color:var(--member-border);
  box-shadow:0 15px 45px rgba(85,42,34,.08);
}
.profile-photo{background:#f6e7d3;color:var(--member-maroon);}
.profile-summary-card h2,.book-section-title h2{color:var(--member-maroon-dark);}
.profile-summary-card p,.book-section-title p,.portal-actions p,.book-submit p{color:var(--member-muted);}
.completion-ring{background:conic-gradient(var(--member-gold) calc(var(--p)*1%),#eadfce 0);}
.completion-ring b{color:var(--member-maroon);}
.portal-actions>a{border-color:var(--member-border);color:var(--member-maroon-dark);}
.portal-actions>a:hover{box-shadow:0 16px 35px rgba(108,42,45,.12);border-color:#d9b783;}
.portal-actions>a>span,.book-section-title>span{background:#f8ead1;color:var(--member-maroon);}
.upload-box{border-color:#d8b98c;color:var(--member-maroon);background:#fffaf1;}
.upload-box:hover{border-color:var(--member-gold);background:#fff6e6;}
.book-submit{border-color:var(--member-border);box-shadow:0 15px 50px rgba(83,38,32,.14);}
.status-pill--pending{background:#fff0c9;color:#7a5307;}
.status-pill--verified{background:#e4f3e8;color:#22673c;}
.status-pill--rejected{background:#f9dfe2;color:#922c3b;}
@media(max-width:820px){
  .auth-points span{border-color:var(--member-border);background:rgba(255,250,242,.82);}
}