#completion-root{background:#f8f7f4}
.completion{--ink:#14233a;--navy:#11263d;--gold:#c39a62;--paper:#f8f7f4;color:var(--ink);overflow:hidden}
.completion a{text-decoration:none}
.completion button{font:inherit}
.completion-heading{max-width:830px;margin:0 0 34px}
.completion-kicker{margin:0 0 16px;color:#a27b4b;font-size:10px;font-weight:700;letter-spacing:.28em;line-height:1.5}
.completion-heading h2,.a-reviews h2{margin:0;font:500 clamp(48px,5.2vw,88px)/.9 "Cormorant Garamond",Georgia,serif;letter-spacing:-.042em}
.completion-heading h2 em,.a-reviews h2 em{font-weight:400}
.completion-heading>p:last-child{max-width:550px;margin:18px 0 0;color:#697079;font:16px/1.55 Georgia,serif}
.completion-heading-light{color:#fff}
.completion-heading-light>p:last-child{color:#d6d9dc}
.text-route{display:inline-flex;align-items:center;gap:22px;margin-top:29px;padding-bottom:8px;border-bottom:1px solid currentColor;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;transition:gap .25s,color .25s}
.text-route:hover,.text-route:focus-visible{gap:30px;color:#bd925c}
.text-route span{font-size:19px;line-height:1}
.completion a:focus-visible,.completion button:focus-visible{outline:2px solid #e4b66f;outline-offset:4px}

/* Cinematic photography and a mosaic of destinations. */
.a-experiences,.a-regions{padding:clamp(66px,6vw,104px) clamp(22px,4vw,72px)}
.a-experiences{background:radial-gradient(circle at 90% 10%,#23435b 0,#11263d 50%,#0c1d31 100%)}
.a-experiences .completion-heading{max-width:1500px;margin-inline:auto}
.a-experience-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:1500px;margin:auto}
.a-experience-card{position:relative;display:block;min-height:clamp(410px,39vw,610px);overflow:hidden;border:1px solid #ffffff4a;color:#fff;background:#233e50;box-shadow:0 5px 0 #071a2b,0 22px 35px #04111e70;transition:transform .3s,box-shadow .3s}
.a-experience-card:hover,.a-experience-card:focus-visible{transform:translateY(-6px);box-shadow:0 11px 0 #071a2b,0 30px 42px #04111e80}
.a-experience-card img,.a-experience-card .experience-shade{position:absolute;inset:0;width:100%;height:100%}
.a-experience-card img{object-fit:cover;transition:transform .8s}
.a-experience-card:hover img{transform:scale(1.045)}
.experience-shade{background:linear-gradient(180deg,#07152370 0%,transparent 36%,#081625dc 100%)}
.experience-overline{position:absolute;top:25px;left:28px;font-size:10px;font-weight:700;letter-spacing:.24em;text-shadow:0 2px 10px #0009}
.experience-content{position:absolute;right:30px;bottom:30px;left:28px;display:grid;gap:25px}
.experience-content strong{font:500 clamp(36px,4.2vw,66px)/.93 "Cormorant Garamond",Georgia,serif;letter-spacing:-.025em;text-shadow:0 4px 14px #0009}
.experience-content>span{display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid #ffffff8c;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.16em}
.experience-content b{display:grid;place-items:center;width:34px;height:34px;border:1px solid #ffffffb9;border-radius:50%;font-size:18px;font-weight:400}
.a-regions{background:#f7f5f0}
.a-regions>.completion-heading,.a-region-grid,.a-regions>.text-route{max-width:1500px;margin-left:auto;margin-right:auto}
.a-region-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}
.a-region-card{position:relative;display:block;overflow:hidden;color:#fff;background:#294659;box-shadow:0 3px 0 #c9c3b7,0 14px 24px #14233a20;transition:transform .3s,box-shadow .3s}
.a-region-card{grid-column:span 3;height:clamp(210px,20vw,310px)}
.a-region-card:nth-child(1){grid-column:span 5}
.a-region-card:nth-child(2){grid-column:span 4}
.a-region-card:nth-child(3){grid-column:span 3}
.a-region-card:hover,.a-region-card:focus-visible{transform:translateY(-5px);box-shadow:0 8px 0 #b8aa93,0 22px 28px #14233a3b}
.a-region-card img,.region-card-shade{position:absolute;inset:0;width:100%;height:100%}
.a-region-card img{object-fit:cover;transition:transform .7s}
.a-region-card:hover img{transform:scale(1.06)}
.region-card-shade{background:linear-gradient(180deg,#05162745,transparent 36%,#07182bc7)}
.region-card-index{position:absolute;top:18px;left:20px;color:#fff;font-size:10px;letter-spacing:.19em;text-shadow:0 2px 5px #000a}
.region-card-name{position:absolute;right:55px;bottom:20px;left:20px;font:500 clamp(32px,3.2vw,49px)/.88 "Cormorant Garamond",Georgia,serif;text-transform:uppercase;text-shadow:0 2px 12px #000d}
.region-card-arrow{position:absolute;right:17px;bottom:18px;display:grid;place-items:center;width:34px;height:34px;border:1px solid #ffffffbd;border-radius:50%;font-size:20px}
.a-regions>.text-route{display:flex;width:max-content}
.a-reviews{position:relative;display:flex;align-items:center;min-height:620px;padding:80px clamp(22px,7vw,120px);color:#fff;background:#10233a url("assets/reviews-beach.webp") center 53%/cover}
.a-reviews::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#061524f0 0%,#07182bbc 43%,#08192b45 100%)}
.a-reviews-inner{position:relative;max-width:850px}
.a-reviews .completion-kicker{color:#e8c991}
.a-reviews h2{margin-bottom:42px}
.a-review-quote{margin:0;max-width:720px}
.a-review-quote p{margin:0;font:400 clamp(25px,2.55vw,38px)/1.19 "Cormorant Garamond",Georgia,serif}
.a-review-quote p::before{content:'“';color:#e9c891}
.a-review-quote p::after{content:'”';color:#e9c891}
.a-review-quote footer{margin-top:22px;color:#e5c793;font-size:11px;font-weight:700;letter-spacing:.19em;text-transform:uppercase}
.a-review-controls{display:flex;align-items:center;gap:18px;margin-top:37px}
.a-review-controls button{display:grid;place-items:center;width:42px;height:42px;border:1px solid #ffffff8c;border-radius:50%;background:#ffffff1c;color:#fff;font-size:21px;transition:background .2s,transform .2s}
.a-review-controls button:hover{transform:translateY(-2px);background:#ffffff4a}
.a-review-controls span{color:#e9c891;font-size:11px;letter-spacing:.17em}

/* Footer. */
.completion-footer{color:#f3efe7;background:#0c1e31}
.footer-top{display:grid;grid-template-columns:minmax(220px,1fr) minmax(320px,1.1fr);gap:8vw;max-width:1500px;margin:0 auto}
.a-footer{padding:76px clamp(22px,4vw,72px) 22px}
.footer-wordmark{display:inline-block;font:500 clamp(43px,4.7vw,67px)/.82 "Cormorant Garamond",Georgia,serif;letter-spacing:-.035em;text-shadow:0 2px 0 #ffffff3b,0 10px 18px #0009}
.footer-lead p{margin:19px 0 0;color:#d4d9df;font:italic 23px "Cormorant Garamond",Georgia,serif}
.footer-promo{padding:7px 0 30px}
.footer-promo>span{color:#ddb887;font-size:10px;font-weight:700;letter-spacing:.22em}
.footer-promo h2{max-width:520px;margin:14px 0 27px;font:500 clamp(34px,3.4vw,49px)/.97 "Cormorant Garamond",Georgia,serif}
.footer-promo>a{display:flex;align-items:center;justify-content:space-between;gap:15px;max-width:410px;padding:14px 17px;border:1px solid #ceaa77;background:linear-gradient(145deg,#d4b17e,#aa7945);box-shadow:inset 0 1px #fff8,0 4px 0 #704e2f,0 13px 20px #0005;color:#10243b;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;transition:transform .25s,box-shadow .25s}
.footer-promo>a:hover{transform:translateY(-4px);box-shadow:inset 0 1px #fff8,0 8px 0 #704e2f,0 20px 26px #0006}
.footer-promo b{font-size:20px;font-weight:400}
.completion-footer-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;max-width:1500px;margin:57px auto 75px;padding-top:32px;border-top:1px solid #ffffff34}
.completion-footer-links>div{display:flex;flex-direction:column;align-items:start;gap:12px}
.completion-footer-links strong{margin-bottom:8px;color:#dcb98a;font-size:10px;text-transform:uppercase;letter-spacing:.23em}
.completion-footer-links a{color:#dce0e2;font-size:12px;line-height:1.45;transition:color .2s,transform .2s}
.completion-footer-links a:hover{color:#f5c987;transform:translateX(3px)}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;max-width:1500px;margin:auto;padding:20px 0 0;border-top:1px solid #ffffff34;color:#afbac4;font-size:10px;letter-spacing:.13em;text-transform:uppercase}
.footer-bottom a:hover{color:#f4d49e}

@media(max-width:900px){
  .a-experience-grid{gap:12px}
  .a-experience-card{min-height:420px}
  .a-region-grid{grid-template-columns:repeat(2,1fr)}
  .a-region-card,.a-region-card:nth-child(1),.a-region-card:nth-child(2),.a-region-card:nth-child(3){grid-column:auto;height:250px}
  .footer-top{grid-template-columns:1fr;gap:25px}
}
@media(max-width:600px){
  .a-experiences,.a-regions{padding:61px 18px}
  .completion-heading{margin-bottom:25px}
  .completion-heading h2,.a-reviews h2{font-size:clamp(44px,12vw,64px)}
  .completion-heading>p:last-child{font-size:14px}
  .a-experience-grid{grid-template-columns:1fr;gap:15px}
  .a-experience-card{min-height:390px}
  .experience-content strong{font-size:45px}
  .a-region-grid{gap:11px}
  .a-region-card,.a-region-card:nth-child(1),.a-region-card:nth-child(2),.a-region-card:nth-child(3){height:190px}
  .region-card-name{right:17px;bottom:47px;left:13px;font-size:29px}
  .region-card-index{top:12px;left:13px;font-size:9px}
  .region-card-arrow{right:12px;bottom:10px;width:27px;height:27px;font-size:17px}
  .a-reviews{min-height:560px;padding:64px 22px;background-position:62% center}
  .a-reviews::before{background:linear-gradient(90deg,#061524e8,#07182b99)}
  .a-review-quote p{font-size:27px}
  .a-footer{padding:61px 22px 23px}
  .completion-footer-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 20px;margin:43px 0 50px}
  .completion-footer-links>div:last-child{grid-column:1/-1}
  .footer-bottom{flex-wrap:wrap;line-height:1.5}
}
@media(prefers-reduced-motion:reduce){.completion a,.completion button,.completion img{transition:none!important}}
