.school-values{background:#e8f2e9}.values-grid{display:grid;grid-template-columns:37% 1fr;gap:10%;align-items:start}.values-intro h2{font-size:42px;margin-bottom:20px}.values-intro>p:not(.eyebrow){max-width:340px;color:#667c71;font-size:14px;line-height:1.85}.value-list{border-top:1px solid #bfd4c3}.value-item{display:grid;grid-template-columns:53px 1fr;gap:17px;padding:25px 0;border-bottom:1px solid #bfd4c3}.value-number{font:700 12px var(--serif);color:var(--coral);padding-top:4px}.value-item h3{font-size:20px;margin:0 0 7px}.value-item p{color:#667c71;font-size:13px;line-height:1.7;margin:0;max-width:600px}.facilities{background:#fff}.section-side-copy{max-width:300px;margin:0 0 8px;color:#71847c;font-size:13px;line-height:1.8}.facility-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:35px}.facility-feature{margin:0;background:var(--navy);color:#fff;position:relative;overflow:hidden;min-height:400px}.facility-feature img{width:100%;height:100%;min-height:400px;object-fit:cover;opacity:.55;display:block}.facility-feature>div{position:absolute;bottom:0;left:0;right:0;padding:30px;background:linear-gradient(transparent,#173f36e8)}.facility-icon{color:var(--gold);font-size:25px}.facility-feature h3{color:#fff;font-size:25px;margin:5px 0}.facility-feature p{color:#c4d5cd;font-size:12px;margin:0}.facility-list{display:grid;grid-template-columns:1fr 1fr;gap:15px}.facility-item{border:1px solid var(--line);padding:23px 20px;background:#f8fbf7}.facility-item>span{display:block;color:var(--coral);font-size:27px;margin-bottom:20px}.facility-item h3{font-size:15px;margin:0 0 7px}.facility-item p{font-size:11px;line-height:1.55;color:#75877f;margin:0}.gallery{background:var(--cream)}.gallery-grid{display:grid;grid-template-columns:1.25fr .75fr .75fr;grid-template-rows:185px 185px;gap:15px}.gallery-grid figure{position:relative;overflow:hidden;margin:0;background:var(--navy)}.gallery-grid figure:first-child{grid-row:1/3}.gallery-grid img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s;opacity:.88}.gallery-grid figure:hover img{transform:scale(1.05);opacity:.7}.gallery-grid figcaption{position:absolute;left:16px;bottom:14px;color:#fff;font-size:11px;font-weight:700;text-shadow:0 1px 8px #102d3b}.gallery-grid figure:nth-child(2){grid-column:2/4}.gallery-grid figure:nth-child(4){grid-column:2/4}@media(max-width:800px){.values-grid,.facility-grid{grid-template-columns:1fr;gap:38px}.values-intro h2{font-size:36px}.section-side-copy{margin:0}.facility-list{grid-template-columns:1fr 1fr}.gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:210px 145px 145px}.gallery-grid figure:first-child{grid-row:1/2;grid-column:1/3}.gallery-grid figure:nth-child(2),.gallery-grid figure:nth-child(4){grid-column:auto}.gallery-grid figure:nth-child(3){grid-column:1/2}.gallery-grid figure:nth-child(4){grid-column:2/3}}@media(max-width:420px){.facility-list{grid-template-columns:1fr}.gallery-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:180px 125px 125px}.gallery-grid figure:first-child{grid-column:1/3}}
/* ===== Visi Misi: foto, badge, dan ikon gambar ===== */
.values-intro{position:relative}
.values-media{position:relative;margin-top:30px;max-width:400px}
.values-photo{position:relative;z-index:1;display:block;width:100%;height:295px;object-fit:cover;border-radius:18px 18px 18px 6px;box-shadow:0 20px 40px rgba(23,63,54,.2)}
.values-media:before{content:"";position:absolute;left:16px;top:16px;width:100%;height:100%;border:2px solid var(--gold);border-radius:18px 18px 18px 6px}
.values-badge{position:absolute;right:-14px;bottom:-20px;z-index:2;display:flex;align-items:center;gap:11px;background:var(--navy);color:#fff;padding:13px 18px;border-radius:14px;box-shadow:0 14px 28px rgba(23,63,54,.3)}
.values-badge img{width:30px;height:30px;display:block}
.values-badge strong{display:block;font-family:var(--serif);font-size:13px;letter-spacing:-.01em}
.values-badge small{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:#bfd9cd;margin-top:3px}
.value-item{grid-template-columns:54px 1fr;align-items:center}
.value-icon{position:relative;width:54px;height:54px;border-radius:15px;display:grid;place-items:center}
.value-icon img{width:30px;height:30px;display:block}
.value-icon .value-number{position:absolute;top:-8px;right:-9px;width:22px;height:22px;border-radius:50%;background:var(--navy);color:#fff;font:700 9px/22px var(--serif);text-align:center;padding:0}
.value-icon-visi{background:#d9eae0}
.value-icon-misi{background:#f6ecd4}
.value-icon-nilai{background:#e3eef0}
@media(max-width:800px){.values-grid{display:flex;flex-direction:column;gap:46px}.values-media{margin:34px auto 10px}.values-intro>p:not(.eyebrow){max-width:none}}
/* ===== Tagline, PPDB & pembiasaan (dari brosur) ===== */
.values-tagline{margin:18px 0 0;padding:14px 18px;border-left:3px solid var(--gold);background:#fff;border-radius:0 10px 10px 0;font-family:var(--serif);font-size:15px;line-height:1.6;color:var(--navy);max-width:400px}
.ppdb-section{background:#f8fbf6}
.ppdb-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:start}
.ppdb-col h3{font-size:22px;margin:0 0 16px;color:var(--navy)}
.ppdb-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line)}
.ppdb-table td{padding:14px 16px;border-bottom:1px solid var(--line);vertical-align:top}
.ppdb-table small{display:block;font-size:10.5px;color:#75877f;line-height:1.55;margin-top:4px}
.ppdb-price{white-space:nowrap;font:700 14px var(--serif);color:var(--navy);text-align:right}
.ppdb-total{background:#dcebdc}
.ppdb-total .ppdb-price{color:#2f6b52}
.ppdb-note{font-size:12px;line-height:1.7;color:#667c71;margin:16px 0 0}
.ppdb-list{margin:0;padding:0 0 0 20px;color:#667c71;font-size:13px;line-height:1.9}
.ppdb-gap{margin-top:26px}
.ppdb-contacts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 20px}
.ppdb-contacts a{background:#fff;border:1px solid var(--line);padding:11px 14px;display:flex;flex-direction:column;gap:2px;transition:border-color .2s}
.ppdb-contacts a:hover{border-color:var(--coral)}
.ppdb-contacts strong{font-family:var(--serif);font-size:12px;color:var(--navy)}
.ppdb-contacts span{font-size:12px;color:#667c71}
.ppdb-cta{margin-top:4px}
.habit-strip{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:15px}
.habit-card{border:1px solid var(--line);background:#f8fbf7;padding:23px 20px}
.habit-card .habit-icon{color:var(--gold);font-size:25px;display:block;margin-bottom:14px}
.habit-card h3{font-size:15px;margin:0 0 8px}
.habit-card p{font-size:12px;line-height:1.8;color:#75877f;margin:0}
.habit-accent{background:var(--navy);border-color:var(--navy)}
.habit-accent h3{color:#fff}
.habit-accent p{color:#c4d5cd}
.habit-accent .habit-icon{color:#f9dca2}
@media(max-width:800px){.ppdb-grid,.habit-strip{grid-template-columns:1fr}.ppdb-contacts{grid-template-columns:1fr}}
/* ===== Pole enhancement: interaksi & animasi halus ===== */
.value-item{transition:transform .25s ease}
.value-item:hover{transform:translateX(6px)}
.value-icon{transition:transform .25s ease}
.value-item:hover .value-icon{transform:scale(1.08) rotate(-4deg)}
.values-media:hover .values-photo{transform:scale(1.03)}
.values-photo{transition:transform .5s ease}
.values-badge{animation:vmFloat 3.6s ease-in-out infinite}
@keyframes vmFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.facility-item{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.facility-item:hover{transform:translateY(-5px);box-shadow:0 14px 28px rgba(23,63,54,.12);border-color:var(--coral)}
.facility-item>span{display:inline-block;transition:transform .25s ease}
.facility-item:hover>span{transform:scale(1.18)}
.facility-feature{overflow:hidden}
.facility-feature img{transition:transform .6s ease}
.facility-feature:hover img{transform:scale(1.05)}
.achievement-card,.achievement-stat{transition:transform .25s ease,box-shadow .25s ease}
.achievement-card:hover,.achievement-stat:hover{transform:translateY(-6px);box-shadow:0 16px 32px rgba(23,63,54,.14)}
.achievement-card.featured{overflow:hidden}
.achievement-card.featured:after{content:"";position:absolute;top:0;left:-80%;width:60%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.18),transparent);transform:skewX(-20deg);animation:vmShine 4.5s ease infinite}
@keyframes vmShine{0%{left:-80%}45%,100%{left:130%}}
.achievement-medal{transition:transform .3s ease}
.achievement-card:hover .achievement-medal{transform:scale(1.15) rotate(-8deg)}
.habit-card{transition:transform .25s ease,box-shadow .25s ease}
.habit-card:hover{transform:translateY(-4px);box-shadow:0 12px 26px rgba(23,63,54,.12)}
.program-card,.news-card{transition:transform .3s ease,box-shadow .3s ease}
.program-card:hover,.news-card:hover{transform:translateY(-6px);box-shadow:0 18px 36px rgba(23,63,54,.18)}
.ppdb-contacts a{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.ppdb-contacts a:hover{transform:translateY(-3px);box-shadow:0 10px 22px rgba(23,63,54,.12)}
.ppdb-table tr{transition:background .2s ease}
.ppdb-table tr:hover td{background:#f2f8f2}
.ppdb-cta{position:relative;overflow:hidden}
.ppdb-cta:before{content:"";position:absolute;top:0;left:-80%;width:60%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);animation:vmShine 3.2s ease infinite}
@media(prefers-reduced-motion:reduce){.values-badge,.achievement-card.featured:after,.ppdb-cta:before{animation:none}}