@charset "UTF-8";

.featured{
  display:grid; grid-template-columns:1.2fr 1fr; gap:clamp(36px,5vw,72px);
  align-items:center;
}
.featured-img{
  aspect-ratio:5/4; border-radius:14px; overflow:hidden;
  background-size:cover; background-position:center;
  border:1px solid var(--surface-glass-border);
  position:relative;
}
.featured-img::after{
  content:''; position:absolute; inset:0;
  background:linear-gradient(180deg, transparent 50%, rgba(14,6,6,.45) 100%);
}
.featured-tag{
  position:absolute; top:18px; left:22px; z-index:1;
  font:600 10px/1.15 var(--font-mono); letter-spacing:.28em; text-transform:uppercase;
  color:var(--gold);
  padding:6px 14px;
  background:rgba(14,6,6,.6); backdrop-filter:blur(8px);
  border-radius:4px;
}
.featured-body .featured-meta{
  font:600 10px/1.15 var(--font-mono); letter-spacing:.3em; text-transform:uppercase;
  color:rgba(42,10,12,.6); margin-bottom:18px;
}
.featured-body h3{
  font:500 clamp(28px,3.6vw,48px)/1.15 var(--font-display);
  color:#2A0A0C; margin:0 0 18px;
}
.featured-body h3 em{ color:var(--gold); font-weight:400; }
.featured-body p{ font:300 16px/1.7 var(--font-body); color:rgba(42,10,12,.82); margin:0 0 24px; max-width:56ch; }

.news-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin-top:24px; }

/* Glass cards — gold border luôn hiện; hover chỉ đổi nền nhẹ */
.news-card,
.press-strip-cell{
  background:var(--surface-glass);
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
  border:1px solid var(--surface-glass-border);
  transition:background .35s var(--ease);
}
.news-card:hover,
.press-strip-cell:hover{
  background:var(--surface-glass-hover);
}

