/* ===== Hero della home: busta rossa da cui esce la cartolina =====
   Tutte le classi hanno il prefisso hc- per non toccare il resto del sito. */
.hero-cartolina{padding-block:0}
.hero-cartolina .gigante-in{display:none}
.hc-posto{position:absolute;left:50%;top:50%;z-index:2;width:clamp(290px,31vw,470px);aspect-ratio:3/2;translate:-50% -50%;perspective:1400px}
@media (max-width:700px){.hc-posto{width:min(68vw,300px);top:46%}}
.hc-cartolina{position:relative;width:100%;height:100%;transform-style:preserve-3d;will-change:transform;transform-origin:50% 50%;visibility:hidden;-webkit-tap-highlight-color:transparent}
.hc-cartolina.hc-viva,.hc-cartolina.hc-ferma{visibility:visible}
.hc-cartolina.hc-pronta{cursor:grab;touch-action:pan-y}
.hc-cartolina.hc-presa{cursor:grabbing;touch-action:none}
html:not(.js) .hc-cartolina{visibility:visible;transform:rotateY(180deg) rotateZ(-1.5deg)}
html:not(.js) .hc-busta{display:none}
/* luce che segue il mouse */
.hc-riflesso{position:absolute;inset:0;z-index:7;pointer-events:none;
  background:radial-gradient(circle at var(--mx,40%) var(--my,30%),rgba(255,255,255,.32),rgba(255,255,255,0) 48%)}
.hc-faccia{position:absolute;inset:0;border-radius:1.5px;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;
  /* cartoncino avorio con luce dall'alto a sinistra */
  background:
    radial-gradient(120% 90% at 18% 12%,rgba(255,253,246,.85),rgba(255,253,246,0) 55%),
    radial-gradient(140% 120% at 85% 100%,rgba(150,128,96,.22),rgba(150,128,96,0) 60%),
    #F2ECDD;
  /* spessore del cartoncino + ombre: contatto, morbida, lontana */
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.55),
    inset 0 -2px 3px rgba(120,96,64,.18),
    0 1px 0 #cfc4ad, 0 2px 0 #bfb39a,
    0 3px 6px rgba(35,22,10,.28),
    0 14px 26px -6px rgba(35,22,10,.35),
    0 38px 60px -24px rgba(35,22,10,.45)}
.hc-faccia::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:6;opacity:.38;border-radius:inherit;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.15' numOctaves='1' seed='4' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .32 0 0 0 0 .22 0 0 0 0 .14 0 0 0 -3.4 1.97'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23g)'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.15' numOctaves='1' seed='9' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 .98 0 0 0 0 .92 0 0 0 3.4 -2.2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23g)'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.15' numOctaves='1' seed='13' stitchTiles='stitch'/%3E%3CfeColorMatrix values='1.6 0 0 0 -.3 0 1.4 0 0 -.25 0 0 1.2 0 -.2 0 0 0 0 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23g)'/%3E%3C/svg%3E");background-size:150px 150px,170px 170px,190px 190px}
.hc-faccia::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:5;border-radius:inherit;
  box-shadow:inset 0 0 18px rgba(130,105,70,.3),inset 0 0 3px rgba(110,88,58,.45);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.012 .04' numOctaves='2' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .42 0 0 0 0 .3 0 0 0 .2 0'/%3E%3C/filter%3E%3Crect width='400' height='400' filter='url(%23f)'/%3E%3C/svg%3E"),linear-gradient(115deg,rgba(255,255,255,0) 40%,rgba(255,255,255,.28) 52%,rgba(255,255,255,0) 64%)}
