@layer components{.specimen{aspect-ratio:3/2;width:100%;position:relative}@media (min-width:768px){.specimen{aspect-ratio:4/3}}.specimen__campo{border-radius:var(--r-3);background-color:var(--carta);background-image:var(--tratteggio);position:absolute;inset:14% 0 0 10%}.specimen__foglio{background:var(--carta);border:1px solid var(--filo-marcato);border-radius:var(--r-1);position:absolute;inset:0 10% 12% 0}.specimen__svg{width:100%;height:100%;display:block}.specimen__svg--largo{display:none}@media (min-width:768px){.specimen__svg--largo{display:block}.specimen__svg--basso{display:none}}.specimen__microtesto{font-family:var(--font-sans);letter-spacing:.02em}.specimen__serie{font-family:var(--font-mono);letter-spacing:.04em}.specimen__sigillo{width:clamp(64px,21%,132px);position:absolute;bottom:2%;right:3%}.specimen--anima .specimen__campo{animation:specimen-trama .48s var(--ease-out) both;-webkit-mask-image:linear-gradient(150deg,#000 45%,#0000 55%);mask-image:linear-gradient(150deg,#000 45%,#0000 55%);-webkit-mask-size:260% 100%;mask-size:260% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.specimen--anima .specimen__foglio{animation:specimen-foglio .32s var(--ease-out) 80ms both}@keyframes specimen-trama{0%{-webkit-mask-position:100% 0;mask-position:100% 0}to{-webkit-mask-position:0 0;mask-position:0 0}}@keyframes specimen-foglio{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}html[data-sigillo=visto] .specimen--anima .specimen__campo,html[data-sigillo=visto] .specimen--anima .specimen__foglio{animation:none;-webkit-mask-image:none;mask-image:none}@media (prefers-reduced-motion:reduce){.specimen--anima .specimen__campo,.specimen--anima .specimen__foglio{animation:none;-webkit-mask-image:none;mask-image:none}}@media (forced-colors:active){.specimen__campo{background-image:none;border:1px solid canvastext}.specimen__foglio{border-color:canvastext}}}