/*
    Stile dedicato alla home page.
    Logica del layout:
    - .home-content centralizza il contenuto con una larghezza massima.
    - .home-panel definisce la base visiva dei card di navigazione.
    - .menu-panel è una variante scura per il CTA principale (Menu).
    - .home-grid imposta una griglia a 3 colonne per i blocchi secondari.
*/
.home-content { position: relative; overflow: hidden; width: min(1280px, calc(100% - 80px)); margin: auto; padding: 82px 0 110px; }
.home-panel { position: relative; background: var(--wood-light); border: 1px solid rgba(35, 77, 89, .3); transition: transform .25s ease, background .25s ease, box-shadow .25s ease; }.home-panel:hover { z-index: 1; background: #e3c4a8; box-shadow: 0 12px 28px rgba(24, 59, 69, .12); transform: translateY(-5px); }
.panel-link { display: flex; height: 100%; min-height: 100%; flex-direction: column; align-items: center; justify-content: center; padding: 42px 30px; text-align: center; }.panel-kicker { margin-bottom: 15px; color: var(--blue-brass-dark); font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }.panel-title { color: var(--blue-brass-dark); font-family: var(--display-font); font-size: clamp(32px, 4.5vw, 62px); line-height: 1.1; }.panel-arrow { position: absolute; top: 20px; right: 24px; color: var(--blue-brass); font-size: 25px; }
.menu-panel { min-height: 270px; background: var(--blue-brass); }.menu-panel:hover { background: var(--blue-brass-dark); }.menu-panel .panel-kicker, .menu-panel .panel-title, .menu-panel .panel-arrow { color: var(--white); }.menu-panel .panel-title { font-size: clamp(48px, 7vw, 92px); }.home-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 18px; }.info-panel { min-height: 260px; }
.mobile-atmosphere { display: none; }

@media (max-width: 700px) { .home-content { width: 100%; min-height: 570px; padding: 42px 20px 75px; background: var(--white); }.mobile-atmosphere { display: none; }.home-panel, .home-panel:hover { transform: none; }.home-panel { z-index: 1; }.menu-panel { min-height: 240px; }.home-grid { grid-template-columns: 1fr; gap: 14px; margin-top: 14px; }.info-panel { min-height: 130px; }.panel-link { padding: 28px 24px; }.panel-title { font-size: 35px; }.panel-arrow { top: 12px; right: 17px; font-size: 21px; } }

@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; }.home-panel { transition: none; }.mobile-atmosphere span { animation: none; } }