/*
 * style.css — LUMIÈRE Essence Peak landing (lek2, "Essence Peak Landing" design).
 *
 * Ported from the design component's <style> block. Layout/visual values stay
 * inline on each element (1:1 with the design); this file adds what inline
 * styles cannot express: :hover / :focus states (the design's style-hover /
 * style-focus attributes), @keyframes, @media responsive rules, popup animation.
 * Palette: green var(--green-900), gold var(--gold) (hover var(--gold)), cream var(--cream).
 */

/* ---- Base ---------------------------------------------------------- */
html { scroll-behavior: smooth; }
body {
  margin: 0;
  /* Reserve space for the fixed bottom sticky CTA bar so it never clips content. */
  padding-bottom: 76px;
  background: var(--cream);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* ---- Keyframes ----------------------------------------------------- */
@keyframes ep-pulse {
  0%, 100% { transform: scale(1);    box-shadow: 0 6px 24px rgba(243,236,227,.45); }
  50%      { transform: scale(1.03); box-shadow: 0 8px 32px rgba(243,236,227,.65); }
}
@keyframes ep-pop {
  from { opacity: 0; transform: translateY(16px) scale(.97); }
  to   { opacity: 1; transform: translateY(0)    scale(1);   }
}

/* ---- Interactive states (were style-hover / style-focus) ---------- */
.ep-nav-link    { transition: color .2s ease; }
.ep-nav-link:hover { color: var(--gold) !important; }

.ep-btn-gold    { transition: background .2s ease; }
.ep-btn-gold:hover { background: var(--gold) !important; }

.ep-btn-dark    { transition: background .2s ease, color .2s ease; }
.ep-btn-dark:hover { background: var(--gold) !important; color: var(--green-900) !important; }

.ep-input       { transition: border-color .2s ease; }
.ep-input:focus { border-color: var(--gold) !important; }

.ep-card        { transition: box-shadow .25s ease; }
.ep-card:hover  { box-shadow: 0 14px 32px rgba(28,26,22,.1); }

.ep-unit-card   { transition: box-shadow .25s ease, transform .25s ease; }
.ep-unit-card:hover { box-shadow: 0 16px 40px rgba(28,26,22,.12); }

.ep-amenity-fig img { transition: transform .6s ease; }
.ep-amenity-fig:hover img { transform: scale(1.07); }

.ep-sticky-link { transition: border-color .2s ease, color .2s ease; }
.ep-sticky-link:hover { border-color: var(--gold) !important; color: var(--gold) !important; }

/* ---- Sticky bar slides away while a lead form field is focused ----- */
#ep-sticky { transition: transform .25s ease; }
#ep-sticky.is-hidden { transform: translateY(100%); }

/* ---- Header call CTA: labeled "Gọi" replaces the number on mobile -- */
#ep-header-phone-short { display: none; }

/* ---- Exit-intent popup open state --------------------------------- */
.js-exit-popup.is-open { display: flex !important; }
.js-exit-popup.is-open .js-exit-popup-card { animation: ep-pop .35s ease both; }

/* ---- Responsive (mirrors the design breakpoints; !important beats the
        inline grid-template-columns on each grid element) ------------ */
@media (max-width: 900px) {
  #ep-nav { display: none !important; }
  #ep-hero-grid { grid-template-columns: 1fr !important; gap: 32px !important; }
  #ep-overview-grid { grid-template-columns: 1fr !important; gap: 28px !important; }
  #ep-policy-grid { grid-template-columns: 1fr !important; }
  #ep-plan-grid { grid-template-columns: 1fr !important; }
  #ep-units-grid { grid-template-columns: 1fr 1fr !important; }
  #ep-amenity-grid { grid-template-columns: 1fr !important; }
  #ep-amenity-list { grid-template-columns: 1fr 1fr !important; }
  #ep-tam-grid { grid-template-columns: 1fr !important; }
  #ep-loca-grid { grid-template-columns: 1fr 1fr !important; }
  #ep-commit-grid { grid-template-columns: repeat(3, 1fr) !important; }
  #ep-trust { grid-template-columns: 1fr 1fr !important; gap: 18px !important; }
  #ep-sticky-note { display: none !important; }
  #ep-header-cta { margin-left: auto !important; }
  /* The desktop 100deg gradient thins to .25 on the right; a full-width mobile
     column needs uniform darkening behind the value-prop text. */
  #ep-hero-overlay { background: rgba(20,18,14,.82) !important; }
}
@media (max-width: 560px) {
  #ep-sticky-bar { gap: 8px !important; padding: 8px 10px !important; justify-content: center !important; }
  #ep-sticky-bar a, #ep-sticky-bar button { font-size: 13px !important; padding: 9px 13px !important; }
  #ep-units-grid { grid-template-columns: 1fr !important; }
  #ep-amenity-list { grid-template-columns: 1fr !important; }
  #ep-facts-grid { grid-template-columns: 1fr !important; }
  #ep-loca-grid { grid-template-columns: 1fr !important; }
  #ep-commit-grid { grid-template-columns: 1fr 1fr !important; }
  #ep-header-phone-label { display: none !important; }
  #ep-header-phone-short { display: inline !important; }
  body { padding-bottom: 64px; }
}

/* ---- Accessibility: respect reduced-motion ------------------------ */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .ep-btn-gold, .js-exit-popup-card { animation: none !important; }
}

/* ---- Brand fonts Masterise: SVN-Optima (tiêu đề) + SVN-Cera (body) -------- */
@font-face{font-family:'SVN-Optima';src:url('../fonts/SVN-Optima-Regular.woff2') format('woff2'),url('../fonts/SVN-Optima-Regular.woff') format('woff');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:'SVN-Optima';src:url('../fonts/SVN-Optima-Medium.woff2') format('woff2'),url('../fonts/SVN-Optima-Medium.woff') format('woff');font-weight:500;font-style:normal;font-display:swap;}
@font-face{font-family:'SVN-Optima';src:url('../fonts/SVN-Optima-DemiBold.woff2') format('woff2'),url('../fonts/SVN-Optima-DemiBold.woff') format('woff');font-weight:600;font-style:normal;font-display:swap;}
@font-face{font-family:'SVN-Optima';src:url('../fonts/SVN-Optima-Bold.woff2') format('woff2'),url('../fonts/SVN-Optima-Bold.woff') format('woff');font-weight:700;font-style:normal;font-display:swap;}
@font-face{font-family:'SVN-Cera';src:url('../fonts/SVN-CeraLight.woff') format('woff');font-weight:300;font-style:normal;font-display:swap;}
@font-face{font-family:'SVN-Cera';src:url('../fonts/SVN-Cera.woff2') format('woff2'),url('../fonts/SVN-Cera.woff') format('woff');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:'SVN-Cera';src:url('../fonts/SVN-CeraMedium.woff2') format('woff2'),url('../fonts/SVN-CeraMedium.woff') format('woff');font-weight:500;font-style:normal;font-display:swap;}
@font-face{font-family:'SVN-Cera';src:url('../fonts/SVN-CeraBold.woff2') format('woff2'),url('../fonts/SVN-CeraBold.woff') format('woff');font-weight:700;font-style:normal;font-display:swap;}
/* ---- Font chính Masterise: Neurial Grotesk (SVN-Cera = fallback tiếng Việt) - */
@font-face{font-family:'Neurial Grotesk';src:url('../fonts/NeurialGrotesk-Light.woff2') format('woff2'),url('../fonts/NeurialGrotesk-Light.woff') format('woff');font-weight:300;font-style:normal;font-display:swap;}
@font-face{font-family:'Neurial Grotesk';src:url('../fonts/NeurialGrotesk-Regular.woff2') format('woff2'),url('../fonts/NeurialGrotesk-Regular.woff') format('woff');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:'Neurial Grotesk';src:url('../fonts/NeurialGrotesk-Medium.woff2') format('woff2'),url('../fonts/NeurialGrotesk-Medium.woff') format('woff');font-weight:500;font-style:normal;font-display:swap;}
@font-face{font-family:'Neurial Grotesk';src:url('../fonts/NeurialGrotesk-Bold.woff2') format('woff2'),url('../fonts/NeurialGrotesk-Bold.woff') format('woff');font-weight:700;font-style:normal;font-display:swap;}
@font-face{font-family:'Neurial Grotesk';src:url('../fonts/NeurialGrotesk-ExtraBold.woff2') format('woff2'),url('../fonts/NeurialGrotesk-ExtraBold.woff') format('woff');font-weight:800;font-style:normal;font-display:swap;}
/* ---- Design tokens: palette Masterise LUMIERE (emerald + cream + sage) ---- */
:root{
  --green-900:#1c1a16; --green-800:#2a2620; --green-700:#8a6e30; --sage:#d4af5e;
  --cream:#faf7f1; --mint:#f0ead9; --gold:#a2833c;
  --text-body:#2a2620; --text-muted:#6f675c; --border-light:#e0d3ae;
}