.hc-dorso{transform:rotateY(180deg) translateY(var(--esce,0px))}
/* cornice stampata */
.hc-cornice{position:absolute;inset:6% 4.2%;border:1.4px solid rgba(42,51,28,.88)}
/* linguetta con l'abete */
.hc-abete{position:absolute;left:50%;bottom:1.6%;translate:-50% 0;width:11%;aspect-ratio:1;background:var(--verde,#2A331C);border-radius:14%;display:grid;place-items:center;box-shadow:0 0 0 5px #ECE4D2;z-index:2}
.hc-abete svg{width:58%;height:auto;color:#EDE6D4;translate:0 -3%}
/* scritta */
.hero-cartolina .hc-testo{position:absolute;left:9.5%;top:52%;translate:0 -50%;max-width:52%;margin:0;font-family:var(--display,"Nimbus Roman","Times New Roman",serif);font-weight:300;color:#1E2713;font-size:clamp(24px,2.8vw,43px);line-height:.98;letter-spacing:-.02em;text-wrap:wrap;
  text-shadow:0 0 .6px rgba(38,48,26,.6),0 .5px 0 rgba(255,250,235,.5)}
.hero-cartolina .hc-testo span{display:block;white-space:nowrap}
.hero-cartolina .hc-testo b{font-weight:600;color:#84132D}
html[lang=en] .hero-cartolina .hc-testo{font-size:clamp(21px,2.4vw,37px)}
@media (max-width:700px){.hero-cartolina .hc-testo{font-size:clamp(17px,5.4vw,24px)}html[lang=en] .hero-cartolina .hc-testo{font-size:clamp(15px,4.6vw,21px)}}
/* divisorio, righe dell'indirizzo, francobolli e annullo */
.hc-divisorio{position:absolute;left:62%;top:15%;bottom:17%;border-left:1px solid rgba(42,51,28,.32)}
.hc-righe{position:absolute;left:66%;right:8%;bottom:21%;height:24%;display:flex;flex-direction:column;justify-content:space-between}
.hc-righe i{display:block;border-bottom:1px solid rgba(42,51,28,.38)}
.hc-francobolli{position:absolute;right:7%;top:10.5%;width:26%;height:40%;z-index:1}
.hc-francobolli img{position:absolute;width:56%;height:auto;filter:drop-shadow(0 1px 0 rgba(255,255,255,.6)) drop-shadow(0 1.5px 1.5px rgba(42,30,16,.35))}
.hc-f1{right:0;top:0;rotate:3deg}
.hc-f2{right:40%;top:18%;rotate:-6deg}
.hc-annullo{position:absolute;right:2%;top:36%;width:100%;color:#2E3A22;opacity:.78;rotate:-9deg;pointer-events:none;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='120'%3E%3Cfilter id='m'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.09' numOctaves='2' seed='3'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -1.3 1.55'/%3E%3C/filter%3E%3Crect width='200' height='120' filter='url(%23m)'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='120'%3E%3Cfilter id='m'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.09' numOctaves='2' seed='3'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -1.3 1.55'/%3E%3C/filter%3E%3Crect width='200' height='120' filter='url(%23m)'/%3E%3C/svg%3E");-webkit-mask-size:100% 100%;mask-size:100% 100%}

/* ===== busta rossa ===== */
.hc-busta{position:absolute;inset:-7% -5% -6% -5%;transform-style:preserve-3d;transform:rotateY(180deg) translateY(var(--busta-y,0px));pointer-events:none}
.hc-busta.hc-via{display:none}
.hc-busta>*{position:absolute}
.hc-busta .hc-dietro,.hc-busta .hc-tasca{opacity:var(--busta-o,1)}
.hc-busta .hc-dietro{inset:0;border-radius:0 0 3px 3px;transform:translateZ(-1.5px);
  background:linear-gradient(180deg,#5A0B1E,#6C0F25 60%);box-shadow:0 22px 40px -18px rgba(40,10,15,.6),0 4px 10px rgba(40,10,15,.25)}
.hc-busta .hc-tasca{inset:0;transform:translateZ(1.5px);border-radius:0 0 3px 3px;
  clip-path:polygon(0 0,50% 54%,100% 0,100% 100%,0 100%);
  background:
    linear-gradient(to top right,transparent calc(50% - 1px),rgba(40,6,16,.28) 50%,transparent calc(50% + 2px)) left bottom/50.2% 100% no-repeat,
    linear-gradient(to top left,transparent calc(50% - 1px),rgba(40,6,16,.28) 50%,transparent calc(50% + 2px)) right bottom/50.2% 100% no-repeat,
    radial-gradient(120% 90% at 30% 20%,#A31D3D,#8A1530 55%,#741128)}
.hc-busta .hc-dietro::after,.hc-busta .hc-tasca::after,.hc-busta .hc-lembo-fuori::after,.hc-busta .hc-lembo-dentro::after{content:"";position:absolute;inset:0;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .18 0 0 0 0 .02 0 0 0 0 .05 0 0 0 1.6 -.62'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='210' height='210'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='2' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 .86 0 0 0 0 .84 0 0 0 1.4 -.66'/%3E%3C/filter%3E%3Crect width='210' height='210' filter='url(%23n)'/%3E%3C/svg%3E");background-size:160px 160px,210px 210px;opacity:.55}
.hc-busta .hc-lembo{left:0;right:0;top:0;height:56%;transform-origin:50% 0;transform-style:preserve-3d;transform:translateZ(var(--lz,2px)) rotateX(var(--la,0deg))}
.hc-busta .hc-lembo>*{opacity:var(--lo,1);backface-visibility:hidden;-webkit-backface-visibility:hidden}
.hc-busta .hc-lembo-fuori{position:absolute;inset:0;clip-path:polygon(0 0,100% 0,52.5% 96%,50% 100%,47.5% 96%);
  background:linear-gradient(180deg,#9C1A39,#8E1732 70%,#7A122B);filter:brightness(var(--lb,1))}
.hc-busta .hc-lembo-dentro{position:absolute;inset:-3px 0 -3px 0;transform:rotateX(180deg);clip-path:polygon(47.5% 4%,50% 3px,52.5% 4%,100% 100%,0 100%);
  background:linear-gradient(0deg,rgba(30,2,10,.38),rgba(30,2,10,0) 9px),linear-gradient(0deg,#5E0C1F,#6E1127 60%,#7E152E);filter:brightness(var(--lb2,1))}
.hc-busta .hc-sigillo{position:absolute;left:50%;top:100%;width:15%;aspect-ratio:1;translate:-50% -72%;border-radius:47% 53% 50% 50%/52% 48% 52% 48%;
  background:radial-gradient(circle at 38% 32%,#B8323F,#7E1424 60%,#5E0C1B);color:#F2E6D0;display:grid;place-items:center;
  box-shadow:0 2px 3px rgba(30,5,10,.45),inset 0 0 0 3px rgba(60,6,16,.35),inset 0 1px 2px rgba(255,200,190,.3)}
.hc-busta .hc-sigillo svg{width:46%;height:auto;opacity:.92}
