@font-face{font-family:DMS;src:url(sans.ttf) format("truetype");font-display:swap}
@font-face{font-family:Display;src:url(serif.ttf) format("truetype");font-display:swap}
@font-face{font-family:Display;font-style:italic;src:url(italic.ttf) format("truetype");font-display:swap}
:root{--paper:#ffffff;--ink:#101d34;--green:#0a2a66;--muted:#4b586b;--rule:#d2d9e2;--accent:#815617}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 DMS,Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid #cc963e;outline-offset:4px}a:hover{text-decoration:underline;text-underline-offset:5px}.wrap{width:min(1190px,89vw);margin-inline:auto}.skip{position:fixed;top:-5rem;left:12px;background:white;padding:8px;z-index:10}.skip:focus{top:10px}.head{display:flex;align-items:center;justify-content:space-between;padding:19px 0;border-bottom:1px solid var(--rule);gap:25px}.brand{display:flex;gap:12px;align-items:center;font:24px Display,Georgia,serif;letter-spacing:-.7px}.monogram{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--green);color:#fff9e7;font:italic 28px Display,Georgia,serif}nav{display:flex;align-items:center;gap:clamp(16px,3vw,40px);font-size:14px}.navlink{border:1px solid #99a69b;border-radius:30px;padding:7px 17px}.navlink span{margin-left:5px}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:6%;align-items:center;padding-block:clamp(42px,5vw,70px)}.eyebrow{display:flex;gap:12px;align-items:center;color:var(--green);font-size:12px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;margin:0 0 22px}.eyebrow i{width:26px;height:2px;background:var(--accent)}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:Display,Georgia,serif;font-weight:400}h1{font-size:clamp(78px,7.7vw,118px);letter-spacing:-.054em;line-height:.98}h1 em,h2 em{font-weight:400;color:var(--accent)}.intro{font-size:clamp(17px,1.4vw,21px);line-height:1.6;max-width:485px;margin:28px 0 30px;color:#46554e}.button{display:inline-flex;align-items:center;gap:30px;background:var(--green);border-radius:4px;color:white;padding:13px 20px;font-size:15px}.button:hover{background:#0a257e}.portrait{margin:0}.portrait-frame{position:relative;overflow:hidden;height:clamp(360px,33vw,470px);background:linear-gradient(122deg,#193d32,#3a6451);border-radius:46% 46% 2px 2px / 44% 44% 2px 2px}.drawing{position:absolute;inset:0;background:repeating-radial-gradient(ellipse at 55% 90%,transparent 0 29px,#c0b58940 30px,transparent 31px 43px)}.portrait-frame img{position:absolute;left:50%;top:4%;width:81%;height:auto;transform:translateX(-50%)}figcaption{display:flex;flex-wrap:wrap;gap:6px 12px;justify-content:space-between;color:var(--muted);font-size:12px;letter-spacing:.03em;padding-top:10px}figcaption span{font-style:italic}.chapter{background:#f0f3f8;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.chapter,.work-section,.media,footer{padding-block:clamp(54px,7vw,98px)}.split{display:grid;grid-template-columns:.87fr 1.13fr;gap:9%}h2{font-size:clamp(42px,4.6vw,74px);line-height:1.06;letter-spacing:-.047em}.reading p,.work-copy p{color:#344154}.reading .lead{color:var(--ink);font:clamp(22px,2vw,30px)/1.44 Display,Georgia,serif;margin-bottom:16px}.timeline{margin-top:33px}.timeline>div{display:grid;grid-template-columns:60px auto;column-gap:24px;border-top:1px solid #bdcad9;padding:20px 0}.timeline b{font-size:14px;color:var(--accent);padding-top:4px}.timeline h3,.work-copy h3,.contact h3{font-size:25px;line-height:1.2;margin-bottom:10px}.timeline p{font-size:15px}.work-section{background:#ffffff}.work-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:7%;align-items:start;margin-top:35px}.archive-photo img{width:100%;height:auto;display:block}.work-copy p{font-size:16px;margin:14px 0}.line-link,.contact a{display:inline-block;padding:3px 0;border-bottom:1px solid currentColor;font-size:14px;font-weight:600;color:var(--green)}.role{margin-top:28px;padding-top:20px;border-top:1px solid var(--rule)}.media{border-top:1px solid var(--rule)}.presslist{margin:30px 0 22px}.presslist a{display:grid;grid-template-columns:175px 1fr auto;gap:22px;align-items:center;padding:23px 0;border-top:1px solid var(--rule)}.presslist a:last-child{border-bottom:1px solid var(--rule)}.pub{font-weight:700;color:var(--green);font-size:15px}.pub small{display:block;color:var(--muted);font-size:12px;font-weight:400}.presslist h3{font-size:clamp(21px,2.5vw,31px);line-height:1.22}.presslist a>span{color:var(--accent);font-size:24px}footer{background:#00142d;color:#f7f1df}footer .eyebrow,footer h2 em,footer .contact a{color:#eed7a8}footer .eyebrow i{background:#d8a976}.contact{display:grid;grid-template-columns:1fr 1fr;gap:8%;margin-top:30px}.contact>div{border-top:1px solid #718097;padding-top:20px}.contact p{max-width:450px;color:#e1e8f2;margin:10px 0}.footnote{display:flex;justify-content:space-between;gap:15px;margin-top:48px;font-size:13px;color:#e1e8f2}
@media(max-width:760px){.wrap{width:90vw}.head{flex-wrap:wrap;gap:12px;padding:13px 0}nav{gap:19px}.hero{gap:28px;grid-template-columns:1fr 0.8fr}.hero h1{font-size:clamp(48px,8.5vw,72px)}.portrait-frame{height:300px}.portrait-frame img{width:100%}.split,.work-grid{grid-template-columns:1fr;gap:26px}.work-grid{margin-top:25px}.archive-photo{max-width:540px}.presslist a{grid-template-columns:125px 1fr auto;gap:12px}.eyebrow{font-size:10px;margin-bottom:16px}}
@media(max-width:560px){.head{gap:12px}.brand{font-size:21px}.monogram{width:32px;height:32px;font-size:23px}nav{width:100%;justify-content:space-between;gap:7px;font-size:13px}.navlink{padding:3px 11px}.hero{grid-template-columns:1fr;padding-block:34px}.hero h1{font-size:clamp(59px,15vw,83px)}.intro{margin:20px 0}.portrait{width:100%;max-width:430px}.portrait-frame{height:310px}.portrait-frame img{width:68%}.presslist a{grid-template-columns:1fr auto;gap:6px}.presslist .pub{grid-column:1/-1}.pub small{display:inline;margin-left:7px}.contact{grid-template-columns:1fr;gap:24px}.timeline>div{grid-template-columns:45px 1fr;gap:15px}.footnote{font-size:12px}.button{padding:10px 15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

header{background:#00142d;color:#fff}.head{border:0;min-height:74px}.brand{gap:20px}.ahb-logo{display:block;width:113px;height:auto}.wordmark{border-left:1px solid #59718c;padding-left:17px;color:#fff;font-size:22px}.navlink{border-color:#71839b;border-radius:3px}header a:hover{color:#f0d3a6}.hero-band{position:relative;background:#051932;color:white;isolation:isolate;overflow:hidden}.hero-band:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#00142df5 5%,#00142dec 43%,#00142d9e 95%),url('reka-bina.webp') center 52%/cover}.hero{padding-block:42px 40px;grid-template-columns:1.22fr .78fr;gap:6%;min-height:530px}.hero .eyebrow,.hero h1 em{color:#e7bd81}.hero .eyebrow i{background:#d4a76c}.hero h1{font-size:clamp(72px,6.8vw,110px);line-height:1.03;letter-spacing:-.04em}.hero .intro{color:#e8eef6;max-width:550px}.hero-actions{display:flex;flex-wrap:wrap;gap:18px 26px;align-items:center}.button{background:#e4b879;color:#00142d;font-weight:700;border-radius:2px}.button:hover{color:#00142d;background:#f2d3a6}.secondary{font-size:14px;color:white;text-decoration:underline;text-underline-offset:6px}.portrait{max-width:400px;justify-self:end;width:100%;padding:0;position:relative}.portrait-frame{border-radius:2px;background:#e8ecf0;height:clamp(330px,29vw,420px);border-top:4px solid #d4a76c}.portrait-frame img{position:static;transform:none;width:100%;height:100%;object-fit:cover;object-position:center 28%}.portrait figcaption{display:block;background:#0a2a66;padding:13px 18px;border-left:3px solid #d4a76c;color:#fff;letter-spacing:0}.portrait figcaption strong,.portrait figcaption span{display:block}.portrait figcaption strong{font-size:17px;font-weight:700}.portrait figcaption span{color:#d8e1ed;font-style:normal;font-size:13px}.wiki{margin-top:12px}.timeline b{color:#815617}.work-section .archive-photo img{border:1px solid #d2d9e2}.guide{background:#0a2a66;color:white;padding:clamp(45px,6vw,80px) 0}.guide .wrap{max-width:950px}.guide .eyebrow,.guide h2 em{color:#eccb94}.guide .eyebrow i{background:#d4a76c}.guide-intro{color:#dee9f8;max-width:720px;margin:20px 0 26px}.guide details{border-top:1px solid #6e85a6}.guide details:last-child{border-bottom:1px solid #6e85a6}.guide summary{cursor:pointer;padding:15px 0;font-size:clamp(17px,2vw,23px)}.guide details p{margin:0 0 18px;max-width:740px;color:#edf2fb}.socials{display:flex;flex-wrap:wrap;gap:10px 24px;border-top:1px solid #718097;margin:35px 0 0;padding-top:19px}.socials a{color:#f2d3a6}.socials strong{margin-right:10px}.footnote{margin-top:25px}body:has(.archive) .head>a:last-child{color:white}
@media(max-width:750px){.hero{grid-template-columns:1fr .68fr;gap:20px;min-height:0}.hero h1{font-size:clamp(51px,7.4vw,70px)}.portrait-frame{height:290px}.ahb-logo{width:88px}.head{min-height:60px}.wordmark{font-size:18px}.hero .intro{font-size:16px;margin:18px 0}}
@media(max-width:560px){.hero{grid-template-columns:1fr;gap:26px;padding:34px 0 29px}.hero h1{font-size:clamp(55px,13vw,76px)}.portrait{max-width:none}.portrait-frame{height:260px}.portrait-frame img{object-position:50% 20%}.portrait figcaption{padding:8px 14px}.hero-actions{gap:12px 17px}.head{padding-block:11px}.hero-band:before{background-position:66% center}.socials strong{flex-basis:100%}}
.qualifications{padding:45px 0 65px;border-top:1px solid var(--rule)}.quals{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:25px}.quals article{padding:24px;border:1px solid #c9d2df;border-top:3px solid #d4a76c}.qual-org{font-weight:700;font-size:13px;color:#0a2a66}.quals h3{font-size:25px;line-height:1.2;margin:8px 0}.quals .line-link{margin-top:12px}.work-copy>.line-link{margin-right:12px}@media(max-width:650px){.quals{grid-template-columns:1fr}}
.story{padding:clamp(50px,6vw,86px) 0;background:#f1f4f8}.story-head{padding:0 0 28px;border-bottom:1px solid #bdc9d7}.story-layout{display:grid;grid-template-columns:minmax(145px,.39fr) minmax(0,1fr);gap:clamp(24px,7vw,105px);padding-top:26px}.chapter-nav{display:flex;flex-direction:column;align-self:start;gap:8px;border-left:2px solid #d4a76c;padding-left:16px}.chapter-nav p,.story-date{color:#77511f;font-weight:700;font-size:13px}.chapter-nav a{font-size:14px;color:#183662}.story-body{max-width:730px}.story-body article{padding:28px 0 32px;border-bottom:1px solid #c5cfdd;scroll-margin:22px}.story-body article:first-child{padding-top:0}.story-body article:last-child{border:0}.story-body p:not(.story-date){margin-top:14px}.story-body article:first-child .lead{margin-top:0}.story-body .lead{font:clamp(23px,2.1vw,33px)/1.42 Display,Georgia,serif;color:#0a2a66}.story-body h3{font-size:clamp(29px,3vw,45px);line-height:1.12;letter-spacing:-.035em;margin:6px 0 15px}.haryana{display:flex;align-items:center;gap:20px;background:#fff;padding:13px 18px;margin:20px 0 0;border-left:3px solid #d4a76c}.haryana img{width:80px;height:92px;object-fit:contain}.haryana figcaption{display:block;padding:0}.haryana strong,.haryana span,.haryana a{display:block}.haryana strong{font-size:17px;color:#0a2a66}.haryana span{font-style:normal}.haryana a{margin-top:5px;font-size:13px;text-decoration:underline;color:#0a2a66}.story-body .story-sign{font:italic clamp(25px,3vw,40px)/1.3 Display,Georgia,serif;color:#0a2a66}.chapter-links{display:flex;flex-wrap:wrap;gap:10px 23px;margin-top:16px}.teamphoto{margin:22px 0 0}.teamphoto img{display:block;width:100%;max-height:520px;object-fit:contain;background:#e4eaf1}.media-intro{max-width:730px;margin:20px 0 0;color:#364b65}@media(max-width:760px){.story-layout{grid-template-columns:1fr}.chapter-nav{flex-direction:row;flex-wrap:wrap;gap:6px 17px}.chapter-nav p{width:100%}.story-head h2 br{display:none}.teamphoto{margin-top:6px}}@media(max-width:470px){.haryana{gap:11px;padding:10px}.haryana img{width:58px}.haryana span{font-size:12px}}


.tv9-feature { width:100%; max-width:470px; margin:23px 0 0; }
.tv9-player { position:relative; aspect-ratio:16/9; overflow:hidden; background:#00142d; border:1px solid #9f8765; border-radius:3px; }
.tv9-play,.tv9-player iframe { display:block; width:100%; height:100%; border:0; }
.tv9-play { position:relative; color:white; }
.tv9-play:focus-visible { outline-offset:-4px; }
.tv9-play img { display:block; width:100%; height:100%; object-fit:cover; object-position:50% 38%; }
.tv9-overlay { position:absolute; inset:auto 0 0; display:flex; gap:10px; align-items:center; padding:27px 14px 12px; font:600 clamp(14px,1.3vw,17px)/1.25 DMS,Arial,sans-serif; color:#fff; background:linear-gradient(transparent,rgba(0,14,34,.95)); }
.tv9-icon { display:grid; place-items:center; flex:none; width:32px; height:32px; padding-left:2px; border-radius:50%; color:#00142d; background:#efd09c; font:14px Arial,sans-serif; }
.tv9-play:hover .tv9-icon { background:white; }
.tv9-feature figcaption { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:6px 1px 0; font:12px/1.5 DMS,Arial,sans-serif; letter-spacing:.02em; color:#e4e9f0; }
.tv9-feature figcaption span { font-style:normal; }
.tv9-feature figcaption a { text-decoration:underline; text-underline-offset:3px; }
.hero .tv9-feature + .intro { margin-top:18px; }


.album-mak {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 16px;
  margin: 25px 0;
}
.album-mak figure { margin: 0; }
.album-mak figure > a { display: block; }
.album-mak img { display: block; width: 100%; height: auto; border-radius: 2px; }
.album-mak figcaption {
  display: block; margin-top: 10px; padding: 0 0 0 10px;
  border-left: 2px solid #d4a76c; color: #425269;
  font: 14px/1.5 DMS, Arial, sans-serif; letter-spacing: normal;
}
.album-mak figcaption strong { display: block; color: #102747; }
@media (max-width: 540px) {
  .album-mak { grid-template-columns: minmax(0, 1fr); gap: 18px; }
}

.profil-saya { display: flex; flex-wrap: wrap; gap: 8px 22px; align-items: baseline; }

.ipoh-memory {
  display: grid;
  grid-template-columns: minmax(155px, .78fr) minmax(0, 1.22fr);
  align-items: start;
  gap: clamp(18px, 3vw, 34px);
  margin: 28px 0;
}
.ipoh-memory figure, .ipoh-profile { margin: 0; }
.ipoh-memory img, .ipoh-profile img { display: block; width: 100%; height: auto; border-radius: 2px; }
.ipoh-memory figcaption, .ipoh-profile figcaption {
  display: block; font: 14px/1.5 DMS, Arial, sans-serif; letter-spacing: normal;
  padding: 9px 0 0; color: #425269;
}
.story-body .ipoh-memory h4, .story-body .ipoh-today {
  margin: 0; color:#0a2a66; font: normal clamp(22px, 2.2vw, 30px)/1.2 Display, Georgia, serif;
}
.ipoh-memory .line-link { margin-top: 12px; }
.story-body .ipoh-today { margin: 30px 0 12px; }
.ipoh-profile { margin-bottom: 23px; }
.ipoh-profile figcaption { margin-top: 12px; padding: 0 0 0 12px; border-left: 3px solid #d4a76c; }
.ipoh-profile figcaption strong { display: block; color: #102747; font-size: 17px; }
.ipoh-profile figcaption span { display: block; margin-top: 5px; font-style: normal; }
.ipoh-profile figcaption a { text-decoration: underline; text-underline-offset: 3px; color: #23446e; }
@media (max-width: 620px) {
  .ipoh-memory { grid-template-columns: 1fr; gap: 18px; }
  .ipoh-memory figure { width: min(100%, 330px); }
}


.pkpm-story { display:grid; grid-template-columns:.85fr 1.15fr; gap:7%; margin-top:52px; padding-top:32px; border-top:1px solid var(--rule); scroll-margin-top:24px; }
.pkpm-story .eyebrow { margin-bottom:14px; }
.pkpm-story h3 { font-size:clamp(30px,3.3vw,48px); letter-spacing:-.035em; line-height:1.12; }
.pkpm-copy p { color:#344154; font-size:17px; line-height:1.65; }
.pkpm-copy p + p { margin-top:14px; }
@media(max-width:760px) { .pkpm-story { grid-template-columns:1fr; gap:18px; margin-top:32px; padding-top:24px; } }