.about-hero{background:linear-gradient(180deg,#071c46 0 54%,var(--ivory) 54% 100%);padding:34px 0 0}
.about-hero-shell{overflow:hidden;background:#fff;border-radius:6px 6px 22px 22px;box-shadow:var(--shadow-md)}
.about-hero-grid{display:grid;grid-template-columns:1.03fr .97fr;min-height:530px}
.about-hero-copy{position:relative;padding:74px 64px;color:#fff;background:linear-gradient(135deg,#112250,#14386c 67%,#284d7d)}
.about-hero-copy::before{content:"";position:absolute;width:280px;height:280px;border-radius:50%;border:1px solid rgba(231,226,206,.18);top:-150px;left:-100px;box-shadow:0 0 0 32px rgba(231,226,206,.025),0 0 0 68px rgba(231,226,206,.02)}
.about-hero-copy>*{position:relative;z-index:1}.about-hero-copy .eyebrow{color:#eed9aa}.about-hero-copy h1{margin-top:16px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(3rem,5vw,5.2rem);line-height:.98;font-weight:500;letter-spacing:-.035em}.about-hero-copy p{margin-top:22px;max-width:590px;color:rgba(255,255,255,.8);font-size:1.02rem}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.about-hero-media{position:relative;overflow:hidden;background:#d5dae3}.about-hero-media img{width:100%;height:100%;min-height:530px;object-fit:cover}.about-hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(17,34,80,.3));pointer-events:none}.media-badge{position:absolute;left:26px;right:26px;bottom:24px;z-index:2;padding:17px 19px;border-radius:14px;background:rgba(255,255,255,.9);backdrop-filter:blur(12px);box-shadow:var(--shadow-sm)}.media-badge span{display:block;font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;font-weight:900;color:var(--muted)}.media-badge strong{display:block;margin-top:4px;font-family:Georgia,"Times New Roman",serif;font-size:1.3rem;color:var(--navy)}

.fact-strip{margin-top:18px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-sm);display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden}.fact{padding:23px 25px;border-right:1px solid var(--line)}.fact:last-child{border-right:0}.fact span{display:block;font-size:.68rem;color:#89919d;text-transform:uppercase;letter-spacing:.09em;font-weight:850}.fact strong{display:block;margin-top:5px;color:var(--navy);font-family:Georgia,"Times New Roman",serif;font-size:1.17rem}.fact small{display:block;margin-top:3px;color:var(--muted);font-size:.7rem}

.profile-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:58px;align-items:center}.profile-media{position:relative}.profile-media img{width:100%;aspect-ratio:4/4.25;object-fit:cover;border-radius:20px;box-shadow:var(--shadow-md)}.profile-float{position:absolute;right:-20px;bottom:28px;max-width:250px;padding:20px;border-radius:16px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-md)}.profile-float span{font-size:.67rem;text-transform:uppercase;letter-spacing:.1em;font-weight:900;color:var(--gold)}.profile-float strong{display:block;margin-top:5px;color:var(--navy);font-family:Georgia,"Times New Roman",serif;font-size:1.18rem}.profile-copy p{margin-top:16px;color:var(--muted);font-size:.95rem}.profile-copy p:first-of-type{font-size:1.02rem;color:#4d596d}.profile-details{margin-top:25px;display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}.detail{padding:17px 19px;border-bottom:1px solid var(--line)}.detail:nth-child(odd){border-right:1px solid var(--line)}.detail:nth-last-child(-n+2){border-bottom:0}.detail span{display:block;font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:#9098a4}.detail strong{display:block;margin-top:4px;color:var(--navy);font-size:.86rem}

.timeline-section{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.timeline-head{text-align:center;max-width:760px;margin:0 auto 38px}.timeline-head .section-lead{margin-inline:auto}.timeline{display:grid;grid-template-columns:repeat(4,1fr);position:relative}.timeline::before{content:"";position:absolute;left:8%;right:8%;top:34px;height:1px;background:#d9d8d2}.milestone{position:relative;padding:0 18px;text-align:center}.milestone-dot{position:relative;z-index:2;margin:0 auto 18px;width:68px;height:68px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#15356a,#0d214c);color:#fff;font-family:Georgia,"Times New Roman",serif;font-size:1rem;box-shadow:0 10px 26px rgba(17,34,80,.18);border:6px solid #f7f5ef}.milestone h3{font-family:Georgia,"Times New Roman",serif;color:var(--navy);font-size:1.12rem}.milestone p{margin-top:8px;color:var(--muted);font-size:.78rem}

.purpose-section{padding:80px 0;background:linear-gradient(145deg,#0b1d45,#15386d);color:#fff;overflow:hidden}.purpose-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:36px}.purpose-head .section-title{margin-top:10px;color:#fff}.purpose-grid-opt6{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.purpose-card-opt6{display:flex;flex-direction:column;padding:32px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.035));box-shadow:inset 0 1px rgba(255,255,255,.08),0 14px 32px rgba(11,24,57,.25);transition:transform .3s ease,border-color .3s ease}.purpose-card-opt6:hover{transform:translateY(-4px);border-color:rgba(196,149,67,.5)}.card-head-opt6{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px}.num-badge{color:#e9cf97;font-size:.7rem;font-weight:900;letter-spacing:.12em}.tag-label{color:rgba(255,255,255,.5);font-size:.65rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;text-align:right}.purpose-card-opt6 h3{margin-bottom:12px;color:#fff;font:600 1.6rem Georgia,"Times New Roman",serif}.quote-text{margin-top:6px;padding-left:14px;border-left:3px solid #c49543;color:#fff;font:400 1.15rem/1.55 Georgia,"Times New Roman",serif}.misi-list,.objektif-list,.prinsip-list{display:grid;gap:8px;padding-left:20px;color:rgba(255,255,255,.82);font-size:.88rem;line-height:1.5}

@media(max-width:1000px){.about-hero-grid{grid-template-columns:1fr}.about-hero-media img{min-height:390px}.fact-strip{grid-template-columns:1fr 1fr}.fact:nth-child(2){border-right:0}.fact:nth-child(-n+2){border-bottom:1px solid var(--line)}.profile-grid{grid-template-columns:1fr;gap:34px}.profile-media{max-width:700px}.profile-float{right:18px}.timeline{grid-template-columns:1fr 1fr;gap:36px 0}.timeline::before{display:none}}
@media(max-width:900px){.purpose-grid-opt6{grid-template-columns:1fr}.purpose-head{align-items:flex-start;flex-direction:column}}
@media(max-width:700px){.about-hero{padding-top:16px}.about-hero-shell{border-radius:0 0 16px 16px}.about-hero-copy{padding:48px 28px}.about-hero-copy h1{font-size:clamp(2.35rem,12vw,3rem)}.about-hero-media img{min-height:300px}.fact-strip{grid-template-columns:1fr}.fact{border-right:0!important;border-bottom:1px solid var(--line)!important}.fact:last-child{border-bottom:0!important}.profile-details{grid-template-columns:1fr}.detail{border-right:0!important;border-bottom:1px solid var(--line)!important}.detail:last-child{border-bottom:0!important}.profile-float{position:static;margin:-24px 18px 0;max-width:none}.timeline{grid-template-columns:1fr}.purpose-card-opt6{padding:24px}.card-head-opt6{align-items:flex-start;flex-direction:column;gap:6px}.tag-label{text-align:left}}