/*
Theme Name: SADe — Sekolah Alam Depok v3.1
Theme URI: https://sekolahalamdepok.sch.id
Author: Muhammad Rizki Akbar
Description: Premium nature-immersed editorial WordPress theme for Sekolah Alam Depok, designed and developed by Muhammad Rizki Akbar.
Version: 2.1.0
Text Domain: sade
*/

:root{
  --forest:#123a2d; --forest-2:#0b2a20; --leaf:#7cbd43; --blue:#3c78c8;
  --ivory:#f4f0e7; --paper:#fffdf8; --ink:#1e2a24; --muted:#68736d;
  --line:rgba(18,58,45,.16); --clay:#c48354; --shadow:0 24px 70px rgba(12,42,32,.12);
  --serif:Georgia,'Times New Roman',serif; --sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --shell:min(1240px,calc(100vw - 48px));
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.65;-webkit-font-smoothing:antialiased} img{display:block;max-width:100%;height:auto} a{color:inherit;text-decoration:none} button,input,textarea,select{font:inherit}.skip-link{position:fixed;left:10px;top:-80px;z-index:9999;background:#fff;padding:10px 14px}.skip-link:focus{top:10px}.shell{width:var(--shell);margin-inline:auto}.section{padding:108px 0}.section-soft{padding:108px 0;background:var(--ivory)}.section-dark{padding:108px 0;background:var(--forest-2);color:white}.eyebrow{display:inline-flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:800;color:var(--forest)}.eyebrow:before{content:'';width:36px;height:1px;background:currentColor}.eyebrow.light{color:#e7f2e9}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{font-family:var(--serif);font-weight:500;letter-spacing:-.035em}h1 em,h2 em{font-weight:400;color:var(--leaf)}h2{font-size:clamp(42px,5vw,74px);line-height:.98;margin-bottom:28px}.section-head{display:grid;grid-template-columns:1.35fr .65fr;gap:80px;align-items:end;margin-bottom:64px}.section-head>p{font-size:18px;color:var(--muted);margin:0 0 10px}.text-link{display:inline-flex;gap:9px;align-items:center;font-weight:800;color:var(--forest);border-bottom:1px solid currentColor;padding-bottom:4px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:50px;padding:0 22px;border:1px solid transparent;font-weight:800;font-size:14px;letter-spacing:.01em;transition:.25s ease}.btn-primary{background:var(--leaf);color:#10271e}.btn-primary:hover{background:#91cf57;transform:translateY(-2px)}.btn-ghost{border-color:rgba(255,255,255,.55);color:#fff}.btn-ghost:hover{background:#fff;color:var(--forest)}.btn-light{background:#fff;color:var(--forest)}.btn-ghost-light{border-color:rgba(255,255,255,.45);color:#fff}.btn-outline{border-color:var(--forest);color:var(--forest)}.btn-outline:hover{background:var(--forest);color:#fff}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.75,.25,1)}.reveal.is-visible{opacity:1;transform:none}

/* Header */
.site-header{position:fixed;inset:0 0 auto;z-index:90;color:white;transition:.3s ease}.site-header:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,22,17,.72),transparent);pointer-events:none}.site-header.is-scrolled{background:rgba(255,253,248,.94);backdrop-filter:blur(16px);box-shadow:0 8px 30px rgba(18,58,45,.08);color:var(--ink)}.site-header.is-scrolled:before{display:none}.header-inner{position:relative;z-index:2;height:92px;display:grid;grid-template-columns:240px 1fr auto auto;gap:28px;align-items:center}.brand{display:flex;align-items:center;gap:12px}.brand img,.brand .custom-logo{width:72px;max-height:70px;object-fit:contain}.brand-copy{display:grid;line-height:1}.brand-copy strong{font-family:var(--serif);font-size:17px}.brand-copy small{font-size:12px;letter-spacing:.2em;text-transform:uppercase;margin-top:4px}.main-nav{display:flex;justify-content:center}.nav-list{display:flex;align-items:center;gap:26px;list-style:none;margin:0;padding:0}.nav-list a{font-size:13px;font-weight:800;position:relative}.nav-list a:after{content:'';position:absolute;left:0;bottom:-8px;width:0;height:2px;background:var(--leaf);transition:.25s}.nav-list a:hover:after,.nav-list .current-menu-item>a:after{width:100%}.header-cta{display:flex;gap:10px;align-items:center;padding:12px 16px;border:1px solid rgba(255,255,255,.42);font-size:13px;font-weight:900}.is-scrolled .header-cta{border-color:var(--line)}.menu-toggle{display:none;width:44px;height:44px;border:0;background:none;position:relative}.menu-toggle span{display:block;width:24px;height:2px;background:currentColor;margin:5px auto}.mobile-panel{display:none}

