/* Ventaglio di foto per Casa Liliana Premium */
:root { --ivory:#FBF8F2; --ease:cubic-bezier(.2,.7,.2,1); }
/* intestazioni di sezione */
.fan-head { text-align:center; max-width: 900px; margin:0 auto; padding: 0 20px; }
.fan-kick { font-size:11.5px; font-weight:600; letter-spacing:.3em; text-transform:uppercase; color: var(--ocra-text); margin-bottom:18px; }
.fan-h2 { font: 300 clamp(2.2rem, 5vw, 4rem)/1.08 var(--serif); color: var(--ink); text-wrap: balance; }
.fan-h2 em { font-style: italic; color: var(--blue); }

/* ═══ VENTAGLIO ═══ */
.fan-sec { background: var(--ivory); padding: clamp(70px, 9vw, 120px) 0 clamp(70px, 9vw, 120px); overflow:hidden; }
.fan-wrap { position:relative; height: clamp(330px, 47vw, 600px); margin-top: clamp(30px, 5vw, 60px); --cw: clamp(130px, 21vw, 300px); }
.fan-card { position:absolute; left:50%; top:50%; width: var(--cw); aspect-ratio: 3/4; margin-left: calc(var(--cw) / -2); margin-top: calc(var(--cw) * -0.667); display:block; will-change: transform; z-index: var(--z, 1); }
.fan-card-in { position:absolute; inset:0; display:block; border-radius: 14px; overflow:hidden; background:#ddd; box-shadow: 0 22px 44px -22px rgba(26,24,22,.55), 0 0 0 5px #fff; transition: transform .6s var(--ease), box-shadow .6s var(--ease); }
.fan-card-in img { width:100%; height:100%; object-fit:cover; display:block; }
.fan-card-in em { position:absolute; left:0; right:0; bottom:0; padding: 40px 14px 14px; font: italic 400 1.2rem/1.1 var(--serif); color:#fff; font-style: italic; background: linear-gradient(0deg, rgba(14,24,44,.7), rgba(14,24,44,0)); opacity:0; transform: translateY(8px); transition: opacity .5s, transform .5s var(--ease); }
@media (hover:hover) { .fan-card:hover { z-index: 20 !important; } .fan-card:hover .fan-card-in { transform: translateY(-14px) scale(1.04); box-shadow: 0 34px 60px -24px rgba(26,24,22,.6), 0 0 0 5px #fff; } .fan-card:hover em { opacity:1; transform:none; } }
@media (hover:none) { .fan-card-in em { display:none; } }
.fan-cta { text-align:center; margin-top: 10px; }


@media (max-width: 860px) { .fan-wrap { --cw: 46vw; height: 94vw; } .fan-sec { padding-bottom: 60px; } }