@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#102a43;--navy2:#163c59;--gold:#d9ad59;--ink:#172b3a;--muted:#687887;--cream:#f6f5f1;--line:#e4e8eb;--white:#fff;--max:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);background:#fff;line-height:1.65}a{color:inherit;text-decoration:none}.container{width:min(var(--max),calc(100% - 48px));margin-inline:auto}.topline{background:var(--navy);color:#d8e3ed;font-size:11px;letter-spacing:.01em}.topline-inner,.topline-inner>div{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:35px}.topline a{margin-left:18px}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid #edf0f2}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:88px;gap:25px}.brand{display:flex;align-items:center;gap:14px;min-width:250px}.brand img{width:57px;height:57px;object-fit:contain}.brand span{display:flex;flex-direction:column;line-height:1.35}.brand strong{font-family:Manrope,sans-serif;font-size:14px;letter-spacing:-.035em;color:var(--navy);max-width:280px}.brand small{font-size:10px;color:#73818b;margin-top:5px}.nav-links{display:flex;align-items:center;gap:26px;font-size:12px;font-weight:700;color:#415465}.nav-links>a{padding:11px 0;transition:color .2s}.nav-links>a:hover,.nav-links>a.active{color:#b48330}.nav-links .nav-cta{background:var(--navy);color:#fff;padding:12px 17px;border-radius:4px}.menu-toggle{display:none;border:0;background:var(--navy);color:#fff;font-size:22px;padding:8px 12px;border-radius:5px}.hero{position:relative;min-height:605px;background:var(--navy);color:white;overflow:hidden;display:flex;align-items:center}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,30,49,.99) 0%,rgba(12,40,62,.96) 46%,rgba(11,35,53,.72) 100%),url('images/27888a6b522aa1543374389cb5a9ed00.JPG') center/cover;opacity:1}.hero-content{position:relative;z-index:2;padding-top:62px;padding-bottom:88px}.eyebrow,.section-kicker{font-size:10px;letter-spacing:.18em;font-weight:800;color:#b88739}.eyebrow{color:#e4bd72;display:flex;align-items:center;gap:10px}.eyebrow span{width:24px;height:2px;background:var(--gold)}h1,h2,h3,p{margin-top:0}.hero h1,.page-hero h1{font:800 clamp(38px,5vw,63px)/1.13 Manrope,sans-serif;letter-spacing:-.055em;margin:25px 0 18px;max-width:720px}.hero h1 em,.section-heading h2 em,.intro-grid h2 em,.vision-inner h2 em,.profile-grid h2 em,.page-hero h1 em{font-style:normal;color:#e2bb71}.hero-content>p{max-width:525px;color:#d0dce5;font-size:15px;line-height:1.9}.hero-actions{display:flex;gap:12px;margin-top:28px}.btn{display:inline-flex;align-items:center;gap:23px;padding:14px 20px;border-radius:4px;font-size:12px;font-weight:700}.btn-gold{background:var(--gold);color:#172b3a}.btn-glass{border:1px solid #ffffff65;color:#fff}.hero-note{display:flex;align-items:center;gap:12px;margin-top:48px}.note-icon{width:39px;height:39px;border:1px solid #ffffff55;border-radius:50%;display:grid;place-items:center;color:#e5bd73}.hero-note span:last-child{display:flex;flex-direction:column}.hero-note b{font-size:12px}.hero-note small{font-size:10px;color:#bdcbd5;margin-top:3px}.hero-image{position:absolute;right:max(24px,calc((100vw - var(--max))/2));top:50%;transform:translateY(-43%);width:min(36%,435px);height:370px;border:7px solid #ffffff18;z-index:1;box-shadow:0 25px 65px #071c2d70}.hero-image:before{content:'';position:absolute;inset:-17px 17px 17px -17px;border:1px solid #d7ac5b80;z-index:-1}.hero-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.85)}.image-caption{position:absolute;left:0;right:0;bottom:0;padding:24px 20px 17px;background:linear-gradient(transparent,#061b2bdc);display:flex;flex-direction:column}.image-caption span{font-size:9px;letter-spacing:.16em;color:#e5c17c}.image-caption b{font:700 16px Manrope,sans-serif;margin-top:5px}.hero-index{position:absolute;right:24px;bottom:23px;color:#b5c5d1;font-size:9px;letter-spacing:.16em}.hero-index span{color:var(--gold)}.quick-strip{background:#fff;position:relative;z-index:3;border-bottom:1px solid var(--line);box-shadow:0 8px 25px #122a3b08}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr)}.quick-grid>div{display:flex;align-items:center;gap:12px;padding:25px 20px;border-right:1px solid var(--line)}.quick-grid>div:first-child{padding-left:0}.quick-grid>div:last-child{border:0}.quick-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:50%;background:#f6f0e5;color:#a77b31;font-size:19px;flex-shrink:0}.quick-grid span:nth-child(2){display:flex;flex-direction:column;flex:1}.quick-grid b{font-size:12px}.quick-grid small{font-size:10px;color:var(--muted);margin-top:3px}.quick-grid a{font-size:17px;color:#9d783d}.section{padding:91px 0}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.intro-grid h2,.section-heading h2,.profile-grid h2{font:800 35px/1.25 Manrope,sans-serif;letter-spacing:-.045em;margin:15px 0 0;color:var(--navy)}.intro-grid h2 em,.profile-grid h2 em{color:#b88739}.intro-copy p{font-size:14px;line-height:1.95;color:var(--muted);margin-bottom:22px}.text-link{font-size:12px;font-weight:800;color:var(--navy);display:inline-flex;gap:18px;align-items:center}.text-link span{color:#b88739;font-size:18px}.news-section{background:var(--cream);padding-top:78px;padding-bottom:92px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px}.section-heading h2{margin-top:11px}.section-heading h2 em{color:#b88739}.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.news-card{background:white;padding:0 0 24px;min-width:0}.news-image{display:block;position:relative;height:218px;overflow:hidden;background:#dfe5e9}.news-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.news-card:hover .news-image img{transform:scale(1.04)}.news-arrow{position:absolute;right:13px;bottom:13px;background:var(--gold);width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:var(--navy)}.news-meta{display:flex;justify-content:space-between;gap:10px;padding:21px 22px 7px;font-size:10px;color:#7d8991}.news-meta span{color:#a4772e;font-weight:800;text-transform:uppercase;letter-spacing:.09em}.news-card h3{font:700 17px/1.45 Manrope,sans-serif;letter-spacing:-.025em;color:var(--navy);margin:7px 22px 9px}.news-card p{font-size:12px;line-height:1.8;color:var(--muted);margin:0 22px 15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.read-more{font-size:11px;font-weight:800;color:#9d742f;margin-left:22px}.empty-news{padding:30px;background:#fff;color:var(--muted);font-size:13px}.vision-band{background:var(--navy);color:white;padding:70px 0}.vision-inner{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;align-items:center}.section-kicker.light{color:#e0b96d}.vision-inner h2{font:800 35px/1.25 Manrope,sans-serif;letter-spacing:-.04em;margin:15px 0 0}.vision-inner blockquote{border-left:2px solid var(--gold);padding:5px 0 5px 28px;margin:0;font-size:15px;line-height:1.9;color:#d4dfe6}.vision-inner blockquote span{display:block;margin-top:20px;font-size:9px;letter-spacing:.15em;color:#e2bd77;font-weight:800}.site-footer{background:#0b2031;color:#c0cdd7}.footer-main{display:grid;grid-template-columns:1.5fr .7fr 1fr;gap:70px;padding-top:58px;padding-bottom:48px}.footer-brand .brand strong{color:#fff}.footer-brand .brand small{color:#9caebc}.footer-brand p{max-width:290px;font-size:12px;color:#a9bac7;margin-top:20px}.site-footer h4{font-size:10px;letter-spacing:.16em;color:#e1bd79;margin:5px 0 20px}.footer-main>div:not(:first-child){display:flex;flex-direction:column;align-items:flex-start}.footer-main>div>a,.footer-main>div>p{font-size:11px;color:#c0cdd7;margin:0 0 10px;line-height:1.8}.footer-bottom{border-top:1px solid #ffffff19;font-size:10px;color:#9aabb9}.footer-bottom .container{display:flex;justify-content:space-between;padding:17px 0}.footer-bottom a{color:#e1bd79}.page-main{padding:0 0 90px}.page-hero{padding:75px 0 55px;border-bottom:1px solid var(--line);margin-bottom:40px}.page-hero h1{font-size:48px;color:var(--navy);margin:12px 0}.page-hero h1 em{color:#b88739}.page-hero p{max-width:650px;color:var(--muted);font-size:14px}.listing-grid{margin-top:30px}.article-page{max-width:900px;padding-top:50px}.article-head{padding:35px 0 25px}.article-head h1{font:800 clamp(32px,5vw,50px)/1.2 Manrope,sans-serif;color:var(--navy);letter-spacing:-.04em;margin:13px 0}.article-head p{color:var(--muted)}.article-cover{width:100%;max-height:490px;object-fit:cover}.article-body{max-width:760px;margin:35px auto;font-size:15px;line-height:2;color:#354a59;overflow-wrap:anywhere}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.profile-grid>img{width:100%;height:440px;object-fit:cover}.profile-grid h2{margin:14px 0 22px}.profile-grid p,.mission-note p{font-size:14px;color:var(--muted);line-height:1.9}.principal-card{display:flex;flex-direction:column;border-left:2px solid var(--gold);padding:5px 0 5px 17px;margin-top:25px}.principal-card b{font-size:13px;color:var(--navy)}.principal-card span{font-size:11px;color:var(--muted)}.vision-detail{background:var(--navy);color:white;padding:40px;margin-bottom:35px}.vision-detail h2{font:700 26px/1.5 Manrope,sans-serif;max-width:900px;margin:15px 0 0}.mission-note{max-width:800px}.mission-note h2{font:800 26px Manrope;color:var(--navy)}.setup-warning{padding:90px 0}.setup-warning h1{font:800 34px Manrope;color:var(--navy)}code{background:#f2f4f6;padding:3px 6px;border-radius:3px}.setup-warning p{max-width:720px;color:var(--muted)}
@media(max-width:1000px){.nav-links{gap:14px}.nav-links>a{font-size:11px}.hero-image{width:32%;height:300px;right:25px}.hero h1{font-size:48px;max-width:580px}.hero-content>p{max-width:470px}.quick-grid>div{padding-inline:12px}.quick-grid b{font-size:11px}.footer-main{gap:35px}}
@media(max-width:760px){.container{width:min(100% - 34px,var(--max))}.topline-inner{justify-content:center;padding:7px 0}.topline-inner>span{display:none}.topline-inner>div{gap:12px}.topline a{margin:0;font-size:10px}.header-inner{min-height:75px;flex-wrap:wrap}.brand{min-width:0;gap:10px}.brand img{width:46px;height:46px}.brand strong{font-size:12px;max-width:235px}.brand small{font-size:9px}.menu-toggle{display:block}.nav-links{display:none;flex-basis:100%;width:100%;padding:5px 0 18px;align-items:stretch;gap:0;flex-direction:column}.nav-links.open{display:flex}.nav-links>a{padding:12px 8px;border-top:1px solid #edf0f2;font-size:12px}.nav-links .nav-cta{margin-top:8px;text-align:center}.hero{min-height:650px;align-items:flex-start}.hero-bg{background:linear-gradient(90deg,#0b2439f5,#0b2439d9),url('images/27888a6b522aa1543374389cb5a9ed00.JPG') center/cover}.hero-content{padding-top:56px;padding-bottom:260px}.hero h1{font-size:clamp(35px,9vw,48px);max-width:570px}.hero-content>p{font-size:13px;max-width:540px}.hero-image{top:auto;bottom:27px;right:25px;transform:none;width:calc(100% - 50px);height:190px;border-width:4px}.hero-image:before{inset:-8px 8px 8px -8px}.hero-image img{object-position:center 45%}.image-caption{padding:18px 15px 12px}.image-caption b{font-size:13px}.hero-note{margin-top:30px}.hero-index{display:none}.quick-grid{grid-template-columns:1fr 1fr}.quick-grid>div{padding:16px 8px;border-bottom:1px solid var(--line);gap:9px}.quick-grid>div:first-child{padding-left:8px}.quick-grid>div:nth-child(2){border-right:0}.quick-grid>div:nth-child(3){border-bottom:0}.quick-grid>div:nth-child(4){border-bottom:0}.quick-icon{width:32px;height:32px;font-size:16px}.quick-grid b{font-size:10px}.quick-grid small{font-size:9px}.quick-grid a{font-size:14px}.section{padding:60px 0}.intro-grid,.vision-inner,.profile-grid{grid-template-columns:1fr;gap:22px}.intro-grid h2,.section-heading h2,.profile-grid h2{font-size:29px}.intro-copy p{font-size:13px}.news-section{padding:58px 0}.section-heading{align-items:start;gap:15px}.section-heading h2{font-size:27px}.section-heading>.text-link{font-size:10px;white-space:nowrap;margin-top:25px}.news-grid{grid-template-columns:1fr;gap:22px}.news-image{height:225px}.news-card h3{font-size:16px}.vision-band{padding:55px 0}.vision-inner h2{font-size:29px}.vision-inner blockquote{font-size:13px;padding-left:18px}.footer-main{grid-template-columns:1fr 1fr;gap:35px 25px;padding:42px 0}.footer-brand{grid-column:1/-1}.footer-bottom .container{gap:12px;flex-direction:column}.page-hero{padding:50px 0 35px;margin-bottom:28px}.page-hero h1{font-size:37px}.page-hero p{font-size:13px}.profile-grid>img{height:270px}.vision-detail{padding:27px}.vision-detail h2{font-size:21px}.article-page{padding-top:32px}.article-head{padding-top:25px}.article-head h1{font-size:32px}.article-body{font-size:14px;margin:25px auto}}
.demo-banner{background:#fff4d9;border-bottom:1px solid #ecd7a7;color:#73531a;text-align:center;padding:10px 18px;font-size:11px;font-weight:700;letter-spacing:.01em}

/* Adriya.online-inspired visual system: digital, clean, spacious, rounded */
:root{--navy:#101827;--navy2:#17243a;--gold:#a7f36b;--ink:#172033;--muted:#68758a;--cream:#f5f7fb;--line:#e5eaf2;--white:#fff;--max:1240px}
body{font-family:Inter,'DM Sans',sans-serif;color:var(--ink);background:#fff;line-height:1.7;letter-spacing:-.012em}
.container{width:min(var(--max),calc(100% - 56px))}
.topline{background:#0b1220;color:#b9c4d5;font-size:11px}
.site-header{background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(221,228,238,.8)}
.header-inner{min-height:82px}
.brand{gap:12px}.brand img{width:52px;height:52px}.brand strong{font-size:14px;color:#111b2e;letter-spacing:-.045em}.brand small{font-size:10px;color:#7b8798}
.nav-links{gap:22px;font-size:12px;color:#4b5870}.nav-links>a{transition:all .2s}.nav-links>a:hover,.nav-links>a.active{color:#507c24}.nav-links .nav-cta{background:#111b2e;color:#fff;padding:12px 19px;border-radius:999px;box-shadow:0 6px 16px #1018271c}.nav-links .nav-cta:hover{background:#a7f36b;color:#111b2e}
.hero{min-height:640px;background:#0d1627;border-radius:0 0 30px 30px}.hero-bg{background:radial-gradient(ellipse at 78% 25%,rgba(91,137,203,.28),transparent 35%),linear-gradient(110deg,rgba(9,17,31,.98) 0%,rgba(13,26,45,.93) 52%,rgba(14,28,48,.76) 100%),url('images/27888a6b522aa1543374389cb5a9ed00.JPG') center/cover}.hero-content{padding-top:80px;padding-bottom:95px}.eyebrow,.section-kicker{font-size:10px;letter-spacing:.16em;font-weight:800;color:#638a36}.eyebrow{color:#b8f58a;background:#ffffff0b;border:1px solid #ffffff20;padding:9px 13px;border-radius:999px;width:max-content}.eyebrow span{width:7px;height:7px;border-radius:50%;background:#a7f36b}
.hero h1,.page-hero h1{font:800 clamp(40px,5.2vw,68px)/1.08 Inter,Manrope,sans-serif;letter-spacing:-.065em;margin:25px 0 20px;max-width:700px}.hero h1 em,.section-heading h2 em,.intro-grid h2 em,.vision-inner h2 em,.profile-grid h2 em,.page-hero h1 em{color:#b7f487}.hero-content>p{font-size:15px;color:#c1ccdc;line-height:1.9;max-width:535px}.hero-actions{gap:13px}.btn{border-radius:999px;padding:14px 21px;gap:18px;font-size:12px;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px)}.btn-gold{background:#a7f36b;color:#101827;box-shadow:0 8px 24px #a7f36b25}.btn-glass{border:1px solid #ffffff40;background:#ffffff08;backdrop-filter:blur(8px)}.hero-note{margin-top:42px}.note-icon{border-color:#a7f36b70;color:#b7f487}.hero-image{border:1px solid #ffffff50;border-radius:22px;overflow:hidden;box-shadow:0 30px 90px #03081380}.hero-image:before{border:1px solid #a7f36b70;border-radius:24px}.hero-image img{filter:saturate(.9)}.image-caption{background:linear-gradient(transparent,#07101fe8);padding:28px 22px 20px}.image-caption span{color:#b7f487}.hero-index{color:#b7c5d9}.hero-index span{color:#b7f487}
.quick-strip{border-bottom:1px solid #e9edf4;box-shadow:0 10px 35px #0d1b2b06}.quick-grid>div{padding:25px 18px}.quick-icon{background:#eff8e8;color:#557e2c;border-radius:13px}.quick-grid b{font-size:12px;color:#172033}.quick-grid small{font-size:10px}.quick-grid a{color:#6c943e}
.section{padding:100px 0}.intro-grid{gap:90px}.intro-grid h2,.section-heading h2,.profile-grid h2{font:800 clamp(29px,3.2vw,40px)/1.2 Inter,Manrope,sans-serif;letter-spacing:-.06em;color:#111b2e}.intro-grid h2 em,.profile-grid h2 em{color:#628d38}.intro-copy p{font-size:14px;line-height:2;color:#69768a}.text-link{font-size:12px;color:#172033}.text-link span{color:#6c943e}.news-section{background:#f5f7fb;padding-top:85px;padding-bottom:100px}.section-heading{margin-bottom:35px}.news-grid{gap:22px}.news-card{border:1px solid #e7ebf2;border-radius:18px;overflow:hidden;padding-bottom:25px;box-shadow:0 8px 25px #17203305;transition:transform .25s,box-shadow .25s}.news-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #17203310}.news-image{height:220px;background:#e9edf4}.news-image img{transition:transform .5s}.news-arrow{background:#a7f36b;color:#142033;border-radius:50%;width:36px;height:36px}.news-meta{padding:21px 22px 7px}.news-meta span{color:#648c3a}.news-card h3{font:700 17px/1.5 Inter,Manrope,sans-serif;letter-spacing:-.035em;color:#152036}.news-card p{font-size:12px;line-height:1.9;color:#6b778b}.read-more{color:#628d38}.empty-news{border-radius:14px;border:1px solid #e7ebf2}
.vision-band{background:radial-gradient(ellipse at 80% 10%,#22364e 0%,transparent 38%),#101827;color:#fff;padding:78px 0}.section-kicker.light{color:#b7f487}.vision-inner{gap:85px}.vision-inner h2{font:800 clamp(30px,3.2vw,41px)/1.2 Inter,Manrope,sans-serif;letter-spacing:-.055em}.vision-inner blockquote{border-left:2px solid #a7f36b;color:#c5cfde;font-size:14px;line-height:2}.vision-inner blockquote span{color:#b7f487}
.site-footer{background:#0a111e;color:#bac5d5}.footer-main{gap:65px;padding-top:65px;padding-bottom:50px}.footer-brand .brand strong{color:#fff}.footer-brand .brand small{color:#9aa8bc}.site-footer h4{color:#b7f487}.footer-main>div>a,.footer-main>div>p{color:#b5c0d1}.footer-bottom{border-top:1px solid #ffffff16;color:#8d9bb0}.footer-bottom a{color:#b7f487}
.page-hero{padding:82px 0 50px}.page-hero h1{font-size:clamp(38px,4.8vw,58px);color:#111b2e}.page-hero h1 em{color:#628d38}.page-hero p{font-size:14px;line-height:1.9}.article-head h1{font-family:Inter,Manrope,sans-serif;letter-spacing:-.06em}.article-cover{border-radius:18px}.article-body{color:#344258}.profile-grid>img{border-radius:20px}.principal-card{border-left-color:#a7f36b}.vision-detail{border-radius:18px;background:radial-gradient(ellipse at 90% 0%,#263a53,transparent 50%),#101827}.vision-detail h2{font-family:Inter,Manrope,sans-serif;letter-spacing:-.035em}
.menu-toggle{border-radius:12px;background:#111b2e}.setup-warning{min-height:50vh}
@media(max-width:1000px){.container{width:min(var(--max),calc(100% - 36px))}.hero{min-height:600px}.hero-content{padding-top:65px}.hero-image{border-width:1px}}
@media(max-width:760px){.container{width:calc(100% - 32px)}.header-inner{min-height:72px}.brand img{width:45px;height:45px}.brand strong{font-size:12px}.brand small{font-size:9px}.hero{min-height:auto;border-radius:0 0 22px 22px}.hero-bg{background:linear-gradient(90deg,rgba(9,17,31,.96),rgba(13,26,45,.86)),url('images/27888a6b522aa1543374389cb5a9ed00.JPG') center/cover}.hero-content{padding-top:65px;padding-bottom:62px}.hero h1{font-size:clamp(37px,10vw,51px);letter-spacing:-.06em}.hero-content>p{font-size:14px}.hero-actions{flex-wrap:wrap}.hero-image{display:none}.hero-index{right:16px;bottom:16px;font-size:8px}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-grid>div{padding:17px 8px;border-bottom:1px solid var(--line);gap:9px}.quick-grid>div:first-child{padding-left:8px}.quick-grid>div:nth-child(2){border-right:0}.quick-grid>div:nth-child(3),.quick-grid>div:nth-child(4){border-bottom:0}.quick-icon{width:34px;height:34px}.quick-grid b{font-size:11px}.quick-grid small{font-size:9px}.section{padding:70px 0}.intro-grid,.vision-inner,.profile-grid{grid-template-columns:1fr;gap:25px}.intro-grid h2,.section-heading h2,.profile-grid h2{font-size:31px}.news-section{padding-top:65px;padding-bottom:70px}.section-heading{align-items:flex-start;gap:18px}.section-heading .text-link{white-space:nowrap;margin-top:16px}.news-grid{grid-template-columns:1fr;gap:18px}.news-image{height:230px}.vision-band{padding:62px 0}.vision-inner blockquote{padding-left:20px}.footer-main{grid-template-columns:1fr 1fr;gap:32px;padding-top:48px}.footer-brand{grid-column:1/-1}.footer-bottom .container{gap:12px;flex-direction:column}.page-hero{padding:60px 0 38px}.page-hero h1{font-size:39px}.profile-grid>img{height:300px}.vision-detail{padding:27px}.article-page{padding-top:30px}.article-body{font-size:14px}}
@media(max-width:420px){.hero-actions .btn{width:100%;justify-content:space-between}.footer-main{grid-template-columns:1fr}.footer-brand{grid-column:auto}.section-heading{display:block}.section-heading .text-link{display:inline-flex;margin-top:14px}}

/* v1.30: proportional homepage layout refinements */
@media (min-width: 1101px){
  .hero{min-height: min(760px, calc(100vh - 82px)); min-height: 640px; display:flex; align-items:center}
  .hero-content{width:min(var(--max),calc(100% - 48px)); margin-inline:auto; padding:68px 470px 78px 0}
  .hero h1{max-width:720px;font-size:clamp(44px,4.2vw,66px);line-height:1.08;overflow-wrap:normal}
  .hero-content>p{max-width:510px}
  .hero-image{right:max(24px,calc((100vw - var(--max))/2));width:min(36%,435px);height:clamp(300px,31vw,410px);top:50%;transform:translateY(-50%)}
  .hero-note{margin-top:34px}
}
@media (min-width:761px) and (max-width:1100px){
  .hero{min-height:600px}
  .hero-content{width:100%;padding:60px 36% 72px 0}
  .hero h1{font-size:clamp(40px,4.5vw,54px);max-width:100%;line-height:1.1}
  .hero-content>p{max-width:100%;font-size:14px}
  .hero-image{right:22px;width:31%;height:clamp(250px,31vw,330px);top:50%;transform:translateY(-50%)}
  .hero-note{margin-top:30px}
}
@media (max-width:760px){
  .hero{min-height:0;display:block;padding-bottom:0}
  .hero-content{width:calc(100% - 32px);padding:46px 0 250px;margin-inline:auto}
  .hero h1{font-size:clamp(34px,8.5vw,48px);line-height:1.08;max-width:100%;margin:20px 0 16px;letter-spacing:-.055em}
  .hero-content>p{font-size:13px;line-height:1.75;max-width:100%}
  .hero-actions{gap:10px;margin-top:22px}
  .hero-actions .btn{width:auto;justify-content:center;gap:12px;padding:13px 16px}
  .hero-note{margin-top:25px}
  .hero-image{display:block;top:auto;bottom:24px;left:16px;right:16px;transform:none;width:auto;height:190px;border-radius:18px}
  .hero-image:before{inset:-7px 7px 7px -7px}
  .hero-image img{display:block;object-fit:cover;object-position:center 45%}
  .image-caption{padding:17px 15px 12px}
  .hero-slide-dots{bottom:58px}
  .hero-index{display:none}
}
@media (max-width:420px){
  .hero-content{padding-top:38px;padding-bottom:230px}
  .hero h1{font-size:clamp(32px,9vw,39px)}
  .hero-actions{align-items:stretch;flex-direction:column}
  .hero-actions .btn{width:100%;justify-content:space-between}
  .hero-image{height:172px;bottom:20px}
}
/* Keep homepage sections visually balanced */
.quick-grid>div{min-width:0}
.quick-grid b,.quick-grid small{overflow-wrap:anywhere}
.intro-grid,.vision-inner{align-items:center}
.news-grid{align-items:stretch}
.news-card{border:1px solid #e8edf3;border-radius:16px;overflow:hidden;box-shadow:0 12px 35px #10243b08}
.news-card h3{line-height:1.4}
.footer-main{grid-template-columns:minmax(0,1.35fr) minmax(150px,.75fr) minmax(220px,1fr);gap:clamp(28px,5vw,70px)}
@media(max-width:760px){.footer-main{grid-template-columns:1fr 1fr;gap:28px 22px}.footer-brand{grid-column:1/-1}}
@media(max-width:420px){.footer-main{grid-template-columns:1fr}.footer-brand{grid-column:auto}}


/* v1.31: Beranda diberi ruang tepi yang lebih nyaman */
.hero > .hero-content{
  width:min(1200px, calc(100% - 96px));
  margin-left:auto;
  margin-right:auto;
  padding-left:0;
  padding-right:0;
}
.hero h1{
  max-width:680px;
  font-size:clamp(36px, 4.2vw, 58px);
  line-height:1.12;
  overflow-wrap:normal;
  word-break:normal;
}
.hero > .hero-image{
  right:max(32px, calc((100vw - 1200px)/2));
}
@media (max-width: 900px){
  .hero > .hero-content{
    width:calc(100% - 48px);
    padding-top:44px;
    padding-bottom:48px;
  }
  .hero h1{font-size:clamp(34px, 6vw, 48px);}
}
@media (max-width: 600px){
  .hero > .hero-content{width:calc(100% - 36px);}
  .hero h1{font-size:clamp(32px, 9vw, 42px);}
}


/* v1.36: beranda proporsional dan konsisten pada desktop, tablet, dan ponsel */
:root{--max:1200px}
.container{width:min(1200px,calc(100% - 64px));margin-inline:auto}
.topline-inner{min-height:34px}
.header-inner{min-height:78px;gap:24px}
.brand{min-width:0;flex:0 1 340px}
.nav-links{gap:clamp(12px,1.5vw,22px);flex-wrap:nowrap}
.hero{min-height:clamp(570px,46vw,660px);display:flex;align-items:center;border-radius:0 0 26px 26px}
.hero-content{width:min(1200px,calc(100% - 64px));margin-inline:auto;padding:64px 43% 68px 0}
.hero h1{max-width:690px;font-size:clamp(40px,4.1vw,60px);line-height:1.12;letter-spacing:-.05em;margin:22px 0 17px}
.hero-content>p{max-width:500px;font-size:14px;line-height:1.8}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.hero-actions .btn{width:auto;justify-content:center;padding:13px 19px;gap:13px}
.hero-note{margin-top:30px;max-width:470px}
.hero-image{right:max(32px,calc((100vw - 1200px)/2));width:36%;height:clamp(285px,29vw,390px);top:50%;transform:translateY(-50%);border-radius:20px}
.hero-image img{object-fit:cover;object-position:center}
.hero-index{right:max(32px,calc((100vw - 1200px)/2));bottom:20px}
.quick-grid>div{padding:22px 16px;min-width:0}
.section{padding:clamp(64px,7vw,88px) 0}
.intro-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,6vw,78px)}
.intro-grid h2,.section-heading h2,.profile-grid h2{font-size:clamp(29px,3vw,39px)}
.news-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.news-image{height:clamp(180px,18vw,225px)}
.news-meta{padding:17px 18px 7px}
.news-card h3{margin-left:18px;margin-right:18px}
.news-card p{margin-left:18px;margin-right:18px}
.read-more{margin-left:18px}
.vision-inner{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(35px,6vw,75px)}
.footer-main{gap:clamp(28px,5vw,60px)}
@media(max-width:1050px){
 .container{width:calc(100% - 48px)}
 .header-inner{gap:14px}.brand{flex-basis:260px}.brand img{width:46px;height:46px}.brand strong{font-size:12px}.brand small{font-size:9px}.nav-links{gap:11px;font-size:10px}
 .hero{min-height:570px}.hero-content{width:calc(100% - 48px);padding:55px 39% 62px 0}.hero h1{font-size:clamp(36px,4.5vw,49px)}.hero-image{right:24px;width:34%;height:clamp(250px,30vw,320px)}
 .quick-grid>div{padding:18px 10px;gap:9px}.quick-icon{width:34px;height:34px}.quick-grid b{font-size:11px}.quick-grid small{font-size:9px}
}
@media(max-width:760px){
 .container{width:calc(100% - 36px)}
 .header-inner{min-height:70px}.brand{flex:1;min-width:0}.brand img{width:43px;height:43px}.brand strong{font-size:12px}.brand small{font-size:9px}.nav-links{gap:0}
 .hero{min-height:0;display:block;border-radius:0 0 20px 20px;padding:0}
 .hero-content{width:calc(100% - 36px);padding:42px 0 0;margin-inline:auto}
 .hero h1{font-size:clamp(32px,7.7vw,43px);line-height:1.12;margin:19px 0 14px;max-width:100%}
 .hero-content>p{font-size:13px;line-height:1.75;max-width:100%}
 .hero-actions{display:flex;flex-direction:row;flex-wrap:wrap;gap:9px;margin-top:20px}
 .hero-actions .btn{width:auto;flex:0 1 auto;justify-content:center;padding:12px 15px;font-size:11px}
 .hero-note{margin-top:21px;max-width:100%;padding-bottom:0}
 .hero-image{position:relative;display:block;inset:auto;transform:none;width:calc(100% - 36px);height:clamp(175px,52vw,245px);margin:26px auto 22px;border-radius:16px}
 .hero-image:before{inset:-5px 5px 5px -5px;border-radius:18px}
 .image-caption{padding:20px 16px 14px}.image-caption b{font-size:13px}.hero-slide-dots{bottom:62px}
 .hero-index{display:none}
 .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .quick-grid>div{padding:15px 7px;gap:8px;border-bottom:1px solid var(--line)}
 .quick-grid>div:first-child{padding-left:7px}.quick-grid>div:nth-child(2){border-right:0}.quick-grid>div:nth-child(3),.quick-grid>div:nth-child(4){border-bottom:0}
 .quick-icon{width:31px;height:31px;font-size:16px}.quick-grid b{font-size:10px}.quick-grid small{font-size:9px;line-height:1.4}
 .section{padding:58px 0}
 .intro-grid,.vision-inner,.profile-grid{grid-template-columns:1fr;gap:22px}
 .intro-grid h2,.section-heading h2,.profile-grid h2{font-size:clamp(27px,7vw,32px)}
 .section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:24px}
 .section-heading>.text-link{font-size:10px;white-space:normal;margin-top:12px}
 .news-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
 .news-image{height:clamp(145px,30vw,210px)}
 .news-meta{padding:14px 13px 6px;flex-wrap:wrap;font-size:9px}
 .news-card h3{font-size:14px;margin:7px 13px 8px}.news-card p{font-size:11px;margin:0 13px 13px}.read-more{font-size:10px;margin-left:13px}
 .vision-band{padding:52px 0}.vision-inner blockquote{padding-left:18px;font-size:13px}
 .footer-main{grid-template-columns:1fr 1fr;gap:28px 20px;padding:42px 0}.footer-brand{grid-column:1/-1}
}
@media(max-width:440px){
 .hero-content{padding-top:34px}
 .hero h1{font-size:clamp(30px,8.5vw,36px)}
 .hero-actions{flex-direction:column;align-items:stretch}
 .hero-actions .btn{width:100%;justify-content:space-between}
 .hero-image{height:175px;margin-top:22px}
 .section-heading{display:block}.section-heading>.text-link{display:inline-flex;margin-top:12px}
 .news-grid{grid-template-columns:1fr;gap:18px}.news-image{height:210px}
 .news-meta{padding:16px 16px 6px}.news-card h3{font-size:16px;margin-left:16px;margin-right:16px}.news-card p{font-size:12px;margin-left:16px;margin-right:16px}.read-more{font-size:11px;margin-left:16px}
 .footer-main{grid-template-columns:1fr}.footer-brand{grid-column:auto}
}


/* v1.37: konsistensi margin kiri/kanan hero beranda */
.hero > .hero-content.container {
  box-sizing: border-box;
  width: min(1200px, calc(100% - 80px));
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 1101px) {
  .hero > .hero-content.container { padding-right: min(39%, 470px); }
  .hero > .hero-content.container h1 { max-width: 720px; }
}
@media (min-width: 761px) and (max-width: 1100px) {
  .hero > .hero-content.container {
    width: calc(100% - 64px);
    padding-right: 0;
  }
  .hero > .hero-content.container h1 { max-width: 780px; }
}
@media (max-width: 760px) {
  .hero > .hero-content.container {
    width: calc(100% - 36px);
    padding-left: 0;
    padding-right: 0;
  }
}


/* v1.38: definitive hero gutters; overrides legacy duplicate rules */
@media (min-width: 1101px) {
  body main > .hero > .container.hero-content {
    width: min(1280px, calc(100% - 120px)) !important;
    max-width: 1280px !important;
    margin-left: auto !important; margin-right: auto !important;
    padding-left: 0 !important; padding-right: min(38%, 460px) !important;
  }
  body main > .hero > .container.hero-content h1 { max-width: 720px !important; }
}
@media (min-width: 761px) and (max-width: 1100px) {
  body main > .hero > .container.hero-content {
    width: calc(100% - 96px) !important; max-width: 1000px !important;
    margin-left: auto !important; margin-right: auto !important;
    padding: 52px 0 58px !important;
  }
  body main > .hero > .container.hero-content h1 { max-width: 780px !important; font-size: clamp(38px, 5vw, 54px) !important; }
  body main > .hero > .hero-image { right: 32px !important; }
}
@media (max-width: 760px) {
  body main > .hero > .container.hero-content {
    width: calc(100% - 40px) !important; max-width: none !important;
    margin-left: auto !important; margin-right: auto !important;
    padding: 36px 0 0 !important;
  }
  body main > .hero > .container.hero-content h1 { max-width: 100% !important; }
}


/* v1.46: ruang vertikal hero beranda agar konten tidak menempel tepi atas/bawah */
@media (min-width: 1101px) {
  body main > .hero {
    min-height: max(760px, 92svh);
    align-items: center;
  }
  body main > .hero > .container.hero-content {
    padding-top: 76px !important;
    padding-bottom: 82px !important;
  }
}
@media (min-width: 761px) and (max-width: 1100px) {
  body main > .hero { min-height: 700px; }
  body main > .hero > .container.hero-content {
    padding-top: 64px !important;
    padding-bottom: 72px !important;
  }
}


/* v1.56: Header utama tetap terlihat saat halaman digulir */
.site-header{position:sticky!important;top:0!important;z-index:1000!important;width:100%;background:rgba(255,255,255,.97);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);isolation:isolate;}
.site-header .header-inner{position:relative;}
html{scroll-padding-top:100px;}
@media(max-width:700px){.site-header{top:0!important;}.site-header .header-inner{min-height:72px;}}