.lola-vitrine { --lola-ink:#10283b; --lola-muted:#475866; --lola-line:#d8e0e4; --lola-gold:#e8c686; --lola-paper:#f5f6f7; }
.lola-vitrine { color:var(--lola-ink); padding:clamp(16px,3vw,34px) 0 44px; }
.lola-hero { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.12fr); align-items:stretch; min-height:420px; overflow:hidden; border-radius:18px; background:#0c2236; color:#fff; }
.lola-hero-copy { display:flex; flex-direction:column; justify-content:center; align-items:flex-start; padding:clamp(24px,5vw,68px); }
.lola-hero h1 { color:inherit; font-size:clamp(42px,5.65vw,80px); line-height:1.02; letter-spacing:-.035em; margin:0 0 14px; }
.lola-kicker { font-size:.76rem; font-weight:700; letter-spacing:.13em; text-transform:uppercase; margin:0 0 12px; }
.lola-hero .lola-kicker { color:var(--lola-gold); }
.lola-hero .lola-lead { font-size:clamp(17px,2vw,23px); line-height:1.55; color:#e1eaf1; margin:0; }
.lola-fine { font-size:.88rem; }
.lola-actions { display:flex; flex-wrap:wrap; gap:10px; margin:22px 0 16px; }
.lola-button { display:inline-flex; align-items:center; justify-content:center; gap:7px; width:fit-content; max-width:100%; min-height:44px; padding:10px 15px; border:1px solid transparent; border-radius:7px; background:#123b62; color:#fff; text-decoration:none; font:600 1rem/1.3 system-ui,sans-serif; cursor:pointer; }
.lola-hero .lola-button { background:var(--lola-gold); color:#14273d; }
.lola-hero .lola-secondary { background:transparent; border-color:#7891a9; color:#fff; }
.lola-button:focus-visible,.lola-vitrine a:focus-visible { outline:3px solid #ca8615; outline-offset:3px; }
.lola-section { margin:clamp(38px,6vw,76px) 0; scroll-margin-top:72px; }
.lola-section h2 { font-size:clamp(30px,4vw,46px); margin:0 0 18px; }
.lola-contact-grid,.lola-range-grid { display:grid; gap:14px; }
.lola-contact-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.lola-range-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.lola-contact-card,.lola-range-grid article { min-width:0; padding:clamp(18px,2.7vw,34px); background:#fff; border:1px solid var(--lola-line); border-radius:10px; }
.lola-contact-card { border-top:3px solid #b78b44; }
.lola-contact-card h3,.lola-range-grid h3 { margin:0 0 8px; font-size:clamp(20px,2.4vw,28px); overflow-wrap:anywhere; }
.lola-contact-card h3 a { text-decoration-thickness:1px; text-underline-offset:4px; }
.lola-contact-card p:not(.lola-kicker),.lola-range-grid p { margin:0 0 12px; color:var(--lola-muted); }
.lola-contact-action { display:inline-flex; align-items:center; gap:5px; min-height:44px; margin-right:16px; font-weight:650; text-underline-offset:3px; }
.lola-range-grid article { background:#f7f9fa; }
.lola-range-grid p { margin-bottom:0; }
.lola-brand-hero .lola-brand-visual {
  position: relative;
  display: grid;
  place-items: center;
  min-width: 0;
  margin: 0;
  padding: clamp(24px, 5vw, 70px);
  isolation: isolate;
  background: radial-gradient(ellipse at 48% 45%, #123562 0%, #071a35 60%, #061225 100%);
}

.lola-brand-visual::before {
  position: absolute;
  z-index: -1;
  inset: clamp(12px, 2.6vw, 34px);
  border: 1px solid rgba(232, 195, 122, .32);
  border-radius: 11px;
  content: "";
}

.lola-brand-logo {
  display: block;
  box-sizing: border-box;
  width: min(100%, clamp(160px, 60vw, 330px));
  height: auto;
  padding: clamp(12px, 2.4vw, 26px);
  border-radius: 18px;
  background: #fcfeff;
  box-shadow: 0 12px 34px #020a1c70;
}

@media (max-width: 760px) {
  .lola-brand-hero .lola-brand-visual {
    grid-row: 1;
    padding: clamp(25px, 7vw, 52px);
  }

  .lola-brand-hero .lola-hero-copy {
    padding-top: 24px;
  }
}

.lola-tour-card { max-width:620px; border:1px solid var(--line); border-radius:8px; background:#fffdf8; padding:clamp(18px,3vw,30px); }
.lola-tour-brand { display:grid; grid-template-columns:76px minmax(0,1fr); gap:16px; align-items:center; }
.lola-tour-brand img { display:block; width:100%; height:auto; border-radius:8px; background:#fff; }
.lola-tour-brand .eyebrow { display:block; margin:0 0 5px; font-size:.7rem; }
.lola-tour-brand h3 { margin:0; }
.lola-tour-brand h3 a { text-decoration:none; }
.lola-tour-card > p { margin:16px 0; }
.lola-tour-actions { display:flex; flex-wrap:wrap; align-items:center; gap:8px 16px; }
.lola-tour-actions .button { font-size:.9rem; white-space:normal; }
.lola-tour-card a:focus-visible { outline:3px solid var(--brand); outline-offset:3px; }
@media(max-width:760px) {
 .lola-hero,.lola-range-grid { grid-template-columns:minmax(0,1fr); }
 .lola-hero { min-height:0; }
}
@media(max-width:540px) { .lola-contact-grid { grid-template-columns:minmax(0,1fr); } }
.lola-home-logo { justify-self:center; width:min(100%,160px); }
.lola-home-logo img { display:block; width:100%; border-radius:8px; background:#fff; }
.lola-home-ad > .eyebrow { margin-bottom:10px; }
.lola-home-ad a:focus-visible { outline:3px solid var(--brand); outline-offset:3px; }