/* Isolated styles for mod_gd_entrance_hero. Do not style core site elements. */
.gdeh {
  position: relative;
  isolation: isolate;
  min-height: 545px;
  overflow: hidden;
  background: #10100f;
  color: #f9f6f1;
  font-family: inherit;
}
.gdeh *, .gdeh *::before, .gdeh *::after { box-sizing: border-box; }
.gdeh__picture, .gdeh__shade { position: absolute; inset: 0; }
.gdeh__picture { z-index: -2; }
.gdeh__image { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 78% 50%; }
.gdeh--center .gdeh__image { object-position: center; }
.gdeh__shade {
  z-index: -1;
  background: linear-gradient(90deg, #0e0e0d 0%, rgba(14,14,13,.98) 19%, rgba(14,14,13,.86) 42%, rgba(14,14,13,.37) 67%, rgba(14,14,13,.03) 100%);
}
.gdeh__container { display: flex; align-items: center; width: min(100% - 48px, 1320px); min-height: 545px; margin-inline: auto; padding: 64px 0 66px; }
.gdeh__content { width: min(640px, 58%); }
.gdeh__kicker { display: flex; align-items: center; gap: 12px; margin: 0; color: #e2b64d; font-size: 12px; font-weight: 750; letter-spacing: .16em; text-transform: uppercase; }
.gdeh__kicker-line { display: inline-block; flex: 0 0 25px; height: 2px; background: #e2b64d; }
.gdeh__title { max-width: 680px; margin: 24px 0 0; color: #fff; font-size: clamp(43px, 5vw, 74px); font-weight: 780; letter-spacing: -.054em; line-height: 1.04; }
.gdeh__description { max-width: 565px; margin: 22px 0 0; color: #d7d2c9; font-size: clamp(15px, 1.3vw, 18px); line-height: 1.65; }
.gdeh__facts { display: flex; flex-wrap: wrap; gap: 11px 20px; margin: 26px 0 0; padding: 0; list-style: none; }
.gdeh__facts li { display: flex; align-items: center; gap: 7px; min-width: 0; color: #f1ebe2; font-size: 12px; line-height: 1.45; font-weight: 650; }
.gdeh__facts svg { flex: 0 0 17px; color: #eac05e; }
.gdeh__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
.gdeh__button { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 52px; padding: 14px 22px; border-radius: 9px; font: inherit; font-size: 14px; font-weight: 770; line-height: 1.2; text-decoration: none; cursor: pointer; transition: background .18s ease, color .18s ease, transform .18s ease; }
.gdeh__button--primary { border: 1px solid #ebbc58; background: #ebbc58; color: #1e1912; }
.gdeh__button--primary:hover { border-color: #f5cf7b; background: #f5cf7b; color: #1e1912; transform: translateY(-1px); }
.gdeh__button--secondary { border: 1px solid rgba(255,255,255,.5); background: rgba(11,11,10,.27); color: #fff; }
.gdeh__button--secondary:hover { border-color: #fff; background: rgba(255,255,255,.13); color: #fff; transform: translateY(-1px); }
.gdeh__button:focus-visible, .gdeh__catalog-link:focus-visible { outline: 3px solid #ffdc80; outline-offset: 4px; }
.gdeh__catalog-link { display: inline-flex; align-items: center; gap: 9px; margin-top: 19px; color: #eee7da; font-size: 12px; font-weight: 700; text-decoration: underline; text-decoration-color: rgba(255,255,255,.45); text-underline-offset: 5px; }
.gdeh__catalog-link:hover { color: #fff; }
.gdeh__catalog-link span { font-size: 18px; line-height: 1; }
@media (max-width: 1000px) {
  .gdeh { min-height: 490px; }
  .gdeh__container { min-height: 490px; padding: 56px 0; }
  .gdeh__content { width: min(660px, 72%); }
  .gdeh__shade { background: linear-gradient(90deg, #0e0e0d 0%, rgba(14,14,13,.92) 30%, rgba(14,14,13,.60) 66%, rgba(14,14,13,.1)); }
}
@media (max-width: 680px) {
  .gdeh { min-height: 0; }
  .gdeh__container { width: min(100% - 36px, 560px); min-height: 0; padding: 255px 0 34px; align-items: flex-end; }
  .gdeh__image { object-position: 76% 26%; }
  .gdeh__shade { background: linear-gradient(180deg, rgba(12,12,11,.08) 0%, rgba(12,12,11,.24) 24%, rgba(12,12,11,.91) 53%, #0e0e0d 80%, #0e0e0d 100%); }
  .gdeh__content { width: 100%; }
  .gdeh__kicker { font-size: 10px; }
  .gdeh__title { margin-top: 16px; font-size: clamp(40px, 10vw, 55px); }
  .gdeh__description { margin-top: 13px; font-size: 14px; line-height: 1.55; }
  .gdeh__facts { display: grid; grid-template-columns: 1fr; gap: 9px; margin-top: 20px; }
  .gdeh__facts li { font-size: 12px; }
  .gdeh__actions { flex-direction: column; margin-top: 24px; }
  .gdeh__button { width: 100%; min-height: 50px; }
}
@media (prefers-reduced-motion: reduce) {
  .gdeh__button { transition: none; }
}

/* Keep the full entrance group visible beside the copy. */
.gdeh { background: var(--gdeh-surface, #171612); }
.gdeh__picture { left: 44%; }
.gdeh__image { object-position: center; }
.gdeh__shade { background: linear-gradient(90deg, #171612 0%, #171612 40%, rgba(23,22,18,.86) 46%, rgba(23,22,18,0) 60%); }
.gdeh__content { width: 43%; }
.gdeh__title { font-size: clamp(38px, 4vw, 64px); }
@media (max-width: 1000px) and (min-width: 681px) {
 .gdeh__content { width: 46%; }
 .gdeh__title { font-size: 44px; }
 .gdeh__picture { left: 43%; }
}
@media (max-width: 680px) {
 .gdeh { display: flex; flex-direction: column; }
 .gdeh__picture { position: relative; inset: auto; z-index: 0; width: 100%; aspect-ratio: 3 / 2; }
 .gdeh__image { object-fit: cover; object-position: center; }
 .gdeh__shade { display: none; }
 .gdeh__container { padding: 30px 0 34px; }
 .gdeh__content { width: 100%; }
}
/* Explicit site theme attributes; dark remains the fallback. */
:where([data-theme="light"], [data-bs-theme="light"]) .gdeh {
 --gdeh-surface: #f5f1e9; color: #28241e;
}
:where([data-theme="light"], [data-bs-theme="light"]) .gdeh__shade { background: linear-gradient(90deg, #f5f1e9 0%, #f5f1e9 40%, rgba(245,241,233,.86) 46%, rgba(245,241,233,0) 60%); }
:where([data-theme="light"], [data-bs-theme="light"]) .gdeh__title { color: #28241e; }
:where([data-theme="light"], [data-bs-theme="light"]) :is(.gdeh__description, .gdeh__facts li, .gdeh__catalog-link) { color: #554c40; }
:where([data-theme="light"], [data-bs-theme="light"]) .gdeh__button--secondary { color: #28241e; background: transparent; border-color: #a49a89; }
:where([data-theme="light"], [data-bs-theme="light"]) .gdeh__kicker { color: #88641b; }

.gdeh__location { max-width: 510px; margin: 0; color: #e6c781; font-size: 14px; line-height: 1.55; font-weight: 650; }
.gdeh__possibilities { font-size: 16px; }
:where([data-theme="light"], [data-bs-theme="light"]) .gdeh__location { color: #806020; }
@media (max-width: 680px) { .gdeh__location { font-size: 13px; } .gdeh__possibilities { font-size: 14px; } }
