/* home-center-fix2 — align the homepage to the available viewport width. */
body[data-public-page="home"]{font-size:18px}
body[data-public-page="home"] .wrap{width:calc(100% - 80px);max-width:none;margin-inline:auto;padding-inline:0}
body[data-public-page="home"]>header{min-height:100px;padding:18px 40px}
body[data-public-page="home"] .brand{font-size:19px}
body[data-public-page="home"] .brand img{width:48px;height:62px}
body[data-public-page="home"] .brand small{font-size:10px}
body[data-public-page="home"] #navigation{font-size:16px;gap:24px}
body[data-public-page="home"] .button{font-size:16px;min-height:52px;padding:14px 22px}
body[data-public-page="home"] h2{font-size:clamp(34px,3.3vw,54px)}
body[data-public-page="home"] .card-body h3{font-size:27px}
body[data-public-page="home"] .card-body p{font-size:18px}
body[data-public-page="home"] .tag{font-size:12px}
body[data-public-page="home"] .home-hero{
  position:relative;isolation:isolate;display:flex;align-items:center;width:100%;max-width:none;
  min-height:750px;margin:0;padding:76px 0 68px;overflow:hidden;background:#f7f5ef;border-bottom:1px solid #e9e6dd;
}
body[data-public-page="home"] .home-hero-art{position:absolute;z-index:-2;inset:0;background:url("/website-images/home_hero") center right / cover no-repeat}
body[data-public-page="home"] .home-hero::before{
  content:"";position:absolute;z-index:-1;inset:0;
  background:linear-gradient(90deg,#faf8f1fa 0%,#faf8f1ef 26%,#faf8f1d4 38%,#faf8f152 55%,#faf8f10a 74%,#faf8f100 100%);
}
body[data-public-page="home"] .home-hero-content{position:relative;display:grid;grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr);gap:54px;align-items:center}
body[data-public-page="home"] .home-hero-copy{min-width:0;max-width:690px}
body[data-public-page="home"] .home-hero .eyebrow{color:#425974;font-size:14px;margin:0 0 24px}
body[data-public-page="home"] .home-hero h1{font-size:clamp(54px,4.7vw,80px);line-height:1.07;letter-spacing:-2px;color:#172748;margin:0 0 28px}
body[data-public-page="home"] .home-hero h1 em{color:#4479b7}
body[data-public-page="home"] .home-hero .intro{max-width:640px;margin-bottom:30px;color:#425974;font-size:21px;line-height:1.65}
body[data-public-page="home"] .home-hero .outline{background:#fffffff2}
body[data-public-page="home"] .home-hero .values{color:#243955;font-size:14px;margin-top:28px;gap:10px 20px;flex-wrap:wrap}
body[data-public-page="home"] .home-programs{min-width:0;align-self:end;margin-bottom:4px}
body[data-public-page="home"] .home-programs-heading{display:inline-block;margin:0 0 14px;padding:8px 14px;border:1px solid #ffffffa6;border-radius:10px;background:#fffffff0;color:#243955;font-size:15px;font-weight:700;box-shadow:0 4px 24px #1727480d}
body[data-public-page="home"] .home-program-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:1fr;gap:12px;list-style:none;padding:0;margin:0}
body[data-public-page="home"] .home-program-list li{min-width:0}
body[data-public-page="home"] .home-program-badge{display:flex;flex-direction:column;height:100%;overflow:hidden;border:1px solid #ffffffd9;border-radius:13px;background:#fff;color:#172748;box-shadow:0 8px 25px #17274826;transition:transform .18s,box-shadow .18s}
body[data-public-page="home"] .home-program-badge:hover{color:#172748;transform:translateY(-5px);box-shadow:0 14px 30px #17274838}
body[data-public-page="home"] button.home-program-badge{width:100%;padding:0;font:inherit;text-align:left;cursor:pointer}
body[data-public-page="home"] .home-program-art{display:block;width:100%;--program-photo-height:100px;height:var(--program-photo-height);border-radius:0;background-size:max(330%,calc(var(--program-photo-height) * 5.1)) auto;background-position-y:47%}
body[data-public-page="home"] .home-program-art:is(.mentor,.talent,.company){background-size:max(330%,calc(var(--program-photo-height) * 9.4)) auto;background-position-y:77.5%}
body[data-public-page="home"] .home-program-label{display:flex;flex:1;flex-direction:column;justify-content:space-between;gap:8px;padding:13px 10px 12px;border-top:3px solid #5483bd}
body[data-public-page="home"] .home-program-badge.synergy-program .home-program-label{border-top-color:#b75825}
body[data-public-page="home"] .home-program-badge.hub-program .home-program-label{border-top-color:#138c9a}
body[data-public-page="home"] .home-program-label strong{display:block;min-height:39px;font-size:15px;line-height:1.3;overflow-wrap:anywhere}
body[data-public-page="home"] .home-program-label small{color:#52657c;font-size:12px;line-height:1.3}
body[data-public-page="home"] .home-program-label small span{color:#4479b7}
/* The shared html rule already reserves 100px for the sticky header. */
body[data-public-page="home"] :is(#program,#meet-us,#talent-market,#magang){scroll-margin-top:20px}
/* home-flow-fix1 — upcoming event badges lead directly into 96Hub. */
body[data-public-page="home"] .home-events-inner{padding-block:48px 52px}
body[data-public-page="home"] .home-events-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}
body[data-public-page="home"] .home-events-heading .eyebrow{margin:0 0 8px;font-size:12px}
body[data-public-page="home"] .home-events-heading h2{font-size:clamp(28px,2.3vw,38px);line-height:1.2;letter-spacing:-.8px;margin:0}
body[data-public-page="home"] .home-events-count{font-size:14px;margin:8px 0 0}
body[data-public-page="home"] .home-events-count:empty{display:none}
body[data-public-page="home"] .home-events-heading>.text-link{flex-shrink:0;font-size:16px}
body[data-public-page="home"] .home-event-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
body[data-public-page="home"] .home-event-badge{display:flex;min-width:0;overflow:hidden;border:1px solid #dce7ef;border-radius:16px;background:white;box-shadow:0 6px 20px #17274805}
body[data-public-page="home"] .home-event-image{width:112px;min-width:112px;align-self:stretch;object-fit:cover;object-position:center;background:#e8f0f7}
body[data-public-page="home"] .home-event-body{display:flex;flex-direction:column;min-width:0;flex:1;padding:20px;gap:8px}
body[data-public-page="home"] .home-event-category{color:#a35024;font-size:11px;letter-spacing:1px;font-weight:800;text-transform:uppercase;margin:0}
body[data-public-page="home"] .home-event-title{font-size:22px;line-height:1.25;letter-spacing:-.35px;margin:0;overflow-wrap:anywhere}
body[data-public-page="home"] .home-event-title a:hover{color:var(--blue)}
body[data-public-page="home"] .home-event-date{display:block;color:#375a7d;font-size:14px;font-weight:700;line-height:1.5}
body[data-public-page="home"] .home-event-location{font-size:14px;color:#596d82;line-height:1.5;margin:0;overflow-wrap:anywhere}
body[data-public-page="home"] .home-event-link{font-size:14px;font-weight:700;color:var(--blue);margin-top:auto;padding-top:6px;align-self:flex-start}
body[data-public-page="home"] .home-event-link:hover{text-decoration:underline}
@media(max-width:1100px){body[data-public-page="home"] .home-event-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
  body[data-public-page="home"] .home-events-inner{padding-block:34px 38px}
  body[data-public-page="home"] .home-events-heading{align-items:flex-start;gap:16px;flex-direction:column}
  body[data-public-page="home"] .home-event-list{grid-template-columns:minmax(0,1fr);gap:14px}
  body[data-public-page="home"] .home-event-body{padding:18px}
  body[data-public-page="home"] .home-event-image{width:92px;min-width:92px}
  body[data-public-page="home"] .home-event-title{font-size:21px}
}
@media(min-width:1800px){
  body[data-public-page="home"] .home-hero{min-height:830px;padding-top:90px;padding-bottom:76px}
  body[data-public-page="home"] .home-program-art{--program-photo-height:116px}
  body[data-public-page="home"] .home-program-label strong{font-size:17px;min-height:45px}
}
@media(max-width:1499px) and (min-width:1101px){
  body[data-public-page="home"] .home-hero-content{gap:40px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  body[data-public-page="home"] .home-hero h1{font-size:clamp(54px,4.6vw,68px)}
  body[data-public-page="home"] .home-program-list{grid-template-columns:repeat(3,minmax(0,1fr))}
  body[data-public-page="home"] .home-program-art{--program-photo-height:86px}
  body[data-public-page="home"] .home-program-label strong{min-height:0;font-size:16px}
}
@media(max-width:1250px){
  body[data-public-page="home"]>header{gap:20px}
  body[data-public-page="home"] .menu{display:block;border:0;background:none;font-size:28px;color:var(--navy)}
  body[data-public-page="home"] #navigation{display:none;position:absolute;top:100%;left:0;right:0;padding:24px 40px;background:white;box-shadow:0 15px 25px #08234a15;align-items:stretch;gap:12px}
  body[data-public-page="home"] #navigation.open{display:flex;flex-direction:column}
  body[data-public-page="home"] #navigation a{padding:10px 0}
}
@media(max-width:1100px){
  body[data-public-page="home"] .home-hero{min-height:0;padding:62px 0 48px}
  body[data-public-page="home"] .home-hero-content{grid-template-columns:minmax(0,1fr);gap:48px}
  body[data-public-page="home"] .home-hero-copy{max-width:690px}
  body[data-public-page="home"] .home-hero::before{background:linear-gradient(110deg,#faf8f1f5 0%,#faf8f1e8 45%,#faf8f19c 75%,#faf8f140 100%)}
}
@media(max-width:950px){
  body[data-public-page="home"] .home-program-list{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
  body[data-public-page="home"] .wrap{width:calc(100% - 44px)}
  body[data-public-page="home"]>header{min-height:84px;padding:12px 22px}
  body[data-public-page="home"] .brand{font-size:15px;gap:10px}
  body[data-public-page="home"] .brand img{width:40px;height:54px}
  body[data-public-page="home"] .brand small{font-size:9px;letter-spacing:2.5px}
  body[data-public-page="home"] .home-hero{padding:48px 0 38px}
  body[data-public-page="home"] .home-hero-art{background-position:65% center}
  body[data-public-page="home"] .home-hero::before{background:linear-gradient(180deg,#faf8f1f7 0%,#faf8f1e8 48%,#faf8f1a6 72%,#faf8f15c 100%)}
  body[data-public-page="home"] .home-hero h1{font-size:clamp(41px,7.3vw,58px);letter-spacing:-1.3px}
  body[data-public-page="home"] .home-hero .intro{font-size:19px}
  body[data-public-page="home"] .home-program-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  body[data-public-page="home"] .home-program-art{--program-photo-height:100px}
  body[data-public-page="home"] .home-program-label strong{font-size:16px;min-height:42px}
  body[data-public-page="home"] .home-hero-content{gap:36px}
}
@media(max-width:480px){
  body[data-public-page="home"]{font-size:17px}
  body[data-public-page="home"] .home-hero .eyebrow{font-size:12px;letter-spacing:2.5px;margin-bottom:20px}
  body[data-public-page="home"] .home-hero h1{font-size:clamp(39px,10.6vw,48px);margin-bottom:24px}
  body[data-public-page="home"] .home-hero .intro{font-size:18px}
  body[data-public-page="home"] .home-hero .actions{gap:12px}
  body[data-public-page="home"] .home-hero .button{width:100%;font-size:16px}
  body[data-public-page="home"] .home-hero .values{font-size:13px;margin-top:24px}
  body[data-public-page="home"] .home-programs-heading{font-size:14px}
  body[data-public-page="home"] .home-program-list{gap:10px}
  body[data-public-page="home"] .home-program-art{--program-photo-height:76px}
  body[data-public-page="home"] .home-program-label{padding:10px 8px}
  body[data-public-page="home"] .home-program-label strong{font-size:14px;min-height:37px}
  body[data-public-page="home"] .home-program-label small{font-size:11px}
}
@media(max-width:359px){
  body[data-public-page="home"] .brand{font-size:12px}
  body[data-public-page="home"] .brand small{font-size:8px}
  body[data-public-page="home"] .home-program-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(prefers-reduced-motion:reduce){
  body[data-public-page="home"] .home-program-badge{transition:none}
  body[data-public-page="home"] .home-program-badge:hover{transform:none}
}