/* AĐẸP desktop refinement — Vietnamese typography and compact navigation. */
#header, .adep-home-v2, .adep-footer-cta, .adep-footer-main {
  font-family: "Be Vietnam Pro", Arial, sans-serif;
}
#header #logo a::after { font-family: "Be Vietnam Pro", Arial, sans-serif; font-weight: 800; letter-spacing: -.06em; }
.adep-home-v2 h1, .adep-home-v2 h2,
.adep-home-v2 .card h3, .adep-home-v2 .story h3,
.adep-footer-cta h2 {
  font-family: "Be Vietnam Pro", Arial, sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: -.035em;
}
.adep-home-v2 .eyebrow, .adep-home-v2 .jump span,
.adep-home-v2 .story small { letter-spacing: .1em; }
@media (min-width: 850px) {
  #header .header-wrapper,
  #header .header-wrapper.stuck {
    grid-template-columns: clamp(205px, 19vw, 270px) minmax(0, 1fr);
    grid-template-rows: 82px;
    box-shadow: 0 1px 0 rgba(24, 46, 35, .1);
  }
  #header #top-bar { display: none !important; }
  #header #masthead, #header .header-wrapper.stuck #masthead {
    grid-column: 1 / -1; grid-row: 1; height: 82px; min-height: 82px;
  }
  #header #masthead .header-inner {
    height: 82px; min-height: 82px; max-width: none; padding: 0 clamp(30px, 4.4vw, 72px);
  }
  #header #logo { width: 148px; min-width: 148px; }
  #header #logo a::after { font-size: 34px; }
  #header #logo a::before { left: 114px; bottom: 13px; }
  #header #wide-nav, #header .header-wrapper.stuck #wide-nav {
    grid-column: 2; grid-row: 1; height: 82px; min-height: 82px;
  }
  #header #wide-nav > .container {
    height: 82px; padding-right: clamp(30px, 4.4vw, 72px);
  }
  #header #wide-nav .header-bottom-nav {
    justify-content: flex-end; gap: clamp(16px, 2vw, 30px);
  }
  #header #wide-nav .header-bottom-nav > li > a {
    font-family: "Be Vietnam Pro", Arial, sans-serif;
    font-size: 13px; font-weight: 600; letter-spacing: 0;
  }
  #header #wide-nav .header-bottom-nav > li.adep-header-contact > a {
    background: #20392d; color: #fff; border-radius: 4px;
    padding: 13px 17px; transition: background .2s;
  }
  #header #wide-nav .header-bottom-nav > li.adep-header-contact > a:hover {
    background: #365744; color: #fff;
  }
  .adep-home-v2 .hero-grid {
    grid-template-columns: minmax(0, 48%) minmax(0, 52%) !important;
    min-height: 530px !important;
  }
  .adep-home-v2 .hero-copy {
    max-width: none !important;
    padding: 44px clamp(28px, 3.5vw, 58px) 44px clamp(48px, 5.5vw, 100px) !important;
  }
  .adep-home-v2 .hero-copy h1 {
    font-size: clamp(42px, 3.4vw, 56px) !important;
    line-height: 1.14 !important; margin: 16px 0 18px !important;
    max-width: 650px; text-wrap: balance;
  }
  .adep-home-v2 .hero-copy p { max-width: 560px !important; font-size: 16px !important; line-height: 1.65; }
  .adep-home-v2 .hero-media { min-height: 530px !important; }
  .adep-home-v2 .hero-media img { object-position: center 50%; }
  .adep-home-v2 .actions { gap: 10px; margin-top: 27px; }
  .adep-home-v2 .btn { font-family: inherit; border-radius: 3px; padding: 12px 18px; font-size: 13px; }
}
@media (min-width: 850px) and (max-width: 1160px) {
  #header .header-wrapper, #header .header-wrapper.stuck { grid-template-columns: 175px minmax(0, 1fr); }
  #header #wide-nav .header-bottom-nav { gap: 13px; }
  #header #wide-nav .header-bottom-nav > li > a { font-size: 11px; }
  #header #wide-nav .header-bottom-nav > li.adep-header-contact > a { padding: 11px 12px; }
  .adep-home-v2 .hero-copy { padding-left: 40px; }
  .adep-home-v2 .hero-copy h1 { font-size: clamp(40px, 4vw, 48px) !important; }
}
@media (max-width: 849px) {
  #header .header-wrapper { box-shadow: 0 1px 0 rgba(24, 46, 35, .1); }
  .adep-home-v2 .hero-copy h1 { font-weight: 600 !important; letter-spacing: -.035em; }
}