.news-card{
  position:relative; border-radius:14px; overflow:hidden;
  display:flex; flex-direction:column;
}
.news-img{ aspect-ratio:16/10; background-size:cover; background-position:center; }
.news-body{ padding:22px 24px 24px; display:flex; flex-direction:column; gap:10px; flex:1; }
.news-meta{ font:600 10px/1.15 var(--font-mono); letter-spacing:.28em; text-transform:uppercase; color:var(--gold); }
.news-title{ font:500 19px/1.3 var(--font-display); color:#2A0A0C; margin:0; }
.news-excerpt{ font:300 13px/1.6 var(--font-body); color:rgba(42,10,12,.75); margin:0; }
.news-link{
  margin-top:auto; padding-top:12px;
  font:600 10px/1.15 var(--font-mono); letter-spacing:.28em; text-transform:uppercase;
  color:var(--gold);
}

.newsletter{
  position:relative;
  z-index:3;
  display:grid;
  grid-template-columns:minmax(0, 1.2fr) minmax(0, 1fr);
  gap:clamp(28px, 4vw, 48px);
  align-items:center;
}

/* ============ NEWSLETTER CTA BANNER ============ */
.newsletter-cta{
  padding:0 5vw clamp(56px, 7vw, 96px);
}
.newsletter-cta .section-inner{
  position:relative;
  padding:clamp(44px, 5.5vw, 72px) clamp(28px, 5vw, 64px);
  background:#160808;
  border-radius:20px;
  overflow:hidden;
  isolation:isolate;
}
.newsletter-cta-panel--has-bg{ background:transparent; }
.newsletter-cta-bg{
  position:absolute;
  inset:0;
  z-index:0;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}
.newsletter-cta-shade{
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(180deg, rgba(18,6,6,.52) 0%, rgba(14,6,6,.74) 48%, rgba(10,4,4,.88) 100%),
    radial-gradient(70% 90% at 100% 0%, rgba(139,26,31,.35), transparent 62%),
    radial-gradient(70% 90% at 0% 100%, rgba(232,196,101,.12), transparent 58%);
  pointer-events:none;
}
.newsletter-cta .section-inner::before{
  content:'';
  position:absolute;
  inset:0;
  z-index:2;
  background:
    radial-gradient(60% 80% at 100% 0%, rgba(232,196,101,.14), transparent 60%),
    radial-gradient(60% 80% at 0% 100%, rgba(139,26,31,.28), transparent 60%);
  pointer-events:none;
}
.newsletter-cta .section-eyebrow{
  margin-bottom:14px;
  color:var(--gold);
}
.newsletter-cta .cta-banner-title{
  margin:0 0 12px;
  max-width:18ch;
  text-align:left;
  font:500 clamp(28px, 3.4vw, 44px)/1.12 var(--font-display);
  letter-spacing:-.005em;
  color:#F7F1E8;
}
.newsletter-cta .cta-banner-title em{
  font-weight:400;
  background:var(--gold-shine);
  background-size:200% 200%;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent;
  animation:goldShimmer 6s linear infinite;
}
.newsletter-cta .cta-banner-sub{
  margin:0;
  max-width:46ch;
  text-align:left;
  font:300 15px/1.65 var(--font-body);
  color:rgba(247,241,232,.78);
}
.newsletter-cta .newsletter-form{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
}
.newsletter-cta .newsletter-form input[type="email"],
.newsletter-cta .newsletter-form-wrap input[type="email"],
.newsletter-cta .newsletter-form-wrap input[type="text"]{
  flex:1 1 220px;
  min-width:min(100%, 200px);
  padding:13px 20px;
  border-radius:999px;
  border:1px solid rgba(232,196,101,.28);
  background:rgba(255,255,255,.08);
  color:#F7F1E8;
  font:400 14px/1.4 var(--font-body);
  outline:none;
  transition:border-color .25s ease, background .25s ease;
}
.newsletter-cta .newsletter-form input:focus,
.newsletter-cta .newsletter-form-wrap input:focus{
  border-color:rgba(232,196,101,.55);
  background:rgba(255,255,255,.12);
}
.newsletter-cta .newsletter-form input::placeholder,
.newsletter-cta .newsletter-form-wrap input::placeholder{
  color:rgba(247,241,232,.45);
}
.newsletter-cta .newsletter-form .btn-gold{
  flex-shrink:0;
  white-space:nowrap;
}
.newsletter-cta .newsletter-form-wrap .wpcf7-form{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
}
.newsletter-cta .newsletter-form-wrap .wpcf7-form p{
  margin:0;
  flex:1 1 220px;
  min-width:min(100%, 200px);
}
.newsletter-cta .newsletter-form-wrap .wpcf7-submit{
  flex-shrink:0;
}

@media (max-width:900px){
  .featured{ grid-template-columns:1fr; }
  .news-grid{ grid-template-columns:1fr 1fr; }
  .newsletter-cta .newsletter{
    grid-template-columns:1fr;
    gap:24px;
  }
}
@media (max-width:600px){
  .news-grid{ grid-template-columns:1fr; }
  .newsletter-cta .section-inner{ padding:40px 24px; border-radius:16px; }
  .newsletter-cta .newsletter-form,
  .newsletter-cta .newsletter-form-wrap .wpcf7-form{
    flex-direction:column;
    align-items:stretch;
  }
  .newsletter-cta .newsletter-form .btn-gold,
  .newsletter-cta .newsletter-form-wrap .wpcf7-submit{
    width:100%;
    justify-content:center;
  }
}

/* ============================================================
   PRESS STRIP — "Họ nhắc về Sài Gòn Light Event"
   Glass-cream cards in a horizontal swiper rail.
   ============================================================ */
.news-press-strip{
  padding-top:clamp(64px,7vw,110px);
  padding-bottom:clamp(64px,7vw,110px);
}
.news-press-strip .section-head{ margin-bottom:clamp(28px,3vw,44px); }
.press-strip-rail{
  overflow:hidden;
  padding-bottom:12px;
}
.press-strip-swiper{
  overflow:hidden;
  width:100%;
}
.press-strip-swiper .swiper-wrapper{ align-items:stretch; }

.press-strip-cell{
  border-radius:16px;
  padding:clamp(28px,3vw,40px);
  display:flex; flex-direction:column; gap:14px;
  height:auto;
  min-height:200px;
}
.press-strip-source{
  font:600 10px/1.15 var(--font-mono);
  letter-spacing:.28em;
  text-transform:uppercase;
  color:var(--gold);
}
.press-strip-quote{
  font:italic 300 clamp(15px,1.4vw,18px)/1.55 var(--font-display);
  color:#2A0A0C;
  margin:0;
  flex:1;
}

@media (max-width:600px){
  .press-strip-cell{ min-height:160px; }
}