
:root{
  --blue:#003b73;
  --deep:#00172f;
  --navy:#002a54;
  --red:#d71920;
  --yellow:#f6c900;
  --paper:#f3f6fa;
  --ink:#10243a;
  --muted:#687a8c;
  --line:rgba(16,36,58,.12);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  overflow-x:hidden;
}
a{text-decoration:none;color:inherit}
button{font:inherit}
svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.destination-page-noise{
  position:fixed;
  inset:0;
  z-index:100;
  opacity:.022;
  pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
.destination-page-container{width:min(1180px,calc(100% - 34px));margin-inline:auto}
.destination-page-header{
  position:sticky;
  top:0;
  z-index:70;
  background:rgba(0,29,59,.94);
  border-bottom:1px solid rgba(255,255,255,.08);
  backdrop-filter:blur(20px);
}
.destination-page-header-inner{
  width:min(1320px,calc(100% - 30px));
  min-height:80px;
  margin:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.destination-page-brand img{display:block;width:165px;max-height:56px;object-fit:contain}
.destination-page-nav{display:flex;align-items:center;gap:20px}
.destination-page-nav a{
  position:relative;
  color:rgba(255,255,255,.68);
  font-size:.78rem;
  font-weight:820;
}
.destination-page-nav a:hover,.destination-page-nav a.active{color:#fff}
.destination-page-nav a.active:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-12px;
  height:3px;
  border-radius:999px;
  background:var(--yellow);
}
.destination-page-actions{display:flex;align-items:center;gap:11px}
.destination-page-language{
  display:inline-flex;
  padding:4px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:999px;
  background:rgba(255,255,255,.06);
}
.destination-page-language button{
  min-width:40px;
  height:32px;
  border:0;
  border-radius:999px;
  background:transparent;
  color:rgba(255,255,255,.7);
  font-size:.7rem;
  font-weight:850;
  cursor:pointer;
}
.destination-page-language button.active{
  background:var(--red);
  color:#fff;
  box-shadow:0 10px 22px rgba(215,25,32,.25);
}
.destination-page-back{
  min-height:42px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:0 15px;
  border:1px solid rgba(246,201,0,.26);
  border-radius:999px;
  background:rgba(255,255,255,.06);
  color:#fff;
  font-size:.72rem;
  font-weight:820;
}
.destination-page-back svg{width:17px;height:17px}
.destination-hero{
  position:relative;
  min-height:calc(100dvh - 80px);
  display:flex;
  align-items:flex-end;
  overflow:hidden;
  color:#fff;
  background:#00172f;
}
.destination-hero>img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  transform:scale(1.015);
}
.destination-hero-overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(0,18,38,.93),rgba(0,27,57,.44) 58%,rgba(0,19,39,.3)),
    linear-gradient(0deg,rgba(0,18,38,.88),transparent 54%);
}
.destination-hero-glow{
  position:absolute;
  right:-120px;
  top:-120px;
  width:450px;
  height:450px;
  border-radius:50%;
  border:1px solid rgba(246,201,0,.25);
  box-shadow:
    0 0 0 70px rgba(246,201,0,.035),
    0 0 0 145px rgba(215,25,32,.025);
}
.destination-hero-content{
  position:relative;
  z-index:2;
  padding:110px 0 105px;
}
.destination-hero-kicker{
  color:var(--yellow);
  font-size:.67rem;
  font-weight:900;
  letter-spacing:.22em;
}
.destination-hero h1{
  max-width:900px;
  margin:18px 0 22px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(4rem,9vw,9rem);
  line-height:.86;
  letter-spacing:-.07em;
}
.destination-hero-content>p{
  max-width:720px;
  margin:0;
  color:rgba(255,255,255,.72);
  font-size:1.08rem;
  line-height:1.8;
}
.destination-hero-meta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:30px;
}
.destination-hero-meta>span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:42px;
  padding:0 13px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  background:rgba(255,255,255,.07);
  color:rgba(255,255,255,.72);
  font-size:.72rem;
  backdrop-filter:blur(12px);
}
.destination-hero-meta svg{width:18px;height:18px;color:var(--yellow)}
.destination-scroll-cue{
  position:absolute;
  z-index:3;
  right:36px;
  bottom:28px;
  display:flex;
  align-items:center;
  gap:8px;
  color:rgba(255,255,255,.64);
  font-size:.7rem;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.destination-scroll-cue svg{width:18px;height:18px;color:var(--yellow)}
.destination-story-section{
  display:grid;
  grid-template-columns:285px minmax(0,1fr);
  gap:58px;
  padding-top:82px;
  padding-bottom:95px;
}
.destination-story-aside{position:relative}
.destination-story-summary,.destination-share-card{
  padding:22px;
  border:1px solid var(--line);
  border-radius:22px;
  background:#fff;
  box-shadow:0 20px 55px rgba(0,42,84,.06);
}
.destination-story-summary{
  position:sticky;
  top:105px;
}
.destination-story-summary>span,.destination-share-card>span{
  display:block;
  color:var(--red);
  font-size:.64rem;
  font-weight:900;
  letter-spacing:.17em;
}
.destination-story-summary h2{
  margin:12px 0;
  font-family:Georgia,"Times New Roman",serif;
  font-size:1.8rem;
  line-height:1.05;
}
.destination-story-summary p{
  margin:0;
  color:var(--muted);
  font-size:.84rem;
  line-height:1.7;
}
.destination-story-summary>a{
  min-height:44px;
  display:flex;
  align-items:center;
  gap:9px;
  margin-top:18px;
  padding:0 13px;
  border-radius:14px;
  background:rgba(0,59,115,.07);
  color:var(--blue);
  font-size:.72rem;
  font-weight:850;
}
.destination-story-summary>a svg{width:18px;height:18px}
.destination-share-card{margin-top:14px}
.destination-share-card>div{display:grid;gap:8px;margin-top:14px}
.destination-share-card a,.destination-share-card button{
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(0,59,115,.12);
  border-radius:13px;
  background:#f6f8fb;
  color:#53677b;
  font-size:.7rem;
  font-weight:820;
  cursor:pointer;
}
.destination-story-heading>span,.destination-related-heading span{
  color:var(--red);
  font-size:.65rem;
  font-weight:900;
  letter-spacing:.18em;
}
.destination-story-heading h2{
  max-width:720px;
  margin:11px 0 34px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(2.6rem,5vw,4.8rem);
  line-height:.98;
  letter-spacing:-.055em;
}
.destination-story-body{
  max-width:790px;
}
.destination-story-body p,.destination-story-body li{
  color:#566a7e;
  font-family:Georgia,"Times New Roman",serif;
  font-size:1.12rem;
  line-height:1.95;
}
.destination-story-body p{margin:0 0 26px}
.destination-story-body h2{
  margin:48px 0 18px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:2.15rem;
  line-height:1.08;
  letter-spacing:-.035em;
}
.destination-story-body ul{
  margin:0 0 28px;
  padding-left:24px;
}
.destination-editor-note{
  margin-top:30px;
  padding:20px;
  border-left:4px solid var(--yellow);
  border-radius:0 17px 17px 0;
  background:#fff9df;
}
.destination-editor-note strong{
  display:block;
  color:#6b5600;
}
.destination-editor-note p{
  margin:8px 0 0;
  color:#756d50;
  font-family:inherit;
  font-size:.82rem;
  line-height:1.65;
}
.destination-video-link{
  max-width:790px;
  min-height:92px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-top:38px;
  padding:18px 20px;
  border-radius:22px;
  background:linear-gradient(145deg,#003b73,#001d3b);
  color:#fff;
  box-shadow:0 25px 65px rgba(0,42,84,.18);
}
.destination-video-link small,.destination-video-link strong{display:block}
.destination-video-link small{
  color:var(--yellow);
  font-size:.6rem;
  font-weight:900;
  letter-spacing:.14em;
}
.destination-video-link strong{
  margin-top:6px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:1.35rem;
}
.destination-video-link>svg{
  flex:0 0 auto;
  width:54px;
  height:54px;
  padding:16px;
  border-radius:50%;
  background:var(--red);
  fill:#fff;
  stroke:none;
  box-shadow:inset 0 -3px var(--yellow);
}
.destination-related{
  padding:75px 0 95px;
  background:linear-gradient(180deg,#eef3f8,#e8eef5);
}
.destination-related-heading{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:20px;
  margin-bottom:25px;
}
.destination-related-heading h2{
  margin:9px 0 0;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(2.4rem,5vw,4.3rem);
  line-height:1;
  letter-spacing:-.05em;
}
.destination-related-heading>a{
  padding-bottom:5px;
  border-bottom:2px solid var(--yellow);
  color:var(--blue);
  font-size:.74rem;
  font-weight:850;
}
.destination-related-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:15px;
}
.destination-related-card{
  position:relative;
  min-height:330px;
  overflow:hidden;
  border-radius:23px;
  color:#fff;
  box-shadow:0 24px 65px rgba(0,42,84,.13);
}
.destination-related-card>img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .4s ease;
}
.destination-related-card:hover>img{transform:scale(1.045)}
.destination-related-shade{
  position:absolute;
  inset:0;
  background:linear-gradient(0deg,rgba(0,21,43,.95),transparent 68%);
}
.destination-related-card>div:last-child{
  position:absolute;
  z-index:2;
  left:18px;
  right:18px;
  bottom:17px;
}
.destination-related-card h3{
  margin:0;
  font-family:Georgia,"Times New Roman",serif;
  font-size:1.35rem;
  line-height:1.1;
}
.destination-related-card span{
  display:block;
  margin-top:6px;
  color:rgba(255,255,255,.62);
  font-size:.7rem;
}
.destination-page-footer{
  border-top:5px solid var(--yellow);
  background:linear-gradient(180deg,#002a54,#00152d);
  color:#fff;
}
.destination-page-footer-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:34px 0;
}
.destination-page-footer img{width:155px;max-height:56px;object-fit:contain}
.destination-page-footer p{
  max-width:560px;
  margin:0;
  color:rgba(255,255,255,.58);
  font-size:.8rem;
  line-height:1.65;
}
.destination-page-footer nav{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:10px;
}
.destination-page-footer nav a{
  padding:8px 11px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:999px;
  color:rgba(255,255,255,.7);
  font-size:.7rem;
}
.destination-copy-toast{
  position:fixed;
  z-index:200;
  left:50%;
  bottom:28px;
  transform:translate(-50%,20px);
  padding:11px 16px;
  border-radius:999px;
  background:#001d3b;
  color:#fff;
  font-size:.74rem;
  font-weight:820;
  opacity:0;
  visibility:hidden;
  transition:.2s ease;
  box-shadow:0 18px 45px rgba(0,0,0,.25);
}
.destination-copy-toast.show{
  opacity:1;
  visibility:visible;
  transform:translate(-50%,0);
}
.destination-not-found{
  min-height:calc(100dvh - 80px);
  display:grid;
  place-items:center;
  padding:40px 18px;
  text-align:center;
  background:
    radial-gradient(circle at 80% 20%,rgba(246,201,0,.13),transparent 25%),
    linear-gradient(145deg,#00172f,#003b73);
  color:#fff;
}
.destination-not-found>div{max-width:650px}
.destination-not-found span{color:var(--yellow);font-size:.75rem;font-weight:900;letter-spacing:.2em}
.destination-not-found h1{
  margin:16px 0;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(3rem,9vw,6rem);
  line-height:.92;
}
.destination-not-found p{color:rgba(255,255,255,.62);line-height:1.7}
.destination-not-found a{
  min-height:48px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:15px;
  padding:0 18px;
  border-radius:999px;
  background:var(--red);
  box-shadow:inset 0 -3px var(--yellow);
  font-size:.75rem;
  font-weight:850;
}
@media(max-width:1020px){
  .destination-page-nav{display:none}
  .destination-story-section{grid-template-columns:1fr;gap:35px}
  .destination-story-summary{position:static}
  .destination-story-aside{display:grid;grid-template-columns:1fr 1fr;gap:14px}
  .destination-share-card{margin-top:0}
  .destination-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .destination-page-header-inner{width:calc(100% - 22px);min-height:72px}
  .destination-page-brand img{width:136px}
  .destination-page-back{width:42px;padding:0;justify-content:center}
  .destination-page-back span{display:none}
  .destination-hero{min-height:calc(100svh - 72px)}
  .destination-hero-content{padding:95px 0 82px}
  .destination-hero h1{font-size:clamp(3.5rem,17vw,6rem)}
  .destination-hero-content>p{font-size:.94rem}
  .destination-scroll-cue{left:17px;right:auto;bottom:20px}
  .destination-story-section{padding-top:50px;padding-bottom:62px}
  .destination-story-aside{grid-template-columns:1fr}
  .destination-story-heading h2{font-size:2.65rem}
  .destination-story-body p,.destination-story-body li{font-size:1.03rem;line-height:1.85}
  .destination-related{padding:55px 0 65px}
  .destination-related-heading{display:grid}
  .destination-related-grid{grid-template-columns:1fr}
  .destination-related-card{min-height:350px}
  .destination-page-footer-inner{display:grid}
}
