/* =====================================================
   PAGE COLOUR OVERRIDE — Corporate Gold/Charcoal identity
   (Redefines the shared variables ONLY on this page,
   so header, buttons and back-to-top automatically re-theme)
===================================================== */
body.about-corporate-page{
  --primary:#c99a3b;
  --primary-dark:#a1782a;
  --primary-light:#e3bb6c;
  --dark:#161425;
}

/* =====================================================
   HERO SLIDER
===================================================== */
.corp-hero{
  position:relative;
  height:88vh;
  min-height:560px;
  overflow:hidden;
}

.corp-hero__slider{ position:relative; height:100%; }

.corp-slide{
  position:absolute; inset:0;
  background-image:
    linear-gradient(120deg, rgba(22,20,37,.88), rgba(22,20,37,.55)),
    var(--bg);
  background-size:cover;
  background-position:center;
  opacity:0;
  transition:opacity 1s ease;
}
.corp-slide.is-active{ opacity:1; z-index:1; }

.corp-hero__content{
  position:relative;
  z-index:5;
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:center;
  max-width:640px;
  color:#fff;
}

.corp-kicker{
  display:inline-block;
  background:rgba(201,154,59,.18);
  border:1px solid rgba(201,154,59,.4);
  color:var(--primary-light);
  font-size:.75rem;
  font-weight:700;
  letter-spacing:1.5px;
  padding:6px 16px;
  border-radius:50px;
  width:fit-content;
  margin-bottom:18px;
}

.corp-hero__content h1{
  font-family:'DM Serif Display', serif;
  font-size:2.9rem;
  color:#fff;
  margin-bottom:18px;
  transition:opacity .4s ease;
}
.corp-hero__content p{
  color:rgba(255,255,255,.82);
  font-size:1.05rem;
  margin-bottom:30px;
  max-width:520px;
  transition:opacity .4s ease;
}

.corp-btn{
  display:inline-flex;
  align-items:center;
  gap:10px;
  width:fit-content;
  background:linear-gradient(135deg, var(--primary), var(--primary-light));
  color:#1a1a2e;
  font-weight:700;
  padding:14px 32px;
  border-radius:50px;
  transition:var(--transition);
  box-shadow:0 10px 25px rgba(201,154,59,.3);
}
.corp-btn:hover{ transform:translateY(-3px); box-shadow:0 14px 32px rgba(201,154,59,.45); }

