/* Mantea identity study: a blue coastal residence within Cotelier. */
body.mantea-immersive{--paper:#3c576a;--ink:#fbf8f3;--muted:#e0e6e9;--line:#ffffff2b;background:#3c576a;color:#fbf8f3}
.mantea-immersive main{--ink:#fbf8f3;--muted:#e0e6e9;--line:#ffffff2b;background:#3c576a;color:#fbf8f3}
body.mantea-immersive header{display:flex;min-height:112px;height:112px;background:#3c576a;border-bottom:1px solid #ffffff25;padding:0 5%;gap:25px}
.mantea-immersive header .mantea-header-logo{display:block;width:112px;flex-shrink:0}
.mantea-header-logo img{display:block;width:100%;height:64px;object-fit:contain}
.mantea-immersive header nav{margin-left:auto;font-family:Mantea NB,Arial,sans-serif;font-size:11px;gap:28px}
.mantea-immersive header .header-cta{font-size:11px;border-color:#ddb99b}
.mantea-immersive .mantea-opening{height:100svh;min-height:790px;background:#3c576a}
.mantea-immersive .mantea-opening>img{inset:112px 0 0 auto;width:55%;height:calc(100% - 112px);object-position:55% center}
.mantea-immersive .mantea-opening:after{inset:112px 0 0 auto;width:55%;background:linear-gradient(0deg,#18344450,transparent 40%)}
.mantea-immersive .mantea-opening>.mantea-hero-content{top:145px;bottom:100px;left:5%;right:auto;width:35%;align-items:flex-start;text-align:left}
.mantea-immersive .mantea-opening h1{width:100%;max-width:360px;margin:45px 0 10px}
.mantea-immersive .mantea-opening .eyebrow{color:#ddb99b;font-size:9px;letter-spacing:.2em}
.mantea-immersive .mantea-opening p:not(.eyebrow){max-width:330px;font-size:clamp(27px,2.6vw,40px);line-height:1.25;font-style:normal;margin:32px 0 22px}
.mantea-immersive .mantea-hero-links{gap:22px;justify-content:flex-start}
.mantea-immersive .mantea-opening .cinema-link{font-size:10px}
.mantea-immersive .mantea-collection-note{left:5%;right:auto;bottom:35px;font-size:8px;letter-spacing:.16em}
.mantea-immersive .mantea-opening:before{right:auto;left:-240px;bottom:-180px;width:690px;opacity:.23;z-index:1}
.mantea-immersive .mantea-arrival{border-top:1px solid #ffffff25;border-bottom:1px solid #ffffff25;background:#304b5e;color:#f8f7f3;padding:20px 8%}
.mantea-immersive .photo-mosaic{gap:12px;margin-top:70px}
.mantea-immersive .property-specs{padding:50px 0}
.mantea-immersive .property-specs strong{font-size:36px;color:#ddb99b}
.mantea-immersive .property-specs span{color:#e0e6e9;font-size:9px}
.mantea-immersive .property-nav{border-color:#ffffff2b;padding:24px 0;gap:35px}
.mantea-immersive .property-nav a:hover{color:#ddb99b}
.mantea-immersive .listing-section>.eyebrow,.mantea-immersive .detail-number{color:#ddb99b}
.mantea-immersive .listing-section h2{line-height:1.1;letter-spacing:-.025em}
.mantea-immersive .overview-layout{gap:8%;grid-template-columns:minmax(0,1fr) 315px}
.mantea-immersive .villa-enquiry{--ink:#294657;--muted:#415663;background:#ddb99b;color:#294657;border:0;padding:45px 28px;margin-top:100px}
.mantea-immersive .villa-enquiry .eyebrow{color:#294657}
.mantea-immersive .villa-enquiry .button{background:#294657;border-color:#294657;color:#fff}
.mantea-immersive .villa-enquiry:before{opacity:.1}
.mantea-immersive .property-highlights{padding:20px 0 80px;gap:6%}
.mantea-immersive .property-highlights h3{color:#fff}
.mantea-immersive .suite{padding:32px 0}
.mantea-immersive .bed-type{color:#ddb99b}
.mantea-immersive #amenities{--muted:#4c626f;--line:#3c576a30;background:#e9e9e8;color:#294657;padding:65px 45px;margin:40px 0 80px;border:0}
.mantea-immersive #amenities>.eyebrow{color:#356a75}
.mantea-immersive .service-panel{background:#356a75;color:#fff;margin-top:0;padding-top:110px;padding-bottom:110px}
.mantea-immersive .service-panel:before{left:auto;right:-190px;bottom:-210px;width:850px;opacity:.4}
.mantea-immersive .service-list article{border-color:#ffffff40}
.mantea-immersive .service-panel p:not(.eyebrow){color:#f0f4f4}
.mantea-immersive .photo-grid{gap:40px 24px}
.mantea-immersive .photo-grid figcaption{color:#e0e6e9;letter-spacing:.04em}
.mantea-immersive .gallery-open{background:#ddb99b;color:#294657;border:0}
.mantea-immersive main a:focus-visible,.mantea-immersive main button:focus-visible{outline-color:#ddb99b}
.mantea-immersive #amenities a:focus-visible{outline-color:#294657}
.mantea-immersive footer{background:#294657;color:#f8f7f3;margin-top:0;border-top:1px solid #ffffff30}
.mantea-immersive footer p,.mantea-immersive .footer-bottom{color:#d7e1e6}
.mantea-immersive .footer-top,.mantea-immersive .footer-bottom{border-color:#ffffff25}
body.mantea-immersive #mobile-nav.collection-menu{background:#3c576a;color:#fff}
.mantea-immersive .collection-menu-top,.mantea-immersive .collection-menu-bottom,.mantea-immersive .collection-menu-link{border-color:#ffffff30}
.mantea-immersive .menu-kicker,.mantea-immersive .menu-number,.mantea-immersive .collection-menu-bottom span{color:#ddb99b}
body.mantea-immersive #mobile-nav .collection-menu-cta{background:#ddb99b;color:#294657}
@media(max-width:1000px){.mantea-immersive .overview-layout{grid-template-columns:1fr}.mantea-immersive .villa-enquiry{margin:0 0 60px}.mantea-immersive .mantea-opening>.mantea-hero-content{width:37%;left:4%}.mantea-immersive .mantea-opening h1{margin-top:30px}.mantea-immersive .mantea-hero-links{gap:12px}}
@media(max-width:700px){body.mantea-immersive header{min-height:96px;height:96px;padding:0 7%}.mantea-immersive header .mantea-header-logo{width:95px}.mantea-header-logo img{height:56px}.mantea-immersive .mantea-opening{height:auto;min-height:0;padding-top:96px;display:flex;flex-direction:column}.mantea-immersive .mantea-opening>.mantea-hero-content{position:relative;top:auto;bottom:auto;left:auto;right:auto;width:100%;padding:45px 8% 65px;min-height:480px;align-items:center;text-align:center;order:0}.mantea-immersive .mantea-opening h1{width:250px;max-width:80%;margin:27px 0 0}.mantea-immersive .mantea-opening p:not(.eyebrow){font-size:29px;margin:26px 0 16px;max-width:290px}.mantea-immersive .mantea-hero-links{justify-content:center;gap:25px}.mantea-immersive .mantea-opening>img{position:relative;inset:auto;width:100%;height:46svh;min-height:300px;order:1;object-position:center}.mantea-immersive .mantea-opening:after{display:none}.mantea-immersive .mantea-opening:before{width:500px;left:-300px;top:190px;bottom:auto}.mantea-immersive .mantea-collection-note{position:relative;left:auto;right:auto;bottom:auto;padding:17px 7%;order:2;background:#304b5e;width:100%;text-align:center}.mantea-immersive .mantea-arrival{padding:18px 7%}.mantea-immersive .photo-mosaic{margin-top:40px;gap:8px}.mantea-immersive .property-specs{padding:35px 0}.mantea-immersive .property-specs strong{font-size:30px}.mantea-immersive #amenities{padding:45px 22px;margin:15px 0 55px}.mantea-immersive .service-panel{padding:65px 8%}.mantea-immersive .service-panel:before{width:600px;right:-330px;opacity:.25}.mantea-immersive .photo-grid{gap:25px 12px}.mantea-immersive .listing-section{padding:65px 0}}

@media(max-width:1000px){.mantea-immersive header .menu-toggle{margin-left:auto}}

/* Full-width photographic opening with direct access to the villa gallery. */
.mantea-immersive .mantea-opening>img{inset:112px 0 0;width:100%;height:calc(100% - 112px);object-position:center}
.mantea-immersive .mantea-opening:after{inset:112px 0 0;width:100%;background:linear-gradient(180deg,#142e4240,#152d4040 40%,#152d4099)}
.mantea-immersive .mantea-opening>.mantea-hero-content{left:6%;right:6%;width:auto;align-items:center;text-align:center}
.mantea-immersive .mantea-opening p:not(.eyebrow){max-width:520px}
.mantea-immersive .mantea-hero-links{justify-content:center}
.mantea-immersive .mantea-collection-note{left:6%;right:6%;text-align:center}
.mantea-immersive .mantea-opening:before{display:none}
.mantea-immersive .mantea-gallery-trigger{color:#fff;background:#3c576acc;border:1px solid #ddb99b;padding:13px 20px!important;font-family:inherit;cursor:pointer;min-height:44px}
.mantea-immersive .mantea-gallery-trigger:hover{background:#3c576a}
@media(max-width:700px){
.mantea-immersive .mantea-opening{display:block;height:92svh;min-height:690px;padding:0}
.mantea-immersive .mantea-opening>img{position:absolute;inset:96px 0 0;height:calc(100% - 96px);min-height:0;width:100%}
.mantea-immersive .mantea-opening:after{display:block;inset:96px 0 0;height:calc(100% - 96px);width:100%}
.mantea-immersive .mantea-opening>.mantea-hero-content{position:absolute;top:125px;bottom:90px;left:7%;right:7%;width:auto;padding:20px 0;min-height:0}
.mantea-immersive .mantea-collection-note{position:absolute;left:7%;right:7%;bottom:25px;width:auto;padding:0;background:none}
.mantea-immersive .mantea-hero-links{gap:12px 22px}
}

/* A single gallery entry on the hero, followed by the residence details. */
.mantea-immersive .mantea-opening>.mantea-gallery-trigger{position:absolute;right:5%;bottom:35px;z-index:3;font-size:12px;letter-spacing:.04em;border-radius:0;padding:15px 22px!important;min-height:48px}
.mantea-immersive .mantea-opening>.mantea-gallery-trigger:focus-visible{outline:2px solid #fff;outline-offset:5px}
@media(max-width:700px){.mantea-immersive .mantea-opening>.mantea-gallery-trigger{right:7%;bottom:25px;font-size:11px}}

body.mantea-immersive header>.cotelier-home-logo{display:flex;flex-direction:column;align-items:center;gap:7px;flex-shrink:0;color:#fff;font-size:30px;line-height:1.15;text-decoration:none}
body.mantea-immersive header>.cotelier-home-logo span{font-size:9px;letter-spacing:.36em;line-height:1.5;margin:0}
@media(max-width:700px){body.mantea-immersive header>.cotelier-home-logo{font-size:27px}}