/* VAGUE Boats — bilingual SEO landing pages, shared design language */
.bk-page{min-height:100vh;background:#0b1820;color:#f4f0e9}
.bk-shell{width:calc(100% - var(--gutter)*2);max-width:1500px;margin-inline:auto}
.bk-header{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:102px;border-bottom:1px solid rgba(198,164,124,.22)}
.bk-brand.wordmark>span{font-size:39px}.bk-brand.wordmark small{font-size:7px}
.bk-nav{display:flex;gap:clamp(12px,2vw,31px);flex-wrap:wrap;align-items:center}.bk-nav a{font-size:11px;letter-spacing:.02em;color:#cbd4d6}.bk-nav a:hover,.bk-nav .bk-lang{color:#c6a47c}
.bk-hero{background:radial-gradient(ellipse at 78% 44%,rgba(33,60,72,.52),transparent 65%);overflow:hidden}
.bk-hero-grid{display:grid;grid-template-columns:minmax(300px,.95fr) minmax(0,1.25fr);gap:clamp(24px,5vw,85px);min-height:620px;align-items:center;padding-block:clamp(70px,9vw,135px)}
.bk-intro h1{font-size:clamp(55px,5.5vw,94px);letter-spacing:-.027em;max-width:690px;text-wrap:balance}
.bk-intro>p:not(.eyebrow){font-size:14px;line-height:1.9;color:#c8d1d3;max-width:570px;margin-top:25px}
.bk-intro>.button{margin-top:36px}.bk-intro .bk-locations{font-size:11px!important;letter-spacing:.07em;color:#c6a47c!important;margin-top:28px!important}
.bk-hero-img{position:relative;min-height:380px;aspect-ratio:1.6;display:flex;align-items:center;justify-content:center}
.bk-hero-img:before{content:"";position:absolute;inset:15% 2%;border-radius:50%;background:radial-gradient(ellipse,rgba(74,118,133,.22),transparent 70%)}
.bk-hero-img img{position:relative;object-fit:contain;width:100%;height:100%;filter:drop-shadow(0 25px 30px rgba(0,0,0,.25))}
.bk-collection{padding-block:clamp(70px,7vw,120px)}.bk-collection>h2{font-size:clamp(45px,4.7vw,72px);margin-bottom:39px}
.bk-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(26px,4vw,70px) clamp(28px,5vw,85px)}
.bk-boat{border-top:1px solid rgba(198,164,124,.22);padding-top:20px;min-width:0}
.bk-picture{aspect-ratio:1.65;width:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,rgba(39,68,76,.34),transparent 72%)}
.bk-picture img{object-fit:contain;width:100%;height:100%}
.bk-caption{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:12px 4px 25px}
.bk-caption h3{font-size:clamp(34px,3vw,49px)}.bk-index{font-size:11px;letter-spacing:.22em;color:#c6a47c}
.bk-caption .bk-capacity{margin:0;color:#d1b48d;font-size:11px;letter-spacing:.08em}
.bk-caption p:not(.bk-capacity){font-size:12px;line-height:1.85;color:#b9c6cb;max-width:550px;margin:0}
.bk-caption .text-link{margin-top:4px;color:#f1e5d7}
.bk-route{padding:clamp(50px,7vw,90px) 0;border-top:1px solid rgba(198,164,124,.2);border-bottom:1px solid rgba(198,164,124,.2)}
.bk-route h2{font-size:clamp(43px,4.7vw,68px);max-width:850px}.bk-route>p:not(.eyebrow){font-size:13px;color:#bbc8cc;max-width:850px;line-height:2;margin-top:26px}
.bk-route .text-link{margin-top:25px}
.bk-faq{padding-block:clamp(60px,8vw,110px)}.bk-faq h2{font-size:clamp(43px,4.6vw,68px);margin-bottom:34px}
.bk-questions{display:grid;grid-template-columns:1fr 1fr;gap:0 50px}
.bk-questions details{border-top:1px solid rgba(198,164,124,.24);padding:19px 0 23px}
.bk-questions summary{cursor:pointer;color:#f1e9db;font-size:13px;line-height:1.65}
.bk-questions details p{font-size:12px;color:#bac5c9;line-height:1.9;margin-top:16px}
.bk-cta{border-top:1px solid rgba(198,164,124,.2);padding-block:clamp(55px,8vw,110px);text-align:center;display:flex;flex-direction:column;align-items:center;gap:25px}
.bk-cta h2{font-size:clamp(47px,5.5vw,75px);max-width:800px}
.bk-cta p{font-size:12px;line-height:1.9;color:#aeb9bd;max-width:730px;margin:0}
.bk-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;border-top:1px solid rgba(198,164,124,.22);padding-block:32px 48px;color:#adb7bb;font-size:11px}
.bk-footer nav{display:flex;gap:20px;flex-wrap:wrap}.bk-footer a:hover{color:#c6a47c}
@media(max-width:850px){.bk-hero-grid{grid-template-columns:1fr;padding-block:55px 45px;min-height:auto}.bk-hero-img{max-width:780px;width:100%;min-height:260px}.bk-intro h1{max-width:730px}.bk-questions{grid-template-columns:1fr}}
@media(max-width:560px){.bk-header{flex-direction:column;align-items:flex-start;padding:23px 0;gap:18px}.bk-nav{gap:13px 22px}.bk-hero-grid{padding-block:44px 35px;gap:12px}.bk-intro h1{font-size:clamp(49px,11vw,68px)}.bk-intro>p:not(.eyebrow){font-size:12px}.bk-hero-img{min-height:210px}.bk-grid{grid-template-columns:1fr;gap:28px}.bk-collection{padding-block:62px}.bk-collection>h2{font-size:44px}.bk-caption{gap:12px}.bk-caption h3{font-size:38px}.bk-route,.bk-faq{padding-block:55px}.bk-footer nav{gap:12px 20px}}

/* VAGUE boats: enriched experiences, scenic routes and guest information */
.bk-experiences{padding:clamp(65px,7vw,118px) 0;border-top:1px solid rgba(198,164,124,.16)}
.bk-experiences h2,.bk-routes h2,.bk-process h2{font-size:clamp(43px,4.7vw,73px);max-width:920px;margin-bottom:18px}
.bk-intro-copy{font-size:13px;line-height:1.95;color:#bcc7cb;max-width:920px;margin:0 0 44px}
.bk-experience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,45px);row-gap:52px}
.bk-experience{min-width:0;display:flex;flex-direction:column;align-items:flex-start;border-top:1px solid rgba(198,164,124,.24);padding-top:22px}
.bk-num{font-size:10px;color:#c6a47c;letter-spacing:.13em;line-height:1.7}
.bk-experience h3{font-size:clamp(29px,2.8vw,44px);margin:15px 0 16px;line-height:1.12}
.bk-experience p{font-size:12px;line-height:1.9;color:#bfc9cd;margin:0 0 20px}
.bk-experience .text-link{font-size:11px;margin-top:auto}
.bk-routes{padding:clamp(65px,7vw,105px) 0;border-top:1px solid rgba(198,164,124,.20)}
.bk-route-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 65px;margin-bottom:38px}
.bk-path{border-top:1px solid rgba(198,164,124,.22);padding:22px 0 10px}
.bk-path h3{font-size:clamp(29px,3vw,43px);margin-bottom:15px}
.bk-path p{color:#b7c4c8;font-size:12px;line-height:1.85;margin:0;max-width:550px}
.bk-process{padding:clamp(55px,7vw,100px) 0;border-top:1px solid rgba(198,164,124,.20)}
.bk-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin:43px 0 62px}
.bk-step{border-top:1px solid rgba(198,164,124,.24);padding-top:19px}
.bk-step>span{color:#c6a47c;font-size:12px;letter-spacing:.15em}
.bk-step h3{font-size:clamp(28px,2.5vw,38px);margin:12px 0 12px}
.bk-step p{font-size:12px;line-height:1.85;color:#b8c6c9;margin:0}
.bk-included{padding:25px 0 15px;border-top:1px solid rgba(198,164,124,.22)}
.bk-included h3{font-size:clamp(30px,3vw,45px);margin-bottom:13px}
.bk-included p{color:#b8c6c9;font-size:12px;line-height:1.95;max-width:1020px;margin:0}
@media(max-width:950px){.bk-experience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bk-steps{gap:22px}}
@media(max-width:620px){.bk-experience-grid,.bk-route-grid,.bk-steps{grid-template-columns:1fr;gap:27px}.bk-experiences,.bk-routes,.bk-process{padding-block:52px}.bk-experiences h2,.bk-routes h2,.bk-process h2{font-size:42px}.bk-intro-copy{margin-bottom:32px}.bk-experience{padding-top:18px}.bk-step h3{margin-top:8px}.bk-steps{margin:32px 0 42px}}



/* Boesch only: same independent fading reflection on both boat landing pages. */
.bk-picture-boesch {
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:transparent;
}
.bk-picture-boesch > img {
  position:absolute;
  top:12.5%;
  left:0;
  width:100%;
  height:37.5%;
  object-fit:contain;
  object-position:center bottom;
  opacity:1;
  mix-blend-mode:normal;
  filter:none;
  transform:none;
  z-index:2;
}