/* Tre alternative per la sola apertura, mantenendo la versione precedente. */
body[data-stile="1"]{--ink:#f7f5ed}
body[data-stile="1"] .hero:after{background:linear-gradient(180deg,rgba(255,255,255,.08) 25%,rgba(12,26,23,.2) 48%,rgba(12,26,23,.84) 100%)}
body[data-stile="1"] .intro{background:none;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;width:610px;max-width:85%;bottom:9%}
body[data-stile="1"] .copy{padding:0}
body[data-stile="1"] .eyebrow{color:#e5d4ad;font-size:10px;letter-spacing:.24em;display:flex;align-items:center;gap:16px;margin-bottom:17px}
body[data-stile="1"] .eyebrow:before{content:'';width:36px;height:1px;background:#c5ac78}
body[data-stile="1"] h1{font-size:clamp(34px,3.65vw,53px);font-weight:400;line-height:1.16;letter-spacing:-.035em;margin-bottom:18px}
body[data-stile="1"] .description{font-size:12px;color:#e4e8e0;line-height:1.85}
body[data-stile="1"] .intro>.cta{background:none;color:#f2e6cd;width:260px;border-bottom:1px solid #bca375;margin-top:24px;padding:0 0 13px;font-size:11px;letter-spacing:.03em}
body[data-stile="1"] .intro>.cta:hover{color:white;border-color:white}
body[data-stile="1"] .location{background:none;backdrop-filter:none;color:#dddccd;font-size:8px;letter-spacing:.18em;padding:0;bottom:6%;top:auto}

body[data-stile="2"]{--ink:#283d34}
body[data-stile="2"] .intro{left:auto;right:7%;bottom:7%;width:360px;max-width:85%;padding:48px 29px 30px;border-radius:180px 180px 6px 6px;background:rgba(246,246,235,.86);border:1px solid rgba(255,255,255,.55);text-align:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
body[data-stile="2"] .copy{padding:28px 0 20px}
body[data-stile="2"] .eyebrow{color:#677357;font-size:9px;letter-spacing:.2em;margin:0 0 21px}
body[data-stile="2"] h1{font-size:32px;line-height:1.25;margin-bottom:21px}
body[data-stile="2"] .description{font-size:11px;line-height:1.9;color:#596358}
body[data-stile="2"] .intro>.cta{border:1px solid #5d705b;background:none;color:#324b3d;justify-content:center;border-radius:30px;font-size:10px;padding:14px 13px;gap:15px}
body[data-stile="2"] .intro>.cta:hover{background:#304b3c;color:white}
body[data-stile="2"] .location{left:6%;right:auto;background:rgba(246,246,235,.7);color:#3c4b3b;bottom:5%;top:auto;font-size:8px}

body[data-stile="3"]{--ink:#f1f1e8}
body[data-stile="3"] .intro{width:88%;max-width:none;left:6%;bottom:6%;padding:27px 32px;display:grid;grid-template-columns:1fr 255px;align-items:center;gap:45px;background:rgba(25,49,43,.79);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:0;border-top:1px solid rgba(221,209,169,.7)}
body[data-stile="3"] .copy{padding:0}
body[data-stile="3"] .eyebrow{color:#d3c49d;font-size:9px;letter-spacing:.23em;margin-bottom:11px}
body[data-stile="3"] h1{font-size:34px;line-height:1.2;margin-bottom:11px}
body[data-stile="3"] h1 br{display:none}
body[data-stile="3"] .description{font-size:11px;color:#dee3db;line-height:1.8}
body[data-stile="3"] .intro>.cta{background:none;border:0;border-bottom:1px solid #cab98d;color:#ebdfbc;padding:15px 0;font-size:11px;gap:15px}
body[data-stile="3"] .intro>.cta:hover{color:white;border-color:white}
body[data-stile="3"] .location{background:none;backdrop-filter:none;color:#f7f4e9;text-shadow:0 1px 5px #222;right:6%;top:115px;bottom:auto;font-size:8px;padding:0}
body[data-stile="1"] .menu-toggle,body[data-stile="2"] .menu-toggle,body[data-stile="3"] .menu-toggle{color:#304137}
body[data-stile="1"] dialog,body[data-stile="2"] dialog,body[data-stile="3"] dialog{color:#303932}
/* Il testo chiaro della fotografia resta confinato alla copertina. */
body[data-stile] dialog{--ink:#293a32;--cream:#eef0ed;background:#eef0ed;color:#293a32}
body[data-stile] dialog .eyebrow{color:#52604f;display:block;font-size:10px}
body[data-stile] dialog .eyebrow:before{display:none}
body[data-stile] dialog .cta{background:#dce1dc;color:#243a2c;border:1px solid #b9c4ba}
body[data-stile] dialog .cta:hover{background:#cbd5cb;color:#1c3022}
body[data-stile] dialog a,body[data-stile] dialog .navigation button{color:#293a32}
body[data-stile] dialog .navigation button:hover{color:#293a32;background:#dce1dc}
@media(max-width:700px){
 body[data-stile="1"] .intro{bottom:8%}body[data-stile="1"] h1{font-size:35px}body[data-stile="1"] .description{font-size:10px}
 body[data-stile="2"] .intro{right:6%;width:290px;padding:32px 24px 24px;bottom:5%}body[data-stile="2"] .copy{padding-top:20px}body[data-stile="2"] h1{font-size:29px}body[data-stile="2"] .description{font-size:10px}
 body[data-stile="3"] .intro{padding:23px;grid-template-columns:1fr;gap:15px}body[data-stile="3"] h1{font-size:29px}body[data-stile="3"] h1 br{display:block}body[data-stile="3"] .description{font-size:10px}body[data-stile="3"] .intro>.cta{width:100%;padding:10px 0}
}