:root{
 --paper:#f4f1e7;--ink:#21302c;--muted:#65736e;--lagoon:#557f78;--reed:#87945e;
 --sand:#d8c29b;--sun:#d29a4a;--deep:#263a36;--night:#182824;--line:rgba(33,48,44,.14);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.72}
a{color:inherit}.wrap{width:min(1200px,calc(100% - 40px));margin:auto}
header{position:absolute;top:0;left:0;right:0;z-index:30;padding:24px 0;color:white}
.nav{display:flex;justify-content:space-between;align-items:center}.brand{font:700 27px Georgia,serif;text-decoration:none}.navlinks{display:flex;gap:20px;font-size:12px;text-transform:uppercase;letter-spacing:.11em}.navlinks a{text-decoration:none}
.hero{min-height:940px;position:relative;overflow:hidden;display:flex;align-items:flex-end;background:#36584e url("/assets/images/hero-vendicari.webp") center 53%/cover no-repeat}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,34,31,.18) 0%,rgba(10,31,27,.25) 35%,rgba(8,25,22,.82) 100%)}
.hero:after{display:none}
.hero-content{position:relative;z-index:5;padding:180px 0 110px;color:white;max-width:980px}
.kicker{font-size:11px;letter-spacing:.23em;text-transform:uppercase;font-weight:850;color:#e5f2e9}
h1{font:500 clamp(72px,10vw,150px)/.82 Georgia,serif;letter-spacing:-.065em;margin:20px 0 28px}
.hero p{font:400 clamp(22px,2.3vw,31px)/1.45 Georgia,serif;max-width:850px;color:#f0f5f1}
.hero-meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hero-meta span{padding:9px 13px;border:1px solid rgba(255,255,255,.24);border-radius:999px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;background:rgba(255,255,255,.05)}
.section{padding:100px 0;border-top:1px solid var(--line)}
.intro{display:grid;grid-template-columns:.76fr 1.24fr;gap:80px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.2em;font-weight:850;color:var(--lagoon)}
h2{font:500 clamp(46px,5.9vw,82px)/.98 Georgia,serif;letter-spacing:-.05em;margin:12px 0 24px}
.lead{font:400 clamp(23px,2.5vw,33px)/1.5 Georgia,serif;color:#3a504a}.copy{font-size:18px;color:#596b65}.copy p{margin:0 0 20px}
.quote{font:italic 34px/1.42 Georgia,serif;padding:40px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#354c45}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:24px;overflow:hidden}.stat{background:var(--paper);padding:28px}.stat b{display:block;font:500 36px Georgia,serif;color:var(--lagoon);margin-bottom:8px}
.wetland{background:#e3ebe2}.wet-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:70px;align-items:center}.lagoon-art{min-height:540px;border-radius:40px;background:#6f8879 url("/assets/images/pantani-vendicari.webp") center/cover no-repeat;position:relative;overflow:hidden}

.dark{background:var(--night);color:white}.dark .copy,.dark p{color:#cbd8d2}.dark .eyebrow{color:#a8c5a5}
.route{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}.route-card{padding:30px;border:1px solid rgba(255,255,255,.13);border-radius:24px;background:#ffffff07}.route-card h3{font:700 25px Georgia,serif}.route-card p{color:#c9d7d1;font-size:15px}
.beaches{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:34px}.beach{padding:27px;border:1px solid var(--line);border-radius:22px;background:white}.beach h3{font:700 23px Georgia,serif}.beach p{font-size:14px;color:#62736c}
.history{background:#e9e1d2}.history-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:72px;align-items:center}.history-art{min-height:520px;border-radius:38px;background:#8b7d67 url("/assets/images/tonnara-vendicari.webp") center/cover no-repeat;position:relative;overflow:hidden}

.featured{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{padding:30px;border-radius:23px;border:1px solid var(--line);background:#fff9}.feature h3{font:700 24px Georgia,serif}.feature p{font-size:14px;color:#65736e}
.adv{width:min(970px,calc(100% - 40px));margin:38px auto;padding:20px;border:1px dashed #9aa99d;border-radius:18px;text-align:center;color:#74827b;font-size:10px;letter-spacing:.16em;text-transform:uppercase}
.project{padding:105px 0;background:linear-gradient(120deg,#3e665f,#788f68);color:white;text-align:center}.project h2{max-width:900px;margin:10px auto 24px}.project p{max-width:780px;margin:0 auto 26px;color:#edf5f0}.btn{display:inline-block;padding:14px 22px;border-radius:999px;background:white;color:#365d56;font-weight:800;text-decoration:none}
.sources{padding:42px 0;font-size:13px;color:#6c7973}.sources a{margin-right:15px}
footer{padding:28px 20px;text-align:center;background:#17231f;color:#c4d0cb;font-size:12px;line-height:1.8}footer a{color:white;text-decoration:none}footer .links{margin-top:5px}
@media(max-width:950px){.navlinks{display:none}.intro,.wet-grid,.history-grid{grid-template-columns:1fr}.stats,.beaches{grid-template-columns:1fr 1fr}.route,.featured{grid-template-columns:1fr}}
@media(max-width:560px){.wrap{width:min(100% - 26px,1200px)}h1{font-size:66px}.stats,.beaches{grid-template-columns:1fr}}

/* Galleria fotografica originale Vendicari — inserimento non invasivo */
.photo-gallery{background:#edf0e9}.gallery-heading{max-width:760px;margin-bottom:32px}.gallery-heading p{font-size:18px;color:var(--muted)}
.gallery-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:18px}.gallery-grid figure{margin:0;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:22px}.gallery-grid img{display:block;width:100%;height:310px;object-fit:cover}.gallery-grid figcaption{font-size:13px;color:#51645d;padding:14px 18px 18px}
@media(max-width:950px){.gallery-grid{grid-template-columns:1fr 1fr}.gallery-grid figure:first-child{grid-column:span 2}.gallery-grid figure:first-child img{height:350px}}
@media(max-width:560px){.hero{min-height:780px;background-position:56% center}.hero-content{padding-bottom:70px}.gallery-grid{grid-template-columns:1fr}.gallery-grid figure:first-child{grid-column:auto}.gallery-grid img,.gallery-grid figure:first-child img{height:280px}}

/* Ottimizzazioni responsive, monetizzazione e accessibilità */
.adv{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:130px;margin-top:36px;margin-bottom:36px;padding:23px 28px;background:rgba(255,255,255,.36);border:1px dashed rgba(54,91,78,.35)}
.adv .adv-label{font-size:10px;letter-spacing:.13em;color:#74827b}.adv strong{font-size:14px;letter-spacing:.09em;color:#466f63;font-weight:750}.adv small{font-size:12px;letter-spacing:0;text-transform:none;color:#74827b}
.practical{background:#f8f6ef}.practical-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.practical-grid>div{padding:26px;border:1px solid var(--line);border-radius:20px;background:white}.practical-grid h3{font:600 25px Georgia,serif}.practical-grid p{color:#5f7069}.faq-section{background:#edf1ea}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.faq-grid details{border-radius:14px;padding:22px 24px;background:#fff;border:1px solid var(--line)}.faq-grid summary{cursor:pointer;font-weight:700;line-height:1.5}.faq-grid details p{margin:14px 0 0;color:#596b65}.disclaimer{padding:30px 0;background:#e5e9e2;border-top:1px solid var(--line)}.disclaimer p{margin:0;font-size:12px;line-height:1.8;color:#62736c}
.navlinks a:focus-visible,.btn:focus-visible,summary:focus-visible{outline:3px solid #e1b76c;outline-offset:4px}
@media(max-width:950px){.practical-grid{grid-template-columns:1fr}.faq-grid{grid-template-columns:1fr}}
@media(max-width:560px){.section{padding:66px 0}.hero{min-height:720px}.hero-meta{gap:6px}.hero-meta span{font-size:10px;padding:7px 9px}.adv{min-height:120px;margin:28px auto}.nav{align-items:center}.brand{font-size:25px}h2{font-size:clamp(40px,10vw,58px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}