/* ---- HSG1 hero: champagne architectural dossier ------------------- */
.hsg1-hero {
  display: grid;
  scroll-margin-top: 112px;
  grid-template-areas: "copy form" "visual visual";
  grid-template-columns: minmax(0, 7fr) minmax(360px, 5fr);
  gap: 42px 52px;
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  padding: 64px 40px 48px;
  box-sizing: border-box;
}
.hsg1-hero-copy {
  grid-area: copy;
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  padding-top: 6px;
}
.hsg1-hero-eyebrow {
  display: inline-flex;
  max-width: 100%;
  align-items: center;
  gap: 12px;
  color: #8a6e30;
  font: italic 500 15px/1.35 'SVN-Optima', Georgia, serif;
  letter-spacing: .025em;
}
.hsg1-hero-eyebrow i { width: 40px; height: 1px; flex: 0 0 auto; background: #a2833c; }
.hsg1-hero-title {
  max-width: 780px;
  margin: 0;
  color: #1c1a16;
  font: 600 clamp(50px, 4.6vw, 68px)/1.02 'SVN-Optima', Georgia, serif !important;
  letter-spacing: -.035em;
  text-wrap: balance;
}
.hsg1-hero-title span,
.hsg1-hero-title em { display: block; }
.hsg1-hero-title em {
  margin-top: 12px;
  color: #8a6e30;
  font-size: .68em;
  font-style: normal;
  letter-spacing: -.02em;
}
.hsg1-hero-price {
  display: flex;
  width: 100%;
  max-width: 760px;
  flex-direction: column;
  gap: 7px;
  padding: 15px 18px;
  box-sizing: border-box;
  border-left: 3px solid #a2833c;
  background: #f3eddf;
  color: #6f5724;
}
.hsg1-hero-price strong { font: 700 18px/1.35 'Neurial Grotesk', 'SVN-Cera', sans-serif; }
.hsg1-hero-price span { font: 500 14px/1.5 'Neurial Grotesk', 'SVN-Cera', sans-serif; }
.hsg1-hero-description {
  max-width: 65ch;
  margin: 0;
  color: #625b50;
  font: 400 16px/1.68 'Neurial Grotesk', 'SVN-Cera', sans-serif;
}
.hsg1-hero-form-panel {
  grid-area: form;
  min-width: 0;
  align-self: start;
  padding: 30px;
  box-sizing: border-box;
  border: 1px solid #dfd5c3;
  border-top: 3px solid #a2833c;
  background: #fffdf8;
  box-shadow: 0 28px 56px -42px rgba(59, 46, 21, .52);
}
.hsg1-hero-form-header { display: flex; flex-direction: column; gap: 8px; }
.hsg1-hero-form-header > span {
  color: #8a6e30;
  font: 700 10px/1.35 'Neurial Grotesk', 'SVN-Cera', sans-serif;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.hsg1-hero-form-header h2 {
  margin: 0;
  color: #1c1a16;
  font: 600 29px/1.14 'SVN-Optima', Georgia, serif;
  letter-spacing: -.02em;
  text-wrap: balance;
}
.hsg1-hero-form-header p {
  margin: 0;
  color: #6e675c;
  font: 400 14px/1.55 'Neurial Grotesk', 'SVN-Cera', sans-serif;
}
.hsg1-hero-lead-form { position: relative; display: flex; min-width: 0; min-height: 323px; flex-direction: column; margin-top: 22px; }
.hsg1-hero-form-fields { display: grid; min-width: 0; gap: 14px; }
.hsg1-hero-field {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 7px;
  color: #3b372f;
  font: 600 12px/1.35 'Neurial Grotesk', 'SVN-Cera', sans-serif;
}
.hsg1-hero-field small { color: #837b6e; font-size: 10px; font-weight: 400; }
.hsg1-hero-field .hsg-in {
  width: 100%;
  min-width: 0;
  min-height: 52px;
  padding: 13px 14px;
  box-sizing: border-box;
  border: 1px solid #ddd4c4 !important;
  border-radius: 0 !important;
  outline: 0;
  background: #faf8f3 !important;
  color: #1c1a16;
  font: 400 16px/1.35 'Neurial Grotesk', 'SVN-Cera', sans-serif !important;
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.hsg1-hero-field .hsg-in::placeholder { color: #938b7e; opacity: 1; }
.hsg1-hero-field .hsg-in:focus { border-color: #765f29 !important; outline: 3px solid #765f29 !important; outline-offset: 2px; background: #fff !important; box-shadow: none; }
.hsg1-hero-form-error { margin: 10px 0 0 !important; color: #9b302a !important; font: 600 12px/1.45 'Neurial Grotesk', 'SVN-Cera', sans-serif !important; }
.hsg1-hero-submit {
  display: inline-flex;
  width: 100%;
  min-height: 56px;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-top: 14px;
  padding: 14px 20px;
  border: 1px solid #7a5f24;
  border-radius: 0;
  background: #7a5f24;
  color: #fffdf8;
  cursor: pointer;
  font: 700 13px/1.2 'Neurial Grotesk', 'SVN-Cera', sans-serif;
  letter-spacing: .1em;
  text-transform: uppercase;
  transition: background .18s ease, color .18s ease, transform .18s ease;
}
.hsg1-hero-submit svg { width: 18px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; }
.hsg1-hero-submit:hover { background: #684f1d; }
.hsg1-hero-submit:active { transform: translateY(1px); }
.hsg1-hero-submit:disabled { cursor: wait; opacity: .62; }
.hsg1-hero-assurance,
.hsg1-hero-proof {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  margin: 11px 0 0 !important;
  color: #716a5e !important;
  font: 500 11px/1.45 'Neurial Grotesk', 'SVN-Cera', sans-serif !important;
  text-align: center;
}
.hsg1-hero-assurance svg { width: 13px; fill: none; stroke: #8a6e30; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }
.hsg1-hero-proof { margin-top: 6px !important; }
.hsg1-hero-proof strong { color: #7a5f24; }
.hsg1-hero-lead-form > .js-form-success { margin-block: auto; }
.hsg1-hero-trust {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  margin: 20px 0 0;
  padding: 17px 0 0;
  border-top: 1px solid #e5dfd2;
  list-style: none;
}
.hsg1-hero-trust li { display: flex; align-items: center; gap: 9px; color: #635c51; font: 500 12px/1.4 'Neurial Grotesk', 'SVN-Cera', sans-serif; }
.hsg1-hero-trust svg { width: 15px; flex: 0 0 auto; fill: none; stroke: #8a6e30; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; }
.hsg1-hero-visual {
  position: relative;
  grid-area: visual;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  background: #ddd3c1;
}
.hsg1-hero-visual > img { display: block; width: 100%; height: 440px; object-fit: cover; object-position: center 44%; }
.hsg1-hero-visual figcaption {
  position: absolute;
  top: 18px;
  left: 18px;
  padding: 8px 11px;
  background: rgba(255, 253, 248, .92);
  color: #6e675c;
  font: italic 500 11px/1.3 'Neurial Grotesk', 'SVN-Cera', sans-serif;
}
.hsg1-hero-stats {
  position: absolute;
  right: 22px;
  bottom: 22px;
  left: 22px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  background: rgba(255, 253, 248, .94);
  box-shadow: 0 16px 44px -28px rgba(28, 26, 22, .8);
}
.hsg1-hero-stat { display: flex; min-width: 0; flex-direction: column; gap: 6px; padding: 18px 20px; border-right: 1px solid rgba(162, 131, 60, .24); }
.hsg1-hero-stat:last-child { border-right: 0; }
.hsg1-hero-stat strong { color: #1c1a16; font: 600 29px/1.05 'SVN-Optima', Georgia, serif; letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
.hsg1-hero-stat span { color: #6e675c; font: 600 10px/1.35 'Neurial Grotesk', 'SVN-Cera', sans-serif; letter-spacing: .075em; text-transform: uppercase; }

.hsg1-quick {
  display: grid;
  grid-template-columns: 240px minmax(0, 1fr);
  gap: 30px;
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 40px 64px;
  box-sizing: border-box;
}
.hsg1-quick-intro { display: flex; flex-direction: column; justify-content: center; gap: 5px; }
.hsg1-quick-intro > span { color: #8a6e30; font: 700 9px/1.35 'Neurial Grotesk', 'SVN-Cera', sans-serif; letter-spacing: .18em; text-transform: uppercase; }
.hsg1-quick-intro h2 { margin: 0; color: #1c1a16; font: 600 20px/1.25 'SVN-Optima', Georgia, serif; }
.hsg1-quick-intro p { margin: 0; color: #756d61; font: 400 12px/1.45 'Neurial Grotesk', 'SVN-Cera', sans-serif; }
.hsg1-quick-actions { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid #d8cebc; border-bottom: 1px solid #d8cebc; }
.hsg1-quick-action {
  display: grid;
  min-width: 0;
  min-height: 68px;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 14px 18px;
  border: 0;
  border-right: 1px solid #d8cebc;
  background: transparent;
  color: #4a443b;
  cursor: pointer;
  font: 600 13px/1.35 'Neurial Grotesk', 'SVN-Cera', sans-serif;
  text-align: left;
  transition: background .18s ease, color .18s ease;
}
.hsg1-quick-action:last-child { border-right: 0; }
.hsg1-quick-action:hover { background: #f1eadc; color: #6f5724; }
.hsg1-quick-number { color: #a2833c; font-size: 10px; letter-spacing: .08em; }
.hsg1-quick-action svg { width: 17px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; transition: transform .18s ease; }
.hsg1-quick-action:hover svg { transform: translateX(3px); }
.hsg1-hero-submit:focus-visible,
.hsg1-quick-action:focus-visible { outline: 3px solid #5f491b; outline-offset: 3px; }

@media (max-width: 1100px) {
  .hsg1-hero { grid-template-columns: minmax(0, 3fr) minmax(340px, 2fr); gap: 34px; }
  .hsg1-hero-title { font-size: clamp(46px, 5.2vw, 58px) !important; }
  .hsg1-hero-form-panel { padding: 25px; }
  .hsg1-hero-visual > img { height: 400px; }
  .hsg1-quick { grid-template-columns: 210px minmax(0, 1fr); gap: 22px; }
  .hsg1-quick-action { padding-inline: 13px; }
}

@media (max-width: 900px) {
  .hsg1-hero.hsg-pad {
    scroll-margin-top: 148px;
    grid-template-areas: "copy" "form" "visual";
    grid-template-columns: minmax(0, 1fr);
    gap: 30px;
    padding: 44px 24px 34px !important;
  }
  .hsg1-hero #dang-ky { order: initial !important; }
  .hsg1-hero-copy { padding-top: 0; }
  .hsg1-hero-title { max-width: 700px; font-size: clamp(42px, 7vw, 58px) !important; }
  .hsg1-hero-form-panel { width: 100%; max-width: 680px; justify-self: center; }
  .hsg1-hero-visual { overflow: visible; background: transparent; }
  .hsg1-hero-visual > img { height: 360px; }
  .hsg1-hero-visual figcaption { position: static; display: block; padding: 9px 0; background: transparent; }
  .hsg1-hero-stats { position: static; grid-template-columns: repeat(2, minmax(0, 1fr)); border: 1px solid #e1d8c8; box-shadow: none; }
  .hsg1-hero-stat { border-right: 1px solid #e1d8c8; border-bottom: 1px solid #e1d8c8; }
  .hsg1-hero-stat:nth-child(2n) { border-right: 0; }
  .hsg1-hero-stat:nth-last-child(-n+2) { border-bottom: 0; }
  .hsg1-quick.hsg-pad { grid-template-columns: 1fr; gap: 18px; padding: 0 24px 48px !important; }
  .hsg1-quick-intro { max-width: 360px; }
  .hsg1-quick-actions { grid-template-columns: 1fr; }
  .hsg1-quick-action { min-height: 56px; border-right: 0; border-bottom: 1px solid #d8cebc; }
  .hsg1-quick-action:last-child { border-bottom: 0; }
}

@media (max-width: 640px) {
  .hsg1-hero.hsg-pad { gap: 25px; padding: 34px 16px 28px !important; }
  .hsg1-hero-copy { gap: 16px; }
  .hsg1-hero-eyebrow { gap: 9px; font-size: 13px; }
  .hsg1-hero-eyebrow i { width: 28px; }
  .hsg1-hero-title { font-size: clamp(36px, 10.6vw, 46px) !important; letter-spacing: -.03em; }
  .hsg1-hero-title em { margin-top: 8px; font-size: .7em; }
  .hsg1-hero-price { gap: 5px; padding: 13px 14px; }
  .hsg1-hero-price strong { font-size: 16px; }
  .hsg1-hero-price span { font-size: 13px; }
  .hsg1-hero-description { font-size: 14px; line-height: 1.62; }
  .hsg1-hero-form-panel { padding: 21px 18px; }
  .hsg1-hero-form-header h2 { font-size: 25px; }
  .hsg1-hero-lead-form { margin-top: 18px; }
  .hsg1-hero-visual > img { height: clamp(235px, 68vw, 300px); object-position: center center; }
  .hsg1-hero-stat { min-height: 88px; padding: 15px 13px; box-sizing: border-box; }
  .hsg1-hero-stat strong { font-size: 25px; }
  .hsg1-hero-stat span { font-size: 9px; }
  .hsg1-quick.hsg-pad { padding: 0 16px 40px !important; }
}

@media (max-width: 360px) {
  .hsg1-hero-title { font-size: 34px !important; }
  .hsg1-hero-form-header h2 { font-size: 23px; }
  .hsg1-hero-form-panel { padding-inline: 16px; }
  .hsg1-hero-lead-form { min-height: 339px; }
}

@media (prefers-reduced-motion: reduce) {
  .hsg1-hero-submit,
  .hsg1-quick-action,
  .hsg1-quick-action svg { transition: none; }
}

/* ---- HSG1 project differentiation + sales-policy ledger ------------ */
.hsg1-districts,
.hsg1-policies {
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  box-sizing: border-box;
}
.hsg1-districts { display: flex; flex-direction: column; gap: 30px; padding: 72px 40px 44px; }
.hsg1-policies { display: flex; flex-direction: column; gap: 30px; padding: 34px 40px 80px; }
.hsg1-section-heading { display: flex; min-width: 0; flex-direction: column; gap: 10px; }
.hsg1-section-heading > span {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #8a6e30;
  font: italic 500 15px/1.4 'SVN-Optima', Georgia, serif;
  letter-spacing: .015em;
}
.hsg1-section-heading > span::before { width: 34px; height: 1px; background: #a2833c; content: ''; }
.hsg1-section-heading h2 {
  max-width: 880px;
  margin: 0;
  color: #1c1a16;
  font: 600 clamp(34px, 3.6vw, 48px)/1.08 'SVN-Optima', Georgia, serif;
  letter-spacing: -.028em;
  text-wrap: balance;
}
.hsg1-district-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.42fr) minmax(0, .88fr);
  gap: 1px;
  border: 1px solid #ddd3c0;
  background: #ddd3c0;
}
.hsg1-district {
  display: flex;
  min-width: 0;
  min-height: 306px;
  flex-direction: column;
  justify-content: space-between;
  gap: 38px;
  padding: 36px;
  background: #fffdf8;
  color: #1c1a16;
  box-sizing: border-box;
}
.hsg1-district--featured { background: #1c1a16; color: #fffdf8; }
.hsg1-district-meta { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.hsg1-district-index { color: #a2833c; font: 600 17px/1 'SVN-Optima', Georgia, serif; letter-spacing: .08em; }
.hsg1-district-tag {
  max-width: 85%;
  padding: 8px 10px;
  border: 1px solid #ded4c2;
  color: #6f5724;
  font: 600 11px/1.25 'Neurial Grotesk', 'SVN-Cera', sans-serif;
  letter-spacing: .035em;
  text-align: right;
}
.hsg1-district--featured .hsg1-district-tag { border-color: rgba(212, 175, 94, .48); color: #f0d88f; }
.hsg1-district-body { display: flex; min-width: 0; flex-direction: column; gap: 14px; }
.hsg1-district h3 {
  max-width: 20ch;
  margin: 0;
  font: 600 clamp(28px, 3vw, 42px)/1.04 'SVN-Optima', Georgia, serif;
  letter-spacing: -.025em;
  text-wrap: balance;
}
.hsg1-district:not(.hsg1-district--featured) h3 { font-size: clamp(26px, 2.45vw, 34px); }
.hsg1-district p {
  max-width: 61ch;
  margin: 0;
  color: #6e675c;
  font: 400 15px/1.68 'Neurial Grotesk', 'SVN-Cera', sans-serif;
}
.hsg1-district--featured p { color: rgba(255, 253, 248, .76); }
.hsg1-policies-heading { display: grid; grid-template-columns: minmax(180px, .45fr) minmax(0, 1.55fr); align-items: end; gap: 24px; }
.hsg1-policies-heading h2 { max-width: 820px; }
.hsg1-policy-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 1px;
  border: 1px solid #ddd3c0;
  background: #ddd3c0;
}
.hsg1-policy {
  display: flex;
  min-width: 0;
  align-items: flex-start;
  gap: 20px;
  padding: 31px 32px 34px;
  background: #fffdf8;
  box-sizing: border-box;
}
.hsg1-policy:nth-child(1),
.hsg1-policy:nth-child(4) { grid-column: span 5; }
.hsg1-policy:nth-child(2),
.hsg1-policy:nth-child(3) { grid-column: span 7; }
.hsg1-policy-number {
  flex: 0 0 auto;
  color: #a2833c;
  font: 600 40px/.95 'SVN-Optima', Georgia, serif;
  letter-spacing: -.02em;
  font-variant-numeric: tabular-nums;
}
.hsg1-policy > div { display: flex; min-width: 0; flex-direction: column; gap: 9px; }
.hsg1-policy h3 { margin: 0; color: #1c1a16; font: 600 17px/1.34 'Neurial Grotesk', 'SVN-Cera', sans-serif; }
.hsg1-policy p { margin: 0; color: #6e675c; font: 400 14px/1.68 'Neurial Grotesk', 'SVN-Cera', sans-serif; overflow-wrap: anywhere; }
.hsg1-policy-urgency {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 28px;
  padding: 29px 32px;
  background: #1c1a16;
  color: #fffdf8;
}
.hsg1-policy-urgency-copy { display: flex; min-width: 0; flex-direction: column; gap: 5px; }
.hsg1-policy-urgency-copy > span { color: #d4af5e; font: 600 10px/1.35 'Neurial Grotesk', 'SVN-Cera', sans-serif; letter-spacing: .15em; text-transform: uppercase; }
.hsg1-policy-urgency-copy strong { font: 600 25px/1.12 'SVN-Optima', Georgia, serif; letter-spacing: -.015em; }
.hsg1-policy-urgency-copy p { margin: 0; color: #c2baad; font: 400 13px/1.5 'Neurial Grotesk', 'SVN-Cera', sans-serif; }
.hsg1-policy-countdown { display: grid; grid-template-columns: repeat(4, minmax(52px, 1fr)); gap: 7px; }
.hsg1-policy-countdown > div { display: flex; min-height: 61px; flex-direction: column; align-items: center; justify-content: center; gap: 3px; padding: 7px 9px; border: 1px solid rgba(212, 175, 94, .3); background: rgba(255, 255, 255, .06); box-sizing: border-box; }
.hsg1-policy-countdown span { color: #fffdf8; font: 700 22px/1 'Neurial Grotesk', 'SVN-Cera', sans-serif; font-variant-numeric: tabular-nums; }
.hsg1-policy-countdown small { color: #c2baad; font: 600 9px/1.2 'Neurial Grotesk', 'SVN-Cera', sans-serif; letter-spacing: .09em; }
.hsg1-policy-cta {
  display: inline-flex;
  min-height: 54px;
  align-items: center;
  justify-content: center;
  gap: 11px;
  padding: 14px 19px;
  border: 1px solid #d4af5e;
  border-radius: 0;
  background: #d4af5e;
  color: #1c1a16;
  cursor: pointer;
  font: 700 12px/1.2 'Neurial Grotesk', 'SVN-Cera', sans-serif;
  letter-spacing: .075em;
  text-align: center;
  white-space: nowrap;
  transition: background .18s ease, color .18s ease, transform .18s ease;
}
.hsg1-policy-cta:hover { background: #f0d88f; }
.hsg1-policy-cta:active { transform: translateY(1px); }
.hsg1-policy-cta:focus-visible { outline: 3px solid #fffdf8; outline-offset: 3px; }

@media (max-width: 900px) {
  .hsg1-districts { padding: 54px 24px 32px; }
  .hsg1-policies { padding: 28px 24px 56px; }
  .hsg1-district-grid { grid-template-columns: minmax(0, 1fr); }
  .hsg1-district { min-height: 0; padding: 29px 26px; gap: 30px; }
  .hsg1-district h3 { max-width: 24ch; }
  .hsg1-policies-heading { grid-template-columns: 1fr; align-items: start; gap: 8px; }
  .hsg1-policy:nth-child(n) { grid-column: span 6; }
  .hsg1-policy { padding: 25px 23px; }
  .hsg1-policy-urgency { grid-template-columns: minmax(0, 1fr) auto; gap: 22px; }
  .hsg1-policy-countdown { grid-column: 1 / -1; width: min(100%, 420px); }
}

@media (max-width: 640px) {
  .hsg1-districts { gap: 22px; padding-top: 42px; padding-bottom: 26px; }
  .hsg1-policies { gap: 22px; padding-top: 24px; padding-bottom: 42px; }
  .hsg1-section-heading { gap: 8px; }
  .hsg1-section-heading > span { font-size: 13px; }
  .hsg1-section-heading > span::before { width: 24px; }
  .hsg1-section-heading h2 { font-size: clamp(29px, 8.7vw, 39px); line-height: 1.1; }
  .hsg1-district { gap: 25px; padding: 23px 20px; }
  .hsg1-district-meta { align-items: flex-start; gap: 12px; }
  .hsg1-district-index { font-size: 15px; }
  .hsg1-district-tag { max-width: 82%; padding: 7px 8px; font-size: 10px; }
  .hsg1-district h3,
  .hsg1-district:not(.hsg1-district--featured) h3 { font-size: clamp(27px, 8vw, 34px); }
  .hsg1-district p { font-size: 14px; line-height: 1.62; }
  .hsg1-policy { min-width: 0; flex-direction: column; gap: 9px; padding: 16px 12px 17px; }
  .hsg1-policy-number { font-size: 29px; }
  .hsg1-policy > div { gap: 7px; }
  .hsg1-policy h3 { font-size: 14px; line-height: 1.35; }
  .hsg1-policy p { font-size: 12px; line-height: 1.58; }
  .hsg1-policy-urgency { grid-template-columns: 1fr; gap: 18px; padding: 24px 18px; }
  .hsg1-policy-urgency-copy strong { font-size: 23px; }
  .hsg1-policy-countdown { width: 100%; gap: 6px; }
  .hsg1-policy-countdown > div { min-width: 0; min-height: 58px; padding-inline: 5px; }
  .hsg1-policy-countdown span { font-size: 20px; }
  .hsg1-policy-countdown small { font-size: 8px; letter-spacing: .06em; }
  .hsg1-policy-cta { width: 100%; }
}

@media (max-width: 360px) {
  .hsg1-district { padding-inline: 16px; }
  .hsg1-policy { padding: 14px 10px 15px; }
  .hsg1-policy-number { font-size: 27px; }
  .hsg1-policy h3 { font-size: 13px; }
  .hsg1-policy p { font-size: 11.5px; }
  .hsg1-policy-urgency { padding-inline: 16px; }
}

@media (prefers-reduced-motion: reduce) {
  .hsg1-policy-cta { transition: none; }
}

/* ---- HSG1 editorial lead popup ------------------------------------- */
body.hsg-modal-open { overflow: hidden; }
.hsg-popup-backdrop {
  position: fixed;
  inset: 0;
  z-index: 90;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: rgba(28, 26, 22, .68);
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
}
.hsg-popup-card {
  --popup-primary: #a2833c;
  --popup-primary-dark: #83682c;
  --popup-ink: #1c1a16;
  --popup-muted: #6e675c;
  --popup-border: #e5dfd2;
  position: relative;
  display: flex;
  width: min(540px, 100%);
  max-height: calc(100dvh - 32px);
  flex-direction: column;
  gap: 18px;
  overflow-y: auto;
  padding: 30px;
  border: 1px solid rgba(162, 131, 60, .24);
  border-radius: 16px;
  background: #fffefb;
  box-shadow: 0 32px 80px -28px rgba(28, 22, 12, .62), 0 1px 0 rgba(255, 255, 255, .85) inset;
}
.hsg-popup-backdrop.is-open .hsg-popup-card { animation: hsg-popup-in .28s cubic-bezier(.2, .8, .2, 1) both; }
.hsg-popup-accent {
  position: absolute;
  top: 0;
  left: 30px;
  width: 72px;
  height: 3px;
  border-radius: 0 0 2px 2px;
  background: var(--popup-primary);
}
.hsg-popup-close {
  position: absolute;
  top: 14px;
  right: 14px;
  display: grid;
  width: 44px;
  height: 44px;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #f7f3ea;
  color: #6e675c;
  cursor: pointer;
  transition: background .2s ease, color .2s ease, transform .2s ease;
}
.hsg-popup-close svg { width: 20px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-width: 1.8; }
.hsg-popup-close:hover { background: #eee6d5; color: var(--popup-ink); transform: rotate(3deg); }
.hsg-popup-close:active { transform: scale(.96); }
.hsg-popup-header { display: flex; flex-direction: column; gap: 7px; padding-right: 44px; }
.hsg-popup-eyebrow {
  color: var(--popup-primary);
  font: 700 10px/1.4 'Neurial Grotesk', 'SVN-Cera', sans-serif;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.hsg-popup-header h2 {
  margin: 0;
  color: var(--popup-ink);
  font: 700 28px/1.14 'Neurial Grotesk', 'SVN-Cera', sans-serif;
  letter-spacing: -.025em;
  text-wrap: balance;
}
.hsg-popup-urgency {
  display: flex;
  min-height: 38px;
  align-items: center;
  align-self: flex-start;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 3px;
  padding: 8px 11px;
  border: 1px solid var(--popup-border);
  border-radius: 8px;
  background: #faf7f1;
  color: var(--popup-muted);
  font: 500 12px/1.35 'Neurial Grotesk', 'SVN-Cera', sans-serif;
  font-variant-numeric: tabular-nums;
}
.hsg-popup-urgency > svg { width: 16px; margin-right: 2px; fill: none; stroke: var(--popup-primary); stroke-linecap: round; stroke-width: 1.8; }
.hsg-popup-urgency strong { color: #765f29; font-weight: 700; }
.hsg-popup-urgency i { width: 3px; height: 3px; margin: 0 3px; border-radius: 50%; background: #b6aa91; }
.hsg-popup-unit {
  align-self: flex-start;
  padding: 8px 11px;
  border: 1px solid #e7dcc1;
  border-radius: 6px;
  background: #f5efdf;
  color: #6e5a28;
  font: 500 12px/1.4 'Neurial Grotesk', 'SVN-Cera', sans-serif;
}
.hsg-popup-unit strong { font-weight: 700; }
.hsg-popup-card .js-form-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.hsg-popup-field { display: flex; min-width: 0; flex-direction: column; gap: 7px; color: var(--popup-ink); font: 600 12px/1.3 'Neurial Grotesk', 'SVN-Cera', sans-serif; }
.hsg-popup-field small { margin-left: 4px; color: #8c8477; font: 400 10px/1.3 'Neurial Grotesk', 'SVN-Cera', sans-serif; }
.hsg-popup-field .hsg-in {
  min-height: 50px;
  padding: 12px 14px;
  border: 1px solid #e2dacb;
  border-radius: 6px;
  background: #fcfaf6;
  color: var(--popup-ink);
  transition: border-color .2s ease, background .2s ease, box-shadow .2s ease;
}
.hsg-popup-field .hsg-in::placeholder { color: #918a7e; opacity: 1; }
.hsg-popup-field .hsg-in:hover { border-color: #cfc1a2; background: #fff; }
.hsg-popup-field .hsg-in:focus { border-color: var(--popup-primary); background: #fff; box-shadow: 0 0 0 3px rgba(162, 131, 60, .14); }
.hsg-popup-card .js-form-error,
.hsg-popup-submit,
.hsg-popup-assurance { grid-column: 1 / -1; }
.hsg-popup-submit {
  display: flex;
  min-height: 52px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border-radius: 6px;
  background: var(--popup-primary) !important;
  box-shadow: 0 12px 24px -16px rgba(112, 83, 24, .88);
  transition: background .2s ease, box-shadow .2s ease, transform .2s ease;
}
.hsg-popup-submit svg { width: 19px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; transition: transform .2s ease; }
.hsg-popup-submit:hover { background: var(--popup-primary-dark) !important; box-shadow: 0 16px 28px -16px rgba(112, 83, 24, 1); transform: translateY(-1px); }
.hsg-popup-submit:hover svg { transform: translateX(3px); }
.hsg-popup-submit:active { transform: translateY(0) scale(.99); }
.hsg-popup-assurance {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  color: var(--popup-muted);
  font: 500 11px/1.4 'Neurial Grotesk', 'SVN-Cera', sans-serif;
  text-align: center;
}
.hsg-popup-assurance svg { width: 14px; flex: 0 0 14px; fill: none; stroke: var(--popup-primary); stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }
.hsg-popup-close:focus-visible,
.hsg-popup-submit:focus-visible { outline: 3px solid rgba(162, 131, 60, .34); outline-offset: 3px; }
.hsg-popup-form .js-form-success { border-radius: 6px; text-align: center; }

@keyframes hsg-popup-in {
  from { opacity: 0; transform: translateY(14px) scale(.98); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@media (max-width: 560px) {
  .hsg-popup-backdrop { align-items: flex-end; padding: 12px; }
  .hsg-popup-card { max-height: calc(100dvh - 24px); gap: 16px; padding: 26px 20px 22px; border-radius: 14px; }
  .hsg-popup-accent { left: 20px; }
  .hsg-popup-close { top: 9px; right: 9px; }
  .hsg-popup-header { padding-right: 38px; }
  .hsg-popup-header h2 { font-size: 25px; }
  .hsg-popup-card .js-form-fields { grid-template-columns: 1fr; gap: 12px; }
  .hsg-popup-urgency { padding: 7px 9px; font-size: 11px; }
}

@media (max-height: 640px) and (min-width: 561px) {
  .hsg-popup-card { gap: 14px; padding-top: 24px; padding-bottom: 24px; }
  .hsg-popup-field .hsg-in { min-height: 46px; }
  .hsg-popup-submit { min-height: 48px; }
}

@media (prefers-reduced-motion: reduce) {
  .hsg-popup-backdrop.is-open .hsg-popup-card,
  .hsg-popup-close,
  .hsg-popup-submit,
  .hsg-popup-submit svg { animation: none !important; transition: none !important; }
}

/* ---- HSG1 apartment collection ------------------------------------- */
.hsg1-unit-tabs {
  scroll-margin-top: 96px;
  border-top: 1px solid #e5dfd2;
  background: #f8f5ee;
}
.hsg1-unit-tabs-inner {
  display: flex;
  max-width: 1240px;
  min-width: 0;
  flex-direction: column;
  gap: 30px;
  margin: 0 auto;
  padding: 84px 40px;
  box-sizing: border-box;
}
.hsg1-unit-tabs-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 28px;
}
.hsg1-unit-tabs-heading > div { display: flex; min-width: 0; flex-direction: column; gap: 10px; }
.hsg1-unit-tabs-heading > div > span {
  color: #8a6e30;
  font: italic 500 16px/1.35 'SVN-Optima', Georgia, serif;
}
.hsg1-unit-tabs-heading > div > span::before,
.hsg1-unit-tabs-heading > div > span::after { content: '—'; margin-inline: 8px; }
.hsg1-unit-tabs-heading h2 {
  max-width: 740px;
  margin: 0;
  color: #1c1a16;
  font: 600 clamp(32px, 3.4vw, 48px)/1.13 'SVN-Optima', Georgia, serif;
  letter-spacing: -.025em;
  text-wrap: balance;
}
.hsg1-unit-tabs-heading p {
  max-width: 340px;
  margin: 0 0 3px;
  color: #6e675c;
  font: 400 14px/1.65 'Neurial Grotesk', 'SVN-Cera', sans-serif;
}
.hsg1-unit-tablist {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
  padding: 10px;
  overflow-x: auto;
  border: 1px solid #50615a;
  border-radius: 16px;
  background: #2e3c36;
  scrollbar-color: #a2833c transparent;
  scrollbar-width: thin;
}
.hsg1-unit-tab {
  display: flex;
  min-width: 0;
  min-height: 78px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 12px 10px;
  overflow: hidden;
  border: 1px solid transparent;
  border-radius: 10px;
  background: transparent;
  color: #d8d9d1;
  cursor: pointer;
  font: 600 clamp(15px, 1.45vw, 19px)/1.2 'SVN-Optima', Georgia, serif;
  transition: background .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease;
}
.hsg1-unit-tab small {
  display: none;
  align-items: center;
  gap: 6px;
  color: #d9ab42;
  font: 700 9px/1.2 'Neurial Grotesk', 'SVN-Cera', sans-serif;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.hsg1-unit-tab small::before { width: 7px; height: 7px; border-radius: 50%; background: currentColor; content: ''; }
.hsg1-unit-tab:hover { border-color: rgba(220, 181, 92, .48); color: #fffdf8; }
.hsg1-unit-tab[aria-selected='true'] {
  border-color: #b28c3a;
  background: #3a4a43;
  color: #f8f1e3;
  box-shadow: inset 0 -3px 0 #d9ab42;
}
.hsg1-unit-tab[aria-selected='true'] small { display: inline-flex; }
.hsg1-unit-tab:focus-visible,
.hsg1-unit-cta:focus-visible { outline: 3px solid #e3ba61; outline-offset: 3px; }
.hsg1-unit-panel {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 1.12fr) minmax(340px, .88fr);
  overflow: hidden;
  border: 1px solid #53645d;
  border-radius: 18px;
  background: #2e3c36;
}
.hsg1-unit-panel[hidden] { display: none; }
.hsg1-unit-media {
  display: flex;
  min-width: 0;
  min-height: 520px;
  flex-direction: column;
  justify-content: space-between;
  padding: 22px;
  background: #f5efe2;
}
.hsg1-unit-media img {
  display: block;
  width: 100%;
  min-width: 0;
  min-height: 0;
  height: 100%;
  flex: 1;
  object-fit: contain;
  object-position: center;
}
.hsg1-unit-media--scene { background: #2e3c36; }
.hsg1-unit-media--scene img { object-fit: cover; }
.hsg1-unit-media figcaption {
  margin-top: 10px;
  color: #6e675c;
  font: italic 500 10px/1.4 'Neurial Grotesk', 'SVN-Cera', sans-serif;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.hsg1-unit-copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: center;
  padding: 48px;
}
.hsg1-unit-type {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: 9px;
  margin-bottom: 24px;
  color: #f2e4bd;
  font: 700 11px/1.35 'Neurial Grotesk', 'SVN-Cera', sans-serif;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.hsg1-unit-type i { width: 10px; height: 10px; border-radius: 50%; background: #d9ab42; }
.hsg1-unit-copy h3 {
  margin: 0;
  color: #fffdf8;
  font: 600 clamp(34px, 3.4vw, 50px)/1.08 'SVN-Optima', Georgia, serif;
  letter-spacing: -.025em;
  text-wrap: balance;
}
.hsg1-unit-description {
  max-width: 32ch;
  margin: 20px 0 30px;
  color: #c7cec5;
  font: 400 16px/1.62 'Neurial Grotesk', 'SVN-Cera', sans-serif;
}
.hsg1-unit-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 0;
}
.hsg1-unit-stats > div {
  min-width: 0;
  padding: 18px;
  border: 1px solid #51635b;
  border-radius: 12px;
  background: #27332e;
}
.hsg1-unit-stats dt {
  margin-bottom: 9px;
  color: #9da99d;
  font: 700 10px/1.3 'Neurial Grotesk', 'SVN-Cera', sans-serif;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.hsg1-unit-stats dd {
  margin: 0;
  color: #e4b24a;
  font: 600 clamp(19px, 2vw, 28px)/1.18 'SVN-Optima', Georgia, serif;
  letter-spacing: -.015em;
}
.hsg1-unit-cta {
  display: inline-flex;
  min-height: 56px;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: 100%;
  margin-top: 28px;
  border: 1px solid #e0ad3c;
  border-radius: 8px;
  background: #e0ad3c;
  color: #172219;
  cursor: pointer;
  font: 700 12px/1.3 'Neurial Grotesk', 'SVN-Cera', sans-serif;
  letter-spacing: .1em;
  text-transform: uppercase;
  transition: background .18s ease, border-color .18s ease, transform .18s ease;
}
.hsg1-unit-cta:hover { border-color: #f4c55f; background: #f4c55f; }
.hsg1-unit-cta:active { transform: translateY(1px); }
.hsg1-unit-cta svg { width: 18px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }
.hsg1-unit-disclaimer {
  margin: -12px 0 0;
  color: #756d61;
  font: 400 11px/1.5 'Neurial Grotesk', 'SVN-Cera', sans-serif;
  text-align: center;
}

@media (max-width: 980px) {
  .hsg1-unit-panel { grid-template-columns: 1fr; }
  .hsg1-unit-media { min-height: min(68vw, 520px); }
  .hsg1-unit-copy { padding: 38px; }
  .hsg1-unit-description { max-width: 60ch; }
}

@media (max-width: 720px) {
  .hsg1-unit-tabs-inner.hsg-pad { gap: 24px; padding: 58px 24px; }
  .hsg1-unit-tabs-heading { align-items: start; flex-direction: column; gap: 13px; }
  .hsg1-unit-tabs-heading h2 { font-size: clamp(31px, 9vw, 42px); }
  .hsg1-unit-tabs-heading p { max-width: 44ch; font-size: 13px; }
  .hsg1-unit-tablist { display: flex; gap: 7px; padding: 7px; scroll-snap-type: x proximity; }
  .hsg1-unit-tab { min-width: 108px; min-height: 64px; flex: 0 0 108px; scroll-snap-align: start; font-size: 16px; }
  .hsg1-unit-media { min-height: min(84vw, 430px); padding: 14px; }
  .hsg1-unit-copy { padding: 30px 24px; }
  .hsg1-unit-type { margin-bottom: 18px; }
  .hsg1-unit-copy h3 { font-size: clamp(33px, 9.5vw, 42px); }
  .hsg1-unit-description { margin: 16px 0 24px; font-size: 14px; }
}

@media (max-width: 420px) {
  .hsg1-unit-tabs { scroll-margin-top: 80px; }
  .hsg1-unit-tabs-inner.hsg-pad { padding: 48px 16px; }
  .hsg1-unit-tabs-heading > div > span { font-size: 14px; }
  .hsg1-unit-media { min-height: 300px; padding: 10px; }
  .hsg1-unit-media figcaption { font-size: 9px; }
  .hsg1-unit-copy { padding: 26px 18px 20px; }
  .hsg1-unit-stats { grid-template-columns: 1fr; gap: 9px; }
  .hsg1-unit-stats > div { padding: 14px; }
  .hsg1-unit-cta { min-height: 54px; margin-top: 22px; font-size: 11px; }
  .hsg1-unit-disclaimer { margin-top: -6px; text-align: left; }
}

@media (prefers-reduced-motion: reduce) {
  .hsg1-unit-tab,
  .hsg1-unit-cta { transition: none; }
}

/* HSG1 — Dòng tiền & tiêu chuẩn bàn giao */
.hsg1-finance,
.hsg1-delivery {
  border-top: 1px solid #e5dfd2;
  background: #fffdf9;
}
.hsg1-finance-inner.hsg-pad,
.hsg1-delivery-inner.hsg-pad {
  max-width: 1240px;
  margin: 0 auto;
  padding: 88px 40px;
}
.hsg1-finance-heading,
.hsg1-delivery-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 28px;
  margin-bottom: 38px;
}
.hsg1-finance-eyebrow,
.hsg1-delivery-eyebrow {
  display: block;
  margin-bottom: 10px;
  color: #a2833c;
  font: italic 500 16px/1.3 'Neurial Grotesk', 'SVN-Cera', sans-serif;
}
.hsg1-finance-heading h2,
.hsg1-delivery-heading h2 {
  max-width: 850px;
  margin: 0;
  color: #1c1a16;
  font: 600 clamp(32px, 3.8vw, 52px)/1.08 'Neurial Grotesk', 'SVN-Cera', sans-serif;
  letter-spacing: -.04em;
  text-wrap: balance;
}
.hsg1-finance-heading p,
.hsg1-delivery-heading p {
  max-width: 330px;
  margin: 0 0 4px;
  color: #6e675c;
  font: 400 15px/1.65 'Neurial Grotesk', 'SVN-Cera', sans-serif;
}
.hsg1-delivery-heading p strong { color: #2e3c36; font-weight: 700; }
.hsg1-finance-layout {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(440px, 1.1fr);
  gap: 24px;
  align-items: stretch;
}
.hsg1-finance-selector {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  padding: clamp(24px, 3vw, 42px);
  border: 1px solid #e5dfd2;
  background: #fff;
}
.hsg1-finance-selector fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
.hsg1-finance-selector legend,
.hsg1-finance-input-label > span {
  display: block;
  margin-bottom: 13px;
  color: #625b50;
  font: 700 11px/1.4 'Neurial Grotesk', 'SVN-Cera', sans-serif;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.hsg1-finance-selector legend span,
.hsg1-finance-input-label em {
  color: #938a7c;
  font-style: normal;
  font-weight: 500;
}
.hsg1-finance-presets {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}
.hsg1-finance-presets button {
  min-height: 50px;
  padding: 9px 8px;
  border: 1px solid #c6aa68;
  border-radius: 0;
  background: #fff;
  color: #8a6e30;
  cursor: pointer;
  font: 700 14px/1.2 'Neurial Grotesk', 'SVN-Cera', sans-serif;
  font-variant-numeric: tabular-nums;
  transition: background .18s ease, color .18s ease, border-color .18s ease;
  touch-action: manipulation;
}
.hsg1-finance-presets button:hover,
.hsg1-finance-presets button.is-active {
  border-color: #a2833c;
  background: #a2833c;
  color: #fff;
}
.hsg1-finance-presets button:focus-visible,
.hsg1-finance-cta:focus-visible,
.hsg1-finance-input-label input:focus-visible {
  outline: 3px solid #2e3c36;
  outline-offset: 3px;
}
.hsg1-finance-input-label { display: block; margin-top: 26px; }
.hsg1-finance-input-label .hsg-in {
  width: 100%;
  min-height: 56px;
  box-sizing: border-box;
  border: 1px solid #ded6c8;
  border-radius: 0;
  background: #faf7f1;
  color: #1c1a16;
  font: 600 19px/1 'Neurial Grotesk', 'SVN-Cera', sans-serif;
  font-variant-numeric: tabular-nums;
}
.hsg1-finance-input-label .hsg-in[aria-invalid="true"] { border-color: #9b4641; }
.hsg1-finance-note {
  margin: 18px 0 0;
  color: #8a8275;
  font: italic 400 12px/1.65 'Neurial Grotesk', 'SVN-Cera', sans-serif;
}
.hsg1-finance-summary {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: clamp(24px, 3vw, 42px);
  background: #2e3c36;
  color: #f9f5eb;
}
.hsg1-finance-summary-top {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px 13px;
  padding: 0 0 24px;
  border-bottom: 1px solid rgba(250, 247, 239, .2);
}
.hsg1-finance-summary-top span,
.hsg1-finance-summary-top small {
  color: #d3d8d2;
  font: 600 12px/1.4 'Neurial Grotesk', 'SVN-Cera', sans-serif;
  letter-spacing: .04em;
}
.hsg1-finance-summary-top strong {
  color: #e4b24a;
  font: 600 clamp(28px, 3vw, 39px)/1 'SVN-Optima', Georgia, serif;
  font-variant-numeric: tabular-nums;
  letter-spacing: -.02em;
}
.hsg1-finance-rows { margin: 10px 0 0; }
.hsg1-finance-rows > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: baseline;
  padding: 14px 0;
  border-bottom: 1px solid rgba(250, 247, 239, .14);
}
.hsg1-finance-rows dt {
  color: #d3d8d2;
  font: 400 13px/1.48 'Neurial Grotesk', 'SVN-Cera', sans-serif;
}
.hsg1-finance-rows dd {
  margin: 0;
  color: #fffdf9;
  font: 700 14px/1.4 'Neurial Grotesk', 'SVN-Cera', sans-serif;
  font-variant-numeric: tabular-nums;
  text-align: right;
  white-space: nowrap;
}
.hsg1-finance-summary-note {
  margin: 17px 0 22px;
  color: #adb8af;
  font: 400 12px/1.6 'Neurial Grotesk', 'SVN-Cera', sans-serif;
}
.hsg1-finance-cta {
  display: inline-flex;
  min-height: 56px;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: 100%;
  margin-top: auto;
  padding: 14px 18px;
  border: 1px solid #e4b24a;
  border-radius: 0;
  background: #e4b24a;
  color: #172219;
  cursor: pointer;
  font: 700 12px/1.25 'Neurial Grotesk', 'SVN-Cera', sans-serif;
  letter-spacing: .08em;
  text-transform: uppercase;
  transition: background .18s ease, border-color .18s ease, transform .18s ease;
  touch-action: manipulation;
}
.hsg1-finance-cta:hover { border-color: #f4c55f; background: #f4c55f; }
.hsg1-finance-cta:active { transform: translateY(1px); }
.hsg1-finance-cta svg { width: 19px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }
.hsg1-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.hsg1-delivery { background: #faf7f1; }
.hsg1-delivery-inner.hsg-pad { padding-top: 80px; padding-bottom: 88px; }
.hsg1-delivery-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.hsg1-delivery-card {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 14px;
  min-height: 146px;
  padding: 23px 22px 21px;
  border: 1px solid #e4ddd1;
  background: #fffdf9;
}
.hsg1-delivery-index {
  position: absolute;
  top: 14px;
  right: 17px;
  color: #e4ddd1;
  font: 600 28px/1 'SVN-Optima', Georgia, serif;
}
.hsg1-delivery-check {
  display: flex;
  width: 28px;
  height: 28px;
  align-items: center;
  justify-content: center;
  margin-top: 1px;
  border: 1px solid #c6aa68;
  border-radius: 50%;
  color: #8a6e30;
}
.hsg1-delivery-check svg { width: 15px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.9; }
.hsg1-delivery-card h3 {
  margin: 2px 22px 5px 0;
  color: #25231f;
  font: 700 16px/1.35 'Neurial Grotesk', 'SVN-Cera', sans-serif;
}
.hsg1-delivery-card p {
  margin: 0;
  color: #766f64;
  font: 400 14px/1.55 'Neurial Grotesk', 'SVN-Cera', sans-serif;
}
@media (max-width: 1020px) {
  .hsg1-finance-layout { grid-template-columns: minmax(0, 1fr) minmax(380px, 1fr); }
  .hsg1-delivery-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .hsg1-finance-inner.hsg-pad,
  .hsg1-delivery-inner.hsg-pad { padding: 64px 24px; }
  .hsg1-finance-heading,
  .hsg1-delivery-heading { display: block; margin-bottom: 28px; }
  .hsg1-finance-heading h2,
  .hsg1-delivery-heading h2 { font-size: clamp(31px, 9vw, 42px); }
  .hsg1-finance-heading p,
  .hsg1-delivery-heading p { max-width: 540px; margin-top: 15px; font-size: 14px; }
  .hsg1-finance-layout { grid-template-columns: 1fr; gap: 12px; }
  .hsg1-finance-selector,
  .hsg1-finance-summary { padding: 28px 24px; }
  .hsg1-delivery-grid { gap: 10px; }
}
@media (max-width: 520px) {
  .hsg1-finance-inner.hsg-pad,
  .hsg1-delivery-inner.hsg-pad { padding: 54px 16px; }
  .hsg1-finance-eyebrow,
  .hsg1-delivery-eyebrow { margin-bottom: 8px; font-size: 14px; }
  .hsg1-finance-selector,
  .hsg1-finance-summary { padding: 24px 18px; }
  .hsg1-finance-presets { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .hsg1-finance-presets button:last-child { grid-column: 1 / -1; }
  .hsg1-finance-input-label { margin-top: 22px; }
  .hsg1-finance-input-label .hsg-in { min-height: 54px; font-size: 16px; }
  .hsg1-finance-summary-top { gap: 7px 10px; padding-bottom: 19px; }
  .hsg1-finance-summary-top strong { flex-basis: 100%; font-size: 31px; }
  .hsg1-finance-rows > div { gap: 10px; padding: 12px 0; }
  .hsg1-finance-rows dt { font-size: 12px; }
  .hsg1-finance-rows dd { font-size: 12px; }
  .hsg1-finance-summary-note { margin-bottom: 18px; }
  .hsg1-finance-cta { min-height: 54px; font-size: 11px; }
  .hsg1-delivery-grid { grid-template-columns: 1fr; }
  .hsg1-delivery-card { min-height: 0; padding: 20px 18px; }
}
@media (prefers-reduced-motion: reduce) {
  .hsg1-finance-presets button,
  .hsg1-finance-cta { transition: none; }
}

/* HSG1 — Chủ đầu tư & đăng ký cuối trang */
.hsg1-final-conversion {
  border-top: 1px solid #e5dfd2;
  background: #faf7f1;
}
.hsg1-final-conversion-inner.hsg-pad {
  max-width: 1240px;
  margin: 0 auto;
  padding: 88px 40px 96px;
}
.hsg1-developer-proof {
  display: grid;
  grid-template-columns: minmax(0, 1.18fr) minmax(310px, .82fr);
  gap: clamp(28px, 5vw, 72px);
  padding: clamp(28px, 4vw, 48px);
  border-top: 3px solid #a2833c;
  background: #fffdf9;
  color: #1c1a16;
}
.hsg1-developer-copy { min-width: 0; }
.hsg1-final-eyebrow {
  margin: 0 0 12px;
  color: #a2833c;
  font: italic 500 15px/1.35 'SVN-Optima', Georgia, serif;
  letter-spacing: .02em;
}
.hsg1-developer-copy h2 {
  max-width: 27ch;
  margin: 0;
  color: #1c1a16;
  font: 600 clamp(25px, 3vw, 38px)/1.14 'Neurial Grotesk', 'SVN-Cera', sans-serif;
  letter-spacing: -.035em;
  text-wrap: balance;
}
.hsg1-developer-copy h2 span { display: block; }
.hsg1-developer-copy h2 .hsg1-developer-brand {
  margin-bottom: 11px;
  color: #a2833c;
  font-size: clamp(32px, 3.7vw, 48px);
  line-height: 1;
  letter-spacing: -.055em;
}
.hsg1-developer-copy h2 span:not(.hsg1-developer-brand) {
  max-width: 26ch;
  font-size: clamp(21px, 2.25vw, 29px);
  line-height: 1.22;
  letter-spacing: -.03em;
}
.hsg1-developer-copy h2 span + span:not(.hsg1-developer-brand) { margin-top: 5px; }
.hsg1-developer-copy > p:last-child {
  max-width: 62ch;
  margin: 20px 0 0;
  color: #6e675c;
  font: 400 15px/1.65 'Neurial Grotesk', 'SVN-Cera', sans-serif;
}
.hsg1-developer-projects {
  align-self: end;
  min-width: 0;
  padding: 6px 0 0 30px;
  border-left: 1px solid #e5dfd2;
}
.hsg1-developer-projects > p {
  margin: 0 0 17px;
  color: #756d61;
  font: 700 11px/1.3 'Neurial Grotesk', 'SVN-Cera', sans-serif;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.hsg1-developer-projects ul { display: grid; gap: 11px; margin: 0; padding: 0; list-style: none; }
.hsg1-developer-projects li {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 10px;
  align-items: baseline;
  color: #26231f;
  font: 600 15px/1.45 'Neurial Grotesk', 'SVN-Cera', sans-serif;
}
.hsg1-developer-projects li span {
  color: #a2833c;
  font: 700 10px/1 'Neurial Grotesk', 'SVN-Cera', sans-serif;
  letter-spacing: .08em;
}
.hsg1-final-lead {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, .86fr);
  gap: clamp(30px, 6vw, 86px);
  margin-top: 24px;
  padding: clamp(30px, 5vw, 64px);
  background: #1c1a16;
  color: #fffdf9;
}
.hsg1-final-lead-copy { min-width: 0; }
.hsg1-final-lead .hsg1-final-eyebrow { color: #e4b24a; }
.hsg1-final-lead h2 {
  max-width: 15ch;
  margin: 0;
  color: #fffdf9;
  font: 600 clamp(31px, 4.2vw, 53px)/1.06 'Neurial Grotesk', 'SVN-Cera', sans-serif;
  letter-spacing: -.045em;
  text-wrap: balance;
}
.hsg1-final-lead-description {
  max-width: 48ch;
  margin: 20px 0 0;
  color: #cdd4cc;
  font: 400 16px/1.65 'Neurial Grotesk', 'SVN-Cera', sans-serif;
}
.hsg1-final-countdown {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px 10px;
  max-width: 470px;
  margin-top: 30px;
  padding: 16px 0;
  border-top: 1px solid rgba(255, 253, 249, .2);
  border-bottom: 1px solid rgba(255, 253, 249, .2);
  color: #d1d9d0;
  font: 500 13px/1.5 'Neurial Grotesk', 'SVN-Cera', sans-serif;
  font-variant-numeric: tabular-nums;
}
.hsg1-final-countdown svg { width: 19px; height: 19px; flex: 0 0 auto; fill: none; stroke: #e4b24a; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }
.hsg1-final-countdown strong { color: #f3c55f; font: 700 13px/1.5 'Neurial Grotesk', 'SVN-Cera', sans-serif; }
.hsg1-final-benefits { display: grid; gap: 10px; margin: 22px 0 0; padding: 0; list-style: none; }
.hsg1-final-benefits li { display: flex; align-items: center; gap: 10px; color: #d1d9d0; font: 500 13px/1.45 'Neurial Grotesk', 'SVN-Cera', sans-serif; }
.hsg1-final-benefits svg { width: 17px; height: 17px; flex: 0 0 auto; fill: none; stroke: #e4b24a; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; }
.hsg1-final-form-panel {
  align-self: center;
  min-width: 0;
  padding: clamp(22px, 3.2vw, 34px);
  background: #fffdf9;
  color: #1c1a16;
}
.hsg1-final-form-panel > p {
  margin: 0 0 18px;
  color: #70685c;
  font: 700 11px/1.3 'Neurial Grotesk', 'SVN-Cera', sans-serif;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.hsg1-final-form-fields { display: grid; gap: 13px; }
.hsg1-final-field { display: grid; gap: 7px; min-width: 0; }
.hsg1-final-field > span {
  color: #5e584e;
  font: 600 12px/1.35 'Neurial Grotesk', 'SVN-Cera', sans-serif;
}
.hsg1-final-field small { color: #938a7c; font: 400 11px/1.35 'Neurial Grotesk', 'SVN-Cera', sans-serif; }
.hsg1-final-form .hsg-in {
  min-height: 54px;
  border: 1px solid #ded6c8;
  border-radius: 0;
  background: #faf7f1;
  color: #1c1a16;
  font: 400 16px/1.3 'Neurial Grotesk', 'SVN-Cera', sans-serif;
}
.hsg1-final-form .hsg-in:focus-visible,
.hsg1-final-submit:focus-visible { outline: 3px solid #a2833c; outline-offset: 3px; }
.hsg1-final-form-error { grid-column: 1 / -1; }
.hsg1-final-submit {
  display: inline-flex;
  min-height: 56px;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: 100%;
  margin-top: 5px;
  padding: 14px 18px;
  border: 1px solid #a2833c;
  border-radius: 0;
  background: #a2833c;
  color: #fffdf9;
  cursor: pointer;
  font: 700 12px/1.3 'Neurial Grotesk', 'SVN-Cera', sans-serif;
  letter-spacing: .09em;
  text-transform: uppercase;
  transition: background .18s ease, border-color .18s ease, transform .18s ease;
  touch-action: manipulation;
}
.hsg1-final-submit:hover { border-color: #8a6e30; background: #8a6e30; }
.hsg1-final-submit:active { transform: translateY(1px); }
.hsg1-final-form .js-form-success { border: 1px solid #d7c591; }
.hsg1-final-proof { color: #6e675c !important; font-variant-numeric: tabular-nums; }
.hsg1-final-contact { display: block; margin-top: 17px; color: #746c61; font: 400 12px/1.5 'Neurial Grotesk', 'SVN-Cera', sans-serif; text-align: center; }
.hsg1-final-contact a { color: #2e3c36; font-weight: 700; text-underline-offset: 3px; }
@media (max-width: 820px) {
  .hsg1-final-conversion-inner.hsg-pad { padding: 72px 24px 80px; }
  .hsg1-developer-proof,
  .hsg1-final-lead { grid-template-columns: 1fr; }
  .hsg1-developer-projects { padding: 25px 0 0; border-top: 1px solid #e5dfd2; border-left: 0; }
  .hsg1-final-lead { gap: 34px; }
  .hsg1-final-lead h2 { max-width: 18ch; }
  .hsg1-final-form-panel { max-width: 580px; }
}
@media (max-width: 520px) {
  .hsg1-final-conversion-inner.hsg-pad { padding: 56px 16px 64px; }
  .hsg1-developer-proof { gap: 24px; padding: 25px 20px; }
  .hsg1-final-eyebrow { margin-bottom: 9px; font-size: 14px; }
  .hsg1-developer-copy h2 { font-size: clamp(26px, 8vw, 34px); }
  .hsg1-developer-copy h2 .hsg1-developer-brand { margin-bottom: 9px; font-size: clamp(34px, 11vw, 42px); }
  .hsg1-developer-copy h2 span:not(.hsg1-developer-brand) { font-size: clamp(21px, 6.6vw, 26px); }
  .hsg1-developer-copy > p:last-child { margin-top: 15px; font-size: 14px; }
  .hsg1-developer-projects { padding-top: 21px; }
  .hsg1-developer-projects li { grid-template-columns: 24px minmax(0, 1fr); font-size: 14px; }
  .hsg1-final-lead { gap: 28px; margin-top: 12px; padding: 28px 20px; }
  .hsg1-final-lead h2 { max-width: none; font-size: clamp(31px, 10vw, 40px); }
  .hsg1-final-lead-description { margin-top: 16px; font-size: 14px; }
  .hsg1-final-countdown { margin-top: 24px; font-size: 12px; }
  .hsg1-final-countdown strong { flex-basis: 100%; font-size: 12px; }
  .hsg1-final-form-panel { padding: 22px 18px; }
  .hsg1-final-form .hsg-in,
  .hsg1-final-submit { min-height: 54px; }
  .hsg1-final-submit { font-size: 11px; }
}
@media (prefers-reduced-motion: reduce) {
  .hsg1-final-submit { transition: none; }
}