/* About page only - AW Prima Karya legal/profile content */
.about-aw {
  --aw-navy:#042A5A;
  --aw-deep:#021A38;
  --aw-red:#DD1A24;
  --aw-gold:#E2B158;
  --aw-off:#F7F5F1;
  --aw-charcoal:#17191D;
  --aw-gray:#62666D;
  --aw-border:#E5E1D8;
}
.about-aw h2,.about-aw h3{font-family:"Manrope",sans-serif}
.about-aw p,.about-aw li,.about-aw dt,.about-aw dd{font-family:"Inter",sans-serif}
.about-aw__section-index{font:700 12px/1.2 "Manrope",sans-serif;letter-spacing:.14em;color:var(--aw-gold);align-self:flex-start;padding-top:8px}

/* Entity */
.about-aw__entity-grid{display:grid;grid-template-columns:1fr 5fr;gap:40px;align-items:start}
.about-aw__entity-copy{max-width:900px}
.about-aw__entity-copy h2{max-width:760px;margin:14px 0 22px;font-size:clamp(2.3rem,4vw,4.6rem);line-height:1;letter-spacing:-.04em;color:var(--aw-navy)}
.about-aw__entity-copy p{max-width:800px;font-size:18px;line-height:1.8;color:var(--aw-gray)}

/* Founder: copy aligned to global/header grid, photo flush to right and bottom edge */
.about-aw__founder{
  position:relative;
  min-height:720px;
  overflow:hidden;
  background:var(--aw-off);
  padding:clamp(80px,8vw,120px) 0 0;
}
.about-aw__founder-inner{
  position:relative;
  z-index:2;
  min-height:600px;
}
.about-aw__founder-copy{
  width:min(600px,50%);
  padding-bottom:110px;
}
.about-aw__founder-copy h2{margin:14px 0 22px;font-size:clamp(2.7rem,4.3vw,5rem);line-height:.98;color:var(--aw-navy);letter-spacing:-.045em}
.about-aw__founder-copy p{font-size:17px;line-height:1.75;color:var(--aw-gray);max-width:590px}
.about-aw__founder-visual{
  position:absolute;
  right:0;
  bottom:0;
  width:min(45vw,760px);
  height:calc(100% - 28px);
  margin:0;
  overflow:hidden;
  pointer-events:none;
}
.about-aw__founder-visual img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center top;
  mix-blend-mode:multiply;
}
.about-aw__red-list{list-style:none;padding:0;margin:24px 0 26px;display:grid;gap:13px}
.about-aw__red-list li{position:relative;padding-left:30px;font-size:16px;color:var(--aw-charcoal)}
.about-aw__red-list li:before{content:"";position:absolute;left:0;top:.55em;width:10px;height:10px;border-radius:50%;background:var(--aw-red)}

/* Shared section head */
.about-aw__section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;padding-bottom:30px;border-bottom:1px solid var(--aw-border);margin-bottom:34px}
.about-aw__section-head--compact{margin-bottom:20px;padding-bottom:22px}
.about-aw__section-head h2{margin:12px 0 0;font-size:clamp(2.4rem,4vw,4.5rem);line-height:1;color:var(--aw-navy);letter-spacing:-.04em}
.about-aw__section-head--light{border-color:rgba(255,255,255,.18)}
.about-aw__section-head--light h2{color:#fff}
.about-aw__section-head--light p{color:rgba(255,255,255,.68);max-width:480px}

/* Vision */
.about-aw__vision-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.16);border-left:1px solid rgba(255,255,255,.16)}
.about-aw__vision-grid article{padding:36px 28px 42px;border-right:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16)}
.about-aw__vision-letter{font:700 clamp(3.8rem,7vw,7rem)/.8 "Manrope",sans-serif;color:var(--aw-red);margin-bottom:30px}
.about-aw__vision-grid h3{font-size:18px;letter-spacing:.08em;color:var(--aw-gold);margin:0 0 14px}
.about-aw__vision-grid p{margin:0;color:rgba(255,255,255,.78);line-height:1.65}