/* Hero */
.hero{position:relative;min-height:810px;color:white;overflow:hidden;background:var(--forest)}.hero-media{position:absolute;inset:0;background-size:cover;background-position:center 42%;transform:scale(1.02)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,30,22,.93) 0%,rgba(7,30,22,.73) 38%,rgba(7,30,22,.18) 72%,rgba(7,30,22,.08) 100%)}.hero-grain{position:absolute;inset:0;opacity:.12;background-image:radial-gradient(rgba(255,255,255,.28) .6px,transparent .6px);background-size:7px 7px;mix-blend-mode:soft-light}.hero-content{position:relative;z-index:2;padding-top:190px;max-width:760px;margin-left:max(20px,calc((100vw - min(1180px,calc(100vw - 40px)))/2));margin-right:auto}.hero h1{font-size:clamp(58px,6.8vw,98px);line-height:.91;margin:24px 0 30px;letter-spacing:-.055em}.hero h1 em{display:inline-block;color:#d9f3b9}.hero-lead{max-width:680px;font-size:20px;line-height:1.55;color:#eff7ef}.hero-actions{display:flex;gap:12px;margin-top:34px}.hero-rail{position:absolute;z-index:2;left:50%;transform:translateX(-50%);bottom:0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.26);background:rgba(7,30,22,.44);backdrop-filter:blur(8px)}.hero-rail>div{padding:24px 28px;border-right:1px solid rgba(255,255,255,.18)}.hero-rail>div:last-child{border-right:0}.hero-rail small{display:block;color:#c9d7ce;text-transform:uppercase;letter-spacing:.12em;font-size:10px;margin-bottom:6px}.hero-rail strong{font-family:var(--serif);font-size:21px}.hero-tagline{position:absolute;right:-108px;top:330px;z-index:2;transform:rotate(90deg);text-transform:uppercase;letter-spacing:.18em;font-size:10px;font-weight:800;color:#e7f2e9}

/* Intro */
.split-intro{display:grid;grid-template-columns:.24fr 1fr;gap:54px;align-items:start}.chapter-num{font-family:var(--serif);font-size:110px;line-height:.8;color:rgba(18,58,45,.08);margin-top:36px}.intro-copy h2{max-width:950px}.intro-copy p{max-width:820px;font-size:19px;color:var(--muted)}.intro-visual{position:relative;margin-top:48px}.intro-visual img{width:100%;height:610px;object-fit:cover}.floating-note{position:absolute;right:34px;bottom:-38px;width:min(390px,calc(100% - 68px));padding:30px;background:#fff;box-shadow:var(--shadow);border-top:4px solid var(--leaf)}.floating-note span{display:block;font-family:var(--serif);font-size:28px;color:var(--forest);margin-bottom:10px}.floating-note p{margin:0;color:var(--muted)}

/* Vision */
.vision-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.vision-photo img{width:100%;height:620px;object-fit:cover}.vision-copy blockquote{font-family:var(--serif);font-size:clamp(44px,5vw,72px);line-height:1;letter-spacing:-.04em;margin:28px 0;color:#fff}.vision-copy>p{color:#c9d7ce;font-size:18px;max-width:620px}.mission-mini{display:grid;gap:14px;margin-top:34px}.mission-mini>div{display:grid;grid-template-columns:44px 1fr;gap:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.18)}.mission-mini b{color:var(--leaf)}.mission-mini span{color:#eef5f0}.mission-full{display:grid;gap:0;margin-top:34px}.mission-full>div{display:grid;grid-template-columns:48px 1fr;gap:18px;padding:18px 0;border-top:1px solid rgba(255,255,255,.18)}.mission-full b{color:var(--leaf)}.mission-full p{margin:0;color:#e0e9e3}

/* Pillars & programs */
.pillar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.pillar-card{min-height:340px;padding:34px;border:1px solid var(--line);background:#fff;position:relative;transition:.3s ease}.pillar-card:hover{transform:translateY(-8px);box-shadow:var(--shadow)}.pillar-no{display:block;font-weight:900;font-size:12px;color:var(--leaf);margin-bottom:64px}.pillar-card h3{font-size:38px;line-height:1;margin-bottom:18px}.pillar-card p{color:var(--muted)}.pillar-line{position:absolute;left:34px;right:34px;bottom:30px;height:3px;background:linear-gradient(90deg,var(--leaf),transparent)}.program-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.program-card{background:#fff}.program-image{position:relative;height:360px;overflow:hidden}.program-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.program-card:hover .program-image img{transform:scale(1.04)}.program-image span{position:absolute;left:18px;bottom:18px;padding:9px 12px;background:rgba(255,255,255,.92);font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:900}.program-body{padding:30px}.program-body h3{font-size:34px;line-height:1.05}.program-body p{color:var(--muted)}.program-body a{font-weight:900;color:var(--forest)}

/* Experience */
.experience{overflow:hidden}.experience-header{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:52px}.experience-header h2{margin-bottom:0}.experience-strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(340px,31vw);gap:18px;overflow-x:auto;padding:0 max(20px,calc((100vw - 1180px)/2)) 28px;scroll-snap-type:x mandatory;scrollbar-width:thin}.story-card{position:relative;height:540px;overflow:hidden;scroll-snap-align:start;background:var(--forest)}.story-card img{width:100%;height:100%;object-fit:cover;transition:.5s}.story-card:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(5,24,18,.9) 100%)}.story-card>div{position:absolute;z-index:2;left:28px;right:28px;bottom:28px;color:#fff}.story-card span{font-size:11px;text-transform:uppercase;letter-spacing:.15em;font-weight:900;color:#d9f3b9}.story-card h3{font-size:40px;margin:8px 0 10px}.story-card p{margin:0;color:#e3eee7;line-height:1.5}.story-card:hover img{transform:scale(1.04)}

/* Learner */
.learner-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.learner-photo img{height:650px;width:100%;object-fit:cover}.learner-copy h2{color:#fff;margin-top:24px}.learner-copy>p{font-size:18px;color:#c9d7ce}.trait-cloud{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}.trait-cloud span{padding:10px 13px;border:1px solid rgba(255,255,255,.25);font-size:12px;font-weight:800;color:#eff6f1}

/* Campus */
.campus-head{display:grid;grid-template-columns:1.3fr .7fr;gap:70px;align-items:end;margin-bottom:54px}.campus-head p{color:var(--muted);font-size:18px}.campus-mosaic{display:grid;grid-template-columns:1.3fr .7fr;grid-template-rows:300px 300px;gap:14px}.campus-mosaic figure{margin:0;position:relative;overflow:hidden}.campus-mosaic .campus-main{grid-row:1/3}.campus-mosaic img{width:100%;height:100%;object-fit:cover}.campus-mosaic figcaption{position:absolute;left:18px;bottom:18px;background:#fff;padding:9px 12px;font-size:12px;font-weight:900}.facility-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.facility-list span,.facility-big-list span{padding:11px 14px;border:1px solid var(--line);font-size:12px;font-weight:900}.campus-link-row{margin-top:34px}.facility-big-list{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.facility-big-list span{font-family:var(--serif);font-size:24px;padding:24px}.siteplan-block{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px;align-items:start}.siteplan-image{display:block;background:#fff;padding:12px;box-shadow:var(--shadow)}

/* Quote image */
.section-image{position:relative;min-height:780px;background-size:cover;background-position:center;color:#fff;display:flex;align-items:center}.quote-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,31,23,.88),rgba(8,31,23,.3))}.quote-content{position:relative;z-index:2}.quote-content h2{font-size:clamp(60px,8vw,110px);color:#fff;margin:24px 0}.quote-content h2 em{color:#d9f3b9}.quote-content p{font-size:19px;max-width:580px;color:#e6efe9}

/* News */
.news{background:linear-gradient(180deg,var(--paper),#f7f3ea)}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.news-card{background:#fff;padding:16px 16px 0;border:1px solid var(--line);transition:.3s ease}.news-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.news-thumb{display:block;height:300px;overflow:hidden;background:var(--ivory)}.news-thumb img{width:100%;height:100%;object-fit:cover;transition:.4s}.news-card:hover .news-thumb img{transform:scale(1.03)}.news-body{padding:24px 8px 28px}.news-body time{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.news-body h3{font-size:31px;line-height:1.05;margin:10px 0 12px}.news-body p{color:var(--muted)}

/* CTA */
.cta-section{padding:18px 0 112px}.cta-card{background:linear-gradient(135deg,var(--forest-2),var(--forest));color:#fff;display:grid;grid-template-columns:1.35fr .65fr;gap:54px;align-items:end;padding:72px;min-height:320px;position:relative;overflow:hidden}.cta-card:after{content:"";position:absolute;width:280px;height:280px;border:1px solid rgba(217,243,185,.18);border-radius:50%;right:-70px;top:-90px}.cta-card>*{position:relative;z-index:1}.cta-card h2{color:#fff;margin:20px 0 0;font-size:clamp(44px,5vw,70px)}.cta-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}

/* Footer */
.site-footer{background:#081e17;color:#dbe7df;padding:86px 0 28px;border-top:4px solid var(--leaf)}.footer-grid{display:grid;grid-template-columns:1.25fr .7fr .9fr .85fr;gap:50px}.footer-logo-row{display:flex;gap:14px;align-items:center}.footer-logo-row img{width:68px}.footer-logo-row strong{display:block;font-family:var(--serif);font-size:22px;color:#fff}.footer-logo-row span{display:block;font-size:11px;margin-top:3px;color:#9db3a7}.footer-brand>p,.footer-small{color:#9db3a7;max-width:390px}.site-footer h4{color:#fff;font-family:var(--serif);font-size:21px;margin-bottom:18px}.footer-links{list-style:none;margin:0;padding:0;display:grid;gap:10px}.footer-contact{list-style:none;margin:0;padding:0;display:grid;gap:12px;color:#b9c9c0}.footer-wa{display:inline-flex;gap:8px;align-items:center;color:#d9f3b9;font-weight:900;border-bottom:1px solid currentColor;padding-bottom:3px}.footer-bottom{margin-top:58px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#81968b}

/* Subpages */
.subhero{position:relative;min-height:620px;background-size:cover;background-position:center;color:#fff;display:flex;align-items:end}.subhero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,27,20,.9),rgba(5,27,20,.28))}.subhero-content{position:relative;z-index:2;padding:190px 0 90px;max-width:900px}.subhero h1{font-size:clamp(58px,7vw,94px);line-height:.92;margin:20px 0 24px}.subhero h1 em{color:#d9f3b9}.subhero p{font-size:19px;max-width:700px;color:#e3eee7}.prose-grid{display:grid;grid-template-columns:.28fr .72fr;gap:70px}.rich-copy h2{font-size:60px}.rich-copy p{font-size:19px;color:var(--muted);max-width:800px}.trait-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.trait-grid article{background:#fff;padding:30px}.trait-grid h3{font-size:28px}.trait-grid p{margin:0;color:var(--muted)}.image-text{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.image-text img{width:100%;height:520px;object-fit:cover}.image-text p{color:var(--muted);font-size:18px}.level-feature{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.level-feature.reverse .level-photo{order:2}.level-photo img{height:540px;width:100%;object-fit:cover}.level-tag{display:inline-block;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--leaf);margin-bottom:18px}.level-copy h2{font-size:56px}.level-copy p{font-size:18px;color:var(--muted)}.light-copy h2{color:white}.light-copy p{color:#cbd8d0}.clean-list{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.clean-list li{padding:12px 0;border-top:1px solid var(--line);font-weight:800}.experience-page-grid{display:grid;gap:80px}.exp-feature{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}.exp-feature:nth-child(even) img{order:2}.exp-feature img{width:100%;height:480px;object-fit:cover}.exp-feature>div>span{display:block;color:var(--leaf);text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:900}.exp-feature h2{font-size:50px;margin:14px 0 20px}.exp-feature p{color:var(--muted);font-size:18px}.campus-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.campus-detail-grid article{background:var(--ivory);padding-bottom:28px}.campus-detail-grid img{height:320px;width:100%;object-fit:cover}.campus-detail-grid h3,.campus-detail-grid p{margin-left:24px;margin-right:24px}.campus-detail-grid h3{font-size:32px;margin-top:24px}.campus-detail-grid p{color:var(--muted)}.ppdb-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.ppdb-grid h2{font-size:58px}.ppdb-grid p{color:var(--muted);font-size:18px}.ppdb-photo img{height:650px;width:100%;object-fit:cover}.contact-card{margin-top:30px;background:var(--ivory);padding:28px}.contact-card b{display:block;color:var(--forest)}.contact-card p{font-size:15px;margin-bottom:18px}.contact-card p:last-child{margin-bottom:0}

/* Blog */
.content-wrap{padding:150px 0 100px}.archive-head{margin-bottom:54px}.archive-head h1{font-size:70px}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.post-card{border:1px solid var(--line);background:#fff}.post-card img{height:260px;width:100%;object-fit:cover}.post-card-body{padding:24px}.post-card-body h2{font-size:30px}.post-card-body p{color:var(--muted)}.single-wrap{max-width:840px;margin:auto}.single-wrap h1{font-size:clamp(50px,6vw,82px);line-height:.96}.single-meta{color:var(--muted);font-size:13px;margin:18px 0 34px}.single-featured{margin:0 calc((840px - min(1180px,calc(100vw - 40px)))/2 * -1) 50px}.single-featured img{width:100%;max-height:660px;object-fit:cover}.entry-content{font-family:var(--serif);font-size:20px;line-height:1.8}.entry-content h2,.entry-content h3{font-family:var(--sans);letter-spacing:-.025em}.entry-content a{color:var(--forest);text-decoration:underline}.pagination{margin-top:40px}

@media (max-width:1100px){
  .main-nav{display:none}.header-inner{grid-template-columns:1fr auto auto}.menu-toggle{display:block;color:inherit}.header-cta{display:none}.mobile-panel{display:block;position:fixed;z-index:89;inset:92px 0 auto;background:#fff;color:var(--ink);padding:24px 30px 30px;transform:translateY(-130%);opacity:0;transition:.3s ease;box-shadow:0 18px 40px rgba(0,0,0,.12)}.mobile-panel.is-open{transform:none;opacity:1}.mobile-nav-list,.mobile-panel .nav-list{list-style:none;margin:0;padding:0;display:grid}.mobile-nav-list a,.mobile-panel .nav-list a{display:block;padding:14px 0;border-bottom:1px solid var(--line);font-weight:900}.mobile-ppdb{display:inline-flex;margin-top:18px;background:var(--forest);color:#fff;padding:12px 16px;font-weight:900}.section-head,.campus-head,.vision-grid,.learner-grid,.siteplan-block,.ppdb-grid{grid-template-columns:1fr;gap:44px}.pillar-grid,.program-grid,.news-grid,.post-grid{grid-template-columns:repeat(2,1fr)}.program-card:last-child{grid-column:1/-1}.program-card:last-child .program-image{height:420px}.footer-grid{grid-template-columns:1fr 1fr}.hero-tagline{display:none}.hero-content{margin-left:20px}.experience-strip{grid-auto-columns:48vw}.facility-big-list{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:760px){
  :root{--shell:min(100% - 28px,1180px)}.section,.section-soft,.section-dark{padding:84px 0}.header-inner{height:78px}.brand img,.brand .custom-logo{width:58px}.brand-copy strong{font-size:15px}.mobile-panel{top:78px}.hero{min-height:760px}.hero-media{background-position:63% center}.hero-overlay{background:linear-gradient(180deg,rgba(6,28,20,.38),rgba(6,28,20,.9) 60%,rgba(6,28,20,.96))}.hero-content{padding-top:170px;margin-left:14px;margin-right:14px;max-width:none;align-self:end}.hero h1{font-size:54px}.hero-lead{font-size:17px}.hero-actions{display:grid;width:max-content}.hero-rail{grid-template-columns:1fr;width:100%;background:rgba(5,25,18,.74)}.hero-rail>div{padding:11px 14px;border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}.hero-rail small{display:none}.hero-rail strong{font-size:15px}.split-intro,.prose-grid,.image-text,.level-feature,.exp-feature{grid-template-columns:1fr;gap:32px}.intro-kicker .chapter-num{display:none}.intro-visual img{height:390px}.floating-note{position:relative;right:auto;bottom:auto;width:100%;margin-top:0}.vision-photo img,.learner-photo img,.level-photo img,.image-text img,.ppdb-photo img{height:420px}.section-head{gap:18px;margin-bottom:40px}.pillar-grid,.program-grid,.news-grid,.post-grid,.campus-detail-grid{grid-template-columns:1fr}.program-card:last-child{grid-column:auto}.program-image,.program-card:last-child .program-image{height:330px}.experience-header{align-items:flex-start;flex-direction:column}.experience-strip{grid-auto-columns:84vw;padding-left:14px;padding-right:14px}.story-card{height:500px}.campus-mosaic{grid-template-columns:1fr;grid-template-rows:330px 260px 260px}.campus-mosaic .campus-main{grid-row:auto}.facility-big-list{grid-template-columns:1fr}.section-image{min-height:650px}.cta-card{grid-template-columns:1fr;padding:38px 24px}.cta-actions{justify-content:flex-start}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.subhero{min-height:560px}.subhero-content{padding-top:150px}.subhero h1{font-size:56px}.trait-grid{grid-template-columns:1fr}.level-feature.reverse .level-photo{order:0}.exp-feature:nth-child(even) img{order:0}.exp-feature img{height:340px}.campus-detail-grid img{height:300px}.clean-list{grid-template-columns:1fr}.single-featured{margin:0 0 36px}.entry-content{font-size:18px}
}

/* =========================================================
   SADe V3 — Nature Immersed Editorial Upgrade
   Designed & developed by MUHAMMAD RIZKI AKBAR
   ========================================================= */
:root{
  --forest:#123a2d;--forest-2:#06271d;--forest-3:#031b14;--leaf:#8fd14f;--lime:#d9f3b9;
  --blue:#3379c7;--ivory:#f2eee4;--paper:#fffdf8;--ink:#16241e;--muted:#66726c;
  --line:rgba(18,58,45,.16);--clay:#c88455;--sand:#d8c6a5;--shadow:0 28px 90px rgba(8,38,28,.14);
  --serif:'Iowan Old Style','Baskerville','Palatino Linotype',Georgia,'Times New Roman',serif;
  --sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --shell:min(1360px,calc(100vw - 64px));
}
body{overflow-x:hidden;background:var(--paper)}
::selection{background:var(--lime);color:var(--forest-3)}
.scroll-progress{position:fixed;z-index:9999;left:0;top:0;width:0;height:3px;background:linear-gradient(90deg,var(--leaf),#d9f3b9);box-shadow:0 0 18px rgba(143,209,79,.7)}
.section{padding:132px 0}.section-soft,.section-dark{padding:132px 0}
.eyebrow{font-size:11px;letter-spacing:.18em}.eyebrow:before{width:48px}
h2{font-size:clamp(52px,5.5vw,86px);line-height:.92;letter-spacing:-.05em}
.section-head{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:110px;margin-bottom:78px}
.section-head>p{font-size:19px;line-height:1.75}
.text-link{transition:.25s}.text-link:hover{color:var(--leaf);transform:translateX(4px)}

/* Header v3 */
.site-header{transition:background .35s ease,color .35s ease,transform .35s ease}.header-inner{height:98px;grid-template-columns:250px 1fr auto auto;gap:22px}
.header-motto{display:none;font-size:9px;letter-spacing:.18em;text-transform:uppercase;opacity:.68;white-space:nowrap}
.site-header.is-scrolled .header-motto{display:block}.site-header.is-scrolled .header-inner{height:78px}.site-header.is-scrolled .brand img,.site-header.is-scrolled .brand .custom-logo{width:58px}
.header-cta{border-radius:999px;padding:12px 20px;backdrop-filter:blur(8px)}

/* Hero v3 */
.hero{min-height:100svh}.hero-media{background-position:center 40%;will-change:transform;transform:scale(1.06)}
.hero-overlay{background:linear-gradient(90deg,rgba(4,25,18,.96) 0%,rgba(5,31,22,.78) 34%,rgba(7,30,22,.22) 68%,rgba(7,30,22,.06) 100%)}
.hero-content{padding-top:190px;max-width:880px;margin-left:max(32px,calc((100vw - min(1360px,calc(100vw - 64px)))/2));}
.hero h1{font-size:clamp(70px,7.8vw,126px);line-height:.82;letter-spacing:-.07em;margin:28px 0 34px;text-wrap:balance}
.hero h1 em{font-style:italic;color:var(--lime)}.hero-lead{font-size:21px;max-width:720px}
.hero-rail{width:var(--shell);background:rgba(2,24,17,.38);border:1px solid rgba(255,255,255,.16);border-bottom:0;backdrop-filter:blur(16px)}
.hero-rail>div{padding:20px 28px}.hero-rail strong{font-size:22px}.hero-tagline{right:-122px;top:45%;letter-spacing:.25em}
.hero-scroll{position:absolute;z-index:3;right:34px;bottom:26px;color:#fff;display:grid;justify-items:center;gap:8px;font-size:9px;text-transform:uppercase;letter-spacing:.2em}
.hero-scroll i{display:block;width:1px;height:54px;background:linear-gradient(#fff,transparent);animation:scrollPulse 1.7s ease-in-out infinite}@keyframes scrollPulse{50%{transform:scaleY(.65);transform-origin:top;opacity:.45}}

/* Manifesto */
.manifesto{background:var(--paper)}.manifesto-grid{display:grid;grid-template-columns:180px minmax(0,1fr);gap:64px;align-items:start}
.manifesto-index{position:sticky;top:140px;display:grid;gap:8px;padding-top:12px}.manifesto-index span{font-family:var(--serif);font-size:118px;line-height:.8;color:rgba(18,58,45,.08)}.manifesto-index small{font-weight:900;letter-spacing:.17em;color:var(--forest)}
.manifesto-copy{max-width:1050px}.manifesto-copy h2{font-size:clamp(58px,6.2vw,102px);margin:24px 0 36px}.manifesto-copy p{font-size:21px;line-height:1.8;color:var(--muted);max-width:870px}

/* Proof strip */
.proof-strip{padding:78px 0;background:radial-gradient(circle at 15% 20%,rgba(143,209,79,.12),transparent 28%),var(--forest-3)}
.proof-grid{display:grid;grid-template-columns:1.3fr repeat(4,.7fr);gap:0;border-top:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16)}
.proof-grid>*{padding:34px 28px;border-right:1px solid rgba(255,255,255,.12)}.proof-grid>*:last-child{border-right:0}
.proof-lead h2{font-size:48px;margin:18px 0 0;color:#fff}.proof-stat{display:flex;flex-direction:column;justify-content:flex-end;min-height:180px}.proof-stat strong{font-family:var(--serif);font-size:74px;line-height:.9;color:var(--lime);font-weight:500}.proof-stat span{font-size:12px;line-height:1.5;color:#d2dfd7;margin-top:14px;max-width:170px}

/* Sticky experience story */
.experience-first{position:relative}.sticky-story{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);gap:96px;align-items:start}
.sticky-media{position:sticky;top:110px;height:calc(100vh - 150px);min-height:620px;overflow:hidden;border-radius:2px;box-shadow:var(--shadow)}.sticky-media img{width:100%;height:100%;object-fit:cover}.sticky-media:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(4,27,19,.55))}.media-badge{position:absolute;z-index:2;left:24px;bottom:24px;background:rgba(255,253,248,.95);color:var(--forest);padding:15px 19px;font-family:var(--serif);font-size:24px}
.story-steps{display:grid}.story-step{min-height:48vh;padding:74px 0;border-top:1px solid var(--line);display:flex;flex-direction:column;justify-content:center}.story-step:first-child{border-top:0}.story-step>span{font-size:11px;font-weight:900;color:var(--leaf);letter-spacing:.16em}.story-step h3{font-size:clamp(48px,5vw,76px);margin:16px 0 20px}.story-step p{font-size:19px;color:var(--muted);max-width:600px}

/* Pillars wow */
.pillar-grid-wow{gap:0;border:1px solid var(--line)}.pillar-grid-wow .pillar-card{border:0;border-right:1px solid var(--line);min-height:520px;padding:48px;overflow:hidden;background:linear-gradient(180deg,#fff,var(--paper))}.pillar-grid-wow .pillar-card:last-child{border-right:0}.pillar-grid-wow .pillar-card:hover{transform:none;background:var(--forest);color:#fff}.pillar-grid-wow .pillar-card:hover p{color:#d8e3dc}.pillar-grid-wow .pillar-card:hover .pillar-word{color:rgba(217,243,185,.11)}.pillar-grid-wow .pillar-no{margin-bottom:110px}.pillar-grid-wow h3{font-size:48px}.pillar-grid-wow p{font-size:17px}.pillar-word{position:absolute;left:34px;bottom:-12px;font-family:var(--sans);font-size:58px;font-weight:1000;letter-spacing:-.05em;color:rgba(18,58,45,.055);white-space:nowrap}

/* Program stacked editorial */
.program-stack{display:grid;gap:34px}.program-band{display:grid;grid-template-columns:1.12fr .88fr;min-height:520px;background:#fff;border:1px solid var(--line);overflow:hidden}.program-band.reverse{grid-template-columns:.88fr 1.12fr}.program-band.reverse .program-band-media{order:2}.program-band-media{overflow:hidden}.program-band-media img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.75,.25,1)}.program-band:hover img{transform:scale(1.035)}.program-band-copy{padding:58px;display:flex;flex-direction:column;justify-content:center}.program-band-copy>span{font-size:11px;font-weight:900;color:var(--leaf);letter-spacing:.15em}.program-band-copy h3{font-size:54px;line-height:.95;margin:18px 0 22px}.program-band-copy p{font-size:18px;color:var(--muted);max-width:540px}

/* Horizontal experience */
.experience-strip{grid-auto-columns:minmax(390px,32vw);gap:14px;padding-bottom:38px}.story-card{height:610px}.story-card:after{background:linear-gradient(180deg,rgba(4,24,18,.02) 24%,rgba(4,24,18,.94) 100%)}.story-card>div{left:32px;right:32px;bottom:34px}.story-card h3{font-size:44px}.story-card p{max-width:390px;color:#e6efe9}.story-card:hover img{transform:scale(1.045)}

/* Learner profile marquee */
.learner-profile{padding-bottom:0;overflow:hidden}.learner-grid{grid-template-columns:.92fr 1.08fr;gap:90px}.learner-copy{align-self:center}.learner-copy p{font-size:19px}.learner-photo img{height:650px}.light-link{color:#fff}.trait-marquee{margin-top:88px;border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14);overflow:hidden}.trait-marquee>div{display:flex;width:max-content;animation:marquee 36s linear infinite;padding:22px 0}.trait-marquee span{font-family:var(--serif);font-size:42px;color:#d9f3b9;margin-right:56px;white-space:nowrap}.trait-marquee span:after{content:'✦';font-family:var(--sans);font-size:14px;margin-left:56px;color:var(--leaf)}@keyframes marquee{to{transform:translateX(-45%)}}

/* Campus wow */
.campus-mosaic-wow{grid-template-columns:1.5fr .75fr .75fr;grid-template-rows:580px;gap:12px}.campus-mosaic-wow figure{position:relative;overflow:hidden}.campus-mosaic-wow img{height:100%;width:100%;object-fit:cover;transition:.6s}.campus-mosaic-wow figure:hover img{transform:scale(1.035)}.campus-mosaic-wow figcaption{position:absolute;left:20px;right:20px;bottom:20px;background:rgba(255,253,248,.92);backdrop-filter:blur(12px);padding:18px}.campus-mosaic-wow figcaption b{font-family:var(--serif);font-size:24px;color:var(--forest);display:block}.campus-mosaic-wow figcaption span{font-size:12px;color:var(--muted)}.campus-actions{margin-top:30px;display:flex;justify-content:space-between;align-items:center;gap:22px}

/* Immersive quote */
.section-image{min-height:92vh}.quote-content{max-width:900px}.quote-content h2{font-size:clamp(76px,8vw,124px);line-height:.78;letter-spacing:-.065em}.quote-content p{font-size:19px}

/* News v3 */
.news-grid{grid-template-columns:1.15fr .925fr .925fr;gap:16px}.news-card{padding:0;overflow:hidden;border:1px solid var(--line)}.news-card:first-child .news-thumb{height:420px}.news-thumb{height:320px}.news-body{padding:30px}.news-body h3{font-size:36px}.news-card:first-child .news-body h3{font-size:46px}

/* CTA v3 */
.cta-card{grid-template-columns:1.25fr .75fr;min-height:430px;padding:82px;background:linear-gradient(120deg,var(--forest-3),var(--forest));border-radius:2px}.cta-card:before{content:'SADe';position:absolute;right:-30px;bottom:-80px;font-family:var(--serif);font-size:250px;color:rgba(217,243,185,.045)}.cta-card p{color:#c8d7ce;font-size:18px;max-width:620px;margin-top:24px}.cta-card h2{font-size:clamp(54px,5.4vw,82px)}

/* Footer v3 */
.site-footer{padding-top:40px;border-top:0;background:var(--forest-3)}.footer-topline{padding:22px 0 28px;border-bottom:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;gap:30px;color:#9eb2a7;font-size:9px;letter-spacing:.2em}.footer-grid{padding-top:68px;grid-template-columns:1.45fr .65fr .9fr .9fr}.footer-brand>p{font-size:16px}.footer-profile-link{color:#d9f3b9}.creator-credit strong{color:#d9f3b9;letter-spacing:.06em}.footer-bottom{padding-bottom:8px}

/* Full profile page */
.profile-hero{min-height:86vh}.profile-jump{position:sticky;z-index:40;top:78px;background:rgba(255,253,248,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);overflow-x:auto}.profile-jump .shell{display:flex;gap:28px;white-space:nowrap;padding:14px 0}.profile-jump a{font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--forest)}
.profile-story-grid{display:grid;grid-template-columns:120px minmax(0,.9fr) minmax(360px,.7fr);gap:54px;align-items:start}.profile-number{font-family:var(--serif);font-size:110px;line-height:.8;color:rgba(18,58,45,.08);position:sticky;top:150px}.profile-story-copy h2{font-size:68px}.profile-story-copy p{font-size:18px;color:var(--muted)}.profile-story-image img{height:660px;width:100%;object-fit:cover}
.siteplan-profile{display:grid;grid-template-columns:.78fr 1.22fr;gap:70px;align-items:center}.siteplan-profile h2{font-size:64px}.siteplan-profile p{font-size:18px;color:var(--muted)}.mini-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.mini-tags span{border:1px solid var(--line);padding:8px 11px;font-size:11px;font-weight:900}.siteplan-profile .siteplan-image{box-shadow:var(--shadow);background:#fff;padding:14px}
.vision-full-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:84px;align-items:center}.vision-full-photo img{height:780px;width:100%;object-fit:cover}.vision-full-copy blockquote{font-family:var(--serif);font-size:clamp(52px,5.3vw,84px);line-height:.94;margin:24px 0 54px}.trait-grid-full{grid-template-columns:repeat(2,1fr)}.trait-grid-full article{padding:36px;min-height:250px}.trait-grid-full article>span{color:var(--leaf);font-size:11px;font-weight:900}.trait-grid-full h3{font-size:36px;margin:20px 0 14px}.profile-values{min-height:82vh}.teacher-rhythm{display:grid;gap:0;margin-top:30px}.teacher-rhythm div{display:grid;grid-template-columns:145px 1fr;gap:20px;padding:16px 0;border-top:1px solid var(--line)}.teacher-rhythm b{color:var(--forest)}.teacher-rhythm span{color:var(--muted)}
.curriculum-core{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--line)}.curriculum-core article{padding:42px;border-right:1px solid var(--line);background:#fff}.curriculum-core article:last-child{border-right:0}.curriculum-core span{font-size:11px;font-weight:900;color:var(--leaf)}.curriculum-core h3{font-size:42px;margin:54px 0 18px}.curriculum-core p{color:var(--muted)}
.level-long-grid{display:grid;gap:24px}.level-long-grid article{display:grid;grid-template-columns:.9fr 1.1fr;background:var(--ivory);min-height:480px}.level-long-grid article:nth-child(even){grid-template-columns:1.1fr .9fr}.level-long-grid article:nth-child(even) img{order:2}.level-long-grid img{width:100%;height:100%;min-height:480px;object-fit:cover}.level-long-grid article>div{padding:58px;display:flex;flex-direction:column;justify-content:center}.level-long-grid span,.experience-directory span{font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--leaf)}.level-long-grid h3{font-size:52px;margin:16px 0}.level-long-grid p{font-size:18px;color:var(--muted)}
.light-muted{color:#cbd8d0!important}.experience-directory{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.12)}.experience-directory article{background:var(--forest-3);display:grid;grid-template-columns:190px 1fr;min-height:250px}.experience-directory img{width:100%;height:100%;object-fit:cover}.experience-directory article>div{padding:30px}.experience-directory h3{font-size:34px;margin:10px 0 12px;color:#fff}.experience-directory p{color:#cbd8d0;margin:0}
.facility-profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.facility-profile-grid article{background:#fff;border:1px solid var(--line)}.facility-profile-grid img{height:340px;width:100%;object-fit:cover}.facility-profile-grid h3,.facility-profile-grid p{margin-left:26px;margin-right:26px}.facility-profile-grid h3{font-size:32px;margin-top:28px}.facility-profile-grid p{color:var(--muted);margin-bottom:30px}.profile-closing{min-height:92vh}

@media (max-width:1180px){
  :root{--shell:min(100% - 44px,1120px)}.header-motto{display:none!important}.header-inner{grid-template-columns:230px 1fr auto}.proof-grid{grid-template-columns:1fr 1fr 1fr}.proof-lead{grid-column:1/-1}.proof-grid>*{border-bottom:1px solid rgba(255,255,255,.12)}.sticky-story{grid-template-columns:1fr;gap:50px}.sticky-media{position:relative;top:auto;height:680px}.story-step{min-height:auto;padding:56px 0}.campus-mosaic-wow{grid-template-columns:1fr 1fr;grid-template-rows:480px 360px}.campus-mosaic-wow .campus-main{grid-column:1/-1}.profile-story-grid{grid-template-columns:90px 1fr}.profile-story-image{grid-column:2}.siteplan-profile,.vision-full-grid{grid-template-columns:1fr}.experience-directory{grid-template-columns:1fr}.proof-stat strong{font-size:64px}
}
@media (max-width:760px){
  :root{--shell:min(100% - 28px,1180px)}.section,.section-soft,.section-dark{padding:88px 0}.header-inner{height:78px}.site-header.is-scrolled .header-inner{height:72px}.hero{min-height:820px}.hero-content{padding-top:150px;margin-left:14px;margin-right:14px}.hero h1{font-size:58px;line-height:.88}.hero-lead{font-size:17px}.hero-scroll{display:none}.hero-rail{display:none}.manifesto-grid{grid-template-columns:1fr;gap:20px}.manifesto-index{position:static}.manifesto-index span{font-size:72px}.manifesto-copy h2{font-size:54px}.manifesto-copy p{font-size:18px}.proof-grid{grid-template-columns:1fr 1fr}.proof-lead{grid-column:1/-1}.proof-grid>*{padding:26px 18px}.proof-stat{min-height:150px}.proof-stat strong{font-size:56px}.sticky-media{height:430px;min-height:0}.story-step h3{font-size:48px}.story-step p{font-size:17px}.pillar-grid-wow{grid-template-columns:1fr}.pillar-grid-wow .pillar-card{border-right:0;border-bottom:1px solid var(--line);min-height:390px;padding:34px}.pillar-grid-wow .pillar-no{margin-bottom:70px}.program-band,.program-band.reverse{grid-template-columns:1fr}.program-band.reverse .program-band-media{order:0}.program-band-media{height:340px}.program-band-copy{padding:34px}.program-band-copy h3{font-size:44px}.experience-strip{grid-auto-columns:86vw}.story-card{height:520px}.learner-grid{grid-template-columns:1fr;gap:40px}.learner-photo{order:-1}.learner-photo img{height:420px}.trait-marquee{margin-top:58px}.trait-marquee span{font-size:30px}.campus-mosaic-wow{grid-template-columns:1fr;grid-template-rows:360px 280px 280px}.campus-mosaic-wow .campus-main{grid-column:auto}.campus-actions{align-items:flex-start;flex-direction:column}.section-image{min-height:760px}.quote-content h2{font-size:70px}.news-grid{grid-template-columns:1fr}.news-card:first-child .news-thumb,.news-thumb{height:330px}.news-card:first-child .news-body h3,.news-body h3{font-size:34px}.cta-card{padding:46px 24px;min-height:430px}.footer-topline{flex-direction:column;gap:8px}.profile-jump{top:72px}.profile-story-grid{grid-template-columns:1fr;gap:26px}.profile-number{position:static;font-size:72px}.profile-story-image{grid-column:auto}.profile-story-image img{height:420px}.siteplan-profile{gap:38px}.vision-full-photo img{height:460px}.trait-grid-full{grid-template-columns:1fr}.curriculum-core{grid-template-columns:1fr}.curriculum-core article{border-right:0;border-bottom:1px solid var(--line)}.level-long-grid article,.level-long-grid article:nth-child(even){grid-template-columns:1fr}.level-long-grid article:nth-child(even) img{order:0}.level-long-grid img{min-height:340px;height:340px}.level-long-grid article>div{padding:34px}.experience-directory article{grid-template-columns:120px 1fr}.experience-directory article>div{padding:22px}.experience-directory h3{font-size:28px}.facility-profile-grid{grid-template-columns:1fr}.teacher-rhythm div{grid-template-columns:1fr;gap:4px}.profile-hero{min-height:720px}
}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hero-media{transform:none!important}}


/* =========================================================
   v3.1 — HERO & HEADER BALANCE PASS
   Keeps the v3 visual language, fixes desktop overlap and scale.
   ========================================================= */
@media (min-width:1181px){
  .header-inner{
    height:100px;
    grid-template-columns:280px minmax(520px,1fr) auto auto;
    gap:30px;
  }
  .brand{gap:14px}
  .brand img,.brand .custom-logo{width:80px;max-height:78px}
  .brand-copy strong{font-size:19px;letter-spacing:-.01em}
  .brand-copy small{font-size:11px;letter-spacing:.24em;margin-top:5px}
  .nav-list{gap:30px}
  .nav-list a{font-size:13.5px;letter-spacing:-.01em}
  .header-cta{padding:13px 22px;font-size:13.5px;border-color:rgba(255,255,255,.48)}

  .hero{
    min-height:100svh;
  }
  .hero-media{
    background-position:center 39%;
    transform:scale(1.035);
  }
  .hero-overlay{
    background:linear-gradient(90deg,rgba(4,25,18,.95) 0%,rgba(5,31,22,.80) 33%,rgba(7,30,22,.33) 61%,rgba(7,30,22,.08) 100%);
  }
  .hero-content{
    min-height:100svh;
    max-width:920px;
    margin-left:max(32px,calc((100vw - min(1320px,calc(100vw - 64px)))/2));
    margin-right:auto;
    padding-top:126px;
    padding-bottom:168px;
    display:flex;
    flex-direction:column;
    justify-content:center;
  }
  .hero .eyebrow{font-size:11px;letter-spacing:.16em}
  .hero h1{
    font-size:clamp(72px,6vw,104px);
    line-height:.88;
    letter-spacing:-.058em;
    margin:24px 0 24px;
    max-width:900px;
  }
  .hero h1 em{
    white-space:nowrap;
  }
  .hero-lead{
    max-width:700px;
    font-size:18.5px;
    line-height:1.55;
    margin-bottom:0;
  }
  .hero-actions{margin-top:26px}
  .hero-actions .btn{min-height:52px;padding-inline:23px}

  .hero-rail{
    bottom:0;
    min-height:88px;
    background:rgba(3,26,18,.50);
    border-color:rgba(255,255,255,.19);
    backdrop-filter:blur(18px);
  }
  .hero-rail>div{padding:16px 24px}
  .hero-rail small{font-size:9px;margin-bottom:4px}
  .hero-rail strong{font-size:19px;line-height:1.15}

  .hero-tagline{
    right:22px;
    top:50%;
    transform:translateY(-50%);
    writing-mode:vertical-rl;
    text-orientation:mixed;
    letter-spacing:.22em;
    font-size:9px;
    opacity:.92;
  }
  .hero-scroll{right:28px;bottom:18px}
}

/* 1366–1440px laptops: keep the editorial hero impressive without cropping copy. */
@media (min-width:1181px) and (max-width:1440px){
  .header-inner{grid-template-columns:260px minmax(500px,1fr) auto;gap:22px}
  .header-motto{display:none!important}
  .brand img,.brand .custom-logo{width:74px;max-height:72px}
  .brand-copy strong{font-size:18px}
  .nav-list{gap:25px}
  .nav-list a{font-size:13px}
  .header-cta{padding:12px 19px}

  .hero-content{
    max-width:820px;
    padding-top:116px;
    padding-bottom:156px;
    margin-left:32px;
  }
  .hero h1{
    font-size:clamp(70px,5.85vw,86px);
    max-width:810px;
    margin:21px 0 22px;
  }
  .hero-lead{font-size:18px;max-width:660px;line-height:1.5}
  .hero-actions{margin-top:22px}
  .hero-rail{width:calc(100% - 50px);min-height:82px}
  .hero-rail>div{padding:14px 22px}
  .hero-rail strong{font-size:18px}
  .hero-tagline{right:18px}
}

@media (max-width:1180px){
  .hero h1 em{white-space:normal}
}