:root{--ink:#152b38;--blue:#075b7d;--aqua:#9fdddd;--sea:#d7eeee;--sand:#f5ecd9;--coral:#df7055;--cream:#fcfaf4;--muted:#64737a;--line:rgba(21,43,56,.15)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif}button,input{font:inherit}button{cursor:pointer}.site-header{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,78px);border-bottom:1px solid var(--line);background:rgba(252,250,244,.92);position:sticky;top:0;z-index:10;backdrop-filter:blur(10px)}.brand{color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:9px;font-size:14px;letter-spacing:.12em;font-weight:700}.brand em{font-family:"Playfair Display",serif;font-weight:600;letter-spacing:0}.brand-mark{font-size:31px;color:var(--coral);line-height:0;transform:rotate(-18deg)}nav{display:flex;align-items:center;gap:28px}nav a,.saved-link{border:0;background:none;color:var(--ink);font-size:14px;text-decoration:none}.saved-link span{margin-left:3px;background:var(--coral);color:#fff;display:inline-grid;place-items:center;width:19px;height:19px;border-radius:50%;font-size:11px}.hero{min-height:570px;display:grid;grid-template-columns:1.1fr .9fr;overflow:hidden;border-bottom:1px solid var(--line)}.hero-copy{padding:clamp(68px,10vw,135px) clamp(22px,5vw,78px);max-width:775px}.eyebrow{text-transform:uppercase;letter-spacing:.15em;color:var(--blue);font:500 11px "DM Mono",monospace;margin:0 0 17px}.hero h1,.quick-find h2,.section-head h2,.promise h2,.newsletter h2{font-family:"Playfair Display",serif;line-height:.99;letter-spacing:-.045em;margin:0}.hero h1{font-size:clamp(53px,6.1vw,90px);max-width:730px}.hero h1 i,.promise h2 i{font-weight:600;color:var(--coral)}.hero-text{font-size:18px;line-height:1.55;max-width:490px;margin:27px 0 30px;color:#3b5059}.primary-button{display:inline-flex;align-items:center;gap:27px;border:0;background:var(--ink);color:#fff;padding:15px 18px 15px 21px;text-decoration:none;font-weight:600;font-size:14px;transition:transform .2s,background .2s}.primary-button:hover{transform:translateY(-2px);background:var(--blue)}.primary-button span{font-size:20px;font-weight:400}.trust-row{display:flex;gap:16px;flex-wrap:wrap;margin-top:38px;color:var(--muted);font-size:12px}.hero-art{position:relative;background:#84c9d6;overflow:hidden;min-height:400px}.sun{position:absolute;width:180px;height:180px;background:#f8ca73;border-radius:50%;top:76px;right:24%}.horizon{position:absolute;width:100%;height:1px;background:rgba(21,43,56,.5);top:54%}.sea{position:absolute;width:110%;height:120px;left:-5%;border-radius:50%;border-top:2px solid rgba(21,43,56,.35)}.sea-one{top:56%;background:#66b7c8}.sea-two{top:68%;background:#3d9cb5}.ship{position:absolute;z-index:2;top:41%;left:31%;width:183px;height:58px;border-radius:0 0 45px 45px;background:#f9f5e9;border:2px solid var(--ink);transform:skewX(-10deg)}.ship:before{content:"";position:absolute;background:#f9f5e9;width:125px;height:31px;top:-31px;left:24px;border:2px solid var(--ink);border-bottom:0}.ship span{position:absolute;width:40px;height:26px;top:-57px;left:63px;border:2px solid var(--ink);background:#f9f5e9}.ship b{position:absolute;width:45px;height:7px;top:-64px;left:61px;background:var(--coral);border:2px solid var(--ink)}.ship i{display:block;position:relative;z-index:2;background:var(--blue);border-radius:50%;width:12px;height:12px;top:19px;left:22px;margin-right:16px;float:left}.island{position:absolute;bottom:6%;background:#2b717b;clip-path:polygon(0 100%,35% 31%,53% 63%,68% 8%,100% 100%)}.island-left{width:330px;height:150px;left:-108px}.island-right{width:250px;height:130px;right:-108px}.hero-art p{position:absolute;right:10%;bottom:9%;z-index:3;font:500 11px/1.1 "DM Mono",monospace;letter-spacing:.12em;color:#f8f0d9}.quick-find{margin:0 auto;padding:59px clamp(22px,5vw,78px);display:grid;grid-template-columns:1fr 1.22fr;gap:25px;align-items:end;max-width:1440px}.quick-find h2,.section-head h2{font-size:clamp(34px,4vw,53px)}.search-box{height:54px;background:#fff;border:1px solid var(--line);display:flex;align-items:center;padding:0 17px;gap:11px}.search-box span{font-size:25px}.search-box input{border:0;outline:0;width:100%;font-size:15px;background:transparent}.filter-group{grid-column:2;display:flex;gap:9px}.filter{border:1px solid var(--line);border-radius:99px;background:transparent;padding:8px 13px;font-size:13px;color:var(--ink)}.filter.active{background:var(--ink);color:#fff;border-color:var(--ink)}.ports-section{background:var(--sand);padding:72px clamp(22px,5vw,78px) 84px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:33px}.result-count{font:500 12px "DM Mono",monospace;color:var(--muted);margin:0}.port-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.port-card{min-height:368px;background:#fff;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}.port-card:hover{transform:translateY(-5px);box-shadow:0 15px 29px rgba(21,43,56,.13)}.card-image{height:182px;position:relative;overflow:hidden}.card-image:before,.card-image:after{content:"";position:absolute}.card-image:before{width:175px;height:175px;border-radius:50%;right:-28px;top:-38px;background:rgba(255,255,255,.5)}.card-image:after{height:65px;background:rgba(255,255,255,.5);width:140%;bottom:-20px;left:-15%;border-radius:50% 50% 0 0}.barcelona{background:linear-gradient(145deg,#d8825d 0 30%,#efc174 30% 55%,#4d9eaa 55%)}.rome{background:linear-gradient(145deg,#c86d4c 0 26%,#e4bd7a 26% 60%,#4f9aaa 60%)}.naples{background:linear-gradient(145deg,#597859 0 27%,#e0a465 27% 51%,#5ab0c0 51%)}.santorini{background:linear-gradient(145deg,#f2eee3 0 30%,#426d9f 31% 59%,#58b6c9 60%)}.dubrovnik{background:linear-gradient(145deg,#d66745 0 34%,#eba95f 34% 52%,#5cb4c2 53%)}.palma{background:linear-gradient(145deg,#d29a65 0 31%,#e7c789 31% 56%,#5ba8b8 56%)}.card-image span{position:absolute;z-index:2;left:16px;top:15px;background:rgba(252,250,244,.9);padding:5px 8px;font:500 10px "DM Mono",monospace;text-transform:uppercase;letter-spacing:.06em}.card-image strong{position:absolute;z-index:2;left:16px;bottom:17px;font:600 28px "Playfair Display",serif;color:#fff;line-height:1}.save-card{position:absolute;z-index:3;right:12px;top:12px;width:34px;height:34px;border:0;border-radius:50%;background:#fff;color:var(--ink);font-size:20px}.save-card.saved{color:var(--coral)}.card-body{padding:16px;display:flex;flex-direction:column;gap:13px;flex:1}.card-meta{font:500 10px "DM Mono",monospace;color:var(--blue);text-transform:uppercase;letter-spacing:.06em}.card-summary{font-size:14px;line-height:1.42;margin:0;color:#41535b}.card-link{border:0;background:none;text-align:left;padding:0;margin-top:auto;color:var(--ink);font-weight:700;font-size:13px}.card-link span{color:var(--coral);padding-left:4px;font-size:16px}.promise{padding:104px clamp(22px,10vw,160px);background:var(--blue);color:#f7f0df}.promise-top{max-width:820px}.promise .eyebrow{color:var(--aqua)}.promise h2{font-size:clamp(38px,5vw,69px)}.promise h2 i{color:#f6be90}.promise-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:67px}.promise-grid article{padding:0 32px;border-left:1px solid rgba(255,255,255,.35)}.promise-grid article:first-child{border-left:0;padding-left:0}.promise-grid span{font:500 12px "DM Mono",monospace;color:var(--aqua)}.promise-grid h3{font:600 25px "Playfair Display",serif;margin:21px 0 12px}.promise-grid p{line-height:1.55;margin:0;color:#d0e6e5;font-size:15px}.newsletter{padding:77px clamp(22px,10vw,160px);display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:end;background:#e5f3f0}.newsletter h2{font-size:clamp(35px,4vw,54px)}.newsletter>div>p:last-child{color:var(--muted);margin:16px 0 0}.newsletter form{display:grid;grid-template-columns:1fr auto;gap:10px}.newsletter input{height:54px;border:1px solid var(--line);background:#fff;padding:0 15px;outline-color:var(--blue)}#email-message{grid-column:1/-1;margin:0;color:var(--blue);font-size:13px}footer{background:var(--ink);color:#d5e6e5;padding:33px clamp(22px,5vw,78px);display:flex;align-items:center;justify-content:space-between;gap:20px}footer .brand{color:#fff}footer p{margin:0;color:#aec7ca;font-size:12px}dialog{width:min(900px,calc(100% - 30px));border:0;padding:0;background:var(--cream);color:var(--ink);box-shadow:0 20px 80px rgba(0,0,0,.38)}dialog::backdrop{background:rgba(10,31,42,.65);backdrop-filter:blur(2px)}.close-dialog,.drawer-close{position:absolute;right:15px;top:14px;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:#fff;font-size:25px;z-index:2}.guide-hero{padding:65px 60px 42px;background:var(--guide-color,#70b4bf);position:relative;overflow:hidden}.guide-hero:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;right:-70px;top:-120px;background:rgba(255,255,255,.32)}.guide-hero>*{position:relative;z-index:1}.guide-hero .eyebrow{color:#173f50}.guide-hero h2{font:600 clamp(48px,7vw,75px)/.95 "Playfair Display",serif;margin:0;color:#fff}.guide-hero p:last-child{color:#153d4d;font-size:16px;max-width:430px;margin:20px 0 0}.scorecard{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}.scorecard div{padding:21px 24px;border-right:1px solid var(--line)}.scorecard div:nth-child(3n){border-right:0}.scorecard small,.guide-section h3{display:block;text-transform:uppercase;letter-spacing:.1em;color:var(--blue);font:500 10px "DM Mono",monospace}.scorecard strong{display:block;margin-top:7px;font-size:14px;line-height:1.25}.guide-section{padding:31px 60px 47px}.guide-section h3{margin:0 0 12px}.guide-section p{max-width:680px;line-height:1.55;color:#3f5058}.itinerary-list{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.itinerary-list article{border:1px solid var(--line);padding:17px;background:#fff}.itinerary-list b{font:600 22px "Playfair Display",serif}.itinerary-list p{font-size:13px;margin:9px 0 0}.saved-drawer{position:fixed;z-index:30;right:0;top:0;width:min(390px,100%);height:100dvh;background:var(--cream);transform:translateX(102%);transition:transform .25s;padding:26px}.saved-drawer.open{transform:translateX(0)}.drawer-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:18px}.drawer-head h2{font:600 28px "Playfair Display",serif;margin:0}.drawer-close{position:static}.saved-item{padding:18px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.saved-item button{border:0;background:none;color:var(--blue);font-weight:600}.scrim{inset:0;position:fixed;background:rgba(0,0,0,.35);z-index:25;opacity:0;visibility:hidden;transition:.25s}.scrim.open{opacity:1;visibility:visible}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:1000px){.port-grid{grid-template-columns:repeat(3,1fr)}.hero{grid-template-columns:1fr .7fr}.quick-find{grid-template-columns:1fr}.filter-group{grid-column:auto}.newsletter{grid-template-columns:1fr}}@media(max-width:680px){.site-header{height:64px}.site-header nav a{display:none}nav{gap:0}.hero{grid-template-columns:1fr}.hero-art{min-height:270px}.hero-copy{padding-top:65px;padding-bottom:56px}.quick-find{padding-top:45px;padding-bottom:45px}.port-grid{grid-template-columns:1fr}.port-card{min-height:305px}.card-image{height:154px}.promise{padding-top:75px;padding-bottom:75px}.promise-grid{grid-template-columns:1fr;gap:27px;margin-top:42px}.promise-grid article,.promise-grid article:first-child{padding:0;border:0}.newsletter{padding-top:59px;padding-bottom:59px}.newsletter form{grid-template-columns:1fr}.newsletter .primary-button{justify-content:space-between}footer{display:grid;grid-template-columns:1fr}.scorecard{grid-template-columns:repeat(2,1fr)}.scorecard div:nth-child(3n){border-right:1px solid var(--line)}.scorecard div:nth-child(2n){border-right:0}.guide-hero,.guide-section{padding-left:25px;padding-right:25px}.itinerary-list{grid-template-columns:1fr}.trust-row{font-size:11px}}

.valletta{background:linear-gradient(145deg,#c98f55 0 31%,#dfbd79 31% 56%,#4e9ba8 56%)}

.corfu{background:linear-gradient(145deg,#6f8b6b 0 30%,#d6b36d 30% 55%,#5aa5b4 55%)}

.cartagena{background:linear-gradient(145deg,#b87555 0 31%,#ddb67c 31% 56%,#4b93a3 56%)}

.malaga{background:linear-gradient(145deg,#c58b55 0 31%,#e2bf78 31% 56%,#4ca0af 56%)}

.livorno{background:linear-gradient(145deg,#b67955 0 30%,#dfb771 30% 55%,#5b9da8 55%)}

.venice{background:linear-gradient(145deg,#bd7654 0 28%,#e5be76 28% 54%,#579eaa 54%)}

.piraeus{background:linear-gradient(145deg,#b88a64 0 30%,#e0b66d 30% 55%,#5d9eaf 55%)}

.cadiz{background:linear-gradient(145deg,#d18b5b 0 30%,#efca7d 30% 55%,#5ba7b6 55%)}

.marseille{background:linear-gradient(145deg,#cf7b58 0 30%,#e8bd73 30% 55%,#4f9eb2 55%)}

.genoa{background:linear-gradient(145deg,#b76f58 0 30%,#d9ad6a 30% 55%,#4c92a3 55%)}

.messina{background:linear-gradient(145deg,#b77b5b 0 30%,#e1b66c 30% 55%,#4e9bad 55%)}

.palermo{background:linear-gradient(145deg,#c07a59 0 30%,#dfb26c 30% 55%,#559aac 55%)}

.limassol{background:linear-gradient(145deg,#c78a59 0 30%,#e0b76f 30% 55%,#5399a9 55%)}

.rhodes{background:linear-gradient(145deg,#c18459 0 30%,#dfb66c 30% 55%,#559dad 55%)}

.heraklion{background:linear-gradient(145deg,#bd7c59 0 30%,#dfb46d 30% 55%,#5195a8 55%)}

.katakolon{background:linear-gradient(145deg,#be8058 0 30%,#ddb16b 30% 55%,#5698a8 55%)}

.split{background:linear-gradient(145deg,#b97858 0 30%,#dcae67 30% 55%,#5597a8 55%)}

.mykonos{background:linear-gradient(145deg,#c58a61 0 30%,#e1b979 30% 55%,#55a1b4 55%)}

.kotor{background:linear-gradient(145deg,#b97b5a 0 30%,#d6ad72 30% 55%,#4e92a2 55%)}

.kusadasi{background:linear-gradient(145deg,#c58058 0 30%,#ddb56b 30% 55%,#4f96a9 55%)}

.bari{background:linear-gradient(145deg,#b86f58 0 30%,#d8aa69 30% 55%,#4f93a5 55%)}

.cagliari{background:linear-gradient(145deg,#c07b58 0 30%,#ddb46b 30% 55%,#4f97aa 55%)}

.la-spezia{background:linear-gradient(145deg,#b97f5a 0 30%,#ddb16a 30% 55%,#5597a8 55%)}

.toulon{background:linear-gradient(145deg,#b9785b 0 30%,#dfb26d 30% 55%,#5196aa 55%)}