
:root{
 --med-sea:#096d8b;--med-deep:#073d57;--med-turq:#25a99c;--med-sky:#67bcd7;
 --med-coral:#ef745f;--med-sun:#f2bd57;--med-pink:#bd5b87;--med-olive:#6e8b58;
 --med-sand:#f3e5cf;--med-foam:#e4f4ef;--med-cream:#fffaf2;
}
body{background:linear-gradient(180deg,#fffdf8 0,#f8fbf9 46%,#fff8ef 100%)}
.announce{background:linear-gradient(90deg,var(--med-deep),var(--med-sea) 42%,var(--med-turq));color:#fff;border-bottom:3px solid var(--med-sun)}
.site-header{border-bottom:0;box-shadow:0 1px 0 rgba(7,61,87,.10)}
.site-header:after{content:"";display:block;height:3px;background:linear-gradient(90deg,var(--med-coral),var(--med-sun),var(--med-turq),var(--med-sea),var(--med-pink))}
.nav .commercial-link{border-bottom-color:var(--med-sea);color:var(--med-deep)}
.btn-dark{background:linear-gradient(135deg,var(--med-deep),var(--med-sea));border-color:transparent}
.btn-dark:hover{background:linear-gradient(135deg,var(--med-sea),var(--med-turq))}
.btn-soft{background:var(--med-foam);border-color:#b8ddd5}
.eyebrow{color:var(--med-sea)}

/* Homepage photographic banner */
.mediterranean-home .hero{padding-top:32px}
.mediterranean-home .hero-panel{
 min-height:690px;
 background-image:linear-gradient(90deg,rgba(4,32,46,.88) 0%,rgba(4,45,61,.67) 48%,rgba(4,45,61,.18) 100%),url('/assets/ferdies/hero-interior.webp');
 background-size:cover;background-position:center 48%;
 border:1px solid rgba(9,109,139,.18);box-shadow:0 28px 80px rgba(7,61,87,.18)
}
.mediterranean-home .hero-panel:after{width:540px;height:540px;border-color:rgba(242,189,87,.18);box-shadow:0 0 0 65px rgba(37,169,156,.055),0 0 0 130px rgba(239,116,95,.035)}
.mediterranean-home .hero-left h1{text-shadow:0 5px 35px rgba(0,0,0,.35)}
.mediterranean-home .hero-copy{color:#f7f2e8;text-shadow:0 2px 15px rgba(0,0,0,.4)}
.mediterranean-home .hero-card{background:rgba(255,250,242,.94);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.72);box-shadow:0 25px 75px rgba(0,0,0,.24)}
.mediterranean-home .hero-card .eyebrow{color:var(--med-coral)}
.mediterranean-home .hero-actions .btn-white{background:rgba(255,255,255,.10);backdrop-filter:blur(8px)}
.mediterranean-home .hero-actions .btn-white:first-child{background:var(--med-coral);border-color:var(--med-coral)}
.signal-row{gap:14px}.signal{border:0;box-shadow:0 12px 35px rgba(7,61,87,.07);position:relative;overflow:hidden}.signal:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--med-turq)}.signal:nth-child(2):before{background:var(--med-coral)}.signal:nth-child(3):before{background:var(--med-sun)}.signal:nth-child(4):before{background:var(--med-pink)}

/* Experiences: fixed ratio, no giant white gaps */
.experience-showcase{background:linear-gradient(135deg,#e6f2ee 0%,#f7ecd9 52%,#f6e2dc 100%)}
.experience-grid-featured{grid-template-columns:1.2fr 1fr 1fr!important;gap:20px;align-items:start}
.experience-card,.experience-card.featured{min-height:0!important;height:auto!important;align-self:start;border:0;box-shadow:0 16px 45px rgba(7,61,87,.09);border-radius:26px;background:rgba(255,255,255,.96)}
.experience-card.featured{grid-column:auto!important}
.experience-media,.experience-card.featured .experience-media{aspect-ratio:4/3!important}
.experience-media img{width:100%;height:100%;object-fit:cover!important}
.experience-copy{display:block!important;flex:none!important;min-height:0!important;padding:27px!important}
.experience-copy .micro{display:block;margin-top:24px!important;padding-top:17px!important;border-top:1px solid #ece2d5;color:var(--med-sea)}
.experience-copy h3,.experience-card.featured .experience-copy h3{font-size:clamp(31px,3vw,46px)!important}
.experience-tag{background:rgba(7,61,87,.88);border:1px solid rgba(255,255,255,.24)}

/* Colourful discovery and commercial cards */
.system-card:nth-child(4n+1){background:#e4f3ef}.system-card:nth-child(4n+2){background:#fde9df}.system-card:nth-child(4n+3){background:#fff1c9}.system-card:nth-child(4n){background:#e3eff8}
.pillar:nth-child(3n+1){background:#e4f3ef}.pillar:nth-child(3n+2){background:#f8e7df}.pillar:nth-child(3n){background:#f9edcb}
.commercial-card:nth-child(3n+1){background:linear-gradient(145deg,#fff,#e6f4f1)}.commercial-card:nth-child(3n+2){background:linear-gradient(145deg,#fff,#fbe7df)}.commercial-card:nth-child(3n){background:linear-gradient(145deg,#fff,#f9eccb)}
.dark-section{background:linear-gradient(135deg,#073d57 0%,#075b70 60%,#146f70 100%)}
.page-panel{background:linear-gradient(135deg,#073d57,#096d8b 60%,#207c83);position:relative;overflow:hidden}
.page-panel:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-110px;top:-120px;background:radial-gradient(circle,rgba(242,189,87,.35),rgba(239,116,95,.15) 42%,transparent 70%)}
.page-panel>*{position:relative;z-index:1}
.media-kit-card:nth-child(4n+1){border-top:5px solid var(--med-sea)}.media-kit-card:nth-child(4n+2){border-top:5px solid var(--med-coral)}.media-kit-card:nth-child(4n+3){border-top:5px solid var(--med-sun)}.media-kit-card:nth-child(4n){border-top:5px solid var(--med-turq)}

/* Creator network: visibly different identities */
.creator-grid{gap:22px}
.creator-card{border:0;box-shadow:0 14px 40px rgba(7,61,87,.08);position:relative;background:#fff}
.creator-card:before{content:"";height:6px;position:absolute;left:0;right:0;top:0;z-index:3;background:var(--med-sea)}
.creator-card:nth-child(6n+2):before{background:var(--med-coral)}.creator-card:nth-child(6n+3):before{background:var(--med-pink)}.creator-card:nth-child(6n+4):before{background:var(--med-sun)}.creator-card:nth-child(6n+5):before{background:#7657a8}.creator-card:nth-child(6n):before{background:var(--med-turq)}
.creator-image{aspect-ratio:4/5;background:linear-gradient(145deg,#dff1ec,#f5e4cf)}
.creator-image img{object-fit:cover}
.creator-body{padding:20px 20px 23px}.ai-badge{background:var(--med-deep)}
.creator-card:nth-child(6n+2) .ai-badge{background:#a64b39}.creator-card:nth-child(6n+3) .ai-badge{background:#983e67}.creator-card:nth-child(6n+4) .ai-badge{background:#98702a}.creator-card:nth-child(6n+5) .ai-badge{background:#60458d}.creator-card:nth-child(6n) .ai-badge{background:#167e75}
.profile-copy{background:linear-gradient(145deg,var(--med-deep),var(--med-sea))}.profile-image{background:linear-gradient(145deg,#e4f3ef,#f5e7d6)}

/* New public footer */
footer,.site-footer{background:linear-gradient(135deg,#062f45 0%,#073d57 42%,#095a6b 100%)!important;color:#fff!important;border-top:6px solid transparent;border-image:linear-gradient(90deg,var(--med-coral),var(--med-sun),var(--med-turq),var(--med-pink)) 1}
.footer-logo{font-size:28px}.comino-contact-links a{display:flex;gap:9px;align-items:center}.footer-legal-line{margin-top:28px;padding-top:20px;border-top:1px solid rgba(255,255,255,.18);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#e9e1d6;font-size:12px}.footer-legal-line strong{color:#ffd67b}

/* Floating Ask Comino + WhatsApp */
.ask-launch,.ask-drawer{display:none!important}
.comino-floating-stack{position:fixed;right:20px;bottom:20px;z-index:490;display:flex;flex-direction:column;gap:10px;align-items:flex-end}
.comino-float-btn{border:0;border-radius:999px;padding:14px 18px;font-size:11px;font-weight:800;letter-spacing:.7px;box-shadow:0 15px 45px rgba(0,0,0,.20);cursor:pointer;display:inline-flex;align-items:center;gap:9px}
.comino-ask-btn{background:linear-gradient(135deg,var(--med-deep),var(--med-sea));color:#fff}.comino-wa-btn{background:#20b86a;color:#fff}
.comino-widget-panel{position:fixed;right:20px;bottom:138px;z-index:495;width:min(430px,calc(100vw - 30px));max-height:78vh;overflow:auto;background:#fffaf3;border:1px solid #eadbc7;border-radius:24px;padding:24px;box-shadow:0 28px 90px rgba(0,0,0,.25);display:none}
.comino-widget-panel.open{display:block}.comino-widget-panel h3{font:400 32px/1.05 var(--serif);margin:5px 0 10px}.comino-widget-panel textarea,.comino-widget-panel input{width:100%;border:1px solid #d8cabc;background:white;border-radius:13px;padding:12px 13px;margin-top:6px}.comino-widget-panel textarea{min-height:100px;resize:vertical}.comino-widget-panel label{display:block;font-size:11px;font-weight:800;letter-spacing:.5px;margin-top:13px}.comino-widget-close{float:right;border:0;background:transparent;font-size:26px;color:#555}.comino-answer{margin-top:15px;display:grid;gap:9px}.comino-answer-card{background:#e9f4f1;border-radius:14px;padding:13px}.comino-answer-card a{color:var(--med-sea);font-weight:800}.comino-required{color:#b9483c}.comino-form-status{font-size:12px;margin-top:9px;color:#6a625a}.comino-form-error{color:#a3362d}

@media(max-width:1100px){.experience-grid-featured{grid-template-columns:1fr 1fr!important}.experience-card.featured{grid-column:1/-1!important}.mediterranean-home .hero-panel{background-position:38% center}}
@media(max-width:700px){.experience-grid-featured{grid-template-columns:1fr!important}.experience-card.featured{grid-column:auto!important}.comino-floating-stack{right:14px;bottom:14px}.comino-widget-panel{right:15px;bottom:132px}.mediterranean-home .hero-panel{min-height:720px;background-position:38% center}.mediterranean-home .hero-card{background:rgba(255,250,242,.97)}.footer-legal-line{display:block}}


/* ===== V4.2 CLARITY + LAYOUT CORRECTIONS ===== */
body{color:#142d35;font-size:16px}
p,.section-description,.content-card p,.commercial-card p,.pillar p{color:#40565d}
.section-description{font-size:18px;line-height:1.7}
.eyebrow{font-weight:900;letter-spacing:2px}

/* Experiences bento: no stretched blank cards */
.experience-grid-featured{display:grid!important;grid-template-columns:1.18fr .82fr!important;grid-template-rows:auto auto!important;gap:18px!important;align-items:stretch!important}
.experience-card,.experience-card.featured{min-height:0!important;height:auto!important;margin:0!important;overflow:hidden!important}
.experience-card.featured{grid-column:1!important;grid-row:1 / span 2!important;display:flex!important;flex-direction:column!important}
.experience-card:not(.featured){grid-column:2!important;display:grid!important;grid-template-columns:minmax(190px,.9fr) minmax(0,1.1fr)!important;align-items:stretch!important}
.experience-card:not(.featured) .experience-media{height:100%!important;aspect-ratio:auto!important;min-height:245px!important}
.experience-card:not(.featured) .experience-copy{padding:24px!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
.experience-card:not(.featured) .experience-copy h3{font-size:clamp(28px,2.5vw,39px)!important}
.experience-card.featured .experience-media{aspect-ratio:16/10!important}
.experience-card.featured .experience-copy{padding:31px!important}
.experience-copy p{color:#40565d!important;font-size:16px;line-height:1.6}
.experience-copy .micro{margin-top:20px!important}

/* Strong, readable dark sections */
.dark-section,.page-panel,.profile-copy{color:#fff!important}
.dark-section .section-title,.dark-section h2,.dark-section h3,.page-panel h1,.page-panel h2,.page-panel h3,.profile-copy h1,.profile-copy h2{color:#fff!important;text-shadow:0 2px 12px rgba(0,0,0,.18)}
.dark-section .section-description,.dark-card p,.page-panel p,.profile-copy p{color:#edf8fa!important;opacity:1!important;font-weight:500!important;line-height:1.72}
.dark-card{background:rgba(255,255,255,.095)!important;border-color:rgba(255,255,255,.28)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.dark-card .num{color:#ffd978!important}
.dark-section .eyebrow,.page-panel .eyebrow,.profile-copy .eyebrow{color:#ffd978!important}
.dark-section .btn-white{background:#fffaf2!important;color:#073d57!important;border-color:#fffaf2!important}
.page-panel{background:linear-gradient(135deg,#06364e 0%,#075b70 55%,#0b7279 100%)!important}

/* Footer clarity */
footer a,footer p,.site-footer a,.site-footer p{color:#f2f8f9!important;opacity:.96!important;font-size:14px!important;line-height:1.55}
footer h4,.site-footer h4{color:#fff!important;font-size:20px!important}
.comino-contact-links a{font-weight:700!important;color:#fff!important}
.footer-legal-line{font-size:13px!important;color:#f3f8f9!important}
.footer-legal-line strong{color:#ffd978!important}

/* Compact controls that don't hide page content */
.comino-floating-stack{right:16px!important;bottom:18px!important;gap:9px!important;transition:opacity .2s ease,transform .2s ease}
.comino-floating-stack.near-footer{opacity:0!important;transform:translateY(10px)!important;pointer-events:none!important}
.comino-float-btn{width:54px!important;height:54px!important;min-width:54px!important;padding:0!important;border-radius:50%!important;justify-content:center!important;overflow:hidden!important;white-space:nowrap!important;transition:width .2s ease,border-radius .2s ease,transform .2s ease!important;font-size:12px!important;letter-spacing:.2px!important}
.comino-float-icon{font-size:19px;line-height:1}.comino-float-text{display:none}
@media(hover:hover) and (min-width:900px){.comino-float-btn:hover{width:132px!important;border-radius:999px!important;padding:0 17px!important}.comino-float-btn:hover .comino-float-text{display:inline}.comino-float-btn:hover .comino-float-icon{margin-right:6px}}
.comino-widget-panel{right:18px!important;bottom:84px!important;width:min(440px,calc(100vw - 28px))!important;max-height:min(76vh,700px)!important;background:#fffdf8!important;color:#16333c!important;border:1px solid #d8e4df!important;box-shadow:0 28px 90px rgba(4,42,57,.28)!important}
.comino-widget-panel h3{color:#0a4257!important;font-size:34px!important}.comino-widget-panel p,.comino-widget-intro{color:#3f555d!important;font-size:15px!important;line-height:1.6}
.comino-widget-panel .eyebrow{color:#096d8b!important}
.comino-widget-panel textarea,.comino-widget-panel input{color:#17353d!important;background:#fff!important;border:1px solid #aac4c5!important;font-size:16px!important}
.comino-searching{padding:13px;border-radius:14px;background:#eaf4f1;color:#174b57;font-weight:700}
.comino-answer-card{background:#edf7f4!important;border:1px solid #cce3dc!important;color:#17353d!important;line-height:1.5}
.comino-answer-card strong{display:block;color:#073d57;font-size:19px;margin-bottom:4px}.comino-answer-card a{display:inline-block;margin-top:8px}
.comino-answer-badge{font-size:9px;letter-spacing:.9px;text-transform:uppercase;color:#44705f;font-weight:900;margin-bottom:7px}
.comino-answer-notice{background:#fff0da;border:1px solid #efc982;border-radius:15px;padding:15px;color:#5c4322}
.comino-answer-notice strong{font-size:18px}.comino-answer-notice p{color:#5c4322!important;margin:6px 0}.comino-answer-notice a{color:#075b70;font-weight:900}

/* Cookie bar is readable and remains clear of the controls */
.cookie-inner{background:#102f3b!important;color:#fff!important;border:1px solid rgba(255,255,255,.14)!important}.cookie-inner p{color:#f1f6f6!important;font-size:14px!important}.cookie-actions button{font-size:10px!important}

@media(max-width:1100px){
 .experience-grid-featured{grid-template-columns:1fr 1fr!important;grid-template-rows:auto!important}
 .experience-card.featured{grid-column:1/-1!important;grid-row:auto!important}
 .experience-card:not(.featured){grid-column:auto!important;display:flex!important;flex-direction:column!important}
 .experience-card:not(.featured) .experience-media{aspect-ratio:4/3!important;height:auto!important;min-height:0!important}
}
@media(max-width:700px){
 .experience-grid-featured{grid-template-columns:1fr!important}
 .experience-card.featured,.experience-card:not(.featured){grid-column:auto!important;grid-row:auto!important}
 .comino-floating-stack{right:10px!important;bottom:12px!important}
 .comino-float-btn{width:50px!important;height:50px!important;min-width:50px!important}
 .comino-widget-panel{right:10px!important;bottom:70px!important;width:calc(100vw - 20px)!important;max-height:80vh!important;padding:20px!important}
 .comino-widget-panel h3{font-size:30px!important}
 footer a,footer p{font-size:15px!important}
}
