@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Playfair+Display:ital,wght@0,600;1,500&display=swap');
:root{--ink:#143f3e;--sea:#167d79;--coral:#f06f51;--sand:#f7f1e7;--cream:#fffdf8;--line:rgba(20,63,62,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.65 'DM Sans',sans-serif}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}h1,h2{font-family:'Playfair Display',serif;font-weight:600;line-height:.98;letter-spacing:-.035em;margin:.2em 0}h1{font-size:clamp(3rem,7vw,6.8rem)}h2{font-size:clamp(2.7rem,5vw,5rem)}h1 em,h2 em{color:var(--coral);font-weight:500}p{margin:.6rem 0 1.2rem}.section{padding:7rem max(5vw,1.25rem)}
.hero{min-height:92vh;position:relative;color:white;display:flex;align-items:flex-end;overflow:hidden;background:var(--ink)}.hero-slides,.hero-slide{position:absolute;inset:0}.hero-slide{opacity:0;background-position:center;background-size:cover;animation:heroShow 24s infinite}.hero-slide.tiki-front{background-image:url('assets/photos/tiki-dip-sip-pool-hero.jpg');animation-delay:0s}.hero-slide.tiki-kitchen{background-image:url('assets/photos/18-TraceyRental_018.jpg');animation-delay:8s}.hero-slide.pool-canal{background-image:url('assets/photos/05-TraceyRental_005.jpg');animation-delay:16s}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,40,39,.78) 0%,rgba(5,40,39,.3) 54%,rgba(5,40,39,.08)),linear-gradient(0deg,rgba(5,40,39,.58),transparent 52%)}@keyframes heroShow{0%{opacity:0;transform:scale(1.08) translateX(1.5%)}6%,28%{opacity:1}34%,100%{opacity:0;transform:scale(1.02) translateX(-1.5%)}}nav{position:absolute;z-index:2;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:1.2rem max(4vw,1.25rem);border-bottom:1px solid rgba(255,255,255,.3);background:linear-gradient(rgba(5,35,34,.5),transparent)}.wordmark b,.wordmark small{display:block;line-height:1.2}.wordmark b{font:600 1.15rem 'Playfair Display',serif}.wordmark small{font-size:.65rem;text-transform:uppercase;letter-spacing:.16em;opacity:.78}.brand{display:flex;align-items:center;gap:.7rem}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid currentColor;border-radius:50%;font:600 1.35rem 'Playfair Display',serif}.brand b,.brand small{display:block;line-height:1.2}.brand small{font-size:.68rem;text-transform:uppercase;letter-spacing:.16em;opacity:.75}.links{display:flex;gap:2rem}.links a{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em}.outline{border:1px solid currentColor;padding:.65rem 1rem;border-radius:100px;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.hero-copy{position:relative;z-index:1;width:min(850px,92%);padding:8rem max(5vw,1.25rem)}.hero-copy>p:not(.eyebrow){max-width:620px;font-size:1.12rem}.eyebrow,.label{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;font-weight:600}.actions{display:flex;align-items:center;gap:1.6rem;margin-top:2rem}.button{display:inline-block;background:var(--coral);color:white;border-radius:100px;padding:.9rem 1.35rem;font-weight:600}.under{border-bottom:1px solid currentColor}
.label{color:var(--sea);margin-bottom:1.5rem}.two-col{display:grid;grid-template-columns:1.1fr .9fr;gap:8vw;align-items:start}.kicker{color:var(--coral);font-family:'Playfair Display',serif;font-size:1.25rem;font-style:italic}.prose{font-size:1.05rem;color:#426462}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:5rem;border:1px solid var(--line)}.features article{background:var(--cream);padding:2rem}.features span{font-size:2rem;color:var(--coral)}.features h3{margin:.7rem 0 .25rem}.features p{color:#52706e;margin:0}
.panorama{overflow:hidden;background:var(--ink);padding:.9rem 0}.panorama-track{display:flex;width:max-content;gap:.9rem;animation:panoramaMove 52s linear infinite}.panorama img{width:clamp(280px,38vw,620px);height:clamp(190px,28vw,390px);object-fit:cover;border-radius:4px}.panorama:hover .panorama-track{animation-play-state:paused}@keyframes panoramaMove{to{transform:translateX(calc(-50% - .45rem))}}.gallery{background:var(--sand)}.gallery-head{display:grid;grid-template-columns:1.4fr .6fr;gap:6vw;align-items:end;margin-bottom:3.5rem}.gallery-head>p{color:#52706e}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:250px;gap:1rem}.photo{position:relative;border:0;padding:0;overflow:hidden;background:#d9e5df;cursor:zoom-in}.photo img{width:108%;height:100%;object-fit:cover;animation:photoPan 14s ease-in-out infinite alternate;transition:filter .35s ease}.photo:nth-child(even) img{animation-direction:alternate-reverse}.photo:hover img,.photo:focus-visible img{animation-play-state:paused;filter:saturate(1.08)}@keyframes photoPan{from{transform:translateX(0) scale(1.025)}to{transform:translateX(-7%) scale(1.025)}}.photo:focus-visible{outline:4px solid var(--coral);outline-offset:3px}.photo span{position:absolute;left:0;right:0;bottom:0;padding:2.6rem 1rem .9rem;color:white;text-align:left;font-weight:600;background:linear-gradient(transparent,rgba(3,35,34,.78))}.photo.feature{grid-column:span 2;grid-row:span 2}.photo.tall{grid-row:span 2}.photo.wide{grid-column:span 2}
.location{display:grid;grid-template-columns:1.1fr .9fr;gap:7vw;align-items:center}.location-photo{position:relative;min-height:540px}.location-photo img{position:absolute;width:100%;height:100%;object-fit:cover;border-radius:55% 55% 2rem 2rem}.location ul{list-style:none;padding:0;border-top:1px solid var(--line)}.location li{padding:.8rem 0;border-bottom:1px solid var(--line)}.booking{text-align:center;color:white;background:var(--ink);padding:8rem 1.5rem}.booking p{max-width:570px;margin:1rem auto 2rem}.booking h2 em{color:#ffb09d}footer{display:flex;align-items:center;justify-content:space-between;padding:2rem max(4vw,1.25rem);background:#0d302f;color:white}footer p{margin:0}
.lightbox{position:fixed;inset:0;width:100vw;height:100vh;max-width:none;max-height:none;margin:0;border:0;padding:3rem;background:rgba(5,30,29,.94);color:white}.lightbox[open]{display:grid;grid-template-columns:60px 1fr 60px;align-items:center}.lightbox::backdrop{background:rgba(5,30,29,.9)}.lightbox figure{margin:auto;max-width:min(1200px,86vw);max-height:86vh}.lightbox figure img{max-height:78vh;margin:auto;object-fit:contain}.lightbox figcaption{text-align:center;margin-top:.8rem}.lightbox button{border:0;background:transparent;color:white;font-size:3.5rem;cursor:pointer}.lightbox .close{position:absolute;right:1.5rem;top:.5rem}.previous,.next{height:100%}
@media(max-width:800px){.links{display:none}.outline{font-size:.68rem}.hero{min-height:82vh}.hero-copy{padding-bottom:4rem}.section{padding-top:5rem;padding-bottom:5rem}.two-col,.gallery-head,.location{grid-template-columns:1fr;gap:2rem}.features{grid-template-columns:1fr}.photo-grid{grid-template-columns:1fr 1fr;grid-auto-rows:210px}.photo.feature{grid-column:span 2}.photo.tall{grid-row:span 1}.photo.wide{grid-column:span 2}.location-photo{min-height:390px;order:2}footer{flex-direction:column;gap:1rem;text-align:center}.lightbox{padding:1rem}.lightbox[open]{grid-template-columns:40px 1fr 40px}.lightbox button{font-size:2.5rem}}
@media(max-width:520px){.hero-copy{padding-top:9rem}.actions{align-items:flex-start;flex-direction:column}.photo-grid{grid-template-columns:1fr;grid-auto-rows:240px}.photo,.photo.feature,.photo.wide{grid-column:1;grid-row:auto}.photo.feature{min-height:330px}.outline{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-slide,.panorama-track,.photo img{animation:none}.hero-slide.tiki-front{opacity:1;transform:none}.photo img{width:100%;transform:none;transition:none}}

/* Things to do */
.guide-hero{position:relative;min-height:68vh;color:white;display:flex;align-items:flex-end;overflow:hidden;background:var(--ink) url('assets/canal-view.jpeg') center/cover no-repeat}.guide-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,40,39,.82),rgba(5,40,39,.24)),linear-gradient(0deg,rgba(5,40,39,.62),transparent 55%)}.guide-hero .hero-copy{max-width:900px}.guide-intro{text-align:center;max-width:780px;margin:auto}.guide-intro p{font-size:1.08rem;color:#426462}.activity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:3.5rem}.activity-card{display:flex;flex-direction:column;background:white;border:1px solid var(--line);padding:1.7rem;min-height:310px}.activity-card .activity-icon{font-size:2rem;color:var(--coral);line-height:1}.activity-card h3{font:600 1.65rem/1.1 'Playfair Display',serif;margin:1rem 0 .65rem}.activity-card p{color:#52706e}.activity-card .best-for{margin-top:auto;padding-top:1rem;border-top:1px solid var(--line);font-size:.82rem;color:var(--ink)}.activity-card a{color:var(--sea);font-weight:600;border-bottom:1px solid currentColor;width:max-content}.daytrips{background:var(--sand)}.trip-list{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:3rem}.trip-list article{background:var(--sand);padding:2rem}.trip-list h3{font:600 1.55rem/1.2 'Playfair Display',serif;margin:.2rem 0 .6rem}.plan-note{display:grid;grid-template-columns:.75fr 1.25fr;gap:5vw;align-items:start}.plan-note aside{background:var(--ink);color:white;padding:2rem;border-radius:1rem}.plan-note aside h3{font:600 1.6rem 'Playfair Display',serif;margin-top:0}.plan-note ul{margin:0;padding-left:1.2rem}.plan-note li{margin:.65rem 0}.guide-cta{text-align:center}.guide-cta .actions{justify-content:center}.guide-cta p{max-width:650px;margin:1rem auto 0}.guide-page footer a{border-bottom:1px solid rgba(255,255,255,.5)}
@media(max-width:900px){.activity-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.guide-hero{min-height:58vh}.activity-grid,.trip-list,.plan-note{grid-template-columns:1fr}.activity-card{min-height:0}.guide-cta .actions{align-items:center}}