/* 1.4 — one grid, quiet symbols, generous images, a compact navigation. */
:root{--rocchi-content:1320px;--rocchi-gutter:clamp(16px,3vw,40px);--section-gap:30px}
.rocchi-site .wrap,.rocchi-site .site-footer .wrap,.rocchi-site .home-content>.dark-section,.rocchi-site .home-content>.rc-page-faq,.rocchi-site .home-content>.rc-shop,.rocchi-site .home-content>.supply-section{width:min(calc(100% - var(--rocchi-gutter)*2),var(--rocchi-content));max-width:var(--rocchi-content);margin-inline:auto}
.rocchi-site .home-content>.dark-section>.wrap,.rocchi-site .page-content .wrap,.rocchi-site .page-content>.rc-page-faq,.rocchi-site .page-content>.rc-shop,.rocchi-site .page-content>.supply-section,.rocchi-site .page-content>.rc-calculator{width:100%;max-width:none;margin-inline:0}
.rocchi-site .page-content>.prose,.rocchi-site .page-content>.intro-text{width:100%;max-width:none}.rocchi-site .prose{width:100%;max-width:none}.rocchi-site .prose>p,.rocchi-site .prose>ul,.rocchi-site .prose>ol{max-width:85ch}.rocchi-site .home-content>.hero{width:100%}.rocchi-site .home-content>*,.rocchi-site .page-content>*{min-width:0}.rocchi-site .page-content>.rc-page-faq{margin-top:0}.home-content .section-head>p{max-width:410px}.home-content{gap:30px}.page-content{gap:30px}
/* Large cards share a rhythm without expanding each line of body text. */
.rocchi-value-visual{margin:0 0 24px;border-radius:19px;overflow:hidden;background:#203523;aspect-ratio:3/2}.rocchi-value-visual img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.6,.3,1)}.feature:has(.rocchi-value-visual){padding:22px;display:flex;flex-direction:column;background:#ffffff08}.feature:has(.rocchi-value-visual):hover img{transform:scale(1.035)}.feature:has(.rocchi-value-visual) .feature-number{margin-top:0}.feature:has(.rocchi-value-visual) h3{font-size:clamp(1.8rem,2.5vw,2.7rem);line-height:1.05;margin-top:20px;margin-bottom:18px}.feature:has(.rocchi-value-visual)>p{margin-bottom:0;line-height:1.85}.family-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}.family-card{display:flex;flex-direction:column;min-width:0;padding:26px}.family-card h2{font-size:clamp(2rem,2.6vw,2.9rem);line-height:1.04}.family-card p:last-child{margin-bottom:0}.family-card .initials{width:58px;height:58px;font-size:21px;border:0;background:#e4eccf}.family-card .role{font-size:10px;letter-spacing:.1em}
.rocchi-topic-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;vertical-align:middle;margin:0 11px 5px 0;border-radius:10px;background:#e8eddc;color:#365333;flex-shrink:0}.rocchi-topic-icon .rocchi-icon{width:17px;height:17px;stroke-width:1.6}.dark-section .rocchi-topic-icon,.tasting-intro .rocchi-topic-icon{background:#dcf28b14;color:#dcf28b}.section-head h2>.rocchi-topic-icon,.split-copy h2>.rocchi-topic-icon{display:flex;margin:0 0 18px;width:34px;height:34px}
/* Full browser-width sticky header: only the navigation elements are rounded. */
.site-header,.header-inner{border:0;border-radius:0}.site-header{width:100%;position:sticky;top:0}.header-inner{padding-inline:var(--rocchi-gutter);gap:20px}.site-navigation{min-width:0}.nav-menu{gap:5px}.nav-menu>li{border-radius:14px}.nav-menu>li>a{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500;padding:12px 13px}.rocchi-nav-icon{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:27px;height:27px;border-radius:9px;background:#eef2e7;color:#4a603b;transition:background .2s,color .2s}.rocchi-nav-icon svg{width:16px;height:16px;stroke-width:1.6}.nav-menu>li:hover>a .rocchi-nav-icon{background:#dce9c6}.nav-menu>li.current-menu-item>a .rocchi-nav-icon,.nav-menu>li.current-menu-ancestor>a .rocchi-nav-icon{background:#dfeabf;color:#234a35}.nav-menu .submenu-toggle{width:25px;min-height:43px;margin-right:8px}.nav-menu>.menu-item-has-children>a{padding-right:4px}.sub-menu{width:340px;padding:10px;border:1px solid #e4e9db;border-radius:20px;box-shadow:0 18px 60px #12201018}.sub-menu a{display:flex;justify-content:flex-start;gap:12px;padding:13px;font-size:12px;min-height:52px;line-height:1.5}.sub-menu a::after{margin-left:auto;font-size:16px;color:#879577}.sub-menu .rocchi-nav-icon{background:#eef2e7;width:32px;height:32px;border-radius:10px}.sub-menu a:hover .rocchi-nav-icon{background:#101311;color:#dcf28b}.header-contact{font-size:11px;gap:18px;min-height:48px;padding:6px 6px 6px 20px}.header-contact>span{width:34px;height:34px}.header-contact .rocchi-icon{width:17px;height:17px}.header-dark .rocchi-nav-icon{background:#ffffff0b;color:#d3e7b4}.header-dark .nav-menu>li:hover,.header-dark .nav-menu>li.current-menu-item,.header-dark .nav-menu>li.current-menu-ancestor{background:#ffffff08}.header-dark .nav-menu>li:hover>a .rocchi-nav-icon,.header-dark .nav-menu>li.current-menu-item>a .rocchi-nav-icon,.header-dark .nav-menu>li.current-menu-ancestor>a .rocchi-nav-icon{background:#dcf28b;color:#101311}.header-dark .sub-menu{background:#151f17;border:1px solid #ffffff0c}.header-dark .sub-menu .rocchi-nav-icon{background:#ffffff0a;color:#d3e7b4}.header-dark .sub-menu a:hover .rocchi-nav-icon{background:#101311;color:#dcf28b}.header-dark .sub-menu a:hover::after{color:#101311}.header-dark .nav-menu>li>a{color:#f5f5ed}.site-header.is-scrolled .header-inner{box-shadow:0 7px 22px #1013110a}
@media(min-width:1101px){.nav-menu>li:last-child>.sub-menu{left:auto;right:0}.header-inner>.brand .brand-logo{max-width:225px}}
@media(max-width:1200px) and (min-width:1101px){.header-inner{gap:14px}.nav-menu>li>a{padding-inline:10px}.rocchi-nav-icon{width:23px;height:23px}.header-contact{gap:8px}.header-inner>.brand .brand-type strong{font-size:22px}}
@media(max-width:1100px){.header-inner{padding-inline:var(--rocchi-gutter);gap:18px}.site-navigation{left:var(--rocchi-gutter);right:var(--rocchi-gutter);width:auto;margin:0;border-radius:24px;padding:24px;max-height:calc(100dvh - 115px);overflow:auto}.nav-menu{gap:8px}.nav-menu>li{border-radius:13px}.nav-menu>li>a{font-size:15px;gap:12px;padding:12px;min-height:51px}.rocchi-nav-icon{width:34px;height:34px}.rocchi-nav-icon svg{width:18px;height:18px}.nav-menu>.menu-item-has-children>a{padding-right:8px}.nav-menu .submenu-toggle{margin-right:6px;width:43px;height:49px}.sub-menu{width:100%;border:0;box-shadow:none;padding:0 0 9px 13px}.sub-menu a{padding:11px 12px;font-size:13px}.header-dark .sub-menu{border:0}.family-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.family-card{padding:30px}.rocchi-site .home-content>.dark-section{padding:25px}.feature:has(.rocchi-value-visual){padding:18px}}
@media(max-width:760px){.family-grid{grid-template-columns:1fr 1fr;gap:20px}.family-card{padding:23px}.rocchi-site .home-content>.dark-section{padding:23px}.rocchi-value-visual{aspect-ratio:16/10}.feature:has(.rocchi-value-visual){padding:20px}.feature:has(.rocchi-value-visual) h3{font-size:2.5rem}.rocchi-topic-icon{width:26px;height:26px;margin-right:8px}.rocchi-topic-icon svg{width:15px;height:15px}.page-content .intro-text{font-size:23px;line-height:1.5}}
@media(max-width:540px){.family-grid{grid-template-columns:1fr;gap:30px}.family-card{padding:27px}.family-card h2{font-size:2.5rem}.site-navigation{padding:20px}.nav-menu>li>a{font-size:14px}.nav-intro{font-size:9px}.rocchi-site .home-content>.dark-section{padding:20px}.rocchi-site .prose{padding:25px}.rc-page-faq{width:100%}.header-inner>.brand .brand-logo{max-width:210px}.feature:has(.rocchi-value-visual) h3{font-size:2.3rem}.feature:has(.rocchi-value-visual){padding:17px}}
@media(max-width:370px){.header-inner{gap:8px}.header-inner>.brand .brand-logo{max-width:165px}.header-inner .brand-type strong{font-size:18px}.header-inner .brand-symbol{width:32px}.header-inner .brand-type small{font-size:6px}.menu-toggle{padding-inline:14px}}
@media(prefers-reduced-motion:reduce){.rocchi-value-visual img,.rocchi-nav-icon{transition:none}}

.rocchi-site .page-content>*:not(script):not(style){width:100%;max-width:none;margin-inline:0}.rocchi-site .home-content>.wrap>.callout-section{width:100%;max-width:none}.dark-section .feature:nth-child(2) .rocchi-topic-icon{background:#1013110d;color:#294225}