/* ============================================================
   pages/munte/css/munte.css
   ============================================================ */

.munte-hero { background:var(--green); padding-top:140px; }
.mnt-eyebrow { display:inline-flex;align-items:center;gap:10px;font-size:.65rem;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:rgba(255,255,255,.75);margin-bottom:14px; }
.mnt-eyebrow::before { content:'';width:28px;height:2px;background:rgba(255,255,255,.6);border-radius:1px; }
.munte-hero .sec-title { color:#fff; }
.munte-hero em  { color:var(--amber); }
.munte-hero .body-text { color:rgba(255,255,255,.85); }

.mnt-hero-grid { display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center; }
.mnt-imgs { display:grid;grid-template-columns:1fr 1fr;gap:14px; }
.mi { border-radius:var(--radius);overflow:hidden; }
.mi-main { grid-column:1/-1;aspect-ratio:16/9; }
.mi-sm { aspect-ratio:4/3; }
.mi img { width:100%;height:100%;object-fit:cover;display:block; }

.mnt-stats { display:flex;gap:40px;margin-top:44px;flex-wrap:wrap; }
.mstat .n { font-family:var(--serif);font-size:3rem;font-weight:700;color:var(--amber);line-height:1;display:block; }
.mstat .l { font-size:.7rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.7); }

/* Masive */
.masive-section { background:var(--white); }
.masive-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px; }
.masiv-card {
  display:flex;gap:16px;align-items:flex-start;
  padding:24px 22px;border-radius:var(--radius);
  background:var(--paper);
  border-left:3px solid var(--green);
  transition:all var(--transition);
}
.masiv-card:nth-child(2n)   { border-left-color:var(--sky); }
.masiv-card:nth-child(3n)   { border-left-color:var(--amber); }
.masiv-card:nth-child(4n)   { border-left-color:var(--terra); }
.masiv-card:hover { transform:translateY(-4px);box-shadow:var(--shadow); }
.mc-ico { font-size:1.8rem;flex-shrink:0; }
.mc-body h3 { font-family:var(--serif);font-size:1.1rem;font-weight:700;color:var(--ink);margin-bottom:2px; }
.mc-alt { font-size:.68rem;font-weight:500;letter-spacing:.1em;color:var(--ink-dim);display:block;margin-bottom:6px; }
.mc-body p { font-size:.8rem;color:var(--ink-dim);line-height:1.55; }

/* Seasons */
.seasons-section { background:var(--mint);padding:110px 0; }
.seasons-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:48px; }
.season-card { border-radius:var(--radius-lg);overflow:hidden;position:relative;aspect-ratio:3/4;cursor:default;transition:transform var(--transition),box-shadow var(--transition); }
.season-card:hover { transform:translateY(-8px);box-shadow:var(--shadow-lg); }
.sc-bg { position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .5s; }
.season-card:hover .sc-bg { transform:scale(1.06); }
.sc-ov { position:absolute;inset:0;background:linear-gradient(to top,rgba(15,36,23,.9) 0%,rgba(15,36,23,.25) 60%,transparent 100%); }
.sc-spring .sc-ov { background:linear-gradient(to top,rgba(22,163,74,.92) 0%,rgba(22,163,74,.2) 60%,transparent 100%); }
.sc-summer .sc-ov { background:linear-gradient(to top,rgba(14,165,233,.92) 0%,rgba(14,165,233,.2) 60%,transparent 100%); }
.sc-autumn .sc-ov { background:linear-gradient(to top,rgba(234,88,12,.92) 0%,rgba(234,88,12,.2) 60%,transparent 100%); }
.sc-winter .sc-ov { background:linear-gradient(to top,rgba(99,102,241,.92) 0%,rgba(99,102,241,.2) 60%,transparent 100%); }
.sc-body { position:absolute;bottom:0;left:0;right:0;padding:28px 24px; }
.sc-emoji { font-size:2rem;display:block;margin-bottom:8px; }
.sc-body h3 { font-family:var(--serif);font-size:1.6rem;font-weight:700;color:#fff;margin-bottom:6px; }
.sc-body p  { font-size:.8rem;color:rgba(255,255,255,.85);line-height:1.55; }

@media(max-width:1100px) { .masive-grid { grid-template-columns:repeat(2,1fr); } }
@media(max-width:960px)  {
  .mnt-hero-grid { grid-template-columns:1fr;gap:48px; }
  .mnt-imgs { display:none; }
  .seasons-grid { grid-template-columns:repeat(2,1fr); }
}
@media(max-width:560px)  {
  .masive-grid { grid-template-columns:1fr; }
  .seasons-grid { grid-template-columns:1fr; }
}