body.hh-page-life .hh-life-main { margin-top: clamp(24px,4vw,52px); }
.hh-life-hero { padding: clamp(28px,5vw,58px); border: 1px solid var(--hh-line); border-radius: var(--hh-radius-xl); background: radial-gradient(circle at 92% 0%,rgba(223,244,253,.9),transparent 44%),linear-gradient(145deg,#fff,var(--hh-lilac)); box-shadow: var(--hh-shadow-md); }
.hh-life-tile-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; margin-top: 20px; }
.hh-life-tile { min-height: 170px; border: 1px solid var(--hh-line); border-radius: 24px; background: #fff; padding: 20px; color: var(--hh-ink); text-decoration: none; display: grid; align-content: end; box-shadow: var(--hh-shadow-xs); }
.hh-life-tile:nth-child(4n+1) { background: linear-gradient(145deg,#fff,var(--hh-lilac)); }
.hh-life-tile:nth-child(4n+2) { background: linear-gradient(145deg,#fff,var(--hh-blue)); }
.hh-life-tile:nth-child(4n+3) { background: linear-gradient(145deg,#fff,var(--hh-mint)); }
.hh-life-tile:nth-child(4n+4) { background: linear-gradient(145deg,#fff,var(--hh-peach)); }
@media (max-width: 820px) { .hh-life-tile-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 520px) { .hh-life-tile-grid { grid-template-columns: 1fr; } }