/*
 * Executive Ivory
 * Editorial luxury layout. Loaded after every base stylesheet so all product,
 * suite, and responsive behavior remains available from the shared engine.
 */
.hsp-executive-ivory{
  --red:#a5232a;
  --red-dark:#74171d;
  --ink:#1b1814;
  --text:#38332d;
  --muted:#766f66;
  --surface:#eee7dc;
  --line:#dcd2c3;
  --white:#fffdf9;
  --gold:#a47b43;
  --night:#1a1816;
  --radius:2px;
  --shadow:0 28px 80px rgba(44,35,24,.12);
  --container:1260px;
  background:#f7f2e9;
  color:var(--text);
}
.hsp-executive-ivory h1,
.hsp-executive-ivory h2,
.hsp-executive-ivory h3{
  font-family:Georgia,"Times New Roman",serif;
  font-weight:500;
  letter-spacing:-.045em;
}
.hsp-executive-ivory .eyebrow{
  font-family:Inter,ui-sans-serif,system-ui,sans-serif;
  letter-spacing:.2em;
}
.hsp-executive-ivory .site-header{top:20px;color:var(--ink)}
.hsp-executive-ivory .site-header .nav-wrap,
.hsp-executive-ivory .site-header:not(.scrolled) .nav-wrap,
.hsp-executive-ivory .site-header.scrolled .nav-wrap{
  height:76px;
  margin-top:0;
  padding:0 10px 0 18px;
  border:1px solid rgba(77,61,40,.16);
  border-radius:0;
  background:rgba(255,253,249,.91);
  color:var(--ink);
  box-shadow:0 14px 45px rgba(48,38,25,.1);
  backdrop-filter:blur(22px);
}
.hsp-executive-ivory .brand-mark{
  border-radius:50%;
  background:var(--red);
  box-shadow:0 0 0 5px rgba(165,35,42,.08);
}
.hsp-executive-ivory .primary-nav a{font-size:12px}
.hsp-executive-ivory .nav-wa,
.hsp-executive-ivory .site-header:not(.scrolled) .nav-wa,
.hsp-executive-ivory .site-header.scrolled .nav-wa{
  border-color:var(--ink)!important;
  border-radius:0;
  background:var(--ink)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff;
}
.hsp-executive-ivory .button{border-radius:0}
.hsp-executive-ivory .hero-slider{
  height:clamp(760px,100svh,960px);
  min-height:760px;
  background:#f3ecdf;
  color:var(--ink);
}
.hsp-executive-ivory .hero-visual{
  inset:112px 3vw 74px 48%;
  border-radius:180px 0 0 0;
  background-position:65% center;
  box-shadow:0 34px 90px rgba(29,24,18,.2);
}
.hsp-executive-ivory .hero-slide:after{
  background:
    linear-gradient(90deg,#f3ecdf 0%,#f3ecdf 45%,rgba(243,236,223,.94) 50%,rgba(243,236,223,.05) 68%),
    linear-gradient(0deg,rgba(32,25,18,.32),transparent 45%);
}
.hsp-executive-ivory .hero-noise{opacity:.025}
.hsp-executive-ivory .hero-slider .hero-content{
  align-items:center;
  padding-top:94px;
}
.hsp-executive-ivory .hero-copy{
  width:46%;
  max-width:560px;
  padding:22px 0 0;
}
.hsp-executive-ivory .hero-copy .eyebrow{color:var(--gold)}
.hsp-executive-ivory .hero-copy h1{
  max-width:540px;
  color:var(--ink);
  font-size:clamp(48px,4.4vw,72px);
  line-height:.93;
}
.hsp-executive-ivory .hero-copy>p{
  max-width:490px;
  color:#61594f;
  font-size:16px;
}
.hsp-executive-ivory .hero-meta{border-color:var(--gold)}
.hsp-executive-ivory .hero-meta span{color:#8a8176}
.hsp-executive-ivory .hero-meta strong{color:var(--ink)}
.hsp-executive-ivory .hero-actions .button-premium{
  border-color:var(--ink)!important;
  background:var(--ink)!important;
  color:#fff!important;
}
.hsp-executive-ivory .hero-actions .button-glass{
  border-color:#b5a895!important;
  background:transparent!important;
  color:var(--ink)!important;
}
.hsp-executive-ivory .hero-ui{
  bottom:95px;
  color:var(--ink);
}
.hsp-executive-ivory .hero-count i{background:#a79d90}
.hsp-executive-ivory .hero-pagination button span{background:rgba(27,24,20,.2)}
.hsp-executive-ivory .hero-pagination button span:after{background:var(--ink)}
.hsp-executive-ivory .hero-nav button{
  border-color:#b7aa98;
  border-radius:0;
  background:rgba(255,253,249,.55);
  color:var(--ink);
}
.hsp-executive-ivory .hero-scroll{right:20px;color:#7f7568}
.hsp-executive-ivory .quick{margin-top:0}
.hsp-executive-ivory .quick-grid{
  border:1px solid var(--line);
  border-radius:0;
  box-shadow:0 25px 70px rgba(49,38,24,.11);
}
.hsp-executive-ivory .quick-grid a{min-height:118px;align-items:center;background:#fffdf9}
.hsp-executive-ivory .quick-grid a:hover{background:#eee4d4}
.hsp-executive-ivory .service-assurance{background:#f7f2e9}
.hsp-executive-ivory .assurance-grid{border-color:var(--line)}
.hsp-executive-ivory .section{padding:128px 0}
.hsp-executive-ivory .section-head{align-items:flex-start}
.hsp-executive-ivory .section-head>div{max-width:760px}
.hsp-executive-ivory .section-head h2{font-size:clamp(44px,5.4vw,76px);line-height:.98}
.hsp-executive-ivory .vehicle-grid{
  grid-template-columns:repeat(12,1fr);
  gap:24px;
}
.hsp-executive-ivory .vehicle-card{
  grid-column:span 4;
  border-color:var(--line);
  border-radius:0;
  background:#fffdf9;
}
.hsp-executive-ivory .vehicle-card:first-child{grid-column:span 8}
.hsp-executive-ivory .vehicle-card:first-child .vehicle-art{height:390px}
.hsp-executive-ivory .vehicle-card:nth-child(5){grid-column:span 8}
.hsp-executive-ivory .vehicle-art{height:285px;background:#eae2d7}
.hsp-executive-ivory .badge{border:1px solid #dfd4c5;border-radius:0}
.hsp-executive-ivory .vehicle-body{padding:30px}
.hsp-executive-ivory .vehicle-body h3{font-size:31px}
.hsp-executive-ivory .experience-lab{background:#e8dece}
.hsp-executive-ivory .studio-grid{box-shadow:0 30px 100px rgba(59,43,26,.13)}
.hsp-executive-ivory .studio-form{background:#fffdf9}
.hsp-executive-ivory .studio-result{background:#25201a}
.hsp-executive-ivory .sales-section{background:#211d18}
.hsp-executive-ivory .sales-grid{grid-template-columns:1fr .9fr;gap:11%}
.hsp-executive-ivory .sales-photo>img{border-radius:170px 170px 0 0}
.hsp-executive-ivory .sales-copy h2{font-size:clamp(44px,5vw,72px)}
.hsp-executive-ivory .sales-badge{border-radius:0}
.hsp-executive-ivory .concierge-panel{background:#eee4d5}
.hsp-executive-ivory .concierge-shell{border-color:#cfc1ae}
.hsp-executive-ivory .concierge-copy{background:#f8f3eb}
.hsp-executive-ivory .concierge-console{background:#1e1a16}
.hsp-executive-ivory .surface{background:#eee7dc}
.hsp-executive-ivory .promo-card{border-radius:0;background:#2a241e}
.hsp-executive-ivory .mini-calc,
.hsp-executive-ivory .form-card,
.hsp-executive-ivory .result-card,
.hsp-executive-ivory .info-card{border-radius:0;background:#fffdf9}
.hsp-executive-ivory input,
.hsp-executive-ivory select,
.hsp-executive-ivory textarea{border-radius:0}
.hsp-executive-ivory .showroom{background:#282219}
.hsp-executive-ivory .showroom-card{grid-template-columns:.8fr 1.2fr}
.hsp-executive-ivory .map-placeholder,
.hsp-executive-ivory .map-large{border-radius:0;background:radial-gradient(circle,rgba(164,123,67,.26),transparent 35%),#16130f}
.hsp-executive-ivory .final-cta{background:#a5232a}
.hsp-executive-ivory .site-footer{background:#171410}
.hsp-executive-ivory .floating-wa{border:1px solid var(--line);border-radius:0}

/* Detail kendaraan */
.hsp-executive-ivory.premium-vehicle-detail{background:#f7f2e9}
.hsp-executive-ivory .detail-header{background:rgba(255,253,249,.94)!important;color:var(--ink)!important}
.hsp-executive-ivory .product-hero{background:#eee4d5;color:var(--ink)}
.hsp-executive-ivory .product-hero-content{grid-template-columns:.72fr 1.28fr}
.hsp-executive-ivory .product-copy h1{font-size:clamp(54px,6vw,90px);color:var(--ink)}
.hsp-executive-ivory .product-tagline{color:#6f665b}
.hsp-executive-ivory .product-hero-media{border-radius:150px 0 0 0;overflow:hidden}
.hsp-executive-ivory .detail-section{background:#f7f2e9}
.hsp-executive-ivory .configurator-shell,
.hsp-executive-ivory .finance-shell,
.hsp-executive-ivory .concierge-card{border-radius:0;box-shadow:var(--shadow)}

/* Layanan Premium */
.hsp-executive-ivory .suite-header{border-bottom-color:var(--line);background:rgba(255,253,249,.95);color:var(--ink)}
.hsp-executive-ivory .suite-header nav a{color:#675f56}
.hsp-executive-ivory .suite-header .primary-btn{border-color:var(--ink);background:var(--ink);color:#fff}
.hsp-executive-ivory .suite-hero{grid-template-columns:.86fr 1.14fr;background:#efe6d8;color:var(--ink)}
.hsp-executive-ivory .suite-hero .hero-copy{width:auto;max-width:none;background:transparent}
.hsp-executive-ivory .suite-hero .hero-copy h1{color:var(--ink);font-family:Georgia,"Times New Roman",serif}
.hsp-executive-ivory .suite-hero .hero-copy p{color:#6d6459}
.hsp-executive-ivory .suite-hero .outline-btn{border-color:#9e907c;color:var(--ink)}
.hsp-executive-ivory .hero-product{margin:42px 42px 42px 0;border-radius:180px 0 0 0;overflow:hidden}
.hsp-executive-ivory .hero-metrics{background:rgba(255,253,249,.94);color:var(--ink)}
.hsp-executive-ivory .hero-metrics article{border-color:var(--line)}
.hsp-executive-ivory .suite-section{background:#f7f2e9}
.hsp-executive-ivory .quote-section,
.hsp-executive-ivory .promo-section{background:#fffdf9}
.hsp-executive-ivory .stock-section,
.hsp-executive-ivory .media-section{background:#211d18}

@media(max-width:900px){
  .hsp-executive-ivory .hero-visual{inset:94px 18px 75px 41%}
  .hsp-executive-ivory .hero-copy{width:49%}
  .hsp-executive-ivory .hero-copy h1{font-size:clamp(43px,6vw,62px)}
  .hsp-executive-ivory .vehicle-card,
  .hsp-executive-ivory .vehicle-card:first-child,
  .hsp-executive-ivory .vehicle-card:nth-child(5){grid-column:span 6}
  .hsp-executive-ivory .vehicle-card:first-child .vehicle-art{height:285px}
  .hsp-executive-ivory .suite-hero{grid-template-columns:1fr}
  .hsp-executive-ivory .hero-product{margin:0;border-radius:100px 0 0 0}
}
@media(max-width:640px){
  .hsp-executive-ivory .site-header{top:26px}
  .hsp-executive-ivory .site-header .nav-wrap,
  .hsp-executive-ivory .site-header.scrolled .nav-wrap{border-radius:0;background:rgba(255,253,249,.95)}
  .hsp-executive-ivory .showroom-brand>span:last-child{max-width:calc(100vw - 165px)}
  .hsp-executive-ivory .menu-toggle{flex:0 0 auto;margin-left:auto;color:var(--ink)}
  .hsp-executive-ivory .hero-slider{height:800px;min-height:720px}
  .hsp-executive-ivory .hero-visual{inset:0;border-radius:0;background-position:68% center}
  .hsp-executive-ivory .hero-slide:after{background:linear-gradient(0deg,rgba(20,16,12,.96) 0%,rgba(20,16,12,.78) 52%,rgba(20,16,12,.08) 100%)}
  .hsp-executive-ivory .hero-slider .hero-content{align-items:flex-end;padding:0 0 172px}
  .hsp-executive-ivory .hero-copy{width:100%;max-width:none}
  .hsp-executive-ivory .hero-copy .eyebrow{color:#ddbc84}
  .hsp-executive-ivory .hero-copy h1{color:#fff;font-size:clamp(39px,11vw,48px)}
  .hsp-executive-ivory .hero-copy>p{color:rgba(255,255,255,.75)}
  .hsp-executive-ivory .hero-actions .button-glass{border-color:rgba(255,255,255,.35)!important;color:#fff!important}
  .hsp-executive-ivory .hero-ui{bottom:106px;color:#fff}
  .hsp-executive-ivory .hero-nav button{border-color:rgba(255,255,255,.3);background:rgba(0,0,0,.15);color:#fff}
  .hsp-executive-ivory .quick{margin-top:0}
  .hsp-executive-ivory .section{padding:84px 0}
  .hsp-executive-ivory .vehicle-grid{display:grid;grid-template-columns:1fr}
  .hsp-executive-ivory .vehicle-card,
  .hsp-executive-ivory .vehicle-card:first-child,
  .hsp-executive-ivory .vehicle-card:nth-child(5){grid-column:auto}
  .hsp-executive-ivory .vehicle-card:first-child .vehicle-art{height:250px}
  .hsp-executive-ivory .sales-photo>img{border-radius:100px 100px 0 0}
  .hsp-executive-ivory .product-hero-media{border-radius:80px 0 0 0}
  .hsp-executive-ivory .mobile-cta{color:#15161a}
}

/* Executive Ivory 2.2 — surface-aware contrast and luxury finish */
.hsp-executive-ivory{
  --ivory-50:#fffdf8;
  --ivory-100:#f7f1e7;
  --ivory-200:#eee4d5;
  --espresso-900:#1b1713;
  --espresso-950:#100d0b;
  --wine:#8f1f26;
  --champagne:#b28a52;
  --light-text:#fffaf1;
  background:
    radial-gradient(circle at 12% 18%,rgba(178,138,82,.08),transparent 26%),
    var(--ivory-100);
}
.hsp-executive-ivory .eyebrow.red{color:var(--wine)}
.hsp-executive-ivory .section-head .eyebrow.red:before,
.hsp-executive-ivory .center>.eyebrow.red:before{
  content:"";
  display:inline-block;
  width:28px;
  height:1px;
  margin:0 11px 3px 0;
  background:var(--champagne);
}

/* Semua permukaan terang memakai tinta gelap yang konsisten. */
.hsp-executive-ivory .service-assurance,
.hsp-executive-ivory .experience-lab,
.hsp-executive-ivory .surface,
.hsp-executive-ivory .calculator-section,
.hsp-executive-ivory .process,
.hsp-executive-ivory .faq{
  color:#393129;
}
.hsp-executive-ivory .service-assurance h1,
.hsp-executive-ivory .service-assurance h2,
.hsp-executive-ivory .service-assurance h3,
.hsp-executive-ivory .experience-lab h1,
.hsp-executive-ivory .experience-lab h2,
.hsp-executive-ivory .experience-lab h3,
.hsp-executive-ivory .surface h1,
.hsp-executive-ivory .surface h2,
.hsp-executive-ivory .calculator-section h1,
.hsp-executive-ivory .calculator-section h2,
.hsp-executive-ivory .process h1,
.hsp-executive-ivory .process h2,
.hsp-executive-ivory .process h3,
.hsp-executive-ivory .faq h1,
.hsp-executive-ivory .faq h2,
.hsp-executive-ivory .faq h3{color:var(--espresso-900)}
.hsp-executive-ivory .section-head p,
.hsp-executive-ivory .calculator-section p,
.hsp-executive-ivory .process p,
.hsp-executive-ivory .faq details p{color:#6b6258}

/* Kartu putih, formulir, dan katalog memperoleh rasio kontras yang aman. */
.hsp-executive-ivory .vehicle-card,
.hsp-executive-ivory .studio-form,
.hsp-executive-ivory .mini-calc,
.hsp-executive-ivory .form-card,
.hsp-executive-ivory .info-card{
  border-color:#d8cdbc;
  background:var(--ivory-50);
  color:#332c25;
  box-shadow:0 24px 65px rgba(54,42,28,.08);
}
.hsp-executive-ivory .vehicle-card:hover{
  border-color:#bba98f;
  box-shadow:0 32px 85px rgba(54,42,28,.14);
}
.hsp-executive-ivory .vehicle-body h3,
.hsp-executive-ivory .vehicle-body p strong,
.hsp-executive-ivory .studio-form h3,
.hsp-executive-ivory .mini-calc h3,
.hsp-executive-ivory .form-card h2,
.hsp-executive-ivory .form-card h3,
.hsp-executive-ivory .info-card h3{color:var(--espresso-900)}
.hsp-executive-ivory .vehicle-body p,
.hsp-executive-ivory .vehicle-body .variant-count,
.hsp-executive-ivory .studio-fields label{color:#70675d}
.hsp-executive-ivory input,
.hsp-executive-ivory select,
.hsp-executive-ivory textarea{
  border-color:#d3c8b8;
  background:#fffefb;
  color:#241f1a;
}
.hsp-executive-ivory input::placeholder,
.hsp-executive-ivory textarea::placeholder{color:#8a8176}
.hsp-executive-ivory input:focus,
.hsp-executive-ivory select:focus,
.hsp-executive-ivory textarea:focus{
  outline:3px solid rgba(143,31,38,.12);
  border-color:var(--wine);
}
.hsp-executive-ivory .button{
  border-color:var(--wine);
  background:var(--wine);
  color:#fff!important;
}
.hsp-executive-ivory .button:hover{
  border-color:#68161b;
  background:#68161b;
}
.hsp-executive-ivory .button-outline{
  border-color:#b9aa94;
  background:transparent;
  color:var(--espresso-900)!important;
}

/* Panel rekomendasi gelap. */
.hsp-executive-ivory .studio-result{
  background:
    radial-gradient(circle at 85% 12%,rgba(178,138,82,.13),transparent 34%),
    var(--espresso-900);
  color:#d4ccc1;
}
.hsp-executive-ivory .studio-result h3,
.hsp-executive-ivory .studio-result .match-model,
.hsp-executive-ivory .studio-result .match-actions a:last-child{color:var(--light-text)}
.hsp-executive-ivory .studio-result .match-note{color:#bbb1a5}

/* Profil sales dan showroom adalah permukaan espresso. */
.hsp-executive-ivory .sales-section,
.hsp-executive-ivory .showroom{
  border-block:1px solid rgba(178,138,82,.28);
  background:
    radial-gradient(circle at 82% 18%,rgba(178,138,82,.1),transparent 30%),
    var(--espresso-900);
  color:#d5cdc2;
}
.hsp-executive-ivory .sales-section .sales-copy h1,
.hsp-executive-ivory .sales-section .sales-copy h2,
.hsp-executive-ivory .sales-section .sales-copy h3,
.hsp-executive-ivory .showroom h1,
.hsp-executive-ivory .showroom h2,
.hsp-executive-ivory .showroom h3{color:var(--light-text)}
.hsp-executive-ivory .sales-section .sales-copy p,
.hsp-executive-ivory .sales-section .check-list,
.hsp-executive-ivory .showroom p{color:#c2b8ac}
.hsp-executive-ivory .sales-section .eyebrow.red,
.hsp-executive-ivory .showroom .eyebrow{color:#d0aa70}
.hsp-executive-ivory .sales-section .button-outline,
.hsp-executive-ivory .showroom .button-ghost{
  border-color:#837563;
  color:var(--light-text)!important;
}

/* Layanan konsultasi: kiri terang, kanan gelap. */
.hsp-executive-ivory .concierge-panel{
  background:
    linear-gradient(180deg,var(--espresso-900) 0 82px,var(--ivory-200) 82px 100%);
  color:#3c342c;
}
.hsp-executive-ivory .concierge-shell{
  border-color:#cbbb9f;
  background:#cbbb9f;
  box-shadow:0 32px 90px rgba(50,38,25,.16);
}
.hsp-executive-ivory .concierge-copy{
  background:
    radial-gradient(circle at 0 0,rgba(178,138,82,.1),transparent 35%),
    var(--ivory-50);
  color:#3a322b;
}
.hsp-executive-ivory .concierge-copy h2{color:var(--espresso-900)}
.hsp-executive-ivory .concierge-copy p{color:#675e54}
.hsp-executive-ivory .concierge-copy .availability{
  border-color:#cdbfae;
  background:#f2eadf;
  color:#554c42;
}
.hsp-executive-ivory .concierge-console{
  background:
    radial-gradient(circle at 100% 0,rgba(178,138,82,.12),transparent 32%),
    var(--espresso-950);
  color:var(--light-text);
}
.hsp-executive-ivory .concierge-console .console-head{border-color:#332b24;color:#e9dfd2}
.hsp-executive-ivory .concierge-console .console-head span:last-child{color:#a99c8c}
.hsp-executive-ivory .concierge-console .console-list a{border-color:#302923}
.hsp-executive-ivory .concierge-console .console-list strong{color:var(--light-text)}
.hsp-executive-ivory .concierge-console .console-list small{color:#9e9386}
.hsp-executive-ivory .concierge-console .console-list b{
  border-color:#53483b;
  color:#d1aa71;
}

/* Promo memakai espresso kaya, bukan hitam datar. */
.hsp-executive-ivory .promo-card{
  border:1px solid #45392e;
  background:
    linear-gradient(150deg,rgba(178,138,82,.09),transparent 45%),
    #241e19;
  color:#c8beb2;
  box-shadow:0 24px 60px rgba(48,35,23,.12);
}
.hsp-executive-ivory .promo-card:before{
  content:"";
  position:absolute;
  inset:0 auto auto 0;
  width:100%;
  height:2px;
  background:linear-gradient(90deg,var(--champagne),transparent 75%);
}
.hsp-executive-ivory .promo-card h2,
.hsp-executive-ivory .promo-card h3,
.hsp-executive-ivory .promo-card a{color:var(--light-text)}
.hsp-executive-ivory .promo-card p{color:#bdb2a6}
.hsp-executive-ivory .promo-card button.icon-link{
  position:relative;
  z-index:2;
  margin-top:auto;
  padding:8px 0;
  border:0;
  background:transparent;
  color:#e4c18a;
  font-weight:800;
}
.hsp-executive-ivory .promo-card button.icon-link:hover{color:#fff4e1}

/* CTA dan footer selalu terang di atas permukaan gelap. */
.hsp-executive-ivory .final-cta{
  background:
    radial-gradient(circle at 70% 120%,rgba(255,255,255,.15),transparent 37%),
    linear-gradient(125deg,#6f171c,#a3232a);
  color:#fff7eb;
}
.hsp-executive-ivory .final-cta h1,
.hsp-executive-ivory .final-cta h2,
.hsp-executive-ivory .final-cta h3{color:#fffaf1}
.hsp-executive-ivory .final-cta p{color:#eaded1}
.hsp-executive-ivory .final-cta .button-light{
  border-color:#fffaf1;
  background:#fffaf1;
  color:#72181d!important;
}
.hsp-executive-ivory .site-footer{
  border-top:1px solid #3a3027;
  background:var(--espresso-950);
  color:#afa497;
}
.hsp-executive-ivory .site-footer h1,
.hsp-executive-ivory .site-footer h2,
.hsp-executive-ivory .site-footer h3,
.hsp-executive-ivory .site-footer .brand-light{color:var(--light-text)}

/* Permukaan gelap pada Layanan Premium. */
.hsp-executive-ivory .quote-summary,
.hsp-executive-ivory .calendar-card,
.hsp-executive-ivory .trade-result,
.hsp-executive-ivory .promo-featured,
.hsp-executive-ivory .stock-section,
.hsp-executive-ivory .media-section{
  background-color:var(--espresso-900);
  color:#d8cfc4;
}
.hsp-executive-ivory .quote-summary h1,
.hsp-executive-ivory .quote-summary h2,
.hsp-executive-ivory .quote-summary h3,
.hsp-executive-ivory .calendar-card h1,
.hsp-executive-ivory .calendar-card h2,
.hsp-executive-ivory .calendar-card h3,
.hsp-executive-ivory .trade-result h1,
.hsp-executive-ivory .trade-result h2,
.hsp-executive-ivory .trade-result h3,
.hsp-executive-ivory .promo-featured h1,
.hsp-executive-ivory .promo-featured h2,
.hsp-executive-ivory .promo-featured h3,
.hsp-executive-ivory .stock-section h1,
.hsp-executive-ivory .stock-section h2,
.hsp-executive-ivory .stock-section h3,
.hsp-executive-ivory .media-section h1,
.hsp-executive-ivory .media-section h2,
.hsp-executive-ivory .media-section h3{color:var(--light-text)}

@media(max-width:640px){
  .hsp-executive-ivory .concierge-panel{
    background:linear-gradient(180deg,var(--espresso-900) 0 45px,var(--ivory-200) 45px 100%);
  }
  .hsp-executive-ivory .section-head .eyebrow.red:before,
  .hsp-executive-ivory .center>.eyebrow.red:before{width:18px;margin-right:8px}
}
@media(max-width:900px){
  .hsp-executive-ivory .menu-toggle{
    position:relative;
    width:54px;
    height:54px;
    padding:0;
  }
  .hsp-executive-ivory .menu-toggle span:not(.screen-reader-text){display:none}
  .hsp-executive-ivory .menu-toggle:before{
    content:"";
    position:absolute;
    left:16px;
    top:19px;
    width:22px;
    height:2px;
    background:#1b1814;
    box-shadow:0 7px 0 #1b1814,0 14px 0 #1b1814;
  }
}

/* Executive Ivory 2.3 — editorial wide layout */
.hsp-executive-ivory{--container:1480px}
.hsp-executive-ivory .container{
  width:min(calc(100% - 64px),var(--container));
}
.hsp-executive-ivory .site-header .nav-wrap,
.hsp-executive-ivory .site-header:not(.scrolled) .nav-wrap,
.hsp-executive-ivory .site-header.scrolled .nav-wrap{
  padding-inline:20px 12px;
}

/* Hero dibangun sebagai bidang editorial lebar, dengan teks dimulai dari kiri. */
.hsp-executive-ivory .hero-slider{
  height:clamp(800px,100svh,980px);
  min-height:800px;
}
.hsp-executive-ivory .hero-slider .hero-content{
  width:min(calc(100% - 96px),1480px);
  max-width:1480px;
  margin-inline:auto;
  padding:118px 0 82px;
  align-items:center;
}
.hsp-executive-ivory .hero-copy{
  width:min(600px,40vw);
  max-width:600px;
  padding:22px 0 0;
}
.hsp-executive-ivory .hero-copy h1{
  max-width:600px;
  font-size:clamp(56px,4.25vw,78px);
  line-height:.94;
  letter-spacing:-.052em;
}
.hsp-executive-ivory .hero-copy>p{
  max-width:520px;
  font-size:16px;
  line-height:1.75;
}
.hsp-executive-ivory .hero-visual{
  inset:112px 3vw 72px 46%;
  border-radius:190px 0 0;
  background-position:62% center;
}
.hsp-executive-ivory .hero-slide:after{
  background:
    linear-gradient(90deg,#f3ecdf 0%,#f3ecdf 39%,rgba(243,236,223,.96) 45%,rgba(243,236,223,.2) 61%,rgba(243,236,223,.03) 75%),
    linear-gradient(0deg,rgba(32,25,18,.32),transparent 45%);
}
.hsp-executive-ivory .hero-ui{
  width:min(calc(100% - 96px),1480px);
  max-width:1480px;
  bottom:94px;
}
.hsp-executive-ivory .hero-scroll{right:22px}

/* Hirarki section lebih lapang dan konsisten. */
.hsp-executive-ivory .section{padding:136px 0}
.hsp-executive-ivory .section-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:60px;
  align-items:end;
  margin-bottom:56px;
}
.hsp-executive-ivory .section-head>div{max-width:900px}
.hsp-executive-ivory .section-head h2{
  max-width:880px;
  font-size:clamp(48px,5vw,76px);
  line-height:.98;
}
.hsp-executive-ivory .section-head p{max-width:680px}

/*
 * Katalog 3 kolom. Area visual selalu persegi sehingga gambar sumber
 * 1080 × 1080 tidak terdistorsi dan tampil konsisten.
 */
.hsp-executive-ivory #mobil .container{
  width:min(calc(100% - 64px),1480px);
}
.hsp-executive-ivory #mobil .filters{
  display:grid;
  grid-template-columns:minmax(280px,1fr) 260px auto;
  gap:12px;
  max-width:820px;
  margin-bottom:38px;
}
.hsp-executive-ivory #mobil .filters input,
.hsp-executive-ivory #mobil .filters select{
  width:100%;
  max-width:none;
  min-height:54px;
  margin:0;
}
.hsp-executive-ivory #mobil .filters .button{
  min-height:54px;
  padding-inline:24px;
}
.hsp-executive-ivory #mobil .vehicle-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:32px;
}
.hsp-executive-ivory #mobil .vehicle-card,
.hsp-executive-ivory #mobil .vehicle-card:first-child,
.hsp-executive-ivory #mobil .vehicle-card:nth-child(5){
  grid-column:auto;
  min-width:0;
  overflow:hidden;
}
.hsp-executive-ivory #mobil .vehicle-art,
.hsp-executive-ivory #mobil .vehicle-card:first-child .vehicle-art{
  width:100%;
  height:auto;
  aspect-ratio:1/1;
}
.hsp-executive-ivory #mobil .vehicle-art img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.hsp-executive-ivory #mobil .vehicle-body{
  display:flex;
  min-height:285px;
  flex-direction:column;
  padding:32px;
}
.hsp-executive-ivory #mobil .vehicle-body h3{
  margin:7px 0 14px;
  font-size:clamp(30px,2.2vw,39px);
  line-height:1;
}
.hsp-executive-ivory #mobil .vehicle-body p{margin:0 0 24px}
.hsp-executive-ivory #mobil .vehicle-body>div{margin-top:auto}
.hsp-executive-ivory #mobil .badge{
  top:20px;
  left:20px;
  padding:9px 13px;
  background:rgba(255,253,248,.93);
  backdrop-filter:blur(12px);
}
.hsp-executive-ivory.post-type-archive-vehicle .vehicle-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:32px;
}
.hsp-executive-ivory.post-type-archive-vehicle .vehicle-grid>div{min-width:0}
.hsp-executive-ivory.post-type-archive-vehicle .vehicle-card{height:100%;grid-column:auto}
.hsp-executive-ivory.post-type-archive-vehicle .vehicle-art{
  width:100%;
  height:auto;
  aspect-ratio:1/1;
}
.hsp-executive-ivory.post-type-archive-vehicle .vehicle-body{
  display:flex;
  min-height:285px;
  flex-direction:column;
  padding:32px;
}
.hsp-executive-ivory.post-type-archive-vehicle .vehicle-body>div{margin-top:auto}

/* Grid besar yang terasa seperti situs enterprise, bukan template sempit. */
.hsp-executive-ivory .studio-grid{grid-template-columns:1.08fr .92fr}
.hsp-executive-ivory .studio-form,
.hsp-executive-ivory .studio-result{padding:54px}
.hsp-executive-ivory .sales-grid{
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:10%;
}
.hsp-executive-ivory .sales-copy{max-width:690px}
.hsp-executive-ivory .concierge-shell{grid-template-columns:1.05fr .95fr}
.hsp-executive-ivory .concierge-copy,
.hsp-executive-ivory .concierge-console{padding:54px}
.hsp-executive-ivory .promo-grid{gap:28px}
.hsp-executive-ivory .promo-card{min-height:350px;padding:42px}
.hsp-executive-ivory .calc-grid{
  grid-template-columns:minmax(0,1fr) 470px;
  gap:12%;
}
.hsp-executive-ivory .showroom-card{
  grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);
  gap:10%;
}

@media(max-width:1180px) and (min-width:901px){
  .hsp-executive-ivory .container{width:min(calc(100% - 48px),var(--container))}
  .hsp-executive-ivory .hero-slider .hero-content,
  .hsp-executive-ivory .hero-ui{width:calc(100% - 64px)}
  .hsp-executive-ivory .hero-copy{width:46vw;max-width:540px}
  .hsp-executive-ivory .hero-copy h1{font-size:clamp(50px,5.2vw,66px)}
  .hsp-executive-ivory .hero-visual{left:47%}
  .hsp-executive-ivory #mobil .vehicle-grid{gap:22px}
  .hsp-executive-ivory #mobil .vehicle-body{min-height:270px;padding:26px}
}
@media(max-width:900px) and (min-width:641px){
  .hsp-executive-ivory .container{width:calc(100% - 44px)}
  .hsp-executive-ivory .hero-slider .hero-content,
  .hsp-executive-ivory .hero-ui{width:calc(100% - 52px)}
  .hsp-executive-ivory .hero-copy{width:52%;max-width:500px}
  .hsp-executive-ivory .hero-copy h1{font-size:clamp(45px,6.8vw,58px)}
  .hsp-executive-ivory .hero-visual{inset:94px 18px 72px 44%}
  .hsp-executive-ivory .hero-slide:after{
    background:linear-gradient(90deg,#f3ecdf 0%,rgba(243,236,223,.96) 43%,rgba(243,236,223,.2) 67%),linear-gradient(0deg,rgba(32,25,18,.28),transparent 45%);
  }
  .hsp-executive-ivory #mobil .container{width:calc(100% - 44px)}
  .hsp-executive-ivory #mobil .vehicle-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
  .hsp-executive-ivory.post-type-archive-vehicle .vehicle-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
  .hsp-executive-ivory .section-head{gap:28px}
  .hsp-executive-ivory .studio-form,
  .hsp-executive-ivory .studio-result,
  .hsp-executive-ivory .concierge-copy,
  .hsp-executive-ivory .concierge-console{padding:38px}
}
@media(max-width:640px){
  .hsp-executive-ivory .container,
  .hsp-executive-ivory #mobil .container{width:calc(100% - 30px)}
  .hsp-executive-ivory .site-header .nav-wrap,
  .hsp-executive-ivory .site-header.scrolled .nav-wrap{
    width:100%;
    max-width:none;
  }
  .hsp-executive-ivory .hero-slider{height:820px;min-height:740px}
  .hsp-executive-ivory .hero-slider .hero-content{
    width:calc(100% - 30px);
    max-width:none;
    padding:0 0 172px;
  }
  .hsp-executive-ivory .hero-copy{width:100%;max-width:none;padding:0}
  .hsp-executive-ivory .hero-copy h1{
    max-width:100%;
    font-size:clamp(38px,10.7vw,47px);
    line-height:1.01;
  }
  .hsp-executive-ivory .hero-ui{
    width:calc(100% - 30px);
    max-width:none;
    bottom:104px;
  }
  .hsp-executive-ivory .hero-visual{inset:0}
  .hsp-executive-ivory .hero-slide:after{
    background:linear-gradient(0deg,rgba(20,16,12,.97) 0%,rgba(20,16,12,.8) 54%,rgba(20,16,12,.1) 100%);
  }
  .hsp-executive-ivory .section{padding:90px 0}
  .hsp-executive-ivory .section-head{
    display:flex;
    gap:20px;
    margin-bottom:36px;
  }
  .hsp-executive-ivory .section-head h2{font-size:clamp(38px,11vw,48px)}
  .hsp-executive-ivory #mobil .filters{grid-template-columns:1fr;max-width:none;margin-bottom:26px}
  .hsp-executive-ivory #mobil .vehicle-grid{grid-template-columns:1fr;gap:24px}
  .hsp-executive-ivory.post-type-archive-vehicle .vehicle-grid{grid-template-columns:1fr;gap:24px}
  .hsp-executive-ivory #mobil .vehicle-body{min-height:250px;padding:26px}
  .hsp-executive-ivory #mobil .vehicle-body h3{font-size:34px}
  .hsp-executive-ivory .studio-form,
  .hsp-executive-ivory .studio-result,
  .hsp-executive-ivory .concierge-copy,
  .hsp-executive-ivory .concierge-console{padding:30px 22px}
  .hsp-executive-ivory .promo-card{min-height:310px;padding:32px}
}

/* Layanan Premium mengikuti komposisi Executive Ivory 2.3. */
.hsp-executive-ivory .suite-menu{color:var(--espresso-900)}
.hsp-executive-ivory .suite-hero .hero-copy{
  width:auto;
  max-width:none;
  padding:92px 5vw 132px 7vw;
  background:
    radial-gradient(circle at 10% 18%,rgba(178,138,82,.12),transparent 34%),
    transparent;
}
.hsp-executive-ivory .suite-hero .hero-copy h1{
  max-width:680px;
  color:var(--espresso-900);
  font-size:clamp(52px,4.8vw,78px);
  line-height:.94;
}
.hsp-executive-ivory .suite-hero .hero-copy p{color:#665d52}
.hsp-executive-ivory .suite-hero .trust-line{color:#756b5f}
.hsp-executive-ivory .suite-hero .trust-line span{color:#4f473e}
.hsp-executive-ivory .suite-hero .trust-line em{background:#e2d7c7;color:#574f45}
.hsp-executive-ivory .suite-hero .product-float{
  border-color:rgba(226,205,172,.34);
  background:rgba(16,13,11,.88);
  color:#e7ddd0;
}
.hsp-executive-ivory .suite-hero .product-float strong,
.hsp-executive-ivory .suite-hero .product-float a{color:var(--light-text)}
.hsp-executive-ivory .suite-hero .product-float small{color:#b8aea2}
.hsp-executive-ivory .suite-hero .hero-metrics{
  border-color:#d3c6b3;
  background:rgba(255,253,248,.96);
  color:var(--espresso-900);
  box-shadow:0 25px 70px rgba(46,35,23,.13);
}
.hsp-executive-ivory .suite-hero .hero-metrics article{border-color:#ddd1c0}
.hsp-executive-ivory .suite-hero .hero-metrics span,
.hsp-executive-ivory .suite-hero .hero-metrics small{color:#7c7266}
.hsp-executive-ivory .suite-hero .hero-metrics strong{color:var(--espresso-900)}

@media(max-width:800px){
  .hsp-executive-ivory .suite-header{color:var(--espresso-900)}
  .hsp-executive-ivory .suite-hero{
    min-height:auto;
    display:flex;
    flex-direction:column;
  }
  .hsp-executive-ivory .suite-hero .hero-product{
    order:1;
    height:390px;
    margin:0;
    border-radius:80px 0 0;
  }
  .hsp-executive-ivory .suite-hero .hero-copy{
    order:2;
    width:100%;
    max-width:none;
    padding:54px 22px 172px;
  }
  .hsp-executive-ivory .suite-hero .hero-copy h1{
    max-width:620px;
    font-size:clamp(42px,8vw,58px);
    line-height:.96;
  }
  .hsp-executive-ivory .suite-hero .hero-copy p{
    max-width:580px;
    font-size:13px;
    line-height:1.7;
  }
  .hsp-executive-ivory .suite-hero .hero-actions{margin-top:26px}
  .hsp-executive-ivory .suite-hero .trust-line{margin-top:30px}
  .hsp-executive-ivory .suite-hero .hero-metrics{
    grid-template-columns:1fr 1fr;
    margin:0 12px;
  }
}
@media(max-width:430px){
  .hsp-executive-ivory .suite-hero .hero-product{height:350px}
  .hsp-executive-ivory .suite-hero .hero-copy{padding:46px 18px 178px}
  .hsp-executive-ivory .suite-hero .hero-copy h1{font-size:40px}
  .hsp-executive-ivory .suite-hero .hero-actions{align-items:stretch;flex-direction:column}
  .hsp-executive-ivory .suite-hero .hero-actions a{width:100%}
}