.corp-btn--ghost{
  background:transparent;
  color:#fff;
  border:1.5px solid rgba(255,255,255,.5);
  box-shadow:none;
}
.corp-btn--ghost:hover{ background:#fff; color:var(--dark); border-color:#fff; }

.corp-dots{
  position:absolute;
  bottom:34px; right:40px;
  z-index:6;
  display:flex;
  gap:10px;
}
.corp-dots button{
  width:10px; height:10px;
  border-radius:50%;
  background:rgba(255,255,255,.4);
  transition:var(--transition);
}
.corp-dots button.is-active{ background:var(--primary-light); width:28px; border-radius:6px; }

/* =====================================================
   ACTION STRIP
===================================================== */
.action-strip{
  background:var(--dark);
  padding:0;
  transform:translateY(-40px);
  margin-bottom:-40px;
  position:relative;
  z-index:10;
}

.action-grid{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:0;
  background:#fff;
  border-radius:var(--radius);
  box-shadow:var(--shadow-lg);
  overflow:hidden;
}

.action-card{
  padding:32px 26px;
  display:flex;
  flex-direction:column;
  gap:16px;
  border-right:1px solid var(--border);
  transition:var(--transition);
  position:relative;
}
.action-card:last-child{ border-right:none; }

.action-card:hover{
  background:var(--dark);
}
.action-card:hover .action-text h3,
.action-card:hover .action-text p{ color:#fff; }
.action-card:hover .action-icon{
  background:var(--primary);
  color:#1a1a2e;
}

.action-icon{
  width:50px; height:50px;
  border-radius:12px;
  background:rgba(201,154,59,.12);
  color:var(--primary);
  display:flex; align-items:center; justify-content:center;
  font-size:1.3rem;
  transition:var(--transition);
}

.action-text h3{ font-size:1.05rem; margin-bottom:6px; transition:var(--transition); }
.action-text p{ font-size:.85rem; color:var(--muted); transition:var(--transition); }

/* =====================================================
   EXPLORE SECTION
===================================================== */
.corp-explore{ padding:120px 0 100px; background:var(--bg-light); }

.corp-explore__grid{
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:0;
  background:#fff;
  border-radius:var(--radius);
  box-shadow:var(--shadow-md);
  overflow:hidden;
  min-height:440px;
}

.explore-list{
  display:flex;
  flex-direction:column;
  background:var(--dark);
}

.explore-item{
  text-align:left;
  padding:24px 32px;
  color:rgba(255,255,255,.6);
  font-weight:600;
  font-size:1rem;
  border-bottom:1px solid rgba(255,255,255,.08);
  transition:var(--transition);
  display:flex;
  align-items:center;
  gap:14px;
}
.explore-item span{
  font-family:'DM Serif Display', serif;
  font-size:.85rem;
  color:rgba(255,255,255,.3);
}
.explore-item:hover{ background:rgba(255,255,255,.04); color:#fff; }

.explore-item.is-active{
  background:linear-gradient(90deg, rgba(201,154,59,.15), transparent);
  color:#fff;
  border-left:3px solid var(--primary);
}
.explore-item.is-active span{ color:var(--primary-light); }

.explore-stage{ position:relative; overflow:hidden; }

.explore-media{
  position:absolute; inset:0;
  background-size:cover;
  background-position:center;
  transition:background-image .3s ease;
}
.explore-media::after{
  content:'';
  position:absolute; inset:0;
  background:linear-gradient(0deg, rgba(22,20,37,.9), transparent 55%);
}

.explore-info{
  position:relative;
  z-index:2;
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:40px;
  color:#fff;
}
.explore-info h2{ font-family:'DM Serif Display', serif; font-size:1.8rem; margin-bottom:12px; }
.explore-info p{ color:rgba(255,255,255,.85); margin-bottom:20px; max-width:420px; }

.explore-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:var(--primary-light);
  font-weight:700;
  font-size:.92rem;
  width:fit-content;
  transition:var(--transition);
}
.explore-link:hover{ gap:14px; }

/* =====================================================
   WHO WE ARE / CORP SECTION
===================================================== */
.corp-section{ padding:100px 0; }

.corp-head{ max-width:680px; margin:0 auto 55px; text-align:center; }
.corp-head h2{ font-family:'DM Serif Display', serif; font-size:2.2rem; margin:14px 0; color:var(--dark); }
.corp-head p{ color:var(--muted); }

.badge{
  display:inline-block;
  background:rgba(201,154,59,.12);
  color:var(--primary-dark);
  font-size:.75rem;
  font-weight:700;
  letter-spacing:1px;
  padding:6px 16px;
  border-radius:50px;
}
.badge--dark{ background:rgba(255,255,255,.1); color:#fff; }

.corp-cards{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:28px;
}

.corp-card{
  background:#fff;
  border:1px solid var(--border);
  border-radius:var(--radius);
  padding:34px 28px;
  transition:var(--transition);
}
.corp-card:hover{ box-shadow:var(--shadow-md); transform:translateY(-6px); border-color:transparent; }

.corp-card__icon{
  width:54px; height:54px;
  border-radius:14px;
  background:linear-gradient(135deg, var(--primary), var(--primary-light));
  color:#1a1a2e;
  display:flex; align-items:center; justify-content:center;
  font-size:1.4rem;
  margin-bottom:20px;
}
.corp-card h3{ font-size:1.15rem; margin-bottom:10px; color:var(--dark); }
.corp-card p{ color:var(--muted); font-size:.92rem; }

/* =====================================================
   CTA
===================================================== */
.corp-cta{
  background:linear-gradient(135deg, var(--dark), #2a2445);
  padding:100px 0;
  text-align:center;
  color:#fff;
}
.corp-cta__inner{ max-width:640px; margin:0 auto; }
.corp-cta__inner h2{ font-family:'DM Serif Display', serif; color:#fff; font-size:2.1rem; margin:16px 0 14px; }
.corp-cta__inner p{ color:rgba(255,255,255,.8); margin-bottom:32px; }
.cta-actions{ display:flex; justify-content:center; gap:16px; flex-wrap:wrap; }

/* =====================================================
   RESPONSIVE
===================================================== */
@media (max-width:992px){
  .action-grid{ grid-template-columns:repeat(2,1fr); }
  .action-card{ border-bottom:1px solid var(--border); }
  .corp-explore__grid{ grid-template-columns:1fr; }
  .explore-stage{ min-height:320px; }
  .corp-cards{ grid-template-columns:1fr; }
}

@media (max-width:768px){
  .corp-hero{ height:auto; padding:150px 0 60px; }
  .corp-hero__content h1{ font-size:2.1rem; }
  .action-strip{ transform:none; margin-bottom:0; }
  .action-grid{ grid-template-columns:1fr; border-radius:var(--radius); }
  .corp-dots{ right:20px; bottom:20px; }
}