/* Mission */
.about-aw__mission-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--aw-border);border-left:1px solid var(--aw-border)}
.about-aw__mission-grid article{min-height:210px;padding:30px;border-right:1px solid var(--aw-border);border-bottom:1px solid var(--aw-border)}
.about-aw__mission-grid span{display:block;color:var(--aw-gold);font:700 11px/1 "Manrope",sans-serif;letter-spacing:.14em;margin-bottom:26px}
.about-aw__mission-grid p{margin:0;font-size:16px;line-height:1.7;color:var(--aw-charcoal)}

/* Values */
.about-aw__values-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  border-top:1px solid var(--aw-border);
  border-left:1px solid var(--aw-border);
}
.about-aw__values-grid article{
  min-height:270px;
  padding:28px 24px 32px;
  border-right:1px solid var(--aw-border);
  border-bottom:1px solid var(--aw-border);
}
.about-aw__values-grid span{
  display:block;
  margin-bottom:42px;
  color:var(--aw-gold);
  font:700 11px/1 "Manrope",sans-serif;
  letter-spacing:.14em;
}
.about-aw__values-grid h3{
  margin:0 0 18px;
  color:var(--aw-navy);
  font-size:19px;
  line-height:1.2;
}
.about-aw__values-grid p{
  margin:0;
  color:var(--aw-gray);
  line-height:1.65;
  font-size:14px;
}

/* Expertise */
.about-aw__expertise-head{
  display:grid;
  grid-template-columns:7fr 5fr;
  gap:64px;
  align-items:end;
  padding-bottom:32px;
  border-bottom:1px solid var(--aw-border);
  margin-bottom:0;
}
.about-aw__expertise-head h2{
  margin:12px 0 0;
  max-width:760px;
  font-size:clamp(2.6rem,4.5vw,5.2rem);
  line-height:.96;
  color:var(--aw-navy);
  letter-spacing:-.045em;
}
.about-aw__expertise-head>p{
  margin:0;
  color:var(--aw-gray);
  line-height:1.7;
  max-width:470px;
}
.about-aw__expertise-list{border-top:0}
.about-aw__expertise-list article{
  display:grid;
  grid-template-columns:70px 1fr auto;
  gap:24px;
  align-items:center;
  padding:24px 0;
  border-bottom:1px solid var(--aw-border);
}
.about-aw__expertise-list span{
  color:var(--aw-gold);
  font:700 11px/1 "Manrope",sans-serif;
  letter-spacing:.14em;
}
.about-aw__expertise-list h3{
  margin:0;
  font-size:clamp(1.5rem,2.2vw,2.5rem);
  color:var(--aw-navy);
  letter-spacing:-.02em;
}
.about-aw__expertise-list p{
  margin:0;
  color:var(--aw-gray);
}
.about-aw__expertise-note{
  margin:28px 0 0;
  max-width:760px;
  color:var(--aw-charcoal);
  line-height:1.7;
}

/* Why choose */
.about-aw__why-head{
  display:grid;
  grid-template-columns:4fr 8fr;
  gap:40px;
  align-items:end;
  padding-bottom:30px;
  border-bottom:1px solid rgba(255,255,255,.18);
}
.about-aw__why-head h2{
  margin:12px 0 0;
  color:#fff;
  font-size:clamp(2.6rem,4.5vw,5rem);
  line-height:.96;
  letter-spacing:-.045em;
}
.about-aw__why-list{
  margin-left:calc(33.333% + 13px);
}
.about-aw__why-list article{
  display:grid;
  grid-template-columns:60px 1fr;
  gap:22px;
  padding:24px 0;
  border-bottom:1px solid rgba(255,255,255,.16);
}
.about-aw__why-list span{
  color:var(--aw-gold);
  font:700 11px/1 "Manrope",sans-serif;
  letter-spacing:.14em;
  padding-top:5px;
}
.about-aw__why-list p{
  margin:0;
  color:rgba(255,255,255,.80);
  line-height:1.7;
  max-width:760px;
}
.about-aw__why-list strong{color:#fff}

/* Legality */
.about-aw__legality-grid{display:grid;grid-template-columns:4fr 8fr;gap:70px;align-items:start}
.about-aw__legality-heading{position:sticky;top:110px}
.about-aw__legality-heading h2{font-size:clamp(2.6rem,4vw,4.6rem);line-height:1;margin:14px 0 20px;color:var(--aw-navy);letter-spacing:-.04em}
.about-aw__legality-heading p{color:var(--aw-gray);line-height:1.7}
.about-aw__legal-list{margin:0;border-top:1px solid var(--aw-border)}
.about-aw__legal-list>div{display:grid;grid-template-columns:minmax(180px,1.1fr) 2fr;gap:28px;padding:15px 0;border-bottom:1px solid var(--aw-border)}
.about-aw__legal-list dt{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--aw-gray)}
.about-aw__legal-list dd{margin:0;font-weight:600;color:var(--aw-charcoal);overflow-wrap:anywhere}
.about-aw__legal-list a{color:inherit;text-decoration:none}
.about-aw__legal-list a:hover{color:var(--aw-red)}

