@import url('/assets/fonts.css');
:root{--ink:#173d39;--paper:#f5f4ed;--muted:#717c72;--line:#d8ddd2;--lime:#dcf5a6;--sand:#eae8dc;--serif:'Playfair Display',Georgia,serif;--ease:cubic-bezier(.2,.75,.25,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:15px;-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button,a{touch-action:manipulation}button{color:inherit}a{color:inherit;text-decoration:none}img{display:block;width:100%;object-fit:cover}button{border:0;background:none}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500;letter-spacing:-.055em}em{font-family:var(--serif);font-weight:500}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #589b80;outline-offset:4px}svg.icon{width:20px;height:20px;stroke:currentColor;stroke-width:1.65;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;display:inline-block;vertical-align:middle}span[data-icon],i[data-icon]{display:inline-flex}button[hidden],div[hidden],p[hidden]{display:none!important}.skip-link{position:fixed;top:-70px;left:20px;background:var(--lime);z-index:999;padding:15px}.skip-link:focus{top:15px}.section-shell{padding-left:6vw;padding-right:6vw}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.19em;line-height:1.6}.muted{color:var(--muted)}.small-note{font-size:12px;line-height:1.7;color:var(--muted)}
.site-header{position:fixed;inset:0 0 auto;z-index:500;display:flex;align-items:center;justify-content:space-between;padding:24px 4.2vw;color:#fff;transition:background .35s,color .35s,padding .35s}.site-header.scrolled{background:rgba(245,244,237,.96);backdrop-filter:blur(20px);color:var(--ink);padding:15px 4.2vw;box-shadow:0 1px 0 #173d3914}.brand{display:flex;gap:11px;align-items:center;font-size:26px;font-weight:700;letter-spacing:-1.1px;white-space:nowrap}.brand>svg{height:36px;width:36px;fill:none;stroke:currentColor;stroke-width:1.4}.brand-light{font-weight:400}.brand small{display:block;font-size:7px;letter-spacing:2.7px;font-weight:500;padding-top:2px}.site-header nav{display:flex;padding:13px 21px;background:#ffffff13;border:1px solid #ffffff30;backdrop-filter:blur(12px);border-radius:30px;gap:28px;font-size:12px}.site-header.scrolled nav{border-color:var(--line);background:transparent}.site-header nav a{opacity:.85;transition:opacity .2s}.site-header nav a:hover{opacity:1}.route-toggle{display:flex;gap:10px;align-items:center;color:inherit;font-size:12px}.route-toggle b{font-weight:500;background:#ffffff23;width:23px;height:23px;border-radius:50%;display:grid;place-items:center;font-size:10px}.scrolled .route-toggle b{background:var(--sand)}
.cinema{height:340vh;position:relative;background:#245e64}.cinema-stage{position:sticky;top:0;height:100svh;min-height:600px;overflow:hidden;isolation:isolate;perspective:1200px;color:white}.film-scene{position:absolute;inset:-4%;overflow:hidden;transform-origin:center;will-change:transform,opacity}.scene-photo{height:100%;width:100%;object-fit:cover}.scene-shade{position:absolute;inset:0;background:linear-gradient(180deg,#092f3338 0%,transparent 28%,#052a2b45 60%,#052a2bb3 100%)}.scene-one .scene-photo{transform:scale(1.06);filter:saturate(.95)}.scene-two{opacity:0;transform:translate3d(34%,15%,-900px) rotateY(-14deg) rotateZ(6deg);z-index:2}.scene-two .scene-photo{filter:saturate(1.03)}.scene-three{opacity:0;z-index:3;transform:translate3d(-20%,0,-600px) rotateY(12deg)}.film-grain{position:absolute;inset:0;z-index:4;opacity:.07;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.6' filter='url(%23n)'/%3E%3C/svg%3E")}.hero-copy{position:absolute;left:6vw;right:6vw;top:26%;z-index:5;transform-origin:20% 50%;will-change:transform,opacity}.hero-copy .eyebrow{display:flex;gap:10px;align-items:center;font-size:10px}.small-dot{width:5px;height:5px;border-radius:50%;background:var(--lime)}h1{font-size:clamp(70px,8.9vw,150px);line-height:1.015;margin:22px 0 26px;letter-spacing:-.065em;max-width:1100px}h1 em{letter-spacing:-.07em;color:#e9f7d9}.hero-bottom{display:flex;align-items:center;gap:60px}.hero-bottom p{font-size:15px;line-height:1.7;color:#ffffffcf}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;border-radius:4px;padding:17px 22px;font-size:12px;font-weight:600;transition:background .25s,transform .25s,box-shadow .25s;min-height:48px}.button:hover{transform:translateY(-2px)}.button.lime{background:var(--lime);color:var(--ink)}.button.lime:hover{background:#e9ffc0;box-shadow:0 8px 30px #0c34332b}.button.dark{background:var(--ink);color:white}.button.outline{border:1px solid var(--line);background:transparent}.button.outline:hover{background:var(--sand)}.scene-copy{position:absolute;z-index:6;left:8%;top:30%;opacity:0;pointer-events:none}.scene-copy h2{font-size:clamp(65px,8vw,130px);line-height:1.05;margin:20px 0 25px}.scene-copy p:not(.eyebrow){line-height:1.8;font-size:16px}.scene-copy .text-link{margin-top:24px}.film-footer{position:absolute;bottom:32px;left:6vw;right:6vw;display:flex;justify-content:space-between;align-items:center;z-index:10;font-size:9px;letter-spacing:.17em}.scroll-cue{display:flex;align-items:center;gap:14px}.scroll-line{height:32px;width:1px;background:#ffffff7a;position:relative}.scroll-line:after{content:'';position:absolute;top:0;left:-1px;width:3px;height:9px;background:var(--lime);animation:scrollHint 2s infinite}.film-index{display:flex;gap:16px;align-items:center}.film-progress{width:100px;height:1px;background:#ffffff60}.film-progress i{height:2px;width:0;display:block;background:var(--lime)}.motion-toggle{position:absolute;right:4vw;bottom:90px;z-index:10;color:white;width:36px;height:36px;border:1px solid #ffffff60;border-radius:50%;display:grid;place-items:center}.motion-toggle .icon{width:15px;height:15px}@keyframes scrollHint{0%{transform:translateY(0);opacity:0}30%{opacity:1}100%{transform:translateY(24px);opacity:0}}
.intro{padding-top:110px;padding-bottom:65px;display:grid;grid-template-columns:1fr 3fr;gap:40px}.intro-label{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}.sun-mark{font-size:76px;color:#8a9b7a;line-height:1}.intro h2{font-size:clamp(36px,4vw,66px);line-height:1.15}.intro h2 em{color:#81966a}.intro-bottom{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:end;margin-top:30px}.intro-bottom p{color:var(--muted);font-size:14px;line-height:1.9;max-width:440px}.text-link{display:inline-flex;align-items:center;gap:12px;font-size:12px;font-weight:600;line-height:1.8}.text-link:hover{text-decoration:underline;text-underline-offset:4px}.text-link.light{color:white}.mood-section{padding-top:15px;padding-bottom:105px}.mood-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.mood-card{position:relative;padding:0;text-align:left;border-radius:5px;overflow:hidden;height:440px;color:#fff;transform-style:preserve-3d;transition:transform .5s var(--ease);will-change:transform}.mood-card:nth-child(2){margin-top:45px}.mood-card:nth-child(3){margin-top:90px}.mood-card>img{height:100%;transition:transform 1.2s var(--ease)}.mood-card:hover>img{transform:scale(1.07)}.mood-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#122c2920,transparent 25%,#072c30cc)}.mood-label{position:absolute;inset:28px;display:flex;flex-direction:column}.mood-label small{font-size:9px;letter-spacing:.17em}.mood-label strong{margin-top:auto;font-size:37px;letter-spacing:-1.6px;line-height:1.1;font-weight:500}.mood-label>span{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin-top:25px;border-top:1px solid #ffffff50;padding-top:16px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:42px}.section-heading h2,.faq-section h2{font-size:clamp(38px,4.8vw,75px);line-height:1.09;margin-top:14px}.section-heading h2 em,.faq-section h2 em{font-weight:500}.heading-note{font-size:13px;line-height:1.8;color:var(--muted);padding-bottom:4px}.explore{padding-top:70px;padding-bottom:80px;background:#eaece3}.search-row{display:flex;gap:12px}.search-box{display:flex;align-items:center;gap:15px;border:1px solid #cbd3c6;background:var(--paper);padding:0 18px;flex:1;min-height:56px;border-radius:4px}.search-box input{border:0;background:transparent;outline:0;width:100%;color:var(--ink);font-size:13px;padding:17px 0}.search-box input::placeholder{color:#788372}.search-box kbd{font-size:11px;border:1px solid var(--line);padding:2px 6px;border-radius:3px}.zone-select{display:flex;gap:10px;border:1px solid #cbd3c6;border-radius:4px;align-items:center;padding:0 15px}.zone-select select{background:transparent;color:var(--ink);border:0;padding-right:20px;outline:0;font-size:12px;min-height:54px}.filter-row{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0 32px}.filter-chip{display:inline-flex;gap:7px;align-items:center;border:1px solid #cbd3c6;padding:10px 15px;border-radius:24px;font-size:11px;transition:all .2s;min-height:40px}.filter-chip .icon{width:15px;height:15px}.filter-chip:hover{border-color:var(--ink)}.filter-chip.active{background:var(--ink);color:white;border-color:var(--ink)}.services-panel{display:flex;flex-wrap:wrap;align-items:center;gap:18px;padding:20px;background:var(--paper);font-size:12px;margin-top:12px;border:1px solid var(--line);border-radius:4px}.services-panel label{display:flex;align-items:center;gap:7px}.services-panel small{flex-basis:100%;color:var(--muted)}input[type=checkbox]{accent-color:var(--ink);width:16px;height:16px}.results-line{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted);margin-bottom:18px}.results-line .text-link{color:var(--ink);font-size:11px}.beach-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px 20px}.beach-card{background:var(--paper);border-radius:5px;overflow:hidden;transition:box-shadow .3s,transform .3s;position:relative}.beach-card:hover{transform:translateY(-5px);box-shadow:0 12px 32px #173d3911}.card-image-link{height:245px;position:relative;display:block;overflow:hidden;padding:0;width:100%;text-align:left}.card-image-link img{height:100%;transition:transform .8s var(--ease)}.beach-card:hover img{transform:scale(1.05)}.card-shade{position:absolute;inset:0;background:linear-gradient(transparent 50%,#163b3966)}.card-zone{position:absolute;bottom:17px;left:18px;z-index:2;color:white;font-size:9px;letter-spacing:.12em;text-transform:uppercase}.save-button{position:absolute;top:14px;right:14px;z-index:3;width:36px;height:36px;background:#f5f4ede8;border:1px solid #fff5;border-radius:50%;display:grid;place-items:center;backdrop-filter:blur(8px);transition:transform .2s}.save-button:hover{transform:scale(1.1)}.save-button.saved{background:var(--lime)}.save-button.saved .icon{fill:var(--ink);stroke:var(--ink)}.save-button .icon{width:17px;height:17px}.card-body{padding:22px}.card-title{display:flex;gap:10px;justify-content:space-between;align-items:center}.card-title h3{font-size:25px;letter-spacing:-1px}.card-title button{padding:0;text-align:left}.card-body>p{font-size:12px;line-height:1.8;color:var(--muted);margin-top:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:43px}.card-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:17px}.tag{font-size:9px;letter-spacing:.01em;padding:5px 8px;border:1px solid var(--line);border-radius:3px;display:inline-flex;align-items:center;gap:5px}.tag .icon{width:12px;height:12px}.card-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:15px;margin-top:19px;font-size:10px}.card-bottom>a{font-weight:600;display:flex;gap:6px;align-items:center}.card-bottom>a .icon{width:14px;height:14px}.card-bottom .service-icons{display:flex;gap:9px;color:#73826d}.service-icons .icon{width:15px;height:15px}.card-art{height:100%;position:relative;background:#b9d3c9;overflow:hidden;display:flex;align-items:center;justify-content:center}.card-art svg.coast-art{position:absolute;inset:0;width:100%;height:100%;fill:none}.card-art-label{color:#234f48;font-size:11px;letter-spacing:2px;border:1px solid #28524840;padding:12px 16px;border-radius:40px;background:#dfe8db90;z-index:1}.card-art .card-zone{color:var(--ink)}.closure-tag{position:absolute;left:13px;top:14px;z-index:2;background:#ffe8c8;color:#6e3b17;padding:7px 9px;font-size:10px;border-radius:3px}.load-more-wrap{display:flex;justify-content:center;margin-top:38px}.catalogue-note{font-size:10px;color:var(--muted);line-height:1.7;text-align:center;margin-top:24px}.empty-state{text-align:center;padding:60px 20px}.empty-state>span .icon{width:42px;height:42px}.empty-state h3{font-size:29px;margin-top:20px}.empty-state p{color:var(--muted);margin:15px 0 25px}
.map-section{padding-top:100px;padding-bottom:105px}.map-layout{display:grid;grid-template-columns:300px 1fr;border:1px solid var(--line);border-radius:6px;overflow:hidden;height:610px}.map-sidebar{display:flex;flex-direction:column;background:var(--paper);overflow:hidden}.map-sidebar-top{padding:25px;border-bottom:1px solid var(--line)}.map-sidebar-top p{font-size:12px;color:var(--muted);margin-top:12px}.map-sidebar-top b{color:var(--ink)}.map-list{overflow:auto;flex:1;scrollbar-width:thin}.map-item{display:flex;align-items:center;width:100%;text-align:left;padding:17px 22px;border-bottom:1px solid #d8ddd280;gap:13px}.map-item:hover,.map-item.selected{background:#e7ebdc}.map-item-index{font-size:10px;color:#879880;width:20px}.map-item strong{display:block;font-weight:500;font-size:13px}.map-item small{display:block;margin-top:5px;font-size:10px;color:var(--muted)}.map-item>svg{margin-left:auto;width:16px}.map-hint{font-size:10px;line-height:1.6;padding:16px 20px;display:flex;gap:9px;border-top:1px solid var(--line);color:var(--muted)}.map-hint .icon{width:15px;height:15px;margin-top:3px}.map-wrapper{position:relative;background:#b9d7d8;isolation:isolate}#beach-map{width:100%;height:100%;background:#c6dbdb;z-index:1}.map-reset{position:absolute;top:17px;right:17px;z-index:400;background:var(--paper);box-shadow:0 3px 12px #12343420;border:1px solid #fff;border-radius:4px;padding:10px 13px;display:flex;align-items:center;gap:8px;font-size:11px}#map-error{position:absolute;bottom:20px;left:20px;right:20px;background:var(--paper);padding:15px;font-size:12px;z-index:400}.beach-marker{background:transparent;border:0}.marker-inner{width:23px;height:23px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);border:2px solid #fff;display:grid;place-items:center;background:var(--ink);box-shadow:0 2px 7px #17403b40}.marker-inner:after{content:'';width:5px;height:5px;border-radius:50%;background:var(--lime)}.beach-marker.saved .marker-inner{background:#769c40}.beach-marker.closed .marker-inner{background:#a56d3b}.leaflet-popup-content-wrapper{border-radius:5px;background:var(--paper);color:var(--ink);box-shadow:0 8px 30px #11333330}.leaflet-popup-content{margin:16px;min-width:180px;font-family:'DM Sans',sans-serif}.leaflet-popup-content h3{font-size:21px;margin:5px 0}.leaflet-popup-content p{font-size:11px;line-height:1.6;margin:8px 0 14px}.leaflet-popup-content .button{padding:9px 12px;min-height:34px;font-size:10px;width:100%}.leaflet-container a{color:var(--ink)}.leaflet-container{font-family:'DM Sans',sans-serif}.leaflet-control-attribution{font-size:9px!important}.leaflet-bar{border:1px solid #fff!important;box-shadow:0 3px 12px #12343420!important}.leaflet-bar a{background:var(--paper)!important;color:var(--ink)!important}
.field-notes{padding-top:75px;padding-bottom:100px;border-top:1px solid var(--line)}.notes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:55px}.notes-grid article{border-top:1px solid #bcc8b8;padding-top:22px;display:flex;align-items:flex-start;flex-direction:column}.note-number{font-size:10px;color:#96a28d}.notes-grid h3{font-size:26px;margin:24px 0 15px;letter-spacing:-1px}.notes-grid p{font-size:13px;line-height:1.9;color:var(--muted);margin-bottom:24px}.notes-grid .text-link{margin-top:auto;font-size:11px}.night-section{position:relative;min-height:680px;height:92vh;max-height:1000px;overflow:hidden;background:#384438;color:#fff}.night-photo{position:absolute;inset:-10% 0;width:100%;height:120%;will-change:transform}.night-shade{position:absolute;inset:0;background:linear-gradient(180deg,#112e2955,#112e2915 20%,#072a2a99 75%,#072a2ae6)}.night-content{position:relative;height:100%;display:flex;flex-direction:column;justify-content:center;min-height:680px}.night-content h2{font-size:clamp(54px,7vw,105px);line-height:1.08;margin:25px 0 30px}.night-content h2 em{color:#f4e8bb}.night-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px}.night-bottom p{font-size:14px;line-height:1.8;color:#fff9}.partner-label{position:absolute;bottom:35px;left:6vw;right:6vw;display:flex;gap:25px;align-items:center;padding-top:23px;border-top:1px solid #ffffff40}.partner-label>span{font-size:8px;letter-spacing:2px;background:#ffffff1c;border:1px solid #ffffff30;border-radius:3px;padding:6px 9px}.partner-label b{font-size:18px;letter-spacing:-.5px;font-weight:500}.partner-label small{margin-left:auto;font-size:10px;color:#fff9}.faq-section{padding-top:100px;padding-bottom:110px;display:grid;grid-template-columns:1fr 1.4fr;gap:80px}.faq-list details{border-top:1px solid var(--line);padding:22px 0}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:30px;font-size:14px;cursor:pointer;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-size:23px;font-weight:400;transition:transform .3s}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details p{font-size:13px;line-height:1.8;color:var(--muted);padding-top:20px;padding-right:30px}.site-footer{background:var(--ink);color:#e9eddf;padding-top:60px;padding-bottom:25px}.footer-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:55px}.footer-top .brand{font-size:43px;gap:0}.footer-sun{color:var(--lime);font-size:40px;margin-left:20px;font-weight:400}.footer-top p{font-size:13px;line-height:1.7;color:#ffffff90}.back-top{display:flex;align-items:center;gap:14px;font-size:12px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #ffffff25;padding-top:23px;font-size:9px;color:#ffffff90}.footer-bottom>div{display:flex;gap:22px}.footer-bottom button{padding:0;font-size:9px;color:#ffffffa0}.footer-bottom>span:last-child{font-size:7px;letter-spacing:1.3px}.seo-directory{margin-top:25px;padding-top:20px;border-top:1px solid #ffffff15;display:flex;flex-wrap:wrap;gap:8px 16px}.seo-directory a{font-size:9px;color:#ffffff65}.seo-directory a:hover{color:white}
dialog{border:0;border-radius:8px;background:var(--paper);color:var(--ink);padding:0;box-shadow:0 25px 100px #051e2970;max-height:90svh;overscroll-behavior:contain}dialog::backdrop{background:#082c2bd1;backdrop-filter:blur(8px)}dialog[open]{animation:dialogIn .35s var(--ease)}@keyframes dialogIn{from{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:none}}.dialog-close{position:absolute;right:18px;top:18px;width:38px;height:38px;border:1px solid #d8ddd260;background:#f5f4edf0;border-radius:50%;display:grid;place-items:center;z-index:2}.dialog-close.in-flow{position:static;flex-shrink:0}.dialog-close:hover{background:var(--lime)}.beach-dialog{width:810px}.detail-photo{height:300px;position:relative}.detail-photo>img{height:100%}.detail-content{padding:34px 40px}.detail-topline{display:flex;justify-content:space-between;gap:20px;align-items:center}.detail-topline .eyebrow{color:var(--muted)}.detail-content h2{font-size:43px;margin-top:10px;line-height:1.1}.detail-content .detail-summary{font-size:15px;line-height:1.85;margin-top:23px}.detail-content h3{font-size:21px;letter-spacing:-.5px;margin:24px 0 12px}.detail-content .services-list{display:flex;flex-wrap:wrap;gap:8px}.detail-content .services-list .tag{padding:9px 12px;font-size:11px}.detail-content p{font-size:13px;line-height:1.8;color:var(--muted)}.detail-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 20px}.detail-actions .button{font-size:11px;padding:13px 16px;gap:12px}.detail-source{display:flex;gap:15px;align-items:center;flex-wrap:wrap;font-size:10px;padding-top:17px;border-top:1px solid var(--line);color:var(--muted)}.detail-source a{text-decoration:underline}.notice{background:#fff0d9;border:1px solid #e7ceab;color:#805220!important;padding:15px;border-radius:4px;margin:18px 0;font-size:12px!important;line-height:1.75!important}.route-dialog{width:620px;padding:35px}.dialog-header{display:flex;justify-content:space-between;align-items:center}.dialog-header h2{font-size:42px;margin:7px 0 15px}.route-dialog>.muted{font-size:13px;line-height:1.7}.saved-item{display:flex;gap:14px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.saved-number{font-size:12px;color:var(--muted);width:20px}.saved-item strong{font-size:15px;font-weight:500}.saved-item small{font-size:10px;display:block;color:var(--muted);margin-top:5px}.saved-item .saved-controls{margin-left:auto;display:flex;gap:2px}.saved-controls button{width:32px;height:35px;border-radius:4px;display:grid;place-items:center}.saved-controls button:hover{background:var(--sand)}.saved-controls button:disabled{opacity:.25;cursor:default}.saved-controls .icon{width:15px}.route-actions{display:flex;gap:10px;margin:28px 0 15px}.route-actions .button{font-size:11px;padding:14px;flex:1;gap:10px}.saved-empty{padding:42px 0;text-align:center}.saved-empty h3{font-size:26px;margin-bottom:15px}.saved-empty p{font-size:13px;line-height:1.8;color:var(--muted)}.saved-empty .button{margin-top:20px}.info-dialog{width:680px;padding:35px}.info-dialog>.dialog-close{margin-left:auto;margin-bottom:8px}.info-dialog h2{font-size:40px;margin:12px 0 20px;line-height:1.1}.info-dialog p{line-height:1.8;font-size:13px;margin:14px 0;color:var(--muted)}.info-dialog a{text-decoration:underline}.info-dialog ul{padding-left:20px;font-size:12px;line-height:1.9}.credits-list{display:grid;gap:15px;margin-top:25px;font-size:11px}.credits-list article{padding-top:13px;border-top:1px solid var(--line);line-height:1.8}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,25px);background:var(--ink);color:white;border:1px solid #ffffff40;border-radius:30px;padding:14px 23px;font-size:12px;box-shadow:0 8px 30px #0003;z-index:2000;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;white-space:nowrap}.toast.visible{opacity:1;transform:translate(-50%,0)}.noscript-note{padding:30px;background:var(--lime)}
.guide-page .site-header{background:var(--paper);color:var(--ink)}.guide-main{padding-top:110px;max-width:1100px;margin:auto}.breadcrumbs{font-size:11px;display:flex;gap:10px;margin:15px 0 30px;color:var(--muted)}.guide-heading{padding:20px 0 40px}.guide-heading h1{color:var(--ink);font-size:76px;line-height:1.1;margin:15px 0}.guide-heading p{max-width:650px;line-height:1.8;color:var(--muted)}.guide-hero{height:450px;border-radius:5px;overflow:hidden}.guide-hero>img{height:100%}.guide-columns{display:grid;grid-template-columns:1.6fr 1fr;gap:65px;margin:50px 0 80px}.guide-columns h2{font-size:30px;margin:30px 0 15px}.guide-columns p{font-size:14px;line-height:1.9;color:var(--muted)}.guide-columns .tag{font-size:11px;margin:0 6px 8px 0}.guide-side{background:var(--sand);padding:30px;border-radius:5px;height:fit-content}.guide-side h2{margin-top:0}.guide-side .button{width:100%;margin-top:20px;font-size:11px}.guide-side p{font-size:12px}.guide-source{font-size:11px!important;margin:25px 0}.guide-source a{text-decoration:underline}.guide-related{padding-bottom:80px}.guide-related h2{font-size:35px;margin-bottom:24px}.guide-related>div{display:flex;gap:10px;flex-wrap:wrap}.guide-related a{border:1px solid var(--line);padding:12px 16px;font-size:12px;border-radius:3px}
@media(min-width:1600px){.section-shell{padding-left:max(6vw,calc((100vw - 1450px)/2));padding-right:max(6vw,calc((100vw - 1450px)/2))}.mood-card{height:500px}.card-image-link{height:290px}}
@media(max-width:1000px){.site-header nav{gap:17px;padding:12px 16px}.intro{grid-template-columns:1fr 4fr;gap:25px}.intro-bottom{gap:20px}.mood-card{height:370px}.mood-label{inset:21px}.mood-label strong{font-size:30px}.beach-grid{grid-template-columns:repeat(2,1fr)}.map-layout{grid-template-columns:250px 1fr}.notes-grid{gap:25px}.faq-section{gap:40px}.footer-bottom>span:last-child{display:none}.guide-main{padding-left:6vw;padding-right:6vw}.guide-columns{gap:35px}}
@media(max-width:700px){html{scroll-padding-top:85px}.section-shell{padding-left:6vw;padding-right:6vw}.site-header{padding:20px 5vw}.site-header.scrolled{padding:15px 5vw}.brand{font-size:22px;gap:7px}.brand>svg{width:29px;height:29px}.brand small{font-size:6px;letter-spacing:2px}.site-header nav{display:none}.route-toggle{gap:7px}.route-toggle>span:nth-child(2){display:none}.route-toggle .icon{width:20px}.route-toggle b{width:21px;height:21px}.cinema{height:260vh}.cinema-stage{min-height:560px}.hero-copy{left:7vw;right:6vw;top:29%}.hero-copy .eyebrow{font-size:7px;letter-spacing:.15em}h1{font-size:clamp(47px,12.4vw,87px);margin:22px 0;line-height:1.08;letter-spacing:-.065em}.hero-bottom{display:block}.hero-bottom p{font-size:12px;line-height:1.9}.hero-bottom .button{margin-top:25px;font-size:11px;padding:15px 18px}.film-footer{bottom:25px;left:7vw;right:7vw;font-size:7px;gap:12px}.film-location{display:none}.film-progress{width:50px}.film-index{gap:10px}.scroll-cue{gap:9px}.motion-toggle{right:7vw;bottom:80px}.scene-copy{left:7vw;right:6vw;top:32%}.scene-copy h2{font-size:13vw;line-height:1.07}.scene-copy p:not(.eyebrow){font-size:13px}.scene-copy .eyebrow{font-size:8px}.intro{padding-top:65px;padding-bottom:35px;display:block}.intro-label{flex-direction:row;align-items:center;margin-bottom:27px}.sun-mark{font-size:35px}.intro h2{font-size:36px;letter-spacing:-1.6px}.intro-bottom{display:block;margin-top:24px}.intro-bottom p{font-size:13px}.intro-bottom .text-link{margin-top:20px}.mood-section{padding-bottom:65px}.mood-grid{gap:12px;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 0 15px}.mood-card{min-width:82%;height:390px;scroll-snap-align:start}.mood-card:nth-child(2),.mood-card:nth-child(3){margin-top:0}.mood-label strong{font-size:35px}.mood-label>span{font-size:11px}.section-heading{display:block;margin-bottom:27px}.section-heading h2,.faq-section h2{font-size:42px}.heading-note{font-size:12px;line-height:1.8;margin-top:20px}.explore{padding-top:55px;padding-bottom:55px}.search-row{flex-wrap:wrap;gap:9px}.search-box{flex-basis:100%;min-height:50px;padding:0 14px}.search-box input{font-size:12px}.search-box kbd{display:none}.zone-select{flex:1}.zone-select select{min-height:45px;width:100%}.search-row>.button{padding:12px 17px;font-size:11px;min-height:45px;gap:8px}.filter-row{flex-wrap:nowrap;overflow-x:auto;margin:18px -6vw 25px;padding:0 6vw 6px}.filter-chip{white-space:nowrap;font-size:10px;padding:9px 13px;min-height:36px}.services-panel{gap:13px;padding:16px;font-size:11px}.results-line{font-size:10px}.results-line .text-link{font-size:10px;gap:7px}.beach-grid{grid-template-columns:1fr;gap:22px}.card-image-link{height:235px}.card-body{padding:20px}.card-title h3{font-size:25px}.card-body>p{font-size:12px}.catalogue-note{font-size:9px}.map-section{padding-top:65px;padding-bottom:65px}.map-layout{display:flex;flex-direction:column-reverse;height:740px}.map-wrapper{height:420px;flex-shrink:0}.map-sidebar{height:320px}.map-sidebar-top{padding:15px 20px;display:flex;align-items:center;justify-content:space-between}.map-sidebar-top .eyebrow{font-size:8px}.map-sidebar-top p{margin:0;font-size:10px}.map-list{display:flex;flex-wrap:wrap}.map-item{width:50%;padding:14px 13px;gap:7px;border-right:1px solid var(--line)}.map-item-index{font-size:8px;width:15px}.map-item strong{font-size:11px}.map-item small{font-size:9px}.map-item>svg{display:none}.map-hint{padding:10px 15px;font-size:9px}.map-reset{top:12px;right:12px;padding:9px;font-size:10px}.field-notes{padding-top:55px;padding-bottom:60px}.notes-grid{grid-template-columns:1fr;gap:35px;margin-top:30px}.notes-grid article{position:relative;padding-top:18px}.notes-grid h3{font-size:25px;margin:15px 0}.notes-grid p{font-size:12px;margin-bottom:18px}.notes-grid .note-number{position:absolute;right:0;top:21px}.night-section{min-height:620px;height:90svh}.night-content{min-height:620px;padding-bottom:70px}.night-content>.eyebrow{font-size:8px}.night-content h2{font-size:53px;line-height:1.12}.night-bottom{display:block}.night-bottom p{font-size:12px}.night-bottom .button{margin-top:24px}.partner-label{bottom:28px;gap:12px;flex-wrap:wrap}.partner-label b{font-size:15px}.partner-label small{width:100%;margin-left:0;font-size:9px}.partner-label>span{font-size:7px}.faq-section{padding-top:60px;padding-bottom:65px;display:block}.faq-list{margin-top:35px}.faq-list summary{font-size:12px}.faq-list details p{font-size:12px;padding-right:12px}.site-footer{padding-top:42px}.footer-top{flex-wrap:wrap;gap:30px;padding-bottom:35px}.footer-top .brand{font-size:35px;width:100%}.footer-sun{font-size:35px}.footer-top p{font-size:11px}.back-top{font-size:10px;margin-left:auto}.footer-bottom{flex-direction:column;align-items:flex-start;gap:17px}.footer-bottom>div{gap:20px;flex-wrap:wrap}.seo-directory a{font-size:8px}.beach-dialog{width:94vw;max-height:92svh}.detail-photo{height:230px}.detail-content{padding:25px}.detail-content h2{font-size:34px}.detail-content .detail-summary{font-size:13px}.detail-topline .eyebrow{font-size:8px}.detail-actions{flex-direction:column}.detail-actions .button{width:100%}.route-dialog,.info-dialog{width:94vw;padding:25px}.route-dialog h2,.info-dialog h2{font-size:35px}.route-actions{flex-direction:column}.toast{font-size:11px;max-width:92vw;white-space:normal;text-align:center}.guide-main{padding-top:90px}.guide-heading h1{font-size:49px}.guide-heading p{font-size:13px}.guide-hero{height:260px}.guide-columns{display:block;margin-top:25px}.guide-side{margin-top:35px}.guide-related h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.cinema{height:100svh;min-height:600px}.cinema-stage{position:relative}.scene-two,.scene-three,.scene-copy{display:none!important}.film-index{display:none}.night-photo{transform:none!important}.mood-card:hover>img,.beach-card:hover img{transform:none}}
body.reduce-motion .cinema{height:100svh;min-height:600px}body.reduce-motion .cinema-stage{position:relative}body.reduce-motion .scene-two,body.reduce-motion .scene-three,body.reduce-motion .scene-copy{display:none!important}body.reduce-motion .hero-copy{opacity:1!important;transform:none!important}body.reduce-motion .scene-one{transform:none!important;opacity:1!important}body.reduce-motion .night-photo{transform:none!important}

.filter-row,.mood-grid{scrollbar-width:none}.filter-row::-webkit-scrollbar,.mood-grid::-webkit-scrollbar{display:none}