:root{--ink:#1c211f;--paper:#f5f0e8;--stone:#d8c7ae;--olive:#59624a;--sea:#537883;--white:#fff;--max:1180px;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.65}img,video{display:block;width:100%}a{color:inherit;text-decoration:none}.wrap{width:min(calc(100% - 40px),var(--max));margin:auto}.eyebrow{letter-spacing:.2em;text-transform:uppercase;font-size:.72rem;font-weight:700}.display{font:400 clamp(2.5rem,7vw,6.5rem)/.94 var(--serif);letter-spacing:-.035em;margin:.25em 0}.section-title{font:400 clamp(2rem,4.7vw,4.5rem)/1 var(--serif);margin:.2em 0 .5em}.lead{font:400 clamp(1.25rem,2.3vw,2rem)/1.45 var(--serif);max-width:900px}.muted{opacity:.72}.site-header{position:fixed;inset:0 0 auto;z-index:30;padding:18px 0;color:#fff;transition:.3s}.site-header.scrolled{background:rgba(24,28,26,.94);backdrop-filter:blur(10px);padding:10px 0}.nav{display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font:600 1.05rem var(--serif);letter-spacing:.03em}.nav-links{display:flex;gap:22px;align-items:center;font-size:.84rem}.lang{border:1px solid currentColor;padding:8px 12px;border-radius:999px}.menu-btn{display:none;background:none;border:0;color:inherit;font-size:1.3rem}.hero{min-height:100svh;position:relative;display:grid;align-items:end;color:#fff;overflow:hidden;background:#111}.hero video,.hero .poster{position:absolute;inset:0;height:100%;object-fit:cover}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.15) 40%,rgba(0,0,0,.74))}.hero-content{position:relative;z-index:2;padding:150px 0 70px}.hero-copy{max-width:950px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:999px;border:1px solid var(--ink);font-size:.82rem;font-weight:700;letter-spacing:.05em}.btn.light{border-color:#fff;color:#fff}.btn.fill{background:var(--ink);color:#fff}.intro,.story,.places,.stay{padding:110px 0}.intro-grid,.story-grid,.places-grid,.stay-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.facts{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #b9ae9e}.fact{padding:22px 10px 22px 0;border-bottom:1px solid #b9ae9e}.fact strong{display:block;font:400 2rem var(--serif)}.editorial-image{min-height:660px;object-fit:cover}.dark{background:var(--ink);color:var(--paper)}.image-story{display:grid;grid-template-columns:1fr 1fr;min-height:760px}.image-story .copy{padding:10vw 8vw;display:flex;flex-direction:column;justify-content:center}.image-story img{height:100%;object-fit:cover}.quote{padding:100px 20px;text-align:center;background:var(--stone)}.quote blockquote{font:400 clamp(2rem,5vw,5rem)/1.1 var(--serif);max-width:1100px;margin:auto}.gallery{padding:100px 0}.gallery-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.gallery-grid button{padding:0;border:0;background:none;cursor:pointer;overflow:hidden}.gallery-grid img{height:100%;object-fit:cover;transition:.5s}.gallery-grid button:hover img{transform:scale(1.025)}.gallery-grid button:nth-child(6n+1){grid-column:span 7;height:520px}.gallery-grid button:nth-child(6n+2){grid-column:span 5;height:520px}.gallery-grid button:nth-child(6n+3),.gallery-grid button:nth-child(6n+4),.gallery-grid button:nth-child(6n+5){grid-column:span 4;height:350px}.gallery-grid button:nth-child(6n+6){grid-column:span 12;height:560px}.places-list{border-top:1px solid #9d9589}.place{display:grid;grid-template-columns:1fr auto;gap:20px;padding:22px 0;border-bottom:1px solid #9d9589}.place h3{margin:0;font:400 1.5rem var(--serif)}.place p{margin:.25rem 0 0}.time{font-weight:700;white-space:nowrap}.amenities{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 28px;margin-top:28px}.amenities div{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.2)}.form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}label{font-size:.8rem;font-weight:700}.form input,.form select,.form textarea{width:100%;padding:14px;border:1px solid #aaa196;background:transparent;font:inherit;border-radius:0}.form textarea{min-height:140px}.footer{background:#111714;color:#e9e2d8;padding:65px 0 25px}.footer-grid{display:grid;grid-template-columns:1fr auto;gap:40px}.registrations{font-size:.78rem;line-height:1.9}.copyright{margin-top:45px;padding-top:20px;border-top:1px solid rgba(255,255,255,.15);font-size:.75rem;display:flex;justify-content:space-between;gap:20px}.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.94);z-index:100;display:none;align-items:center;justify-content:center;padding:30px}.lightbox.open{display:flex}.lightbox img{max-width:92vw;max-height:88vh;object-fit:contain}.lightbox button{position:absolute;background:none;border:0;color:#fff;font-size:2rem;cursor:pointer}.lb-close{top:18px;right:22px}.lb-prev{left:18px}.lb-next{right:18px}.reveal{opacity:0;transform:translateY(24px);transition:.75s}.reveal.visible{opacity:1;transform:none}@media(max-width:820px){.nav-links{display:none;position:absolute;top:64px;left:20px;right:20px;background:#1c211f;padding:20px;flex-direction:column;align-items:flex-start}.nav-links.open{display:flex}.menu-btn{display:block}.intro-grid,.story-grid,.places-grid,.stay-grid,.image-story{grid-template-columns:1fr}.image-story .copy{padding:80px 24px}.image-story img{min-height:520px}.editorial-image{min-height:500px}.gallery-grid{grid-template-columns:1fr 1fr}.gallery-grid button,.gallery-grid button:nth-child(n){grid-column:span 1;height:260px}.gallery-grid button:nth-child(5n+1){grid-column:1/-1;height:420px}.form{grid-template-columns:1fr}.field.full{grid-column:auto}.footer-grid{grid-template-columns:1fr}.copyright{flex-direction:column}.display{font-size:clamp(3rem,14vw,5rem)}}

.video-tour{padding:110px 0;background:var(--paper)}.video-tour-heading{max-width:820px;margin-bottom:36px}.video-frame{background:#111;box-shadow:0 24px 70px rgba(0,0,0,.22)}.video-frame video{width:100%;aspect-ratio:16/9;object-fit:contain;background:#000}@media(max-width:820px){.video-tour{padding:80px 0}.video-tour-heading{margin-bottom:24px}}

/* Contextual destination imagery */
.coast-visuals{
  display:grid;
  grid-template-columns:1fr 1fr;
  grid-template-rows:1fr 1fr;
  gap:10px;
  min-height:760px;
  padding:10px;
  background:#e9e0d3;
}
.coast-visuals figure{margin:0;overflow:hidden;min-height:0}
.coast-visuals figure.wide{grid-column:1/-1}
.coast-visuals img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}
.coast-visuals figure:hover img{transform:scale(1.025)}
.salento-ribbon{background:#d8c7ae;padding:14px}
.salento-ribbon-grid{
  display:grid;
  grid-template-columns:1.15fr .85fr 1.15fr;
  gap:14px;
  max-width:1440px;
  margin:auto;
}
.salento-ribbon-grid img{height:390px;object-fit:cover}
@media(max-width:820px){
  .coast-visuals{min-height:auto;grid-template-columns:1fr 1fr;grid-template-rows:360px 230px}
  .salento-ribbon-grid{grid-template-columns:1fr 1fr}
  .salento-ribbon-grid img{height:260px}
  .salento-ribbon-grid img:first-child{grid-column:1/-1;height:360px}
}

/* Neater contextual photo layout */
.coast-editorial{
  display:grid;
  grid-template-columns:1.35fr .65fr;
  grid-template-rows:300px 300px 230px;
  gap:10px;
  padding:10px;
  background:#e9e0d3;
}
.coast-editorial figure{margin:0;overflow:hidden;background:#eee}
.coast-editorial img{display:block;width:100%;height:100%;object-fit:cover}
.coast-editorial .feature{grid-column:1;grid-row:1/3}
.coast-editorial .swimmer{grid-column:2;grid-row:1/3;background:#dce8e8}
.coast-editorial .swimmer img{object-fit:contain;object-position:center center}
.coast-editorial .portrait img{object-position:center center}
.coast-editorial .relax{grid-column:1/-1}
.coast-editorial .relax img{object-position:center 58%}

.new-photo-story{padding:84px 0;background:#f5f0e8}
.new-photo-heading{max-width:760px;margin-bottom:32px}
.new-photo-mosaic{
 display:grid;
 grid-template-columns:repeat(12,1fr);
 grid-auto-rows:165px;
 gap:12px;
}
.new-photo-mosaic figure{margin:0;overflow:hidden;background:#e7ded1}
.new-photo-mosaic img{width:100%;height:100%;object-fit:cover;display:block}
.new-photo-mosaic figure:nth-child(1){grid-column:span 7;grid-row:span 2}
.new-photo-mosaic figure:nth-child(2){grid-column:span 5;grid-row:span 2}
.new-photo-mosaic figure:nth-child(3){grid-column:span 4;grid-row:span 2}
.new-photo-mosaic figure:nth-child(4){grid-column:span 8;grid-row:span 2}
.new-photo-mosaic figure:nth-child(5){grid-column:span 3;grid-row:span 3}
.new-photo-mosaic figure:nth-child(6){grid-column:span 3;grid-row:span 3}
.new-photo-mosaic figure:nth-child(7){grid-column:span 6;grid-row:span 3}
.new-photo-mosaic figure:nth-child(8){grid-column:span 6;grid-row:span 2}
.new-photo-mosaic figure:nth-child(9){grid-column:span 6;grid-row:span 2}
.new-photo-mosaic figure:nth-child(10){grid-column:span 12;grid-row:span 2}
@media(max-width:820px){
 .coast-editorial{grid-template-columns:1fr 1fr;grid-template-rows:280px 380px 210px 210px}
 .coast-editorial .feature{grid-column:1/-1;grid-row:1}
 .coast-editorial .swimmer{grid-column:1/-1;grid-row:2}
 .coast-editorial .portrait{grid-column:auto;grid-row:3}
 .coast-editorial .relax{grid-column:1/-1;grid-row:4}
 .new-photo-story{padding:56px 0}
 .new-photo-mosaic{grid-template-columns:1fr 1fr;grid-auto-rows:220px}
 .new-photo-mosaic figure:nth-child(n){grid-column:span 1;grid-row:span 1}
 .new-photo-mosaic figure:nth-child(1),
 .new-photo-mosaic figure:nth-child(4),
 .new-photo-mosaic figure:nth-child(7),
 .new-photo-mosaic figure:nth-child(10){grid-column:1/-1}
}

/* Expanded Nardò historic-centre story */
.nardo-story{padding:110px 0}
.nardo-heading{max-width:900px;margin-bottom:42px}
.nardo-mosaic{display:grid;grid-template-columns:1.2fr .8fr .8fr;grid-template-rows:330px 330px;gap:12px}
.nardo-mosaic figure{margin:0;overflow:hidden;background:#e7ded1}
.nardo-mosaic img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.nardo-mosaic figure:hover img{transform:scale(1.02)}
.nardo-mosaic .nardo-feature{grid-row:1/-1}
.nardo-mosaic figure:nth-child(2){grid-column:2/4}
.photo-credits{margin-top:28px;font-size:.68rem;line-height:1.5;opacity:.65;max-width:760px}
@media(max-width:820px){
 .nardo-story{padding:80px 0}
 .nardo-heading{margin-bottom:28px}
 .nardo-mosaic{grid-template-columns:1fr 1fr;grid-template-rows:360px 230px 230px}
 .nardo-mosaic .nardo-feature{grid-column:1/-1;grid-row:1}
 .nardo-mosaic figure:nth-child(2){grid-column:1/-1;grid-row:2}
}

/* 2026-08 professional editorial rework */
:root{--line:rgba(46,52,48,.16)}
main>section{position:relative}
.intro,.video-tour,.nardo-editorial,.places,.stay,.gallery,.home-moments{padding-top:104px;padding-bottom:104px}
.video-tour{background:#f2ece3}
.video-tour-heading{display:grid;grid-template-columns:.7fr 1.3fr;align-items:end;gap:50px;max-width:none}
.video-tour-heading .lead{margin:0;max-width:620px}
.video-frame{border-radius:2px;overflow:hidden;box-shadow:0 28px 70px rgba(38,36,32,.16)}
.image-story{min-height:680px}
.image-story .copy{padding:8vw 7vw}

.home-moments{background:#f8f4ed}
.home-moments-head{display:grid;grid-template-columns:1fr 1fr;column-gap:70px;align-items:end;margin-bottom:36px}
.home-moments-head .eyebrow{grid-column:1/-1}
.home-moments-head p{max-width:560px;margin:0 0 .55rem}
.home-moments-grid{display:grid;grid-template-columns:1.35fr .65fr;grid-template-rows:270px 270px;gap:12px}
.home-moments-grid figure{margin:0;overflow:hidden;background:#e8dfd2}
.home-moments-grid .moment-wide{grid-row:1/-1}
.home-moments-grid img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s ease}
.home-moments-grid figure:hover img{transform:scale(1.015)}

.nardo-editorial{background:#d8c9b5}
.nardo-intro-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:90px;align-items:end;margin-bottom:48px}
.nardo-intro-grid .section-title{max-width:700px;margin-bottom:0}
.nardo-intro-copy{border-left:1px solid rgba(44,47,43,.25);padding-left:40px;max-width:620px}
.nardo-intro-copy p:last-child{margin-bottom:0}
.nardo-gallery{display:grid;grid-template-columns:1.2fr .8fr .8fr;grid-template-rows:300px 300px;gap:12px}
.nardo-gallery figure{position:relative;margin:0;overflow:hidden;background:#b8aa96}
.nardo-gallery .nardo-main{grid-row:1/-1}
.nardo-gallery .nardo-tall{grid-row:1/-1}
.nardo-gallery .nardo-wide{grid-column:3;grid-row:2}
.nardo-gallery img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .7s ease}
.nardo-gallery .nardo-tall img{object-position:center 45%}
.nardo-gallery figure:hover img{transform:scale(1.018)}
.nardo-gallery figcaption{position:absolute;left:0;right:0;bottom:0;padding:46px 18px 15px;color:#fff;background:linear-gradient(transparent,rgba(15,17,16,.72));display:flex;justify-content:space-between;gap:15px;align-items:end;font-size:.72rem;letter-spacing:.02em}
.nardo-gallery figcaption strong{font:500 1rem var(--serif)}
.nardo-gallery figcaption span{opacity:.82;text-align:right}

/* Make the coast section feel like the next chapter, not another collage */
.image-story:not(.dark){background:#f1eadf}
.coast-editorial{background:#e5d9c9;padding:12px;gap:12px;grid-template-rows:270px 270px 210px}
.coast-editorial .swimmer img{background:#dbe4e3}

.places{background:#fbf8f2}
.places-grid{align-items:start}
.places-list{margin-top:4px}
.gallery{padding-top:100px}
.gallery-grid{gap:10px}
.gallery-grid button:nth-child(6n+1),.gallery-grid button:nth-child(6n+2){height:480px}
.gallery-grid button:nth-child(6n+3),.gallery-grid button:nth-child(6n+4),.gallery-grid button:nth-child(6n+5){height:320px}
.gallery-grid button:nth-child(6n+6){height:520px}
.photo-credits{max-width:920px}

@media(max-width:820px){
 .intro,.video-tour,.nardo-editorial,.places,.stay,.gallery,.home-moments{padding-top:72px;padding-bottom:72px}
 .video-tour-heading,.home-moments-head,.nardo-intro-grid{grid-template-columns:1fr;gap:18px}
 .nardo-intro-grid{margin-bottom:28px}
 .nardo-intro-copy{border-left:0;border-top:1px solid rgba(44,47,43,.25);padding:22px 0 0}
 .home-moments-grid{grid-template-columns:1fr 1fr;grid-template-rows:320px 220px}
 .home-moments-grid .moment-wide{grid-column:1/-1;grid-row:auto}
 .nardo-gallery{grid-template-columns:1fr 1fr;grid-template-rows:360px 300px 220px}
 .nardo-gallery .nardo-main{grid-column:1/-1;grid-row:1}
 .nardo-gallery .nardo-tall{grid-row:2/4;grid-column:1}
 .nardo-gallery .nardo-wide{grid-column:2;grid-row:3}
 .nardo-gallery figcaption{padding:40px 12px 12px;display:block}
 .nardo-gallery figcaption span{display:block;text-align:left;margin-top:3px}
 .coast-editorial{grid-template-rows:260px 360px 200px 200px}
}


/* Branded form confirmation pages */
.thankyou-page{min-height:100vh;background:#f3efe7;color:#2e3430;display:flex;flex-direction:column}
.thankyou-main{flex:1;display:grid;place-items:center;padding:120px 20px 80px}
.thankyou-card{width:min(760px,100%);text-align:center;background:#fbf8f2;border:1px solid rgba(46,52,48,.14);padding:64px 48px;box-shadow:0 24px 60px rgba(38,36,32,.10)}
.thankyou-card .eyebrow{margin-bottom:18px}
.thankyou-card .section-title{margin:0 auto 18px;max-width:620px}
.thankyou-card .lead{max-width:590px;margin:0 auto 28px}
.thankyou-note{font-size:.86rem;opacity:.72;margin-top:22px}
@media(max-width:620px){.thankyou-main{padding:96px 16px 56px}.thankyou-card{padding:42px 24px}}

/* 2026-08 final Nardò image story */
.nardo-gallery-story{display:grid;grid-template-columns:1.15fr .85fr .85fr;grid-template-rows:250px 250px 250px;gap:12px}
.nardo-gallery-story figure{position:relative;margin:0;overflow:hidden;background:#b8aa96}
.nardo-gallery-story .nardo-hero{grid-column:1;grid-row:1/3}
.nardo-gallery-story .nardo-detail{grid-column:2;grid-row:1}
.nardo-gallery-story .nardo-square{grid-column:3;grid-row:1/3}
.nardo-gallery-story .nardo-art{grid-column:2;grid-row:2}
.nardo-gallery-story .nardo-fountain{grid-column:1;grid-row:3}
.nardo-gallery-story .nardo-piazza{grid-column:2;grid-row:3}
.nardo-gallery-story .nardo-night{grid-column:3;grid-row:3}
.nardo-gallery-story img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s ease}
.nardo-gallery-story figure:hover img{transform:scale(1.018)}
.nardo-gallery-story .nardo-piazza img{object-position:center 42%}
.nardo-gallery-story .nardo-night img{object-position:center 58%}
.nardo-gallery-story figcaption{position:absolute;left:0;right:0;bottom:0;padding:48px 16px 14px;color:#fff;background:linear-gradient(transparent,rgba(15,17,16,.76));display:flex;justify-content:space-between;gap:14px;align-items:end;font-size:.7rem}
.nardo-gallery-story figcaption strong{font:500 1rem var(--serif)}
.nardo-gallery-story figcaption span{opacity:.84;text-align:right;max-width:60%}
@media(max-width:820px){
 .nardo-gallery-story{grid-template-columns:1fr 1fr;grid-template-rows:340px 235px 235px 235px;gap:9px}
 .nardo-gallery-story .nardo-hero{grid-column:1/-1;grid-row:1}
 .nardo-gallery-story .nardo-detail{grid-column:1;grid-row:2}
 .nardo-gallery-story .nardo-square{grid-column:2;grid-row:2/4}
 .nardo-gallery-story .nardo-art{grid-column:1;grid-row:3}
 .nardo-gallery-story .nardo-fountain{grid-column:1;grid-row:4}
 .nardo-gallery-story .nardo-piazza{grid-column:2;grid-row:4}
 .nardo-gallery-story .nardo-night{grid-column:1/-1;grid-row:5;height:260px}
 .nardo-gallery-story figcaption{display:block;padding:42px 11px 11px}
 .nardo-gallery-story figcaption span{display:block;text-align:left;max-width:none;margin-top:2px}
}