.life-page{background:linear-gradient(180deg,#FFF7EF 0%,#fff 55%,#EAF4FF 100%)}
.nav .current{color:var(--blue);font-weight:700}

.life-hero{
  position:relative;overflow:hidden;min-height:560px;display:flex;align-items:flex-end;
  padding:150px clamp(24px,7vw,110px) 85px;
  background:
    radial-gradient(circle at 83% 26%,rgba(216,139,151,.20),transparent 28%),
    radial-gradient(circle at 70% 72%,rgba(244,200,106,.28),transparent 34%),
    linear-gradient(120deg,#FFF7EF,#F7F1E9)
}
.life-hero>div:last-child{position:relative;z-index:2;max-width:820px}
.life-ghost{
  position:absolute;right:2%;top:90px;font-family:"DM Serif Display",serif;
  font-size:clamp(180px,31vw,500px);line-height:.8;color:rgba(5,68,170,.035)
}
.life-hero h1{font-size:clamp(66px,8.4vw,124px);line-height:.8;color:#20243a}
.life-hero h1 span{display:block;color:var(--blue);font-style:normal}
.life-hero p:last-child{max-width:670px;margin:28px 0 0;font-size:17px;color:#6F6A63}

.life-feed{max-width:1320px;margin:auto}
.life-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:start}
.life-video{
  position:relative;aspect-ratio:9/16;border-radius:26px;overflow:hidden;
  background:#111;box-shadow:0 18px 55px rgba(35,40,51,.13)
}
.life-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.life-empty{text-align:center;padding:90px 30px;background:#fff;border-radius:32px}
.life-empty h2{font-size:52px;color:#20243a}
.life-empty p{color:#6F6A63;margin:16px 0 28px}
.life-empty .actions{justify-content:center}

.life-cta{
  max-width:1160px;margin:0 auto 90px;padding:48px 58px;border-radius:32px;
  display:flex;align-items:center;justify-content:space-between;gap:35px;
  background:linear-gradient(100deg,#FFF1DF,#EAF4FF)
}
.life-cta h2{font-size:50px;color:#20243a}
.life-cta p{max-width:650px;color:#6F6A63;margin:12px 0 0}

@media(max-width:1050px){.life-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){
  .life-hero{min-height:520px;padding:120px 20px 62px}
  .life-hero h1{font-size:58px}
  .life-grid{grid-template-columns:repeat(2,1fr);gap:8px}
  .life-video{border-radius:16px}
  .life-cta{margin:0 20px 70px;padding:34px 26px;display:block}
  .life-cta .btn{width:100%;margin-top:20px}
}
@media(max-width:420px){
  .life-hero h1{font-size:47px}
  .life-hero p:last-child{font-size:14px}
  .life-feed{padding-left:10px;padding-right:10px}
}