/* KBLI - intentionally tighter vertical rhythm */
.about-aw__kbli{padding-top:78px;padding-bottom:78px}
.about-aw__kbli-list{border-top:1px solid var(--aw-border)}
.about-aw__kbli-list article{
  display:grid;
  grid-template-columns:4fr 8fr;
  gap:34px;
  padding:16px 0;
  border-bottom:1px solid var(--aw-border);
}
.about-aw__kbli-list h3{
  margin:0;
  color:var(--aw-navy);
  font-size:17px;
  line-height:1.35;
  max-width:340px;
}
.about-aw__kbli-list article>div{
  display:grid;
  gap:2px;
}
.about-aw__kbli-list p{
  margin:0;
  color:var(--aw-charcoal);
  line-height:1.42;
  font-size:14px;
}

/* Responsive */
@media(max-width:1180px){
  .about-aw__founder{min-height:680px}
  .about-aw__founder-copy{width:54%}
  .about-aw__founder-visual{width:43vw}
  .about-aw__values-grid{grid-template-columns:repeat(3,1fr)}
}

@media(max-width:1024px){
  .about-aw__entity-grid,.about-aw__legality-grid{grid-template-columns:1fr;gap:34px}
  .about-aw__founder{min-height:0;padding-bottom:0}
  .about-aw__founder-inner{min-height:0}
  .about-aw__founder-copy{width:58%;padding-bottom:80px}
  .about-aw__founder-visual{width:42%;height:100%}
  .about-aw__vision-grid{grid-template-columns:repeat(2,1fr)}
  .about-aw__mission-grid{grid-template-columns:repeat(2,1fr)}
  .about-aw__expertise-head{grid-template-columns:1fr;gap:22px}
  .about-aw__why-list{margin-left:0}
  .about-aw__legality-heading{position:static}
}

@media(max-width:767px){
  .about-aw__entity-grid{grid-template-columns:1fr}
  .about-aw__section-index{display:none}
  .about-aw__entity-copy h2,.about-aw__founder-copy h2,.about-aw__section-head h2,.about-aw__legality-heading h2,.about-aw__expertise-head h2,.about-aw__why-head h2{font-size:clamp(2.2rem,10vw,3.3rem)}
  .about-aw__entity-copy p,.about-aw__founder-copy p{font-size:16px}

  .about-aw__founder{
    padding:64px 0 0;
    display:flex;
    flex-direction:column;
  }
  .about-aw__founder-copy{
    width:100%;
    padding-bottom:32px;
  }
  .about-aw__founder-visual{
    position:relative;
    right:auto;
    bottom:auto;
    width:100%;
    height:480px;
    order:2;
  }
  .about-aw__founder-visual img{
    object-position:center top;
    mix-blend-mode:normal;
  }

  .about-aw__section-head{display:block;margin-bottom:24px}
  .about-aw__section-head>p{margin-top:18px}
  .about-aw__vision-grid,.about-aw__mission-grid,.about-aw__values-grid{grid-template-columns:1fr}
  .about-aw__mission-grid article,.about-aw__values-grid article{min-height:0}

  .about-aw__expertise-list article{
    grid-template-columns:52px 1fr;
    gap:14px;
  }
  .about-aw__expertise-list article p{
    grid-column:2;
  }

  .about-aw__why-head{grid-template-columns:1fr}
  .about-aw__why-list article{grid-template-columns:48px 1fr}

  .about-aw__legal-list>div{grid-template-columns:1fr;gap:6px}

  .about-aw__kbli{padding-top:58px;padding-bottom:58px}
  .about-aw__kbli-list article{grid-template-columns:1fr;gap:8px;padding:14px 0}
  .about-aw__kbli-list h3{max-width:none;margin-bottom:2px}
}
