@font-face{font-family:Manrope;src:url('../manrope.woff2') format('woff2');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,Arial,sans-serif;color:#10261f;background:#f6f3eb;line-height:1.65}a{color:inherit}img{max-width:100%;display:block}.shell{width:min(1180px,calc(100% - 36px));margin:auto}.topline{background:#072f2b;color:#e9efe9;font-size:13px}.topline .shell{display:flex;justify-content:space-between;gap:24px;padding:9px 0}.mast{position:sticky;top:0;z-index:50;background:rgba(250,248,241,.94);backdrop-filter:blur(15px);border-bottom:1px solid #d9d2c2}.mastin{height:82px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand img{width:52px;height:58px;object-fit:contain}.brand strong{font-size:20px;letter-spacing:-.4px}.brand small{display:block;font-size:10px;letter-spacing:1.9px;text-transform:uppercase;color:#6f746b}.nav{display:flex;gap:6px;align-items:center}.nav a{font-size:13px;text-decoration:none;padding:11px 12px;border-radius:2px}.nav a:hover,.nav a.active{background:#0c4b43;color:#fff}.menu{display:none;border:0;background:#0c4b43;color:#fff;width:44px;height:44px;font-size:22px}.hero{min-height:660px;position:relative;overflow:hidden;background:#062f2a;color:#fff}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,30,27,.93) 0%,rgba(3,30,27,.72) 43%,rgba(3,30,27,.18) 77%),url('https://commons.wikimedia.org/wiki/Special:FilePath/Istana%20Maimun%2C%20Medan.jpg') center/cover}.hero:after{content:'';position:absolute;right:-10vw;bottom:-180px;width:55vw;height:360px;background:#d6a52e;transform:skewY(-9deg);opacity:.95}.hero .shell{position:relative;z-index:2;display:grid;grid-template-columns:1.15fr .85fr;min-height:660px;align-items:center;gap:60px}.eyebrow{font-size:12px;letter-spacing:2.4px;text-transform:uppercase;color:#e8c666;font-weight:800}.hero h1{font-size:clamp(46px,6vw,82px);line-height:.98;margin:15px 0 20px;letter-spacing:-3.5px;max-width:800px}.hero p{font-size:17px;max-width:650px;color:#eef3ef}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;padding:13px 18px;border:1px solid #e8c666;text-decoration:none;font-weight:800;font-size:13px;background:#e8c666;color:#082f2b}.btn.alt{background:transparent;color:#fff}.hero-note{align-self:end;margin-bottom:65px;background:rgba(250,248,241,.95);color:#10261f;padding:24px;border-left:6px solid #d6a52e;max-width:340px}.hero-note strong{display:block;font-size:18px}.quick{position:relative;z-index:5;margin-top:-46px}.quickgrid{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;box-shadow:0 24px 55px rgba(20,32,28,.16)}.quick a{padding:26px;text-decoration:none;border-right:1px solid #e6e1d7;transition:.25s}.quick a:hover{background:#0c4b43;color:#fff;transform:translateY(-5px)}.quick span{display:block;color:#a07814;font-size:11px;font-weight:900;letter-spacing:1.5px;text-transform:uppercase}.quick strong{font-size:16px}.section{padding:86px 0}.section.dark{background:#082f2b;color:#fff}.section.gold{background:#d8ad43}.sectionhead{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:32px}.sectionhead h2{font-size:clamp(34px,4vw,54px);line-height:1.05;margin:6px 0;letter-spacing:-2px}.sectionhead p{max-width:520px;color:#69736f}.dark .sectionhead p{color:#bfd0c9}.leadgrid{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}.feature{position:relative;min-height:500px;overflow:hidden;background:#10261f}.feature img{width:100%;height:500px;object-fit:cover;opacity:.72;transition:.5s}.feature:hover img{transform:scale(1.03)}.feature .copy{position:absolute;inset:auto 0 0;padding:34px;color:#fff;background:linear-gradient(transparent,rgba(3,29,26,.96))}.feature h3{font-size:30px;line-height:1.18;margin:10px 0}.stack{display:grid;gap:20px}.story{display:grid;grid-template-columns:180px 1fr;background:#fff;min-height:220px}.story img{width:100%;height:100%;object-fit:cover}.story .copy{padding:24px}.story h3{font-size:18px;line-height:1.3;margin:8px 0}.meta{font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:#9a7415;font-weight:900}.story a,.feature a,.event a{text-decoration:none}.eventgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.event{background:#f8f4e9;color:#10261f}.event img{height:260px;width:100%;object-fit:cover}.event .copy{padding:22px}.event h3{font-size:20px;line-height:1.3;margin:8px 0}.profileband{display:grid;grid-template-columns:.7fr 1.3fr;gap:40px;align-items:center}.portrait{background:#113f39;padding:20px}.portrait img{height:520px;width:100%;object-fit:cover}.profileband h2{font-size:48px;line-height:1.06;margin:10px 0}.facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.2);margin-top:30px}.fact{padding:22px 18px 0 0}.fact strong{display:block;font-size:28px;color:#e8c666}.network{display:flex;gap:12px;overflow:auto;scroll-snap-type:x mandatory;padding:8px 2px 20px}.network a{flex:0 0 250px;scroll-snap-align:start;background:#fff;border:1px solid #ddd5c4;padding:16px;text-decoration:none;display:flex;gap:13px;align-items:center;min-height:82px}.network a.current{background:#0c4b43;color:#fff;border-color:#0c4b43}.network img{width:42px;height:48px;object-fit:contain}.network small{display:block;color:#8b7a56}.current small{color:#d8e7e2}.footer{background:#061f1c;color:#ccd8d3;padding:54px 0 24px}.footgrid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:50px}.footer a{color:#e3ece8;text-decoration:none}.footer h3{color:#fff}.subhero{padding:90px 0 58px;background:#082f2b;color:#fff;position:relative;overflow:hidden}.subhero:after{content:'';position:absolute;right:-80px;top:-140px;width:420px;height:420px;border:70px solid rgba(216,173,67,.24);transform:rotate(25deg)}.subhero h1{font-size:clamp(38px,5vw,64px);margin:8px 0;line-height:1.05;letter-spacing:-2px}.crumb{font-size:12px;color:#e8c666}.content{padding:66px 0}.twocol{display:grid;grid-template-columns:1fr 330px;gap:42px}.prose{font-size:16px}.prose h2{font-size:31px;line-height:1.2;margin-top:34px}.prose img{width:100%;max-height:520px;object-fit:cover;margin:28px 0}.side{background:#fff;padding:24px;height:max-content;border-top:5px solid #d6a52e}.side h3{margin-top:0}.source{padding:18px;border-left:4px solid #d6a52e;background:#f0eadc;margin:25px 0;font-size:13px}.source a{color:#0c4b43;font-weight:800}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#fff}.card img{height:235px;width:100%;object-fit:cover}.card .copy{padding:22px}.card h2,.card h3{font-size:21px;line-height:1.3}.service{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.service article{background:#fff;padding:28px;border-top:5px solid #0c4b43}.contactgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.contactgrid article{background:#fff;padding:25px}.reveal{opacity:0;transform:translateY(18px);transition:.6s ease}.reveal.in{opacity:1;transform:none}.credit{font-size:11px;color:#68736e;margin-top:7px}@media(max-width:900px){.nav{display:none;position:absolute;left:0;right:0;top:82px;background:#f8f5ed;padding:16px;flex-direction:column;align-items:stretch}.nav.open{display:flex}.menu{display:block}.topline{display:none}.hero .shell{grid-template-columns:1fr;min-height:640px}.hero-note{display:none}.hero h1{font-size:52px}.quickgrid{grid-template-columns:repeat(2,1fr)}.leadgrid,.profileband,.twocol{grid-template-columns:1fr}.eventgrid,.cards{grid-template-columns:1fr 1fr}.story{grid-template-columns:150px 1fr}.footgrid{grid-template-columns:1fr}.facts{grid-template-columns:1fr 1fr}.contactgrid{grid-template-columns:1fr}.service{grid-template-columns:1fr}}@media(max-width:600px){.shell{width:min(100% - 24px,1180px)}.brand strong{font-size:15px}.brand small{font-size:8px}.hero{min-height:600px}.hero .shell{min-height:600px}.hero h1{font-size:42px;letter-spacing:-2px}.hero p{font-size:14px}.quick{margin-top:-20px}.quickgrid{grid-template-columns:1fr 1fr}.quick a{padding:18px 14px}.section{padding:58px 0}.sectionhead{display:block}.sectionhead h2{font-size:37px}.eventgrid,.cards{grid-template-columns:1fr}.story{grid-template-columns:1fr}.story img{height:210px}.feature,.feature img{height:430px;min-height:430px}.feature h3{font-size:24px}.facts{grid-template-columns:1fr}.profileband h2{font-size:38px}.portrait img{height:360px}.mastin{height:70px}.nav{top:70px}.brand img{width:43px;height:49px}}