/* Background only; component styles stay in style.css. */
.home .hero-nature { object-position: center 58%; filter: none; }
.home .hero::before { background: linear-gradient(90deg,#fafcf89e 0%,#fafcf870 34%,#fafcf81f 64%,#fafcf805 100%); }
@media(max-width:950px) { .home .hero::before { background: linear-gradient(180deg,#fafcf8b3 0%,#fafcf873 43%,#fafcf81a 100%); } }
/* Panorama behind the entire workspace; no component layout changes. */
body[data-page=home] .workspace { background: linear-gradient(#0000004d,#0000004d),url('assets/altai-generated-background.png') center / cover no-repeat; }
body[data-page=home] .topbar { background: transparent; }



/* Statistics cards only. */
.home .stats > .home-stat { min-height: 128px; padding: 18px; gap: 16px; background: #cde9dc; border-color: #d8eee3; }
.home .stats > .home-stat--legends { background: #f8dfbe; border-color: #fae6cc; }
.home .stats > .home-stat--media { background: #cce4f7; border-color: #dcecf9; }
.home .stats > .home-stat--research { background: #e0d3f3; border-color: #e9dff8; }
.home .stats .home-stat .home-stat-icon { border-radius: 50%; width: 48px; height: 48px; flex-basis: 48px; }
.home .stats .home-stat-copy { display: flex; flex-direction: column; gap: 5px; }
.home .stats .home-stat-copy small { margin: 0; font-size: 11px; font-weight: 500; min-height: 30px; }
.home .stats strong { font-size: 32px; line-height: 1; }
.home .stats .home-stat-caption { font-size: 10px; color: #476573; line-height: 1.4; }
.home .stats .home-stat-arrow { background: #ffffffc9; width: 30px; height: 30px; flex-basis: 30px; }
@media(max-width:1250px) { .home .stats > .home-stat { gap: 10px; padding: 14px; } .home .stats .home-stat .home-stat-icon { width: 38px; height: 38px; flex-basis: 38px; } .home .stats .home-stat-arrow { width: 24px; height: 24px; flex-basis: 24px; } }
@media(max-width:650px) { .home .stats > .home-stat { gap: 9px; padding: 12px; min-height: 132px; } .home .stats .home-stat .home-stat-icon { width: 32px; height: 32px; flex-basis: 32px; align-self: flex-start; } .home .stats .home-stat-icon svg { width: 21px; height: 21px; } .home .stats .home-stat-copy small { font-size: 10px; } .home .stats strong { font-size: 28px; } .home .stats .home-stat-caption { font-size: 9px; } .home .stats .home-stat-arrow { display: none; } }

.home .home-categories { grid-template-columns: repeat(4,minmax(0,1fr)); }
@media(max-width:950px) { .home .home-categories { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width:650px) { .home .home-categories { grid-template-columns: minmax(0,1fr); } }

/* Compact label-to-number spacing, with equal label rows across cards. */
.home .stats .home-stat-copy small { min-height: 0; height: 2.8em; display: flex; align-items: flex-end; }
.home .stats .home-stat-copy { gap: 3px; }


.home .stats .home-stat-copy small { font-weight: 600; }
/* Dense statistics: content determines height, with no empty label rows. */
.home .stats > .home-stat { min-height: 0; padding: 12px 14px; gap: 12px; align-items: center; }
.home .stats .home-stat-copy small { height: auto; min-height: 0; display: block; line-height: 1.35; }
.home .stats .home-stat-copy { gap: 3px; }
.home .stats .home-stat .home-stat-icon { width: 42px; height: 42px; flex-basis: 42px; }
.home .stats strong { font-size: 30px; }
.home .stats .home-stat-arrow { width: 26px; height: 26px; flex-basis: 26px; }
@media(max-width:1250px) { .home .stats > .home-stat { padding: 11px 12px; gap: 10px; } .home .stats .home-stat .home-stat-icon { width: 36px; height: 36px; flex-basis: 36px; } }
@media(max-width:650px) { .home .stats > .home-stat { padding: 10px; gap: 8px; align-items: flex-start; } .home .stats .home-stat .home-stat-icon { width: 28px; height: 28px; flex-basis: 28px; } .home .stats strong { font-size: 26px; } .home .stats .home-stat-copy small { line-height: 1.35; } }

/* Render the panorama against viewport dimensions, not the long page. */
body[data-page=home] .workspace { background-size: auto, cover; background-attachment: fixed; background-position: center, center; }


/* White foreground labels only where they sit directly on the dark panorama. */
.home .home-section-heading h2,.home .home-popular-heading .text-link,.home .home-photo-credits { color: #fff; text-shadow: 0 1px 3px #0009; }



.home .home-popular-heading .text-link { border: 1px solid #d5e3df; border-radius: 24px; background: #f7faf9; padding: 9px 14px; font-size: 11px; color: #264e59; gap: 14px; text-decoration: none; text-shadow: none; }