.real-company{grid-column:1/-1;display:grid;grid-template-columns:.8fr 1.2fr;gap:32px;align-items:center;margin-top:25px}.real-company img{width:100%;height:470px;object-fit:cover;border-radius:20px;box-shadow:0 24px 35px -25px #39392c80}.real-company img:first-child{transform:rotate(-3deg);object-position:center 35%}.real-company img:last-child{transform:rotate(2deg)}.heritage-photo{width:100%;height:340px;object-fit:cover;object-position:center 45%;border-radius:18px;margin:22px 0}.inner-page{padding:170px 7% 90px;min-height:80vh}.inner-page>h1{font:400 clamp(48px,6vw,88px)/1.1 Manrope,sans-serif;letter-spacing:-.06em;margin:20px 0 35px}.inner-page>h1 em{color:var(--olive)}.category-nav{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:40px}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px 30px}.catalog-card{min-width:0;display:flex;flex-direction:column;align-items:flex-start;padding-bottom:30px;border-bottom:1px solid var(--line)}.packshot{width:100%;height:300px;background:radial-gradient(ellipse,#dbddc155,transparent 65%);display:grid;place-items:center}.packshot img{width:90%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 16px #39392c20);transition:transform .45s}.catalog-card:hover .packshot img{transform:translateY(-10px) rotate(-3deg)}.catalog-card h2{font:500 25px/1.25 Manrope,sans-serif;letter-spacing:-1px;margin:8px 0 10px}.catalog-card>.eyebrow{font-size:10px;margin:20px 0 0}.catalog-card>p:not(.eyebrow){font-size:15px;line-height:1.7;color:var(--muted);margin:0 0 18px}.catalog-card small{font-size:12px;margin-top:auto;margin-bottom:20px}.catalog-card .glass{font-size:12px;padding:12px 18px}.raw-photo{width:100%;border-radius:16px;margin-bottom:20px}.search-label{display:block;font-size:13px;margin:0 0 40px}.search-label input{display:block;margin-top:10px;border:1px solid #b3b6a6;border-radius:100px;padding:15px 22px;background:#ffffff40;width:min(100%,440px);font:16px 'DM Sans';color:var(--ink)}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:start}.contact-layout>img{width:100%;max-height:730px;object-fit:cover;border-radius:20px;transform:rotate(-2deg);box-shadow:0 20px 35px -22px #343c3960}.contact-layout h2{font-size:29px;margin-top:32px}.contact-layout h2:first-child{margin-top:0}.contact-layout p{line-height:1.8;overflow-wrap:anywhere}.catalog-card[hidden]{display:none}.range-links{flex-wrap:wrap}.real-company img,.heritage-photo{filter:saturate(.92) contrast(1.025)}@media(max-width:850px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.packshot{height:250px}.real-company img{height:340px}}@media(max-width:600px){.inner-page{padding:180px 6% 60px}.catalog-grid{grid-template-columns:1fr}.packshot{height:330px}.contact-layout{grid-template-columns:1fr;gap:45px}.contact-layout>img{max-height:420px}.real-company{gap:15px}.real-company img{height:240px}.heritage-photo{height:270px}.category-nav{gap:7px}.category-nav .glass{padding:11px 15px}.catalog-card h2{font-size:27px}}

/* Fixed media bounds prevent intrinsic image sizes from covering copy. */
.packshot{position:relative;display:block;flex:0 0 300px;height:300px;min-height:300px;overflow:hidden;margin-bottom:20px;isolation:isolate}
.packshot img{position:absolute;inset:16px;width:calc(100% - 32px);height:calc(100% - 32px);max-width:calc(100% - 32px);max-height:calc(100% - 32px);object-fit:contain;mix-blend-mode:multiply}
.catalog-card>h2,.catalog-card>p,.catalog-card>small{position:relative;z-index:1;flex-shrink:0}.catalog-card{overflow:hidden}.product-card .pack{top:48px;height:55%;left:15%;width:70%;max-height:55%}.card-detail{bottom:22px;min-height:100px}.card-detail strong{font-size:22px;line-height:1.2}.card-detail span{font-size:12px;line-height:1.45}.card-label{gap:8px;flex-wrap:wrap}.card-label strong{font-size:30px}.products{scroll-margin-top:0;padding-top:45px}html{scroll-padding-top:0}.product-stage{margin-top:10px;height:530px}.carousel-toolbar{margin-top:0}
@media(max-width:700px){.packshot{flex-basis:280px;height:280px;min-height:280px}.product-stage{height:440px}.card-detail strong{font-size:20px}.card-detail{min-height:96px;left:20px;right:20px}.product-card .pack{height:51%;max-height:51%}.products{padding-top:30px}}
.packshot{background:#eeeadf;border-radius:16px}.packshot img{filter:none}.catalog-card:hover .packshot img{transform:translateY(-5px)}
.packshot img[src$="-v2.png"]{mix-blend-mode:normal}

/* Open catalog presentation with a focused product on hover. */
.catalog-card{position:relative;overflow:visible;border:0;background:transparent;transition:opacity .3s ease,filter .3s ease}
.packshot{background:transparent;border:0;border-radius:0;overflow:visible;isolation:auto}
.packshot img,.packshot img[src$="-v2.png"]{mix-blend-mode:multiply;filter:drop-shadow(0 16px 14px #39392c18);transform-origin:center;transition:transform .4s ease,filter .4s ease}
@media(hover:hover) and (pointer:fine){.catalog-grid:has(.catalog-card:hover) .catalog-card:not(:hover){opacity:.43;filter:blur(1.2px) saturate(.65)}.catalog-card:hover{z-index:3}.catalog-card:hover .packshot img{transform:translateY(-12px) scale(1.07);filter:drop-shadow(0 26px 20px #39392c35)}}
@media(prefers-reduced-motion:reduce){.catalog-card,.packshot img{transition:none}.catalog-card:hover .packshot img{transform:none}}

@media(hover:hover) and (pointer:fine){.catalog-card:hover .packshot img{transform:translate3d(var(--product-x,0px),calc(-16px + var(--product-y,0px)),0) scale(1.16);transition:transform .22s ease-out,filter .35s ease}.product-card:hover .pack{transform:translate3d(var(--product-x,0px),calc(-7px + var(--product-y,0px)),0) scale(1.13);transition:opacity .5s,transform .22s ease-out}}
@media(prefers-reduced-motion:reduce){.catalog-card:hover .packshot img,.product-card:hover .pack{transform:none;transition:none}}

.catalog-intro{max-width:800px;font-size:16px;line-height:1.8;color:var(--muted);margin:0 0 30px}

/* Categories start on a new row; jar pesto variants stay together. */
.catalog-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.catalog-card{grid-column:span 4}.catalog-card.jar-pesto{grid-column:span 3}.catalog-group-heading{grid-column:1/-1;margin:30px 0 0;padding:20px 0 0;border-top:1px solid var(--line)}.catalog-group-heading h2{font-size:clamp(26px,3vw,42px);margin:0}.catalog-group-heading.special-editions{padding:30px;border-radius:24px;border:1px solid #a28b4660;background:linear-gradient(120deg,#c8b37845,#ffffff18)}.special-editions h2{color:#75622e}.special-editions p{margin:14px 0 0}.catalog-group-heading[hidden]{display:none}#prodotto-13 .packshot img{inset:32px;width:calc(100% - 64px);height:calc(100% - 64px)}@media(max-width:1000px){.catalog-card.jar-pesto{grid-column:span 6}}@media(max-width:850px){.catalog-card{grid-column:span 6}}@media(max-width:600px){.catalog-card,.catalog-card.jar-pesto{grid-column:1/-1}}

/* Keep the first jar on a new row, including pre-rendered catalogs. */
#prodotto-9{grid-column:1 / span 3}
@media(max-width:1000px){#prodotto-9{grid-column:1 / span 6}}
@media(max-width:600px){#prodotto-9{grid-column:1 / -1}}

/* Category headings belong to the grid, not the absolute site header. */
.catalog-grid>.catalog-group-heading{position:static;inset:auto;z-index:auto;display:block;width:auto;align-self:stretch;transform:none}
#prodotto-13 .packshot img{inset:auto 32px 16px;width:calc(100% - 64px);height:calc(100% - 84px);object-position:center bottom}

/* Match Ricca’s visible bucket bounds to Extra Ricca and Premium. */
#prodotto-16 .packshot img{scale:.978;transform-origin:50% 96%}

/* Balanced two-product gourmet row. */
#prodotto-13{grid-column:2 / span 5}#prodotto-14{grid-column:7 / span 5}
#prodotto-13,#prodotto-14{padding:0 22px 30px}
#prodotto-13 .packshot,#prodotto-14 .packshot{height:300px;min-height:300px;flex-basis:300px}
#prodotto-13 .packshot img{inset:auto 32px 16px;width:calc(100% - 64px);height:206px;object-position:center bottom}
#prodotto-14 .packshot img{inset:16px;width:calc(100% - 32px);height:268px;object-position:center bottom}
#prodotto-13>h2,#prodotto-14>h2{min-height:1.25em}
@media(max-width:850px){#prodotto-13{grid-column:1 / span 6}#prodotto-14{grid-column:7 / span 6}#prodotto-13,#prodotto-14{padding-left:0;padding-right:0}}
@media(max-width:600px){#prodotto-13,#prodotto-14{grid-column:1 / -1}#prodotto-13>h2,#prodotto-14>h2{min-height:0}}
.catalog-grid>.catalog-group-heading[hidden]{display:none}
/* Squeezy Cremino starts a separate row below the two buckets. */
#prodotto-33{grid-column:1 / span 4}
@media(max-width:850px){#prodotto-33{grid-column:1 / span 6}}
@media(max-width:600px){#prodotto-33{grid-column:1 / -1}}
.about-art .ingredient-cycle{position:relative;width:100%;height:540px;isolation:isolate}
.about-art .ingredient-cycle img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;opacity:0;transition:opacity 1s;animation:float 7s ease-in-out infinite;transform:none;pointer-events:none}
.about-art .ingredient-cycle img.visible{opacity:1}
@media(max-width:700px){.about-art .ingredient-cycle{height:330px;max-width:100%;margin:auto}}
@media(prefers-reduced-motion:reduce){.about-art .ingredient-cycle img{animation:none;transition:none}}

/* Admin media follows the page layout regardless of uploaded dimensions. */
.real-company,.contact-media,.about-copy,.contact-layout>div{min-width:0}
.real-company>picture,.contact-media>picture{display:block;min-width:0;max-width:100%}
.real-company video,.contact-media video{display:block;width:100%;max-width:100%;height:470px;object-fit:contain;border-radius:20px;overflow:hidden;background:#20251e;box-shadow:0 24px 35px -25px #39392c80}
.real-company>video:first-child{transform:rotate(-3deg)}
.real-company>video:last-child{transform:rotate(2deg)}
.real-company>:only-child{grid-column:1/-1;justify-self:center;width:100%;max-width:900px;transform:none}
.contact-media img{display:block;width:100%;max-width:100%;height:auto;border-radius:20px}
.about-copy,.contact-layout,main>h1{overflow-wrap:anywhere}
.real-company[hidden],.contact-media[hidden]{display:none!important}
@media(max-width:850px){.real-company video,.contact-media video{height:340px}}
@media(max-width:700px){.real-company video,.contact-media video{height:auto;aspect-ratio:4/3;max-height:420px;border-radius:18px;transform:none!important}.real-company>:only-child{max-width:100%}}