.dispensa{background:var(--color-verde);color:var(--color-crema);padding:clamp(6rem,11vw,10rem) 0 clamp(4rem,8vw,7rem);position:relative;overflow:hidden}.dispensa__head{z-index:1;max-width:52rem;padding:0 var(--gutter);text-align:center;justify-items:center;margin:0 auto;display:grid;position:relative}.dispensa__kicker{color:var(--color-ocra-chiaro)}.dispensa__title{font-family:var(--font-display);font-size:var(--text-display);line-height:var(--text-display--line-height);letter-spacing:-.035em;text-wrap:balance;margin-top:1rem;font-weight:500}.dispensa__body{max-width:44ch;color:color-mix(in srgb, var(--color-crema) 85%, transparent);margin-top:1.5rem;font-size:clamp(1.02rem,1.3vw,1.2rem)}.dispensa__stage{touch-action:pan-y;height:min(74dvh,46rem);margin-top:clamp(1rem,3vw,2.5rem);position:relative}.dispensa__stage canvas{cursor:grab}.dispensa__stage canvas:active{cursor:grabbing}.dispensa__list{grid-template-columns:repeat(var(--n), minmax(0, 1fr));max-width:min(100%,72rem);padding:0 var(--gutter);text-align:center;margin:0 auto;display:grid}.dispensa__link{gap:.4rem;padding:1rem .5rem;display:grid}.dispensa__name{font-family:var(--font-script);font-size:clamp(1.05rem,1.6vw,1.5rem);line-height:1.4}.dispensa__open{color:var(--color-ocra-chiaro);opacity:.8;font-size:.66rem;transition:opacity .2s}@media (hover:hover) and (pointer:fine){.dispensa__link:hover .dispensa__open{opacity:1}}@media (max-width:640px){.dispensa__list{grid-template-columns:repeat(2,minmax(0,1fr))}}
.famiglia{background:var(--color-verde-notte);color:var(--color-crema);position:relative}.famiglia__stage{place-items:center;height:100dvh;display:grid;position:relative;overflow:hidden}.famiglia__disc{aspect-ratio:1;background:var(--color-crema);border-radius:50%;width:38vmin;position:absolute}.famiglia__photo{clip-path:circle(75%);margin:0;position:absolute;inset:0}.famiglia__photo:after{content:"";background:linear-gradient(to top, color-mix(in srgb, var(--color-verde-notte) 88%, transparent) 0%, transparent 60%);position:absolute;inset:0}.famiglia__copy{z-index:2;left:var(--gutter);right:var(--gutter);max-width:44rem;position:absolute;bottom:clamp(2.5rem,8vh,6rem)}.famiglia__kicker{color:var(--color-ocra-chiaro)}.famiglia__title{font-family:var(--font-display);font-size:var(--text-display);line-height:var(--text-display--line-height);letter-spacing:-.035em;margin-top:1rem;font-weight:500}.famiglia__body{max-width:46ch;color:color-mix(in srgb, var(--color-crema) 85%, transparent);margin-top:1.5rem;font-size:clamp(1.02rem,1.3vw,1.2rem)}
.intro{z-index:75;place-items:center;animation:0s linear 8s forwards intro-failsafe;display:grid;position:fixed;inset:0}html[data-intro-seen="1"] .intro{display:none}@keyframes intro-failsafe{to{visibility:hidden;pointer-events:none}}.intro__cols{grid-template-columns:repeat(5,1fr);display:grid;position:absolute;inset:0}.intro__col{background:var(--color-crema);will-change:transform;width:calc(100% + 1px);height:100%;display:block}.intro__col:after{content:"";background:var(--color-crema);width:20%;height:20px;position:absolute;bottom:-18px;-webkit-mask:url(/brand/torn.svg) top/100% 400% no-repeat;mask:url(/brand/torn.svg) top/100% 400% no-repeat}.intro__logo{z-index:1;visibility:hidden;width:min(62vw,26.98vh);position:relative}.intro__logo .logo__glyph,.intro__logo .logo__stripe,.intro__logo .logo__speckles,.intro__logo .logo__payoff{opacity:0}.intro__skip{z-index:1;right:var(--gutter);bottom:calc(1.5rem + env(safe-area-inset-bottom));color:var(--color-verde);cursor:pointer;padding:.75rem .5rem;position:absolute}
.mondi-index{padding:clamp(6rem, 12vw, 11rem) var(--gutter) clamp(5rem, 9vw, 8rem);background:var(--color-crema);color:var(--color-verde);position:relative}.mondi-index__head{max-width:52rem}.mondi-index__kicker{color:var(--color-ocra)}.mondi-index__title{font-family:var(--font-display);font-size:var(--text-display);line-height:var(--text-display--line-height);letter-spacing:-.035em;text-wrap:balance;margin-top:1rem;font-weight:500}.mondi-index__body{max-width:46ch;color:var(--color-inchiostro);margin-top:1.5rem;font-size:clamp(1.02rem,1.3vw,1.2rem)}.mondi-index__list{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(1rem,2.5vw,2.5rem);margin-top:clamp(3rem,7vw,6rem);display:grid}.mondi-index__list li:nth-child(2n){margin-top:clamp(2rem,6vw,5rem)}.mondi-index__item{gap:.6rem;display:grid}.mondi-index__visual{aspect-ratio:.62;grid-template-columns:.9rem 1fr;gap:.6rem;display:grid;position:relative}.mondi-index__solco{background:var(--color-ocra);transform-origin:50% 0;height:100%;transition:transform .7s var(--ease-enter)}.mondi-index__list li:nth-child(2n) .mondi-index__solco{background:var(--color-verde)}.mondi-index__photo{display:block;position:relative;overflow:hidden;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.mondi-index__photo img{transition:transform 1.2s var(--ease-enter)}.mondi-index__num{color:var(--color-ocra);margin-top:.75rem}.mondi-index__name{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;font-size:clamp(1.2rem,1.7vw,1.7rem);font-weight:500;line-height:1.05}.mondi-index__tag{color:var(--color-inchiostro);font-size:.95rem}@media (hover:hover) and (pointer:fine){.mondi-index__item:hover .mondi-index__solco{transform:scaleY(1.08)}.mondi-index__item:hover .mondi-index__photo img{transform:scale(1.1)}.mondi-index__item:hover .mondi-index__name{color:var(--color-verde-profondo)}}@media (max-width:860px){.mondi-index__list{grid-template-columns:repeat(2,minmax(0,1fr))}}