/* ================================================================
   THE SCHOLAR'S EDIT — HOME PAGE
================================================================ */

/* ── HERO ───────────────────────────────────────────────────── */
.se-hero {
  min-height: 100vh;
  position: relative;
  display: flex;
  align-items: center;
  background: radial-gradient(circle at top right, #fff1eb 0%, #ace0f9 100%);
  overflow: hidden;
  padding-top: 80px;
}
.se-hero-bubble {
  position: absolute;
  border-radius: 50%;
  filter: blur(60px);
  opacity: 0.6;
  z-index: 0;
  animation: seBubbleFloat 10s infinite ease-in-out;
}
.se-bubble-1 { width:400px; height:400px; background:#ff9a9e; top:-100px; left:-100px; }
.se-bubble-2 { width:300px; height:300px; background:#a18cd1; bottom:10%; right:-50px; animation-delay:2s; }
.se-bubble-3 { width:200px; height:200px; background:#fad0c4; top:40%; left:40%; animation-delay:4s; }

.se-hero-inner {
  position: relative;
  z-index: 2;
  width: 90%;
  max-width: var(--max-w);
  margin: 0 auto;
  padding: 0 20px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
}
.se-hero-content { max-width: 600px; }
.se-hero-title   { margin-bottom: 20px; }
.se-hero-desc    { font-size: 1.15rem; max-width: 520px; }
.se-hero-actions { margin-top: 32px; display:flex; gap:14px; flex-wrap:wrap; }

.se-hero-img-wrap { position: relative; }
.se-hero-img {
  width: 100%;
  height: 560px;
  object-fit: cover;
  border-radius: 200px 200px 0 0;
  box-shadow: 0 24px 70px rgba(0,0,0,0.10);
  display: block;
}

/* Floating stat pill on hero image */
.se-hero-stat {
  position: absolute;
  bottom: 40px;
  left: -30px;
  background: var(--glass);
  backdrop-filter: blur(12px);
  border: 1px solid var(--glass-border);
  border-radius: var(--radius-md);
  padding: 16px 24px;
  box-shadow: var(--shadow-soft);
  display: flex;
  align-items: center;
  gap: 14px;
  white-space: nowrap;
}
.se-hero-stat-num  { font-size: 1.8rem; font-weight: 800; color: var(--accent); line-height:1; }
.se-hero-stat-label{ font-size: 0.85rem; color: var(--color-text-muted); font-weight:500; }

/* ── MAGAZINE GRID ──────────────────────────────────────────── */
.se-mag-grid {
  display: grid;
  grid-template-columns: repeat(12,1fr);
  gap: 20px;
  margin-bottom: 0;
}
.se-mag-1 { grid-column: span 8; height: 480px; }
.se-mag-2 { grid-column: span 4; height: 480px; }
.se-mag-3 { grid-column: span 4; height: 380px; }
.se-mag-4 { grid-column: span 8; height: 380px; }

.se-mag-img-card { padding:0; overflow:hidden; position:relative; }
.se-mag-img-card img { width:100%; height:100%; object-fit:cover; transition: transform var(--mid) var(--ease); }
.se-mag-img-card:hover img { transform: scale(1.04); }
.se-mag-caption {
  position:absolute; bottom:0; left:0; right:0;
  background: linear-gradient(to top,rgba(0,0,0,0.72),transparent);
  padding: 40px 32px 28px;
  color: #fff;
}
.se-mag-caption h3 { color:#fff; margin-bottom:6px; font-size:1.6rem; }
.se-mag-caption p  { color:#eee; margin:0; font-size:0.98rem; }

.se-mag-tag {
  position:absolute; top:16px; right:16px;
  background:#fff; padding:7px 18px;
  border-radius:20px; font-weight:700; font-size:0.85rem;
  box-shadow: var(--shadow-soft);
}

/* ── SUBJECT CARDS ──────────────────────────────────────────── */
.se-subject-thumb {
  height: 190px;
  overflow: hidden;
  border-radius: 14px;
  margin-bottom: 20px;
}
.se-subject-thumb img {
  width:100%; height:100%; object-fit:cover;
  transition: transform var(--mid) var(--ease);
}
.glass-card:hover .se-subject-thumb img { transform: scale(1.06); }
.se-card-link {
  color: var(--accent);
  font-weight: 700;
  text-decoration: none;
  font-size: 0.95rem;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  transition: gap var(--fast) var(--ease);
}
.se-card-link:hover { gap: 8px; color: var(--accent-light); }

/* ── TRAVEL CARDS ───────────────────────────────────────────── */
.se-travel-card { padding:0; overflow:hidden; }
.se-travel-thumb { height:240px; overflow:hidden; }
.se-travel-thumb img {
  width:100%; height:100%; object-fit:cover;
  transition: transform var(--mid) var(--ease);
}
.se-travel-card:hover .se-travel-thumb img { transform: scale(1.05); }
.se-travel-body { padding: 28px; }
.se-travel-body h4 { margin-bottom:8px; }
.se-travel-body p  { margin:0; font-size:0.97rem; }

/* ── PHOTOCOPIER SECTION ────────────────────────────────────── */
.se-printer-feature {
  margin-top: 30px;
  background: #fff;
  border-radius: var(--radius-md);
  padding: 24px 28px;
  box-shadow: var(--shadow-soft);
}
.se-printer-feature h4 { margin-bottom:8px; }
.se-printer-feature p  { margin:0; font-size:0.94rem; }

/* ── TESTIMONIALS ───────────────────────────────────────────── */
.se-quote { font-size:1.5rem; color:var(--accent); margin-bottom:8px; }

/* ── FAQ ────────────────────────────────────────────────────── */
.se-faq { margin-bottom:18px; }
.se-faq:last-child { margin-bottom:0; }
.se-faq h4 { margin-bottom:8px; }
.se-faq p  { margin:0; }

/* ── FINAL CTA ──────────────────────────────────────────────── */
.se-cta {
  background: linear-gradient(135deg,#fdfbfb 0%,#ebedee 100%);
  text-align: center;
  padding: var(--section) 0;
}
.se-cta h2  { margin-bottom:16px; }
.se-cta p   { font-size:1.3rem; max-width:560px; margin:0 auto 40px; }
.se-cta-btns { display:flex; justify-content:center; gap:18px; flex-wrap:wrap; }

/* ── FOOTER AREA ────────────────────────────────────────────── */
.se-footer-area {
  background: var(--pink-bg);
  padding: 64px 0;
}
.se-footer-brand h3 { margin-bottom:10px; }
.se-footer-copy { text-align:right; }
.se-footer-copy p { font-size:0.88rem; opacity:0.65; margin:0 0 4px; }

/* ── MOBILE ─────────────────────────────────────────────────── */
@media (max-width:900px) {
  .se-hero-inner { grid-template-columns:1fr; text-align:center; gap:40px; }
  .se-hero-img   { height:380px; border-radius:120px 120px 0 0; }
  .se-hero-stat  { left:50%; transform:translateX(-50%); bottom:20px; }
  .se-hero-actions { justify-content:center; }

  .se-mag-1,.se-mag-2,.se-mag-3,.se-mag-4 { grid-column:span 12; height:360px; }
  .se-footer-copy { text-align:left; margin-top:20px; }
}
@media (max-width:600px) {
  .se-hero-img { height:280px; }
  .se-cta h2   { font-size:2.2rem; }
  .se-cta p    { font-size:1.1rem; }
}