/* Albachiara 1.6.27 - pagina "Storie di pedana" */
#storie{background:var(--sfondo)}
#storie .sp-eti{display:block;font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--rosa-chiaro);margin:0 0 14px}

/* in alto */
.sp-hero{position:relative;overflow:hidden;padding:70px 0 40px}
.sp-hero .wrap{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}
.sp-hero h1{font-size:clamp(54px,8vw,96px);font-weight:500;line-height:.95;margin:0 0 20px;color:#fff}
.sp-hero h1 em{color:var(--rosa);font-style:italic}
.sp-intro{font-family:var(--serif);font-style:italic;font-size:23px;line-height:1.35;color:var(--testo-2);max-width:30ch}
.sp-nastro{position:absolute;left:0;right:0;top:20px;width:100%;height:160px;opacity:.55;pointer-events:none}
.sp-nastro path{fill:none;stroke:var(--rosa);stroke-width:3}
.sp-collage{position:relative;height:380px}
.sp-collage img{position:absolute;object-fit:cover;object-position:50% 25%;border:6px solid #fff;box-shadow:0 18px 40px rgba(0,0,0,.55);border-radius:2px}
.sp-collage .f0{width:62%;height:62%;left:2%;top:4%;transform:rotate(-5deg)}
.sp-collage .f1{width:44%;height:70%;right:2%;top:0;transform:rotate(4deg)}
.sp-collage .f2{width:52%;height:46%;left:24%;bottom:0;transform:rotate(-1.5deg)}
.sp-collage.n1 .f0{width:80%;height:86%;left:10%}

/* In pedana con noi */
.sp-tv{padding:30px 0 60px}
.sp-tv-box{display:grid;grid-template-columns:1.35fr 1fr;background:var(--cipria);border:1px solid var(--bordo);border-radius:18px;overflow:hidden}
.sp-tv-player.news-video{margin:0}
.sp-tv-player .nv-schermo{aspect-ratio:auto;height:100%;min-height:400px;border-radius:0}
.sp-tv-player .nv-schermo img{object-position:50% 30%}
.sp-tv-cap{position:absolute;z-index:2;left:22px;bottom:18px;right:22px;color:#fff;pointer-events:none;text-shadow:0 2px 10px rgba(0,0,0,.6)}
.sp-tv-cap b{display:block;font-family:var(--serif);font-size:30px;font-weight:500;line-height:1.1}
.sp-tv-cap small{font-size:13px;opacity:.85}
.sp-tv-player .nv-schermo::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,0) 55%);pointer-events:none}
.sp-tv-player .nv-play{z-index:3}
.sp-tv-player .nv-schermo.in-corso::after,.sp-tv-player .nv-schermo.in-corso .sp-tv-cap{display:none}
.sp-tv-info{padding:30px 30px 26px;display:flex;flex-direction:column}
.sp-tv-info h2{font-size:44px;margin:0 0 6px;color:#fff}
.sp-tv-info p{color:var(--testo-2);font-size:15px;margin:0 0 18px}
.sp-punt{list-style:none;margin:0;padding:0;border-top:1px solid var(--bordo)}
.sp-punt li{border-bottom:1px solid var(--bordo)}
.sp-punt-voce{display:flex;gap:14px;align-items:center;padding:10px 0;font-size:15px;color:var(--testo);text-decoration:none}
a.sp-punt-voce:hover{color:var(--rosa-chiaro)}
.sp-punt-voce img{flex:none;width:52px;height:38px;object-fit:cover;object-position:50% 25%;border-radius:6px;margin:0}
.sp-punt-voce em{display:block;font-style:normal;font-size:12.5px;color:var(--testo-2)}
.sp-punt-ico{flex:none;width:38px;height:38px;margin:0 7px;border-radius:50%;border:1px dashed var(--rosa)}
.sp-prossima{opacity:.65}

/* filtri */
.sp-elenco{padding:0}
.sp-filtri{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:0 0 46px}
.sp-filtri button{font:500 14px var(--sans);letter-spacing:.06em;color:var(--testo);background:transparent;border:1px solid var(--bordo);border-radius:99px;padding:9px 20px;cursor:pointer}
.sp-filtri button.on{background:var(--rosa);border-color:var(--rosa);color:#fff}

/* linea del tempo */
.sp-linea{position:relative;padding:0 0 80px}
.sp-linea::before{content:"";position:absolute;left:50%;top:0;bottom:60px;width:2px;background:linear-gradient(var(--rosa),var(--viola) 70%,transparent);transform:translateX(-1px)}
.sp-mese{position:relative;text-align:center;margin:0 0 30px;clear:both}
.sp-mese span{display:inline-block;background:var(--sfondo);padding:6px 18px;font-family:var(--serif);font-style:italic;font-size:26px;color:var(--rosa-chiaro);border:1px solid var(--bordo);border-radius:99px}
.sp-voce{position:relative;width:calc(50% - 44px);margin:0 0 34px}
.sp-voce.dx{margin-left:auto}
.sp-voce+.sp-voce{margin-top:-150px}
.sp-voce::before{content:"";position:absolute;top:26px;width:14px;height:14px;border-radius:50%;background:var(--rosa);box-shadow:0 0 0 5px var(--sfondo),0 0 0 6px var(--rosa)}
.sp-voce.sx::before{right:-51px}.sp-voce.dx::before{left:-51px}
.sp-card{background:var(--cipria);border:1px solid var(--bordo);border-radius:16px;overflow:hidden;transition:transform .2s,border-color .2s}
.sp-card:hover{transform:translateY(-3px);border-color:#4a3c44}
.sp-foto{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:50% 30%;margin:0;border-radius:0}
.sp-c{padding:20px 22px 22px}
.sp-tst{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;margin:0 0 10px}
.sp-tst b{color:#fff;background:var(--viola);padding:3px 9px;border-radius:4px;font-weight:600}
.sp-tst b.rosa{background:var(--rosa)}
.sp-tst time{color:var(--testo-2);letter-spacing:.08em;white-space:nowrap}
.sp-card h3{font-size:27px;line-height:1.12;margin:0 0 10px;color:#fff}
.sp-card p{font-size:15.5px;color:var(--testo-2);margin:0 0 16px}
.sp-vai{display:inline-flex;gap:8px;align-items:center;font-size:14px;font-weight:500;letter-spacing:.04em;text-decoration:none;color:var(--rosa-chiaro);border-bottom:1px solid currentColor;padding-bottom:2px}
.sp-nota{font-size:13px;color:var(--testo-2);font-style:italic}
.sp-card.citazione .sp-c{padding:28px 26px}
.sp-card.citazione blockquote{margin:0 0 16px;font-family:var(--serif);font-style:italic;font-size:30px;line-height:1.15;color:#fff}
.sp-card.citazione blockquote::before{content:"\201C";display:block;font-size:70px;line-height:.6;color:var(--rosa);margin-bottom:8px}
.sp-linea.filtrata .sp-voce{margin-top:0!important}
.sp-vuoto{text-align:center;color:var(--testo-2)}

/* in fondo */
.sp-chiusa{text-align:center;padding:0 0 90px}
.sp-chiusa p{margin:0 auto 16px;font-family:var(--serif);font-style:italic;font-size:24px;color:var(--testo-2);max-width:40ch}
.sp-chiusa .btn{background:var(--rosa);color:#fff}

@media (max-width:820px){
  .sp-hero{padding:40px 0 20px}
  .sp-hero .wrap{grid-template-columns:1fr;gap:26px}
  .sp-collage{height:260px;margin-bottom:10px}
  .sp-tv-box{grid-template-columns:1fr}
  .sp-tv-player .nv-schermo{min-height:0;aspect-ratio:4/3}
  .sp-tv-info{padding:22px 20px}.sp-tv-info h2{font-size:36px}
  .sp-linea::before{left:14px}
  .sp-mese{text-align:left;padding-left:34px}.sp-mese span{font-size:22px}
  .sp-voce,.sp-voce.dx{width:auto;margin-left:38px}
  .sp-voce+.sp-voce{margin-top:0}
  .sp-voce.sx::before,.sp-voce.dx::before{left:-30px;right:auto}
  .sp-card h3{font-size:24px}.sp-card.citazione blockquote{font-size:25px}
}