/* Glo Little Luxury — homepage-only layout */

.glo-hero { background: linear-gradient(90deg, var(--glo-teal-deep) 0%, var(--glo-teal-deep) 50%, var(--glo-violet) 50%, var(--glo-violet) 100%); padding: 56px 0; }
.glo-hero__inner { display: grid; grid-template-columns: 1.1fr .9fr; gap: 32px; align-items: center; }
.glo-hero-tag { display: inline-block; background: rgba(255,255,255,.18); color: #fff; font-size: 12px; font-weight: 700; letter-spacing: .5px; padding: 6px 14px; border-radius: 14px; margin-bottom: 14px; }
.glo-hero h1 { color: #fff; font-size: 40px; line-height: 1.16; margin-bottom: 14px; }
.glo-hero p { color: rgba(255,255,255,.88); font-size: 15px; max-width: 420px; margin-bottom: 22px; }
.glo-hero-cta { display: flex; gap: 12px; flex-wrap: wrap; }
.glo-hero-visual { border-radius: 20px; overflow: hidden; height: 420px; position: relative; background: rgba(255,255,255,.12); }
.glo-hero-visual img { width: 100%; height: 100%; object-fit: cover; display: block; }
.glo-hero-visual .glo-visual-placeholder { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 700; font-size: 14px; text-align: center; padding: 20px; }

.glo-promo-row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.glo-promo { border-radius: 18px; padding: 32px; color: #fff; min-height: 150px; display: flex; flex-direction: column; justify-content: center; }
.glo-promo.glo-teal { background: var(--glo-teal-bright); }
.glo-promo.glo-coral { background: var(--glo-coral); }
.glo-promo span.glo-promo-eyebrow { font-size: 12px; font-weight: 700; letter-spacing: .5px; opacity: .85; margin-bottom: 6px; display: block; }
.glo-promo h3 { font-size: 22px; margin-bottom: 12px; }
.glo-promo a { font-size: 13px; font-weight: 700; text-decoration: underline; }

.glo-story { background: var(--glo-surface); }
.glo-story__inner { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; }
.glo-story-visual { border-radius: 20px; height: 420px; position: relative; overflow: hidden; }
.glo-story-visual--photo img { width: 100%; height: 100%; object-fit: cover; object-position: top center; display: block; }
.glo-story-visual .glo-stripe { position: absolute; top: 0; bottom: 0; width: 33.34%; }
.glo-story-visual .glo-stripe.t { left: 0; background: var(--glo-teal-bright); }
.glo-story-visual .glo-stripe.c { left: 33.34%; background: var(--glo-coral); }
.glo-story-visual .glo-stripe.v { left: 66.68%; background: var(--glo-violet); }
.glo-story-visual .glo-mark { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; flex-direction: column; color: #fff; font-family: var(--glo-font-display); font-weight: 800; font-size: 32px; text-align: center; }
.glo-story-visual .glo-mark small { font-family: var(--glo-font-body); font-weight: 600; font-size: 13px; }
.glo-story-text h2 { font-size: 26px; margin-bottom: 14px; }
.glo-story-text p { font-size: 14.5px; color: var(--glo-ink-soft); line-height: 1.7; margin-bottom: 14px; }

.glo-news { background: var(--glo-teal-deep); color: #fff; padding: 44px 0; text-align: center; }
.glo-news h3 { font-size: 22px; margin-bottom: 8px; color: #fff; }
.glo-news p { font-size: 13.5px; opacity: .85; margin-bottom: 20px; }
.glo-news form { display: flex; justify-content: center; gap: 10px; max-width: 420px; margin: 0 auto; flex-wrap: wrap; }
.glo-news input { flex: 1; min-width: 200px; border: none; border-radius: var(--glo-radius-pill); padding: 12px 18px; font-family: var(--glo-font-body); outline: none; }
.glo-news button { background: var(--glo-coral); color: #fff; border: none; border-radius: var(--glo-radius-pill); padding: 12px 24px; font-weight: 700; cursor: pointer; }

@media (max-width: 980px) {
  .glo-hero__inner, .glo-story__inner { grid-template-columns: 1fr; }
  .glo-promo-row { grid-template-columns: 1fr; }
}