/*
 * iBlogger — Luminae V3.0
 * Pixel-focused rebuild of the two sections immediately following the hero:
 * Our Impact + Our Philosophy. Hero remains locked to V2.5.
 */

.home-page[data-sections-pass="v3.0"] .v30-impact,
.home-page[data-sections-pass="v3.0"] .v30-philosophy {
  --v30-ink:#111214;
  --v30-muted:#69696f;
  --v30-paper:#f4f1eb;
  --v30-card:#f7f5f0;
  --v30-line:rgba(17,18,20,.08);
}

/* ---------- Impact ---------- */
.home-page[data-sections-pass="v3.0"] .v30-impact {
  position:relative;
  overflow:hidden;
  padding:clamp(112px,10vw,158px) 0 clamp(106px,9vw,148px);
  background:var(--v30-paper);
  color:var(--v30-ink);
}
.home-page[data-sections-pass="v3.0"] .v30-impact::before {
  content:"";
  position:absolute;
  width:640px;height:380px;
  left:-260px;top:-170px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(214,200,246,.22),transparent 68%);
  filter:blur(18px);
  pointer-events:none;
}
.home-page[data-sections-pass="v3.0"] .v30-impact-inner {
  width:min(calc(100% - 48px),1240px);
  margin-inline:auto;
}
.home-page[data-sections-pass="v3.0"] .v30-impact-head {
  width:min(850px,100%);
  margin:0 auto clamp(54px,5.6vw,82px);
  text-align:center;
}
.home-page[data-sections-pass="v3.0"] .v30-impact-head .lm-kicker {
  display:block;
  margin:0 0 20px;
  font-size:12px;
  font-weight:650;
  letter-spacing:.13em;
  color:#77767a;
}
.home-page[data-sections-pass="v3.0"] .v30-impact-head .lm-heading {
  margin:0;
  font-size:clamp(45px,5.45vw,78px);
  line-height:.98;
  letter-spacing:-.052em;
  font-weight:430;
  color:#161619;
}
.home-page[data-sections-pass="v3.0"] .v30-impact-head > p {
  width:min(610px,92%);
  margin:25px auto 0;
  font-size:15px;
  line-height:1.95;
  color:#6a696e;
}
.home-page[data-sections-pass="v3.0"] .v30-impact-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  direction:ltr;
}
.home-page[data-sections-pass="v3.0"] .v30-stat {
  position:relative;
  min-height:440px;
  overflow:hidden;
  isolation:isolate;
  border-radius:31px;
  border:1px solid rgba(255,255,255,.42);
  box-shadow:0 24px 60px rgba(21,19,28,.07);
  padding:28px 28px 29px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  color:#151619;
  transform:translateZ(0);
}
.home-page[data-sections-pass="v3.0"] .v30-stat::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:-4;
  background-position:center;
  background-size:cover;
  transition:transform .8s cubic-bezier(.16,1,.3,1);
}
.home-page[data-sections-pass="v3.0"] .v30-stat:hover::before { transform:scale(1.025); }
.home-page[data-sections-pass="v3.0"] .v30-stat-a::before {
  background-image:
    url("../assets/images/impact-orbit.svg"),
    radial-gradient(circle at 17% 28%,#13b84e 0 16%,transparent 43%),
    radial-gradient(circle at 75% 17%,#4ecdf0 0 17%,transparent 43%),
    radial-gradient(circle at 22% 89%,#ee9af3 0 20%,transparent 47%),
    linear-gradient(135deg,#109b73,#ecf5fa 58%,#f8d7f5);
}
.home-page[data-sections-pass="v3.0"] .v30-stat-b::before {
  background-image:
    url("../assets/images/impact-orbit.svg"),
    radial-gradient(circle at 18% 20%,#4530ff 0 18%,transparent 47%),
    radial-gradient(circle at 87% 77%,#ec27c8 0 22%,transparent 55%),
    linear-gradient(145deg,#8d69fa,#f1a7f3 56%,#f233cb);
}
.home-page[data-sections-pass="v3.0"] .v30-stat-c::before {
  background-image:
    url("../assets/images/impact-orbit.svg"),
    radial-gradient(circle at 30% 14%,#5ec9f0 0 25%,transparent 57%),
    radial-gradient(circle at 76% 76%,#ffe226 0 25%,transparent 60%),
    linear-gradient(155deg,#64c6f2,#c694f0 58%,#ffe322);
}
.home-page[data-sections-pass="v3.0"] .v30-stat::after {
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,rgba(255,255,255,.03) 44%,rgba(255,255,255,.46) 100%);
  pointer-events:none;
}
.home-page[data-sections-pass="v3.0"] .v30-stat-orbit {
  position:absolute;
  z-index:-1;
  width:94%;
  height:auto;
  left:3%;
  top:1%;
  opacity:.19;
  mix-blend-mode:screen;
  filter:saturate(.8) contrast(1.05);
  pointer-events:none;
}
.home-page[data-sections-pass="v3.0"] .v30-stat-content {
  position:relative;
  z-index:2;
  direction:rtl;
  text-align:right;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
}
.home-page[data-sections-pass="v3.0"] .v30-stat strong {
  display:block;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(54px,5vw,72px);
  line-height:.88;
  letter-spacing:-.07em;
  font-weight:400;
  white-space:nowrap;
  color:#151519;
}
.home-page[data-sections-pass="v3.0"] .v30-stat span {
  width:min(150px,46%);
  font-size:13px;
  line-height:1.65;
  color:#34343a;
}

/* ---------- Philosophy ---------- */
.home-page[data-sections-pass="v3.0"] .v30-philosophy {
  position:relative;
  overflow:hidden;
  padding:clamp(108px,9vw,148px) 0 clamp(118px,10vw,166px);
  background:var(--v30-paper);
  color:var(--v30-ink);
}
.home-page[data-sections-pass="v3.0"] .v30-philosophy::after {
  content:"";
  position:absolute;
  width:700px;height:700px;
  right:-360px;bottom:-300px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(241,194,232,.22),transparent 68%);
  filter:blur(30px);
  pointer-events:none;
}
.home-page[data-sections-pass="v3.0"] .v30-philosophy-grid {
  position:relative;
  z-index:1;
  width:min(calc(100% - 48px),1240px);
  margin-inline:auto;
  display:grid;
  grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);
  gap:clamp(56px,7.3vw,106px);
  align-items:center;
  direction:ltr;
}
.home-page[data-sections-pass="v3.0"] .v30-philosophy-copy {
  direction:rtl;
  text-align:right;
  padding-left:6px;
}
.home-page[data-sections-pass="v3.0"] .v30-philosophy-copy .lm-kicker {
  display:block;
  margin:0 0 20px;
  font-size:12px;
  letter-spacing:.12em;
  color:#77767b;
}
.home-page[data-sections-pass="v3.0"] .v30-philosophy-copy .lm-heading {
  margin:0;
  max-width:560px;
  font-size:clamp(47px,5vw,72px);
  font-weight:420;
  line-height:1.01;
  letter-spacing:-.05em;
  color:#151518;
}
.home-page[data-sections-pass="v3.0"] .v30-philosophy-copy .lm-heading em {
  font-family:Georgia,"Times New Roman",serif;
  font-weight:400;
  font-style:italic;
}
.home-page[data-sections-pass="v3.0"] .v30-philosophy-copy > p {
  max-width:530px;
  margin:28px 0 28px auto;
  font-size:15px;
  line-height:2.05;
  color:#65646a;
}
.home-page[data-sections-pass="v3.0"] .v30-philosophy-copy .button {
  min-height:51px;
  padding-inline:25px;
  border-radius:999px;
  background:#17181a;
  color:#fff;
  border-color:#17181a;
  box-shadow:none;
}
.home-page[data-sections-pass="v3.0"] .v30-philosophy-copy .button:hover {
  background:#292a2d;
  border-color:#292a2d;
}
.home-page[data-sections-pass="v3.0"] .v30-philosophy-media {
  position:relative;
  min-height:690px;
  direction:ltr;
}
.home-page[data-sections-pass="v3.0"] .v30-philosophy-image {
  position:absolute;
  inset:0 0 0 5%;
  width:95%;
  height:100%;
  object-fit:cover;
  object-position:center 48%;
  border-radius:34px;
  box-shadow:0 28px 70px rgba(17,18,20,.08);
  background:#bdd5d8;
}
.home-page[data-sections-pass="v3.0"] .v30-peace-card {
  position:absolute;
  left:-2px;
  bottom:30px;
  width:278px;
  min-height:215px;
  padding:21px 22px 20px;
  border-radius:26px;
  background:rgba(251,249,244,.92);
  border:1px solid rgba(255,255,255,.70);
  box-shadow:0 18px 50px rgba(19,21,23,.14);
  backdrop-filter:blur(22px) saturate(1.1);
  -webkit-backdrop-filter:blur(22px) saturate(1.1);
  color:#151619;
}
.home-page[data-sections-pass="v3.0"] .v30-peace-card-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:29px;
  font-size:12px;
  color:#66656a;
}
.home-page[data-sections-pass="v3.0"] .v30-peace-icon {
  width:38px;height:38px;
  display:grid;place-items:center;
  border-radius:50%;
  background:#fff;
  font-size:18px;
  box-shadow:0 5px 16px rgba(20,20,24,.06);
}
.home-page[data-sections-pass="v3.0"] .v30-peace-card strong {
  display:block;
  font-family:Georgia,"Times New Roman",serif;
  font-size:56px;
  font-weight:400;
  line-height:.9;
  letter-spacing:-.065em;
  margin-bottom:12px;
}
.home-page[data-sections-pass="v3.0"] .v30-peace-card p {
  margin:0;
  max-width:210px;
  font-size:12px;
  line-height:1.65;
  color:#65646a;
}

/* Keep the dynamic blogger section from visually colliding with philosophy. */
.home-page[data-sections-pass="v3.0"] .v30-philosophy + .bloggers-section {
  margin-top:0;
}

@media (max-width: 980px) {
  .home-page[data-sections-pass="v3.0"] .v30-impact-grid { gap:13px; }
  .home-page[data-sections-pass="v3.0"] .v30-stat { min-height:375px; padding:23px; border-radius:27px; }
  .home-page[data-sections-pass="v3.0"] .v30-stat-content { display:block; }
  .home-page[data-sections-pass="v3.0"] .v30-stat span { display:block; width:100%; margin-top:14px; }
  .home-page[data-sections-pass="v3.0"] .v30-philosophy-grid { grid-template-columns:.9fr 1.1fr; gap:40px; }
  .home-page[data-sections-pass="v3.0"] .v30-philosophy-media { min-height:580px; }
  .home-page[data-sections-pass="v3.0"] .v30-peace-card { width:238px; min-height:190px; }
}

@media (max-width: 760px) {
  .home-page[data-sections-pass="v3.0"] .v30-impact { padding:92px 0 92px; }
  .home-page[data-sections-pass="v3.0"] .v30-impact-inner,
  .home-page[data-sections-pass="v3.0"] .v30-philosophy-grid { width:min(calc(100% - 28px),1240px); }
  .home-page[data-sections-pass="v3.0"] .v30-impact-head { margin-bottom:38px; }
  .home-page[data-sections-pass="v3.0"] .v30-impact-head .lm-heading { font-size:clamp(40px,12vw,58px); }
  .home-page[data-sections-pass="v3.0"] .v30-impact-head > p { margin-top:20px; font-size:14px; }
  .home-page[data-sections-pass="v3.0"] .v30-impact-grid { grid-template-columns:1fr; gap:14px; }
  .home-page[data-sections-pass="v3.0"] .v30-stat { min-height:335px; border-radius:26px; padding:24px; }
  .home-page[data-sections-pass="v3.0"] .v30-stat-content { display:flex; }
  .home-page[data-sections-pass="v3.0"] .v30-stat span { width:45%; margin-top:0; }
  .home-page[data-sections-pass="v3.0"] .v30-stat strong { font-size:58px; }

  .home-page[data-sections-pass="v3.0"] .v30-philosophy { padding:90px 0 108px; }
  .home-page[data-sections-pass="v3.0"] .v30-philosophy-grid { grid-template-columns:1fr; gap:45px; }
  .home-page[data-sections-pass="v3.0"] .v30-philosophy-copy { order:1; padding:0 6px; }
  .home-page[data-sections-pass="v3.0"] .v30-philosophy-media { order:2; min-height:570px; }
  .home-page[data-sections-pass="v3.0"] .v30-philosophy-copy .lm-heading { font-size:clamp(42px,12vw,60px); }
  .home-page[data-sections-pass="v3.0"] .v30-philosophy-copy > p { font-size:14px; margin-top:23px; }
  .home-page[data-sections-pass="v3.0"] .v30-philosophy-image { inset:0 0 0 0; width:100%; border-radius:29px; }
  .home-page[data-sections-pass="v3.0"] .v30-peace-card { left:14px; bottom:16px; }
}

@media (max-width: 480px) {
  .home-page[data-sections-pass="v3.0"] .v30-impact { padding-top:80px; }
  .home-page[data-sections-pass="v3.0"] .v30-impact-head .lm-kicker,
  .home-page[data-sections-pass="v3.0"] .v30-philosophy-copy .lm-kicker { font-size:10.5px; }
  .home-page[data-sections-pass="v3.0"] .v30-impact-head .lm-heading { font-size:42px; line-height:1.03; }
  .home-page[data-sections-pass="v3.0"] .v30-stat { min-height:310px; }
  .home-page[data-sections-pass="v3.0"] .v30-stat strong { font-size:53px; }
  .home-page[data-sections-pass="v3.0"] .v30-stat span { font-size:12px; }
  .home-page[data-sections-pass="v3.0"] .v30-philosophy-copy .lm-heading { font-size:44px; }
  .home-page[data-sections-pass="v3.0"] .v30-philosophy-media { min-height:495px; }
  .home-page[data-sections-pass="v3.0"] .v30-peace-card { width:224px; min-height:178px; padding:18px; border-radius:23px; }
  .home-page[data-sections-pass="v3.0"] .v30-peace-card-head { margin-bottom:20px; }
  .home-page[data-sections-pass="v3.0"] .v30-peace-card strong { font-size:50px; }
}

@media (prefers-reduced-motion: reduce) {
  .home-page[data-sections-pass="v3.0"] .v30-stat::before { transition:none; }
}