:root { --ink:#063d47; --deep:#041727; --navy:#061b2d; --gold:#e9aa4b; --mist:#edf3ef; --sand:#f7f0e3; --white:#fff; --muted:#607477; }
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;color:var(--ink);background:#fbfbf7;font-family:"Manrope",sans-serif;line-height:1.6} a{color:inherit;text-decoration:none} img{max-width:100%;display:block}
.site-header{position:fixed;z-index:20;top:0;left:0;right:0;height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:rgba(251,251,247,.9);backdrop-filter:blur(14px);border-bottom:1px solid rgba(7,60,67,.08)}
.brand img{width:160px;height:58px;object-fit:cover;object-position:center} nav{display:flex;gap:28px;align-items:center;font-size:14px;font-weight:600} nav a:hover{opacity:.65}.nav-cta{border:1px solid var(--ink);padding:11px 18px;border-radius:999px}
.hero{min-height:100vh;padding:150px 8vw 70px;display:flex;align-items:center;position:relative;overflow:hidden;background-image:url("luma-sunset-kayak.png");background-size:cover;background-position:center 58%}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,16,30,.88) 0%,rgba(2,20,35,.63) 44%,rgba(2,19,30,.1) 77%),linear-gradient(0deg,rgba(0,13,24,.38),transparent 45%)}
.hero-content{max-width:820px;position:relative;z-index:2;color:white}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:12px;font-weight:700;margin:0 0 18px} h1,h2,blockquote{font-family:"Playfair Display",serif}
h1{font-size:clamp(58px,8vw,108px);line-height:.98;letter-spacing:-.04em;margin:0;font-weight:600}h1 em{font-weight:500;color:#f2b04f}.hero-copy{max-width:650px;font-size:18px;margin:30px 0;color:rgba(255,255,255,.82)}
.hero-actions,.contact-actions{display:flex;gap:14px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;border-radius:999px;font-weight:700;font-size:14px;transition:.2s ease}.button:hover{transform:translateY(-2px)}.primary{background:var(--gold);color:var(--deep)}.secondary{border:1px solid rgba(255,255,255,.55);color:white;background:rgba(255,255,255,.05)}.hero-note{position:absolute;z-index:2;right:5vw;bottom:40px;color:white;letter-spacing:.12em;font-size:11px;text-transform:uppercase}
.section{padding:110px 8vw}.section-heading{max-width:820px}h2{font-size:clamp(42px,5.5vw,74px);line-height:1.05;letter-spacing:-.03em;margin:0 0 24px}.section-heading>p:last-child{max-width:720px;color:var(--muted);font-size:18px}
.experience-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;margin-top:58px;align-items:stretch}.experience-image-wrap{position:relative;min-height:680px;border-radius:30px;overflow:hidden;background:var(--deep)}.experience-image{width:100%;height:100%;object-fit:cover}.image-caption{position:absolute;left:28px;bottom:26px;color:white;font-family:"Playfair Display",serif;font-size:26px;font-style:italic;text-shadow:0 2px 16px rgba(0,0,0,.55)}
.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.feature-card{padding:30px;min-height:250px;border-radius:24px;background:white;border:1px solid rgba(7,60,67,.08)}.feature-card span{font-size:12px;letter-spacing:.2em;color:var(--gold)}.feature-card h3{font-size:22px;margin:38px 0 12px}.feature-card p{color:var(--muted);margin:0}
.visual-story-section{padding:110px 8vw;background:var(--deep);color:white;display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.visual-story-copy p{color:rgba(255,255,255,.68)}.visual-story-copy .eyebrow{color:var(--gold)}.trip-details{margin-top:40px;display:grid;gap:12px}.trip-details div{padding:18px 0;border-bottom:1px solid rgba(255,255,255,.15);display:flex;justify-content:space-between;gap:20px}.trip-details small{text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.52)}.trip-details strong{color:var(--gold);text-align:right}.poster-frame{border-radius:28px;overflow:hidden;box-shadow:0 25px 70px rgba(0,0,0,.32)}.poster-frame img{width:100%;height:auto}
.quote-section{padding:130px 10vw;background:var(--sand);text-align:center}blockquote{margin:0 auto;max-width:1040px;font-size:clamp(34px,5vw,68px);line-height:1.12;font-style:italic}
.safety-section{background:var(--mist);display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:start}.safety-copy p{color:var(--muted)}ul{padding-left:20px}li{margin:10px 0}.safety-panel{background:var(--deep);color:white;padding:38px;border-radius:28px}.panel-label{text-transform:uppercase;font-size:11px;letter-spacing:.2em;opacity:.65}.standard-item{padding:20px 0;border-bottom:1px solid rgba(255,255,255,.14);display:flex;justify-content:space-between;gap:24px}.standard-item span{opacity:.62;text-align:right}
.contact-section{text-align:center;padding:120px 8vw;background:var(--ink);color:white}.contact-section p{max-width:650px;margin:0 auto 28px;color:rgba(255,255,255,.75)}.contact-section .eyebrow{color:white}.contact-actions{justify-content:center}.light{background:white;color:var(--ink)}.outline-light{border:1px solid rgba(255,255,255,.5);color:white}.contact-section small{display:block;margin-top:24px;opacity:.5}
footer{padding:34px 5vw;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:12px}footer img{width:120px;height:48px;object-fit:cover}
@media(max-width:960px){.experience-layout,.visual-story-section,.safety-section{grid-template-columns:1fr}.experience-image-wrap{min-height:540px}.visual-story-section{gap:45px}}
@media(max-width:860px){.site-header{height:72px}.brand img{width:125px}nav a:not(.nav-cta){display:none}.hero{padding-left:6vw;padding-right:6vw;background-position:62% center}.hero-overlay{background:linear-gradient(90deg,rgba(2,16,30,.88),rgba(2,20,35,.58))}.hero-note{display:none}.section,.visual-story-section{padding:82px 6vw}footer{flex-direction:column;text-align:center}}
@media(max-width:600px){h1{font-size:52px}h2{font-size:42px}.hero-copy{font-size:16px}.button{width:100%}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:auto}.experience-image-wrap{min-height:420px}.standard-item{flex-direction:column;gap:4px}.standard-item span{text-align:left}.trip-details div{flex-direction:column;gap:4px}.trip-details strong{text-align:left}}

.promo-tag {
  display: inline-block;
  margin-top: 0.55rem;
  padding: 0.34rem 0.65rem;
  border: 1px solid rgba(210, 157, 70, 0.55);
  border-radius: 999px;
  color: #d29d46;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}