.bento{padding-block:var(--pcr-sp-8);background:var(--pcr-bg-primary);color:var(--pcr-text-primary)}.bento__wrap{max-width:var(--page-width, 82.5rem);margin-inline:auto;padding-inline:var(--pcr-gutter)}.bento__head{max-width:44ch;margin-bottom:var(--pcr-sp-6)}.bento__head p{margin:var(--pcr-sp-3) 0 0;color:var(--pcr-text-muted)}.bento__grid{display:grid;grid-template-columns:1fr;gap:clamp(.75rem,1.2vw,1.25rem);perspective:1600px}@media screen and (min-width:48rem){.bento__grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:15rem}.bento__tile--hero{grid-column:span 2;grid-row:span 2}.bento__tile--wide{grid-column:span 2}}@media screen and (min-width:64rem){.bento__grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:13.5rem}.bento__tile--hero{grid-column:span 2;grid-row:span 2}.bento__tile--tall{grid-column:span 1;grid-row:span 2}.bento__tile--wide{grid-column:span 2;grid-row:span 1}.bento__tile--square{grid-column:span 1;grid-row:span 1}}.bento__tile{position:relative;display:block;min-height:15rem;overflow:hidden;border-radius:var(--pcr-radius);background:var(--pcr-bg-surface);color:var(--pcr-text-primary);text-decoration:none;isolation:isolate;transform-style:preserve-3d;transform:translate3d(0,var(--bento-alza, 0px),0);transition:transform calc(.42s * var(--pcr-motion)) var(--pcr-ease-out, var(--pcr-ease)),box-shadow calc(.42s * var(--pcr-motion)) var(--pcr-ease-out, var(--pcr-ease))}.bento__tile:hover,.bento__tile[data-tilting=true],.bento__tile:focus-visible{--bento-alza: -.375rem;box-shadow:0 1.5rem 3.5rem var(--pcr-shade-18)}.bento__tile[data-tilting=true]{will-change:transform}@media(prefers-reduced-motion:reduce){.bento__tile{transition:none}.bento__tile:hover,.bento__tile[data-tilting=true],.bento__tile:focus-visible{--bento-alza: 0px}}.bento__tile__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;overflow:hidden}.bento__tile__media img{width:100%;height:100%;object-fit:cover;transform:scale(1.12) translate3d(calc(var(--ry, 0) * -.35%),calc(var(--rx, 0) * .35% + var(--pcr-par-y, 0px)),0);transition:transform calc(.6s * var(--pcr-motion)) var(--pcr-ease)}.bento__tile:hover .bento__tile__media img{transform:scale(1.18) translate3d(calc(var(--ry, 0) * -.35%),calc(var(--rx, 0) * .35% + var(--pcr-par-y, 0px)),0)}@media(prefers-reduced-motion:reduce){.bento__tile__media img,.bento__tile:hover .bento__tile__media img{transform:scale(1.06)}}.bento__tile__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(to top,rgb(26 19 21 / calc(var(--tile-overlay, .7) * 125%)) 0%,rgb(26 19 21 / calc(var(--tile-overlay, .7) * 36%)) 55%,var(--pcr-shade-05) 100%)}.bento__tile__body{position:relative;display:flex;flex-direction:column;justify-content:flex-end;height:100%;min-height:inherit;padding:var(--pcr-sp-4);transform:translateZ(40px)}.bento__tile__title{margin-top:var(--pcr-sp-2)}.bento__tile__desc{margin:var(--pcr-sp-2) 0 0;max-width:34ch;font-size:var(--pcr-fs-small);line-height:1.55}.bento__tile__link{display:inline-flex;align-items:center;gap:.4rem;margin-top:var(--pcr-sp-3);font-size:var(--pcr-fs-small);letter-spacing:.06em;text-transform:uppercase}.bento__tile__link i{font-style:normal;transition:transform calc(.3s * var(--pcr-motion)) var(--pcr-ease)}.bento__tile:hover .bento__tile__link i{transform:translate(.35rem)}.bento__tile--on-image{color:var(--pcr-white)}.bento__tile--dark{background:var(--pcr-bg-dark);color:var(--pcr-white)}.bento__tile--paper{background:var(--pcr-bg-surface);border:1px solid var(--pcr-hairline)}.bento__tile--paper .bento__tile__body{justify-content:space-between}.bento__tile--product .bento__tile__body{justify-content:flex-end;gap:var(--pcr-sp-2)}.bento__price{margin:0;font-size:var(--pcr-fs-card-price);font-weight:500;color:var(--pcr-accent-action)}.bento__tile--on-image .bento__price,.bento__tile--dark .bento__price{color:var(--pcr-accent-dusk)}.bento__actions{display:flex;flex-wrap:wrap;gap:var(--pcr-sp-2);margin-top:var(--pcr-sp-2)}.bento__actions .pcr-btn{min-height:2.75rem;padding:.6rem 1.1rem}.bento__tile--cover .bento__tile__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.bento__actions,.bento__tile__link{position:relative;z-index:2}.bento__consiglio{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--pcr-sp-4);margin:var(--pcr-sp-6) 0 0;padding:var(--pcr-sp-5);border:1px solid var(--pcr-hairline);border-radius:var(--pcr-radius-lg, 14px);background:var(--pcr-bg-surface)}.bento__consiglio__testo{margin:0;max-width:46ch;font-size:var(--pcr-fs-body);color:var(--pcr-text-secondary, var(--pcr-text-muted))}.bento__consiglio__btn{display:inline-flex;align-items:center;gap:.5em;white-space:nowrap}.bento__consiglio__freccia{transition:transform calc(var(--pcr-t-medio, .34s) * var(--pcr-motion, 1)) var(--pcr-ease-out, ease)}.bento__consiglio__btn:hover .bento__consiglio__freccia,.bento__consiglio__btn:focus-visible .bento__consiglio__freccia{transform:translate(.25em)}@media(max-width:46rem){.bento__consiglio{flex-direction:column;align-items:stretch;text-align:left}.bento__consiglio__btn{justify-content:center}}@media(prefers-reduced-motion:reduce){.bento__consiglio__freccia{transition:none}.bento__consiglio__btn:hover .bento__consiglio__freccia{transform:none}}.bento__foot{display:flex;flex-wrap:wrap;gap:var(--pcr-sp-4);justify-content:space-between;align-items:center;margin:var(--pcr-sp-5) 0 0;padding-top:var(--pcr-sp-4);border-top:1px solid var(--pcr-hairline);font-size:var(--pcr-fs-small);color:var(--pcr-text-muted)}.bento [data-reveal=pending]{opacity:0;transform:translateY(1.25rem)}.bento [data-reveal=pending]:focus-within,.bento [data-reveal=pending]:focus{opacity:1;transform:none}.bento [data-reveal=in]{opacity:1;transform:none;transition:opacity calc(.7s * var(--pcr-motion)) var(--pcr-ease),transform calc(.7s * var(--pcr-motion)) var(--pcr-ease)}@media(prefers-reduced-motion:reduce){.bento [data-reveal=pending]{opacity:1;transform:none}.bento__tile,.bento__tile__media img{transition:none}}.bento .bento__tile--product{background:#1d1618;color:var(--pcr-white, #fff)}.bento .bento__tile--product .bento__tile__media{inset:0 0 auto 0;height:60%;background:radial-gradient(58% 62% at 50% 55%,rgb(255 244 232 / 16%),transparent 72%)}.bento .bento__tile--product .bento__tile__media img{object-fit:contain;object-position:50% 60%;padding:1.25rem 1rem 0;box-sizing:border-box}.bento .bento__tile--product .bento__tile__scrim{display:none}.bento .bento__tile--product .pcr-eyebrow{color:var(--pcr-accent-dusk, #d8bfa4)}.bento .bento__tile--product:after{content:"";position:absolute;left:12%;right:12%;top:60%;height:1px;background:linear-gradient(90deg,transparent,rgb(216 191 164 / 45%),transparent);pointer-events:none}@media screen and not (min-width:48rem){.bento .bento__tile--product{min-height:27rem}.bento .bento__tile--product .bento__tile__media{height:56%}.bento .bento__tile--product:after{top:53%}}@media screen and (min-width:48rem)and (not (min-width:64rem)){.bento .bento__tile--product{grid-row:span 2}}@media screen and (min-width:64rem){.bento__tile{min-height:0}.bento .bento__tile--product:not(.bento__tile--tall) .bento__tile__media{inset:0 0 0 auto;width:44%;height:100%;background:radial-gradient(60% 70% at 50% 50%,rgb(255 244 232 / 16%),transparent 72%)}.bento .bento__tile--product:not(.bento__tile--tall) .bento__tile__media img{padding:1rem 1rem .75rem;object-position:50% 50%}.bento .bento__tile--product:not(.bento__tile--tall) .bento__tile__body{max-width:56%;justify-content:center}.bento .bento__tile--product:not(.bento__tile--tall):after{top:12%;bottom:12%;left:56%;right:auto;width:1px;height:auto;background:linear-gradient(180deg,transparent,rgb(216 191 164 / 40%),transparent)}}@media(prefers-reduced-motion:reduce){.bento .bento__tile--product .bento__tile__media img{transform:none}}@media(prefers-reduced-motion:no-preference){@supports (animation-timeline: view()){.bento__tile[data-pcr-parallax]{--pcr-par-css: 1;view-timeline:--pcr-bento-par block}.bento__tile[data-pcr-parallax] .bento__tile__media:not([data-pcr-ombra=scala],[data-pcr-ombra=su-misura]) img{animation:pcr-bento-par auto linear both;animation-timeline:--pcr-bento-par;animation-range:cover 0% cover 100%}@keyframes pcr-bento-par{0%{translate:0 -38.08px}to{translate:0 38.08px}}@media not (min-width:750px){.bento__tile[data-pcr-parallax] .bento__tile__media:not([data-pcr-ombra=scala],[data-pcr-ombra=su-misura]) img{animation-name:pcr-bento-par-stretto}@keyframes pcr-bento-par-stretto{0%{translate:0 -17.14px}to{translate:0 17.14px}}}}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/bento-grid.css.map */
