.pd-cover {
background: #fff;
position: relative; isolation: isolate;
border-radius: 0; margin-inline: 0;
--pd-cover-h: min(760px, 86vh);
--pd-cover-h: min(860px, calc(100dvh - 108px));
overflow: hidden;
overflow-x: clip;
overflow-y: visible;
}
.pd-cover__schizzi { display: none; }
.pd-cover__inner {
display: grid;
gap: var(--pd-gutter);
padding-block: var(--pd-space-8) 0;
min-block-size: var(--pd-cover-h);
align-content: center;
}
@media (min-width: 980px) {
.pd-cover__inner {
grid-template-columns: repeat(12, minmax(0, 1fr));
align-content: stretch;
padding-block: 0;
}
.pd-cover__testo {
grid-area: 1 / 1 / 2 / 9;
z-index: 1;
align-self: end;
padding-block: 0 var(--pd-space-8);
}
.pd-cover__media {
grid-area: 1 / 6 / 2 / 13;
z-index: 2;             
}
}
.pd-cover__occhiello {
display: inline-block; margin: 0 0 var(--pd-space-5);
background: none; color: var(--pd-fucsia);
padding: 0 0 0.3em;
font-family: var(--pd-font-display); font-weight: 700;
font-size: calc(var(--pd-t-micro) * 1.2);
letter-spacing: 0.2em; text-transform: uppercase; line-height: 1;
border-block-end: 3px solid var(--pd-lime);
}
.pd-cover__tit {
margin: 0; color: var(--pd-nero);
font-family: var(--pd-font-display);
font-weight: 800;
font-size: var(--pd-t-copertina); line-height: 0.9;
letter-spacing: -0.06em; text-transform: uppercase;
}
@media (min-width: 980px) {
.pd-cover__tit {
font-size: clamp(4.5rem, 13.5vw, 11rem);
white-space: nowrap;
inline-size: max-content;
}
}
.pd-cover__mano {
margin: var(--pd-space-3) 0 0;
font-weight: 700;
font-size: clamp(1.9rem, 3.4vw, 3rem);
line-height: 1.05;
}
.pd-cover__testo-p {
margin: var(--pd-space-6) 0 0;
color: var(--pd-ink-soft);
max-inline-size: 34ch;
font-size: var(--pd-t-guida);
}
.pd-cover__cta { margin: var(--pd-space-8) 0 0; }
@media (min-width: 980px) {
.pd-cover__occhiello { margin-block-end: clamp(var(--pd-space-2), 1.6vh, var(--pd-space-5)); }
.pd-cover__testo-p   { margin-block-start: clamp(var(--pd-space-3), 2.2vh, var(--pd-space-6)); }
.pd-cover__cta       { margin-block-start: clamp(var(--pd-space-4), 3vh, var(--pd-space-8)); }
}
.pd-cover__media {
position: relative;
display: flex; justify-content: flex-end; align-items: flex-end;
min-inline-size: 0;
}
.pd-cover__img {
inline-size: 100%; block-size: auto; max-inline-size: none; display: block;
object-fit: contain;
filter: var(--pd-ombra-oggetto);
}
@media (min-width: 980px) {
.pd-cover__media {
margin-inline-end: calc(var(--pd-margine) * -0.4);
align-self: end;
}
.pd-cover__img {
inline-size: 108%;
max-block-size: var(--pd-cover-h);
object-position: bottom center;
}
}
@media (max-width: 979px) {
.pd-cover__inner {
grid-template-columns: minmax(0, 1fr);
min-block-size: 0;
padding-block: var(--pd-space-8) 0;
gap: var(--pd-space-8);
}
.pd-cover__tit { font-size: clamp(3.25rem, 15vw, 5rem); }
.pd-cover__testo-p { max-inline-size: 36ch; }
.pd-cover__media {
margin-inline: calc(var(--pd-margine) * -1);
justify-content: center;
}
.pd-cover__img { inline-size: 100%; }
}