.ma-con-claim { position: relative; overflow: clip; }
.ma-con-claim > :not(.ma-claim):not(.sec-deco) { position: relative; z-index: 1; }
.ma-claim { position: absolute; z-index: 0; bottom: 0; left: 50%; transform: translate(-50%, 34%); pointer-events: none; user-select: none; line-height: 0; }
.ma-claim > span { display: block; aspect-ratio: 1292 / 216; width: min(100vw, 1500px);
background: linear-gradient(180deg, rgba(255,255,255,.05) 0%, rgba(255,255,255,.02) 45%, rgba(255,255,255,0) 80%);
-webkit-mask: url(//machestudio.it/wp-content/plugins/ma-blocchi/comune/ma-claim.png) center / contain no-repeat; mask: url(//machestudio.it/wp-content/plugins/ma-blocchi/comune/ma-claim.png) center / contain no-repeat; }
.ma-claim--piccolo > span { width: min(70vw, 900px); } .mondo-attivo .cta-finale-in.ma-con-claim::before { display: none; }
.mondo-attivo .cta-finale-in > .ma-claim, .cta-finale-in > .ma-claim { position: absolute; z-index: 0; } .ma-claim--scuro > span { background: linear-gradient(180deg, rgba(17,18,22,.085) 0%, rgba(17,18,22,.035) 45%, rgba(17,18,22,0) 80%); }
.ma-claim--piccolo { transform: translate(-50%, 30%); } .ma-claim-js .ma-claim.da-svelare { opacity: 0; transition: opacity 1.8s ease .3s; }
.ma-claim-js .ma-claim.da-svelare.appare { opacity: 1; }
@media (max-width: 760px) {
.ma-claim > span { width: 150vw; }
.ma-claim--piccolo > span { width: 120vw; }
}
@media (prefers-reduced-motion: reduce) { .ma-claim-js .ma-claim.da-svelare { opacity: 1; transition: none; } } section:has(> .ma-logo-sfondo) { position: relative; overflow: clip; }
section:has(> .ma-logo-sfondo) > :not(.ma-logo-sfondo) { position: relative; z-index: 1; }
.ma-logo-sfondo { position: absolute; z-index: 0; bottom: -110px; left: -60px; width: clamp(420px, 40vw, 640px); transform: rotate(-8deg); transform-origin: 0 100%; pointer-events: none; }
.ma-logo-sfondo img { display: block; width: 100%; height: auto; opacity: .085; will-change: transform; }
@media (max-width: 760px) { .ma-logo-sfondo { width: 110vw; bottom: -60px; left: -30px; } .ma-logo-sfondo img { opacity: .07; } } .sec-dark:has(> .ma-logo-angolo) { position: relative; } .sec-dark > .ma-logo-angolo { position: absolute; z-index: 5; top: 140px; right: calc(max(clamp(12px, 3vw, 48px), 50% - 500px) + clamp(20px, 3vw, 38px));
width: clamp(110px, 15vw, 190px); transform: rotate(-9deg); transform-origin: 50% 50%; pointer-events: none; }
.ma-logo-angolo img { display: block; width: 100%; height: auto; }
.ma-logo-angolo::before { content: ""; position: absolute; left: 50%; top: 50%; width: 260%; aspect-ratio: 1; transform: translate(-50%, -50%) scale(.2);
background: radial-gradient(circle, rgba(255,255,255,.75) 0%, rgba(255,255,255,.25) 30%, transparent 62%); opacity: 0; pointer-events: none; }
.ma-logo-angolo.posato::before { animation: ma-lampo 1.3s ease-out both; }
.ma-logo-angolo.posato img { animation: ma-galleggia 6s ease-in-out .4s infinite, ma-respira 3.2s ease-in-out infinite; }
@keyframes ma-lampo { 0% { opacity: 0; transform: translate(-50%, -50%) scale(.2); } 25% { opacity: 1; } 100% { opacity: 0; transform: translate(-50%, -50%) scale(1.2); } }
@keyframes ma-galleggia { 0%, 100% { transform: translate(0, 0) rotate(0); } 50% { transform: translate(0, -6px) rotate(2deg); } }
@keyframes ma-respira { 0%, 100% { filter: drop-shadow(0 6px 10px rgba(46,47,51,.15)); } 50% { filter: drop-shadow(0 10px 18px rgba(46,47,51,.28)); } }
@media (max-width: 760px) { .sec-dark > .ma-logo-angolo { width: 92px; } }
@media (prefers-reduced-motion: reduce) { .ma-logo-angolo img, .ma-logo-angolo::before { animation: none !important; } }