*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#f8f6f0;color:#183035;font:16px/1.6 Arial,sans-serif}a{text-decoration:none;color:inherit}header{position:sticky;top:0;z-index:1000;background:#102a30;color:white;padding:17px 5%;display:flex;justify-content:space-between;align-items:center;gap:20px}header strong{font-size:20px;letter-spacing:2px}nav a{margin-left:22px;font-size:14px}.btn{display:inline-block;background:#e5b75e;color:#142d30;padding:13px 23px;border-radius:4px;font-weight:bold}.hero{background:linear-gradient(90deg,#10272fe8,#10272f45),url('../images/photo-01.jpg') center 45%/cover;min-height:660px;display:flex;align-items:center;color:white}.inside{width:min(1120px,90%);margin:auto}.eyebrow{text-transform:uppercase;letter-spacing:3px;font-weight:bold;font-size:12px;color:#d9ae5d}h1,h2,h3{font-family:Georgia,serif;line-height:1.13}h1{font-size:clamp(48px,7vw,88px);max-width:750px;margin:15px 0}h2{font-size:clamp(34px,4vw,52px);margin:15px 0}h3{font-size:28px;margin:12px 0}.hero p{font-size:21px;max-width:600px;color:#e6e9e7}.section{padding:85px 0}.center{text-align:center}.center p{max-width:700px;margin:0 auto}.highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:45px}.highlight{border-top:3px solid #e5b75e;padding-top:16px;font-weight:bold}.highlight small{display:block;color:#6c7774;font-weight:normal}.cards{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:35px}.card{background:white;border-radius:6px;overflow:hidden;box-shadow:0 8px 30px #17303215}.card img{width:100%;height:310px;object-fit:cover}.card .copy{padding:28px}.dark{background:#102a30;color:white}.dark p{color:#d3e0dc}.split{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.split img{width:100%;height:460px;object-fit:cover;border-radius:5px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:35px}.gallery img{width:100%;height:260px;object-fit:cover;border-radius:5px}.contact{background:#e8eee9}.contact .inside{display:flex;justify-content:space-between;align-items:center;gap:35px}footer{background:#0c2227;color:#c3d2cf;text-align:center;padding:28px;font-size:13px}.fine{font-size:13px;color:#5c7472}@media(max-width:750px){header{align-items:flex-start}nav a:not(.btn){display:none}nav .btn{margin:0;padding:9px}header strong{font-size:15px}.hero{min-height:620px;background-position:60% center}.hero p{font-size:17px}.highlights,.cards,.split,.gallery{grid-template-columns:1fr}.section{padding:65px 0}.contact .inside{display:block}.gallery img{height:310px}}
.card img{height:370px}.gallery img{height:310px}@media(max-width:750px){.card img{height:390px}.gallery img{height:360px}}
/* Brand header refresh */
.header-brand{display:flex;flex-direction:column;flex:0 1 auto;min-width:0}
.header-brand-name{font-size:clamp(19px,2.1vw,29px);font-weight:800;letter-spacing:.7px;line-height:1.18;white-space:nowrap}
.header-brand-tagline{font-size:13px;font-style:italic;letter-spacing:1.3px;color:#e5b75e;margin-top:5px}
header nav{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:12px}
header nav a{margin-left:0;white-space:nowrap}
@media(max-width:1050px){header{flex-wrap:wrap;justify-content:center;text-align:center;gap:13px}header nav{justify-content:center}.header-brand-name{font-size:clamp(19px,3.6vw,29px)}}
@media(max-width:560px){header{padding:12px 3%}.header-brand-name{font-size:clamp(16px,4.4vw,22px);letter-spacing:0}.header-brand-tagline{font-size:12px}header nav{gap:9px}header nav a{font-size:12px}.btn{padding:10px 13px}}
.trip-prep-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:24px}.trip-prep-panel{background:#fff;border:1px solid #e8e2d5;border-radius:10px;padding:24px}.trip-prep-panel h3{margin:0 0 10px;color:#102a30;font-size:22px}.trip-prep-panel p{margin:0}@media(max-width:650px){.trip-prep-grid{grid-template-columns:1fr}}
/* Horizontal photo gallery on wide screens only */
.gallery-controls{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}
.gallery-arrow{border:1px solid #bccbc5;border-radius:50%;background:#fff;color:#102a30;width:44px;height:44px;font-size:23px;cursor:pointer}
.gallery-arrow:hover{background:#102a30;color:#fff}
.gallery-scroll-wrap{position:relative}
@media(min-width:751px){
.gallery{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-inline:contain;padding-bottom:14px;scrollbar-width:thin}
.gallery img{flex:0 0 clamp(260px,31%,380px);width:clamp(260px,31%,380px);height:310px;object-fit:contain;background:#e9eeea;scroll-snap-align:start}
}
@media(max-width:750px){.gallery-controls{display:none}.gallery{display:grid;overflow:visible;scroll-snap-type:none}.gallery img{width:100%;object-fit:contain;background:#e9eeea}}


/* Overlay arrows beside the gallery; scrollbar hidden while preserving scrolling */
.gallery-scroll-wrap{position:relative}
.gallery-controls{position:absolute;inset:0;z-index:3;display:block;margin:0;pointer-events:none}
.gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;pointer-events:auto;box-shadow:0 2px 12px #102a3050;transition:opacity .15s ease,visibility .15s ease}
.gallery-arrow.prev{left:8px}.gallery-arrow.next{right:8px}
.gallery-arrow[hidden]{display:none!important}
@media(min-width:751px){.gallery{scrollbar-width:none;-ms-overflow-style:none;padding-bottom:0}.gallery::-webkit-scrollbar{display:none}}
@media(max-width:750px){.gallery-controls{display:none}}
@media(max-width:750px){header{align-items:flex-start;text-align:left}.header-brand{align-self:flex-start;text-align:left;width:100%}.header-brand-name{text-align:left}}

/* Keep mobile brand left and trip CTA right on the same header row */
@media(max-width:750px){header{flex-wrap:nowrap;justify-content:space-between;align-items:center;text-align:left}header .header-brand{width:auto;flex:1 1 auto;min-width:0}header nav{margin-left:auto;flex:0 0 auto;justify-content:flex-end}header nav .btn{margin-left:auto}}


/* On mobile, keep the brand in two readable lines and the CTA clear of it. */
.header-brand-name .brand-line-one,.header-brand-name .brand-line-two{display:inline}
.header-brand-name .brand-line-one::after{content:" "}
@media(max-width:750px){
  header{position:fixed;top:0;left:0;right:0;width:100%;z-index:9999;display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:10px;padding:12px 4%;box-sizing:border-box}
  body{padding-top:var(--mobile-header-height,70px)}
  .header-brand{flex:1 1 auto;min-width:0;width:auto;text-align:left}
  .header-brand-name{font-size:clamp(16px,4.2vw,22px);line-height:1.13;letter-spacing:0;white-space:normal;text-align:left}
  .header-brand-name .brand-line-one,.header-brand-name .brand-line-two{display:block;white-space:nowrap}
  .header-brand-name .brand-line-one::after{content:none}
  header nav{flex:0 0 auto;margin-left:auto;justify-content:flex-end;flex-wrap:nowrap}
  header nav .btn{white-space:nowrap;margin:0;padding:10px 12px;font-size:12px}
  html{scroll-padding-top:calc(var(--mobile-header-height,70px) + 12px)}
}