/* AUTO-GENERATED — run: node scripts/bundle-css.mjs */
/* ---- yk/01-foundation.css ---- */
/* Yohak UI partial — see website/YOHAK_UI/COMPONENTS.md */
/* ============================================================================
   YOHAK COMPONENT + LAYOUT STYLES
   Framework-free rebuild of the yohak.ph visual language.
   Pairs with tokens.css. See website/UI_GUIDELINES.md.
   ========================================================================== */

/* ---- Reset ------------------------------------------------------------- */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
img,svg,video{display:block;max-width:100%;height:auto}
.yk-hero__bg img,.yk-card__media img,.yk-stillness-card img,.yk-hover-card-canvas img{max-width:none}
a{color:inherit;text-decoration:none}
ul{list-style:none}
button{font:inherit;color:inherit;background:none;border:none}

::selection{background:var(--yk-bg);color:var(--yk-primary)}
::-moz-selection{background:var(--yk-bg);color:var(--yk-primary)}

/* ---- Base typography --------------------------------------------------- */
body{
  font-family:"Sofia Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  color:var(--yk-text);
  font-size:var(--yk-text-m);
  font-weight:400;
  line-height:1.3;
  background:var(--yk-white);
  -webkit-font-smoothing:antialiased;
}

h1,h2,h3,h4,h5,h6{
  color:var(--yk-heading);
  font-family:"Albertus Nova",Georgia,"Times New Roman",serif;
  font-weight:400;
  line-height:1.15;
  letter-spacing:.01em;
}
h1{font-size:var(--yk-h1)}
h2{font-size:var(--yk-h2)}
/* h3/h4 intentionally use the sans (Sofia Pro) per brand framework */
h3{font-family:"Sofia Pro",sans-serif;font-weight:400;font-size:var(--yk-space-l)}
h4{font-family:"Sofia Pro",sans-serif;font-weight:500;font-size:var(--yk-text-l)}
p{max-width:68ch}
@media (max-width:991px){h1{font-size:4rem}h2{font-size:3rem}}
@media (max-width:767px){h1{font-size:3.5rem}}
@media (max-width:478px){h1{font-size:3.5rem}h2{font-size:2.5rem}}

.yk-eyebrow{
  font-family:"Sofia Pro",sans-serif;
  text-transform:uppercase;
  letter-spacing:.28em;
  font-size:var(--yk-text-xs);
  font-weight:500;
  color:var(--yk-accent-ink);
}
.yk-section--dark .yk-eyebrow,
.yk-xp-band--dark .yk-eyebrow,
.yk-cta .yk-eyebrow{color:var(--yk-muted-on-dark)}
.yk-lead{font-size:var(--yk-text-l);font-weight:300;color:var(--yk-secondary)}
.yk-muted{color:var(--yk-muted-ink)}

/* Focus ring — every interactive element, keyboard-visible (UI-STANDARD §4) */
a:focus-visible,button:focus-visible,[role="button"]:focus-visible,
select:focus-visible,input:focus-visible,textarea:focus-visible,
summary:focus-visible{outline:2px solid var(--yk-accent);outline-offset:2px}

/* Bricks icon-box default */
.yk-icon{width:32px;height:32px;font-size:32px;line-height:1;color:var(--yk-accent);flex-shrink:0}
.yk-icon svg{width:32px;height:32px}

/* ---- Layout helpers ---------------------------------------------------- */
.yk-container{width:min(100% - 2 * var(--yk-page-gutter, var(--yk-space-l)), var(--yk-container));margin-inline:auto}
.yk-section{padding:var(--yk-section-y)}
.yk-section--major{padding-block:var(--yk-section-major)}
.yk-section--tight{padding-block:var(--yk-space-xl)}
.yk-section--light{background:var(--yk-bg)}
.yk-section--dark{background:var(--yk-primary);color:var(--yk-bg)}
.yk-section--dark h1,.yk-section--dark h2,.yk-section--dark h3,.yk-section--dark h4{color:var(--yk-bg)}
.yk-center{text-align:center}
.yk-stack > * + *{margin-top:var(--yk-space-s)}
.yk-section-head{max-width:60ch;margin-inline:auto;margin-bottom:var(--yk-space-xl)}
.yk-section-head.yk-center{text-align:center}

/* ---- Buttons (exact brand spec: uppercase, square, smooth) ------------- */
.yk-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.6em;
  padding:1.4rem 2.6rem;
  font-family:"Sofia Pro",sans-serif;
  font-size:var(--yk-text-s);
  font-weight:400;
  text-transform:uppercase;
  letter-spacing:.12em;
  border-radius:var(--yk-radius);
  background:var(--yk-primary);
  color:var(--yk-bg);
  border:1px solid var(--yk-primary);
  transition:background var(--yk-transition-smooth),color var(--yk-transition-smooth),
             transform var(--yk-transition-fast),box-shadow var(--yk-transition-smooth);
  cursor:pointer;
}
.yk-btn:hover{background:var(--yk-accent);border-color:var(--yk-accent);color:var(--yk-bg);
  transform:translateY(-2px);box-shadow:0 10px 24px var(--yk-shadow-subtle)}
.yk-btn--outline{background:transparent;color:var(--yk-primary);border:1px solid var(--yk-primary)}
.yk-btn--outline:hover{background:var(--yk-primary);color:var(--yk-bg)}
.yk-btn--light{background:var(--yk-bg);color:var(--yk-primary);border:1px solid var(--yk-bg)}
.yk-btn--light:hover{background:var(--yk-accent);border-color:var(--yk-accent);color:var(--yk-bg)}
.yk-btn--ghost{background:transparent;color:var(--yk-bg);border:1px solid rgba(217,208,193,.6)}
.yk-btn--ghost:hover{background:var(--yk-bg);color:var(--yk-primary)}
.yk-btn--block{display:flex;width:100%}
.yk-link-arrow{font-family:"Sofia Pro",sans-serif;text-transform:uppercase;letter-spacing:.14em;
  font-size:var(--yk-text-xs);color:var(--yk-accent-ink);display:inline-flex;gap:.5em;align-items:center;
  min-height:var(--yk-tap-min)}
/* min-height grows the tap box upward — keep clear of cards above */
p.yk-center>.yk-link-arrow{margin-top:.8rem}
.yk-link-arrow::after{content:"\2192";transition:transform var(--yk-transition-fast)}
.yk-link-arrow:hover::after{transform:translateX(4px)}


/* ---- yk/02-chrome.css ---- */
/* Yohak UI partial — see website/YOHAK_UI/COMPONENTS.md */
/* ---- Header / nav ------------------------------------------------------ */
.yk-header{
  position:fixed;inset:0 0 auto 0;z-index:1000;
  min-height:var(--yk-header-h);box-sizing:border-box;
  transition:background var(--yk-transition-smooth),min-height var(--yk-transition-smooth)}
.yk-header__logo{
  display:flex;align-items:center;line-height:0;text-decoration:none;
  min-height:var(--yk-tap-min)}
.yk-header__logo img{
  display:block;height:3.1rem;width:auto;max-width:140px;max-height:48px;object-fit:contain}
.yk-header:not(.is-scrolled) .yk-header__logo img{filter:brightness(0) invert(1)}
.yk-header.is-scrolled{
  background:rgba(58,75,58,.96);backdrop-filter:blur(8px);
  min-height:calc(var(--yk-header-h) - .6rem)}
.yk-header.is-scrolled .yk-header__logo img{filter:brightness(0) invert(1)}
body.yk-money-page .yk-header.is-scrolled .yk-navlink,
body.yk-money-page .yk-header.is-scrolled .yk-nav a:not(.yk-nav__cta){color:var(--yk-bg)}
body.yk-money-page .yk-header.is-scrolled .yk-navlink.is-active{color:var(--yk-accent-muted)}

/* Desktop: one bar, logo + nav share the same vertical center (Bricks pattern) */
@media (min-width:992px){
  .yk-header{
    --yk-header-edge:max(var(--yk-space-l),calc((100% - min(var(--yk-container),calc(100% - 2 * var(--yk-space-l)))) / 2))}
  .yk-header__logo,.yk-nav{
    position:absolute;top:50%;transform:translateY(-50%)}
  .yk-header__logo{left:var(--yk-header-edge)}
  .yk-nav{
    right:var(--yk-header-edge);left:auto;
    display:flex;align-items:center;gap:30px}
  .yk-navlink,.yk-nav a:not(.yk-nav__cta){
    padding-bottom:0;line-height:1.2}
  .yk-navlink::after,.yk-nav a:not(.yk-nav__cta)::after{bottom:-4px}}

.yk-nav{display:flex;align-items:center;gap:30px}
.yk-navlink,.yk-nav a:not(.yk-nav__cta){
  position:relative;display:inline-block;text-decoration:none;
  font-family:"Sofia Pro",sans-serif;text-transform:none;letter-spacing:normal;
  font-size:var(--yk-text-s);font-weight:400;color:var(--yk-bg);
  padding-bottom:5px;transition:color .4s ease}
.yk-navlink::after,.yk-nav a:not(.yk-nav__cta)::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;
  background:var(--yk-accent-muted);transform:scaleX(0);transform-origin:right center;
  transition:transform .45s cubic-bezier(.19,1,.22,1)}
.yk-navlink:hover,.yk-nav a:not(.yk-nav__cta):hover{color:var(--yk-accent-muted)}
.yk-navlink:hover::after,.yk-nav a:not(.yk-nav__cta):hover::after{transform:scaleX(1);transform-origin:left center}
.yk-header.is-scrolled .yk-navlink,.yk-header.is-scrolled .yk-nav a:not(.yk-nav__cta){color:var(--yk-bg)}
.yk-btn--circle{border-radius:99px;padding:1.2rem 2.4rem}
.yk-btn--secondary{background:var(--yk-secondary);color:var(--yk-bg);border-color:var(--yk-secondary)}
.yk-btn--secondary:hover{background:var(--yk-accent);border-color:var(--yk-accent);color:var(--yk-bg)}
.yk-nav__cta.yk-btn--circle{
  padding:var(--yk-space-s) var(--yk-space-l);min-height:4.8rem;
  display:inline-flex;align-items:center;justify-content:center;
  font-size:var(--yk-text-2xs);font-weight:500;letter-spacing:.1rem;text-transform:uppercase;
  background:var(--yk-accent);color:var(--yk-bg);border-color:var(--yk-accent)}
.yk-nav__cta.yk-btn--circle:hover{
  background:var(--yk-accent);border-color:var(--yk-accent);color:var(--yk-bg);
  transform:scale(1.02);box-shadow:0 .5px 5px 1px rgba(0,0,0,.3)}
@media (prefers-reduced-motion:reduce){
  .yk-navlink::after,.yk-nav a:not(.yk-nav__cta)::after{transition:none}
}
/* ---- Scroll CTA (live yohak-scroll-text) ----------------------------- */
@keyframes ykScrollEntrance{0%{opacity:0;transform:translateY(24px)}100%{opacity:1;transform:none}}
@keyframes ykDrawCircle{0%,10%{stroke-dashoffset:150;opacity:1}50%,100%{stroke-dashoffset:0;opacity:1}}
@keyframes ykDrawTrack{0%,10%{stroke-dashoffset:30;opacity:1}40%,100%{stroke-dashoffset:0;opacity:1}}
@keyframes ykDrawHead{0%,35%{stroke-dashoffset:22;opacity:0}36%{opacity:1}50%,100%{stroke-dashoffset:0;opacity:1}}
.yk-scroll-cta{
  position:relative;display:inline-flex;align-items:center;justify-content:center;
  width:fit-content;min-width:48px;height:48px;margin-top:0;gap:0;border-radius:50px;
  text-decoration:none;color:var(--yk-bg);cursor:pointer;align-self:flex-start;
  animation:ykScrollEntrance 1.2s cubic-bezier(.16,1,.3,1) .3s both}
.yk-scroll-cta__label{
  position:relative;z-index:3;font-family:"Sofia Pro",sans-serif;
  font-size:var(--yk-text-xs);font-weight:500;letter-spacing:.1em;text-transform:uppercase;
  white-space:nowrap;max-width:0;opacity:0;overflow:hidden;transform:translateX(-15px);
  transition:max-width .5s cubic-bezier(.65,0,.35,1),opacity .5s,transform .5s}
.yk-scroll-cta__ring{
  position:absolute;top:0;left:0;pointer-events:none;z-index:1;
  transition:opacity .3s ease}
.yk-scroll-cta__ring circle{
  stroke-dasharray:150;stroke-dashoffset:150;
  animation:ykDrawCircle 2.5s cubic-bezier(.4,0,.2,1) forwards;
  transform-origin:center;transform:rotate(-90deg)}
.yk-scroll-cta__arrow{
  position:relative;z-index:2;overflow:visible;color:var(--yk-bg);
  max-width:20px;min-width:20px;opacity:1;transform:translateX(0);
  transition:all .5s cubic-bezier(.65,0,.35,1)}
.yk-scroll-cta__arrow .yk-draw-track{
  stroke-dasharray:30;stroke-dashoffset:30;
  animation:ykDrawTrack 2.5s cubic-bezier(.4,0,.2,1) forwards}
.yk-scroll-cta__arrow .yk-draw-head{
  stroke-dasharray:22;stroke-dashoffset:22;
  animation:ykDrawHead 2.5s cubic-bezier(.4,0,.2,1) forwards}
@media (min-width:992px){
  .yk-scroll-cta{padding:0 14px;background:transparent;
    transition:background-color .5s ease,padding .5s cubic-bezier(.65,0,.35,1)}
  .yk-scroll-cta:hover{background:var(--yk-primary);padding:0 30px}
  .yk-scroll-cta:hover .yk-scroll-cta__label{max-width:250px;opacity:1;transform:none}
  .yk-scroll-cta:hover .yk-scroll-cta__ring{opacity:0}
  .yk-scroll-cta:hover .yk-scroll-cta__arrow{
    max-width:0;min-width:0;opacity:0;transform:translateX(15px);margin:0}
  .yk-scroll-cta:hover .yk-scroll-cta__ring circle,
  .yk-scroll-cta:hover .yk-scroll-cta__arrow .yk-draw-track,
  .yk-scroll-cta:hover .yk-scroll-cta__arrow .yk-draw-head{animation:none}
}
@media (max-width:991px){
  .yk-hide-mobile{display:none!important}
  .yk-scroll-cta{align-self:center;margin-top:var(--yk-space-m);padding:0 32px;background:var(--yk-primary)}
  .yk-scroll-cta__label{max-width:none;opacity:1;transform:none}
}

.yk-nav-toggle{display:none}

/* Desktop: tighten nav when container is cramped (Bricks keeps one row) */
@media (min-width:992px) and (max-width:1280px){
  .yk-nav{gap:18px}
  .yk-navlink,.yk-nav a:not(.yk-nav__cta){font-size:1.3rem}
  .yk-nav__cta.yk-btn--circle{padding:var(--yk-space-xs) var(--yk-space-m)}}

@media (max-width:991px){
  .yk-header{
    display:flex;align-items:center;justify-content:space-between;
    min-height:unset;padding-block:1.4rem;
    padding-inline:max(var(--yk-space-m),env(safe-area-inset-left,0px)) max(var(--yk-space-m),env(safe-area-inset-right,0px))}
  .yk-header__logo{position:static;transform:none;flex:0 0 auto}
  body.yk-nav-open{overflow:hidden}
  /* Nav drawer is inside .yk-header (z-index 1000); backdrop on body was 1040 → covered menu */
  body.yk-nav-open .yk-header{z-index:10050}
  body.yk-nav-open .yk-nav-backdrop{
    z-index:10040;background:rgba(0,0,0,.72)}
  body.yk-nav-open .yk-live-dock,
  body.yk-has-mobile-dock.yk-nav-open .yk-live-dock{
    opacity:0!important;visibility:hidden!important;pointer-events:none!important}
  .yk-nav-backdrop{
    position:fixed;inset:0;z-index:1040;background:rgba(0,0,0,.7);
    opacity:0;visibility:hidden;pointer-events:none;
    transition:opacity .45s ease,visibility .45s ease}
  body.yk-nav-open .yk-nav-backdrop{opacity:1;visibility:visible;pointer-events:auto}
  .yk-nav{
    position:fixed;top:0;right:0;bottom:0;left:auto;
    width:min(292px,78vw);max-width:100%;height:100%;min-height:100dvh;
    flex-direction:column;justify-content:flex-start;align-items:stretch;
    gap:0;padding:30px;padding-top:calc(72px + env(safe-area-inset-top,0px));
    padding-bottom:calc(28px + env(safe-area-inset-bottom,0px));
    background:var(--yk-primary);
    transform:translateX(100%);transition:transform .45s cubic-bezier(.25,.8,.25,1);
    z-index:2;overflow-y:auto;-webkit-overflow-scrolling:touch;
    box-shadow:-8px 0 32px rgba(0,0,0,.18)}
  body.yk-nav-open .yk-nav{
    width:100%;max-width:100%;left:0;box-shadow:none;
    display:flex;flex-direction:column;min-height:100dvh}
  body.yk-nav-open .yk-header__logo{visibility:hidden}
  .yk-nav.is-open{transform:translateX(0)}
  .yk-navlink,.yk-nav a:not(.yk-nav__cta){
    font-size:16px;line-height:1.35;letter-spacing:normal;
    padding:12px 0;text-align:left;align-self:stretch;width:100%;
    color:var(--yk-bg)}
  .yk-navlink::after,.yk-nav a:not(.yk-nav__cta)::after{display:none}
  .yk-nav__cta{
    order:-1;align-self:flex-start;width:auto;margin:0 0 24px;
    padding:13px 20px;font-size:12.8px;letter-spacing:.08em}
  .yk-nav-meta{
    display:flex;flex-direction:column;gap:10px;margin-top:auto;padding-top:24px;
    border-top:1px solid rgba(217,208,193,.22)}
  .yk-nav-meta a,.yk-nav-meta span{
    font-size:14px;line-height:1.45;color:rgba(217,208,193,.92);text-decoration:none}
  .yk-nav-meta a:hover{color:var(--yk-bg)}
  .yk-nav-toggle{
    display:flex;flex-direction:column;justify-content:center;align-self:center;gap:6px;
    grid-column:unset;justify-self:unset;flex:0 0 auto;
    position:relative;z-index:2;width:44px;height:44px;padding:10px;
    margin:0;border:0;background:transparent;cursor:pointer;
    -webkit-appearance:none;appearance:none;box-shadow:none;
    -webkit-tap-highlight-color:transparent;color:var(--yk-bg)}
  .yk-nav-toggle:focus{outline:none}
  .yk-nav-toggle:focus-visible{outline:2px solid var(--yk-accent);outline-offset:3px;border-radius:4px}
  .yk-nav-toggle span{display:block;height:2px;width:100%;background:currentColor;
    transition:transform .32s ease,opacity .32s ease}
  .yk-nav-toggle.is-open span:nth-child(1){transform:translateY(8px) rotate(45deg)}
  .yk-nav-toggle.is-open span:nth-child(2){opacity:0}
  .yk-nav-toggle.is-open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
  body.yk-nav-open .yk-header{background:var(--yk-primary);backdrop-filter:none}
  body.yk-nav-open .yk-header__logo img{filter:brightness(0) invert(1)}
  body.yk-nav-open .yk-nav-toggle{
    color:var(--yk-bg);position:fixed;top:calc(1.4rem + env(safe-area-inset-top,0px));
    right:max(var(--yk-space-m),env(safe-area-inset-right,0px));z-index:10052}
}
@media (min-width:992px){
  .yk-nav-meta{display:none}
}
/* ---- Footer (live Bricks footer band) ---------------------------------- */
.yk-footer{background:var(--yk-primary);color:var(--yk-bg);padding:67px 30px 8px}
.yk-footer a{color:var(--yk-bg);text-decoration:none;transition:color var(--yk-transition-fast)}
.yk-footer a:hover{color:var(--yk-accent)}
.yk-footer__grid{
  display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:30px;align-items:start}
@media (max-width:991px){.yk-footer__grid{grid-template-columns:1fr 1fr;gap:24px}}
@media (max-width:560px){.yk-footer__grid{grid-template-columns:1fr;gap:28px}}
.yk-footer__brand>a{display:inline-flex;align-items:center;min-height:var(--yk-tap-min)}
.yk-footer__brand img{max-width:180px;height:auto;filter:brightness(0) invert(1);margin-bottom:1rem;display:block}
.yk-footer__legal{font-size:12px;line-height:1.55;color:rgba(217,208,193,.78);margin:0 0 1.2rem;max-width:36ch}
.yk-footer__contact{list-style:none;padding:0;margin:0}
.yk-footer__contact li{margin-bottom:.55rem;font-size:14px;line-height:1.45}
.yk-footer h4,.yk-footer__subhead{
  color:var(--yk-bg);font-family:"Sofia Pro",sans-serif;text-transform:uppercase;
  letter-spacing:.14em;font-size:11px;margin:0 0 .85rem;font-weight:500;opacity:.9}
.yk-footer__subhead{margin-top:1.4rem}
.yk-footer li{margin-bottom:.55rem;font-size:14px;line-height:1.45}
/* ---- Scroll reveal ----------------------------------------------------- */
.yk-reveal{opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.25,.8,.25,1),transform .8s cubic-bezier(.25,.8,.25,1)}
.yk-reveal.is-in{opacity:1;transform:none}

/* ---- Custom cursor (terracotta ring, exact behavior) ------------------- */
@media (pointer:fine){
  .yk-has-cursor a,.yk-has-cursor button,.yk-has-cursor [data-cursor]{cursor:none}
  .yk-cursor{position:fixed;top:0;left:0;pointer-events:none;z-index:100000;will-change:transform}
  .yk-cursor__ring{display:block;width:48px;height:48px;margin:-24px 0 0 -24px;border-radius:50%;
    border:1px solid var(--yk-accent);background:rgba(176,90,42,.08);opacity:0;transform:scale(.4);
    transition:opacity .25s ease,transform .25s ease}
  .yk-cursor.is-active .yk-cursor__ring{opacity:1;transform:scale(1)}
}

/* ---- WhatsApp float (live ht_ctc style-7 — dark olive, not brand green) --- */
.yk-wa{
  position:fixed;right:20px;bottom:20px;z-index:900;
  display:flex;align-items:center;justify-content:center;
  width:48px;height:48px;padding:12px;box-sizing:border-box;
  background:var(--yk-primary)!important;color:#fff;border-radius:50%;font-size:0;
  box-shadow:0 4px 12px rgba(0,0,0,.18),0 2px 4px rgba(0,0,0,.1);
  transition:background .2s ease,transform var(--yk-transition-fast),box-shadow .2s ease}
/* No fake "1" unread badge — fabricated urgency is off-brand (kalinaw)
   and against the honesty rule. Keep a quiet accent dot as the affordance. */
.yk-wa::after{
  content:"";position:absolute;top:-3px;right:-3px;
  width:12px;height:12px;border-radius:50%;
  background:var(--yk-accent);border:2px solid var(--yk-bg);pointer-events:none;
  box-shadow:0 0 0 2px #fff,0 2px 8px rgba(176,90,42,.42);
  animation:yk-wa-badge-attn 2.5s ease-in-out infinite}
@keyframes yk-wa-badge-attn{
  0%,100%{transform:scale(1);
    box-shadow:0 0 0 2px #fff,0 2px 8px rgba(176,90,42,.4)}
  50%{transform:scale(1.1);
    box-shadow:0 0 0 2px #fff,0 0 0 5px rgba(176,90,42,.22),0 3px 12px rgba(176,90,42,.5)}}
@keyframes yk-wa-chip-in{
  from{opacity:0;transform:translateY(-50%) translateX(6px)}
  to{opacity:1;transform:translateY(-50%) translateX(0)}}
@media(prefers-reduced-motion:reduce){
  .yk-wa::after{animation:none}
  body.yk-live-tour .yk-live-dock.is-stats-overlap .yk-wa::before,
  body.yk-live-tour .yk-live-dock.is-cta-hidden .yk-wa::before{animation:none}}
.yk-wa svg{display:block;width:24px;height:24px;fill:currentColor;pointer-events:none}
.yk-wa:not(:has(svg))::before{
  content:"";display:block;width:24px;height:24px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 509 512'%3E%3Cpath fill='%23ffffff' d='M259.25 0C121.5 0 9.84 111.66 9.84 249.41c0 47.12 13.08 91.18 35.79 128.78L.61 512l138.09-44.21c35.73 19.76 76.82 31.02 120.55 31.02 137.74 0 249.41-111.66 249.41-249.4C508.66 111.66 396.99 0 259.25 0z'/%3E%3C/svg%3E") center/contain no-repeat}
.yk-wa:hover{background:var(--yk-primary)!important;transform:scale(1.04);
  box-shadow:0 6px 16px rgba(0,0,0,.22),0 2px 6px rgba(0,0,0,.12)}
/* keep the floating WhatsApp button from grazing the footer on small screens */
@media (max-width:600px){.yk-footer__bottom{padding-bottom:4.5rem}}

/* ---- Staging build bar (pages.dev) ----------------------------------- */
.yk-staging-bar{position:fixed;bottom:0;left:0;right:0;z-index:1200;
  background:var(--yk-accent);color:var(--yk-bg);text-align:center;
  font-family:"Sofia Pro",sans-serif;font-size:var(--yk-text-2xs);
  text-transform:uppercase;letter-spacing:.14em;padding:.7rem 1rem}
.yk-staging-bar code{font-family:monospace;text-transform:none;letter-spacing:0}


/* ---- yk/03-patterns.css ---- */
/* Yohak UI partial — see website/YOHAK_UI/COMPONENTS.md */
/* Yohak UI — Reviews carousel (live: yohak prev/next) ------------------------ */
.yk-reviews-section{background:var(--yk-white);padding-block:var(--yk-section-major)}
.yk-reviews-section .yk-section-head{margin-bottom:var(--yk-space-l);max-width:none}
.yk-reviews-section h2{font-size:var(--yk-text-2xl);color:var(--yk-primary);font-weight:400;margin:0}
.yk-reviews-section .yk-reviews{margin-top:var(--yk-space-s)}
.yk-reviews-carousel{position:relative;margin-top:var(--yk-space-l)}
@media(min-width:992px){
  .yk-reviews-carousel::before,.yk-reviews-carousel::after{
    content:"";position:absolute;top:0;bottom:calc(var(--yk-space-l) + 44px);width:min(12vw,120px);
    z-index:2;pointer-events:none}
  .yk-reviews-carousel::before{left:0;background:linear-gradient(90deg,var(--yk-white) 20%,transparent)}
  .yk-reviews-carousel::after{right:0;background:linear-gradient(270deg,var(--yk-white) 20%,transparent)}}
.yk-reviews-track{display:flex;gap:var(--yk-space-m);overflow-x:auto;scroll-snap-type:x mandatory;
  scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding-bottom:var(--yk-space-s);
  scrollbar-width:none;padding-inline:max(0px,calc(50% - var(--yk-container)/2 + var(--yk-space-l)))}
.yk-reviews-track::-webkit-scrollbar{display:none}
.yk-review-card{flex:0 0 min(88vw,520px);scroll-snap-align:start;background:var(--yk-white);
  border:1px solid var(--yk-line);border-radius:var(--yk-radius-card);padding:var(--yk-space-l);
  display:flex;flex-direction:column;gap:1rem;min-height:300px;
  box-shadow:0 8px 32px rgba(58,75,58,.06);
  transition:transform .35s ease,box-shadow .35s ease}
@media(min-width:992px){.yk-review-card{flex:0 0 min(42vw,520px)}}
@media(hover:hover){.yk-review-card:hover{transform:translateY(-3px);box-shadow:0 16px 40px var(--yk-shadow-subtle)}}
.yk-review-card blockquote{font-family:"Sofia Pro",sans-serif;font-size:var(--yk-text-s);
  font-weight:300;font-style:italic;color:var(--yk-secondary);line-height:1.5;margin:0}
.yk-review-card cite{font-family:"Albertus Nova",serif;font-style:normal;color:var(--yk-primary);
  font-size:var(--yk-text-s)}
.yk-review-card small{color:var(--yk-accent-muted);font-size:var(--yk-text-2xs);text-transform:uppercase;letter-spacing:.1em}
.yk-reviews-nav{display:flex;justify-content:center;gap:1rem;margin-top:var(--yk-space-s)}
.yk-reviews-nav button{width:44px;height:44px;border:1px solid var(--yk-line);border-radius:var(--yk-radius);
  color:var(--yk-primary);font-size:1.8rem;line-height:1;transition:background var(--yk-transition-fast)}
.yk-reviews-nav button:hover{background:var(--yk-primary);color:var(--yk-bg)}

/* ---- Tour tabs + cards (live Bricks tabs) ---------------------------- */
.yk-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:.65rem;margin-bottom:var(--yk-space-xl)}
.yk-tabs button{font-family:"Sofia Pro",sans-serif;text-transform:uppercase;letter-spacing:.12em;
  font-size:var(--yk-text-2xs);padding:.95rem 1.75rem;border:1px solid var(--yk-line);
  border-radius:99px;color:var(--yk-secondary);transition:all var(--yk-transition-smooth);
  font-weight:500;background:var(--yk-white);cursor:pointer}
.yk-tabs button.is-active,.yk-tabs button:hover{background:var(--yk-primary);color:var(--yk-bg);border-color:var(--yk-primary)}
.yk-tab-panel{display:none;animation:ykTabReveal .6s cubic-bezier(.25,.8,.25,1)}
.yk-tab-panel.is-active{display:block}
.yk-tab-panel .yk-grid{align-items:stretch}
.yk-tab-panel .yk-card{height:100%}
@keyframes ykTabReveal{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}
.yk-card__badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.6rem}
.yk-badge{font-size:var(--yk-text-2xs);text-transform:uppercase;letter-spacing:.12em;
  padding:.35rem .8rem;border:1px solid var(--yk-line);color:var(--yk-accent);border-radius:99px}
.yk-badge--booked{background:var(--yk-primary);color:var(--yk-bg);border-color:var(--yk-primary)}
.yk-card__specs{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem 1.2rem;margin:1rem 0;
  font-size:var(--yk-text-2xs);text-transform:uppercase;letter-spacing:.08em;color:var(--yk-accent-muted)}
.yk-card__specs strong{display:block;color:var(--yk-primary);font-weight:500;letter-spacing:.04em;text-transform:none;font-size:var(--yk-text-xs)}
/* ---- Pillars (legacy — fleet sub-blocks only) ------------------------ */
.yk-grid{display:grid;gap:var(--yk-space-l)}
.yk-grid--2{grid-template-columns:repeat(2,1fr)}
.yk-grid--3{grid-template-columns:repeat(3,1fr)}
.yk-grid--4{grid-template-columns:repeat(4,1fr)}
@media (max-width:900px){.yk-grid--3,.yk-grid--4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.yk-grid--2,.yk-grid--3,.yk-grid--4{grid-template-columns:1fr}}
.yk-pillar{border-top:1px solid var(--yk-line);padding-top:var(--yk-space-s)}
.yk-pillar h3{font-family:"Albertus Nova",serif;color:var(--yk-primary);font-size:var(--yk-text-xl);margin-bottom:.6rem}
.yk-pillar p{font-size:var(--yk-text-s);color:var(--yk-secondary)}

/* ---- Tour / product cards --------------------------------------------- */
.yk-card{background:var(--yk-white);border:1px solid var(--yk-line);border-radius:var(--yk-radius-card);
  overflow:hidden;display:flex;flex-direction:column;transition:transform var(--yk-transition-smooth),box-shadow var(--yk-transition-smooth)}
@media (min-width:992px){.yk-card:hover{transform:translateY(-2px);box-shadow:0 18px 40px var(--yk-shadow-subtle)}}
.yk-card__media{aspect-ratio:1024/811;overflow:hidden}
.yk-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.25,.8,.25,1);will-change:transform}
@media (min-width:992px){.yk-card:hover .yk-card__media img{transform:scale(1.02)}}
.yk-card__body{padding:var(--yk-space-m);display:flex;flex-direction:column;gap:.8rem;flex:1}
.yk-card__body h3{font-family:"Albertus Nova",serif;color:var(--yk-primary);font-size:var(--yk-text-xl)}
.yk-card__body p{font-size:var(--yk-text-s)}
.yk-card__price{font-family:"Sofia Pro",sans-serif;color:var(--yk-accent);font-size:var(--yk-text-s);
  text-transform:uppercase;letter-spacing:.08em;margin-top:auto}
.yk-card__price b{font-weight:500;font-size:var(--yk-text-l)}
.yk-card__foot{padding:0 var(--yk-space-m) var(--yk-space-m)}
.yk-card__foot .yk-btn--circle{background:var(--yk-secondary);border-color:var(--yk-secondary);border-radius:99px;
  font-size:var(--yk-text-s);padding:1.2rem 2rem;justify-content:center;gap:.6rem}
.yk-card__foot .yk-btn--circle:hover{background:var(--yk-accent);border-color:var(--yk-accent)}
.yk-card__foot .yk-btn--circle::after{content:"→";font-size:1.1em;line-height:1}

/* ---- Split / feature ---------------------------------------------------- */
.yk-split{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;align-items:start}
.yk-split--reverse .yk-split__media{order:2}
@media (max-width:850px){.yk-split{grid-template-columns:1fr}.yk-split--reverse .yk-split__media{order:0}}
.yk-split__media img{border-radius:var(--yk-radius-img);width:100%;object-fit:cover;aspect-ratio:1/1;max-height:532px}
@media (max-width:850px){.yk-split__media img{max-height:350px}}
.yk-section--founder-note{
  background:var(--yk-primary);color:var(--yk-bg);padding-block:var(--yk-section-major)}
.yk-section--founder-note h2{color:var(--yk-bg);font-size:var(--yk-text-2xl);font-weight:400;margin:0 0 var(--yk-space-m)}
.yk-section--founder-note .yk-founder-note p{
  font-size:16px;line-height:1.65;color:var(--yk-bg);margin:0 0 1rem;max-width:none}
.yk-section--founder-note .yk-founder-note a{color:var(--yk-bg);text-decoration:underline;text-underline-offset:3px}
.yk-section--founder-note .yk-founder-sign{color:var(--yk-bg);margin-top:var(--yk-space-m)}
.yk-section--founder-note .yk-link-arrow{color:var(--yk-accent)}
/* ---- Comparison table -------------------------------------------------- */
.yk-table-wrap{overflow-x:auto;border:1px solid var(--yk-line);border-radius:var(--yk-radius)}
.yk-table{width:100%;border-collapse:collapse;background:var(--yk-white);font-size:var(--yk-text-s)}
.yk-table th,.yk-table td{padding:1.4rem 1.6rem;text-align:left;border-bottom:1px solid var(--yk-line)}
.yk-table thead th{font-family:"Albertus Nova",serif;color:var(--yk-primary);font-weight:400;
  background:var(--yk-bg);font-size:var(--yk-text-m)}
.yk-table tbody tr:last-child td{border-bottom:none}
.yk-table td:first-child{color:var(--yk-secondary);font-weight:500}
.yk-table .yk-yes{color:var(--yk-success);font-weight:500}
.yk-table .yk-no{color:var(--yk-secondary);opacity:.88}
.yk-table .yk-col-feature{color:var(--yk-accent)}

/* ---- Checklist (what's included) -------------------------------------- */
.yk-check{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem var(--yk-space-l)}
@media (max-width:600px){.yk-check{grid-template-columns:1fr}}
.yk-check li{position:relative;padding-left:2.6rem;font-size:var(--yk-text-s);color:var(--yk-secondary)}
.yk-check li::before{content:"\2713";position:absolute;left:0;top:-.1em;color:var(--yk-accent);
  font-size:var(--yk-text-m);font-weight:700}
.yk-check--muted li::before{content:"\2014";color:var(--yk-accent-muted)}

/* ---- Accordion / FAQ --------------------------------------------------- */
.yk-faq details{border-bottom:1px solid var(--yk-line);padding:var(--yk-space-2xs) 0}
.yk-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:1rem;
  align-items:center;min-height:var(--yk-tap-min);
  font-family:"Albertus Nova",serif;color:var(--yk-primary);font-size:var(--yk-text-l)}
.yk-faq summary::-webkit-details-marker{display:none}
.yk-faq summary::after{content:"+";color:var(--yk-accent);transition:transform var(--yk-transition-fast)}
.yk-faq details[open] summary::after{content:"\2212"}
.yk-faq p{margin-top:1rem;font-size:var(--yk-text-s)}

/* ---- Review / quote card ----------------------------------------------- */
.yk-quote{background:var(--yk-white);border:1px solid var(--yk-line);border-radius:var(--yk-radius);
  padding:var(--yk-space-m);display:flex;flex-direction:column;gap:1rem}
.yk-quote__stars{color:var(--yk-accent);letter-spacing:.15em}
.yk-quote p{font-size:var(--yk-text-s);color:var(--yk-secondary);line-height:1.6;font-style:italic}
.yk-quote__who{font-family:"Albertus Nova",serif;color:var(--yk-primary);font-size:var(--yk-text-s);margin-top:auto}

/* ---- Article / prose --------------------------------------------------- */
.yk-prose{max-width:72ch;margin-inline:auto}
.yk-prose > * + *{margin-top:var(--yk-space-s)}
.yk-prose h2{font-size:var(--yk-text-2xl);margin-top:var(--yk-space-xl)}
.yk-prose h3{font-family:"Albertus Nova",serif;color:var(--yk-primary);font-size:var(--yk-text-xl);margin-top:var(--yk-space-l)}
.yk-prose p,.yk-prose li{font-size:var(--yk-text-m);color:var(--yk-secondary);line-height:1.6}
.yk-prose ul{padding-left:1.6rem;list-style:disc}
.yk-prose ul li{margin-top:.6rem}
.yk-prose a{color:var(--yk-accent);text-decoration:underline;text-underline-offset:3px}
.yk-callout{background:var(--yk-bg);border-left:3px solid var(--yk-accent);
  padding:var(--yk-space-m);border-radius:var(--yk-radius);margin-block:var(--yk-space-m)}
.yk-callout p{margin:0}

/* ---- Trust bar --------------------------------------------------------- */
.yk-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem var(--yk-space-l);
  font-family:"Sofia Pro",sans-serif;text-transform:uppercase;letter-spacing:.14em;
  font-size:var(--yk-text-xs);color:var(--yk-accent-muted)}
.yk-trust span{display:inline-flex;align-items:center;gap:.6em}
.yk-trust span::before{content:"\2014";color:var(--yk-accent)}

/* ---- Price block ------------------------------------------------------- */
.yk-price{display:flex;align-items:baseline;gap:.6rem;justify-content:center}
.yk-price b{font-family:"Albertus Nova",serif;color:var(--yk-primary);font-size:var(--yk-text-2xl)}
.yk-price small{color:var(--yk-accent-muted);font-size:var(--yk-text-s);text-transform:uppercase;letter-spacing:.1em}
.yk-avail{display:inline-block;margin-top:1rem;font-size:var(--yk-text-xs);text-transform:uppercase;
  letter-spacing:.12em;color:var(--yk-success)}
.yk-avail.is-sold{color:var(--yk-accent)}

/* ---- Discount / promo treatment (honest limited offer) ----------------- */
.yk-was{
  text-decoration:line-through;text-decoration-thickness:1px;
  opacity:.5;font-weight:400;margin-right:.45rem;
  font-size:.6em;font-family:"Sofia Pro",sans-serif;letter-spacing:0}
.yk-deal-badge{
  display:inline-flex;align-items:center;gap:.35rem;
  padding:.28rem .7rem;border-radius:99px;
  background:var(--yk-accent);color:#fff;
  font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;line-height:1}
.yk-deal-note{
  margin:.5rem 0 0;font-size:var(--yk-text-xs);line-height:1.45;
  color:var(--yk-accent);letter-spacing:.02em}
.yk-deal-note b{font-weight:600}
.yk-addon-note{
  margin:.4rem 0 0;font-size:var(--yk-text-xs);line-height:1.45;
  color:var(--yk-secondary);letter-spacing:.01em}
.yk-addon-note strong{color:var(--yk-primary);font-weight:600}


/* ---- yk/04-sections-home.css ---- */
/* Yohak UI partial — see website/YOHAK_UI/COMPONENTS.md */
/* ---- Fleet slider (live Splide fade + diagram grid) -------------------- */
@keyframes ykFleetRiseUp{0%{opacity:0;transform:translateY(40px)}100%{opacity:1;transform:none}}
@keyframes ykFleetSlideRight{0%{opacity:0;transform:translateX(-30px)}100%{opacity:1;transform:none}}
@keyframes ykFleetSlideLeft{0%{opacity:0;transform:translateX(30px)}100%{opacity:1;transform:none}}
.yk-section--fleet{padding-block:var(--yk-section-major)}
.yk-section--fleet .yk-section-head{display:flex;flex-direction:column;align-items:center;row-gap:var(--yk-space-xl);margin-bottom:var(--yk-space-l)}
.yk-section--fleet h2{font-size:var(--yk-text-2xl);text-align:center;font-weight:400;margin:0}
.yk-section--fleet .yk-lead{text-align:center;font-size:var(--yk-text-m);max-width:60ch;margin:0}
.yk-fleet-slider{position:relative;padding-bottom:4rem}
.yk-fleet-track{display:grid}
.yk-fleet-slide{
  grid-area:1/1;display:grid;align-items:initial;
  grid-template-columns:1fr auto auto auto 1fr;
  grid-template-rows:auto auto 1fr auto auto;gap:5px;
  opacity:0;pointer-events:none;transition:opacity .4s ease;
  overflow:visible}
.yk-fleet-slide.is-active{opacity:1;pointer-events:auto;z-index:1}
.yk-fleet-anim-boat,.yk-fleet-anim-conn-left,.yk-fleet-anim-feat-left,
.yk-fleet-anim-conn-right,.yk-fleet-anim-feat-right{opacity:0}
.yk-fleet-slide.is-active .yk-fleet-anim-boat{
  animation:ykFleetRiseUp .8s cubic-bezier(.25,.8,.25,1) forwards;animation-delay:.1s}
.yk-fleet-slide.is-active .yk-fleet-anim-conn-left{
  animation:ykFleetSlideRight .6s cubic-bezier(.25,.8,.25,1) forwards;animation-delay:.5s}
.yk-fleet-slide.is-active .yk-fleet-anim-feat-left{
  animation:ykFleetSlideRight .6s cubic-bezier(.25,.8,.25,1) forwards;animation-delay:.7s}
.yk-fleet-slide.is-active .yk-fleet-anim-conn-right{
  animation:ykFleetSlideLeft .6s cubic-bezier(.25,.8,.25,1) forwards;animation-delay:.5s}
.yk-fleet-slide.is-active .yk-fleet-anim-feat-right{
  animation:ykFleetSlideLeft .6s cubic-bezier(.25,.8,.25,1) forwards;animation-delay:.7s}
.yk-fleet-slide__title{
  grid-column:3/4;grid-row:1/2;justify-self:center;align-self:center;text-align:center;
  font-weight:700;font-size:var(--yk-text-l);color:var(--yk-primary);margin:0;
  padding-block:var(--yk-space-m)}
.yk-fleet-slide__boat{
  grid-column:3/4;grid-row:2/5;justify-self:center;align-self:center;
  display:flex;justify-content:center;align-items:center}
.yk-fleet-slide__boat img{max-height:min(72vh,680px);width:auto;height:auto;object-fit:contain}
.yk-fleet-feat{
  width:250px;max-width:100%;display:flex;flex-direction:column;row-gap:5px;text-align:left}
.yk-fleet-feat .yk-icon-svg{width:32px;height:32px;color:var(--yk-primary);fill:currentColor}
.yk-fleet-feat h3{font-family:"Albertus Nova",serif;font-size:var(--yk-text-l);font-weight:400;
  color:var(--yk-primary);margin:0;line-height:1.2}
.yk-fleet-feat p{font-size:var(--yk-text-s);line-height:1.65;color:var(--yk-secondary);margin:0}
.yk-fleet-feat--lt{grid-column:1/2;grid-row:2/3;justify-self:end;align-self:flex-start}
.yk-fleet-feat--lb{grid-column:1/2;grid-row:4/5;justify-self:end;align-self:flex-end}
.yk-fleet-feat--rt{grid-column:5/6;grid-row:2/3;justify-self:start;align-self:flex-start}
.yk-fleet-feat--rb{grid-column:5/6;grid-row:4/5;justify-self:start;align-self:flex-end}
.yk-fleet-conn{position:relative;z-index:0;pointer-events:none}
.yk-fleet-conn--lt{grid-column:2/3;grid-row:2/3;justify-self:end;align-self:center}
.yk-fleet-conn--rt{grid-column:4/5;grid-row:2/3;justify-self:start;align-self:center}
.yk-fleet-conn--lb{grid-column:2/3;grid-row:4/5;justify-self:end;align-self:center}
.yk-fleet-conn--rb{grid-column:4/5;grid-row:4/5;justify-self:start;align-self:center}
.yk-fleet-nav{
  position:absolute;left:50%;transform:translateX(-50%);bottom:-2.5rem;
  display:flex;flex-direction:row;gap:1rem;z-index:2}
@media (min-width:992px){
  .yk-fleet-nav{bottom:-2.5rem}
}
@media (max-width:991px){
  .yk-fleet-nav{
    left:0;right:0;width:100%;justify-content:space-between;
    top:50%;bottom:auto;transform:translateY(-20%);
    align-items:center;height:auto;padding-inline:.85rem;pointer-events:none}
  .yk-fleet-nav button{pointer-events:auto}
  .yk-fleet-slide{
    display:flex;flex-direction:column;row-gap:var(--yk-space-m);align-items:center;text-align:center}
  .yk-fleet-slide__title{order:0;width:100%;padding-block:var(--yk-space-s)}
  .yk-fleet-feat{width:100%;max-width:34ch;text-align:center;align-items:center}
  .yk-fleet-feat--lt,.yk-fleet-feat--lb,.yk-fleet-feat--rt,.yk-fleet-feat--rb{
    grid-column:auto;grid-row:auto;justify-self:center;align-self:center}
  .yk-fleet-feat--lt{text-align:left;align-items:flex-start;max-width:100%}
  .yk-fleet-slide__boat{order:3;width:100%;grid-column:auto;grid-row:auto;position:relative}
  .yk-fleet-slide__boat img{max-height:500px;width:auto}
  .yk-fleet-conn{display:none}
  .yk-fleet-feat--lt{order:1}.yk-fleet-feat--lb{order:2}
  .yk-fleet-feat--rt{order:4}.yk-fleet-feat--rb{order:5}
}
.yk-fleet-prev,.yk-fleet-next{
  display:inline-flex;align-items:center;justify-content:center;
  width:48px;height:48px;padding:0;border:none;background:transparent;
  color:var(--yk-primary);cursor:pointer;transition:opacity .3s ease}
.yk-fleet-prev.is-disabled,.yk-fleet-next.is-disabled{opacity:.3;pointer-events:none}

/* ---- Canvas section (live .hover-card-canvas) ------------------------- */
.yk-section--canvas{background:var(--yk-primary);color:var(--yk-bg);padding-block:var(--yk-section-major)}
.yk-section--canvas .yk-section-head{display:flex;flex-direction:column;align-items:center;row-gap:var(--yk-space-xl);margin-bottom:var(--yk-space-xl)}
.yk-section--canvas h2{color:var(--yk-bg);font-size:var(--yk-text-2xl);text-align:center;font-weight:400;margin:0}
.yk-section--canvas .yk-lead{color:var(--yk-bg);text-align:center;font-size:var(--yk-text-m);font-weight:400;max-width:60ch;margin:0}
.yk-canvas-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:stretch}
@media (max-width:991px){.yk-canvas-grid{grid-template-columns:1fr;max-width:400px;margin-inline:auto}}
.yk-hover-card-canvas{
  position:relative;aspect-ratio:3/5;min-height:300px;border-radius:12px;overflow:hidden;
  display:flex;flex-direction:column;justify-content:flex-end;padding:30px 28px;
  color:inherit;text-decoration:none;background-color:var(--yk-secondary)}
@media (min-width:992px){
  .yk-hover-card-canvas{min-height:640px;aspect-ratio:auto}
}
.yk-hover-card-canvas::after{
  content:"";position:absolute;inset:0;z-index:0;
  background-image:var(--yk-canvas-bg);background-size:cover;background-position:center;
  transform:scale(1);transition:transform 1.4s cubic-bezier(.22,1,.36,1)}
.yk-hover-card-canvas:hover::after{transform:scale(1.06)}
.yk-hover-card-canvas::before{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(to top,rgba(18,22,16,.84) 0%,rgba(18,22,16,.32) 38%,rgba(18,22,16,.05) 62%,transparent 100%);
  opacity:.9;transition:opacity .5s cubic-bezier(.22,1,.36,1)}
.yk-hover-card-canvas:hover::before{opacity:1}
.yk-hover-card-canvas > *{position:relative;z-index:2}
.yk-hover-card-canvas__icon{
  width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:rgba(217,208,193,.14);border:1px solid rgba(217,208,193,.4);
  margin-bottom:18px;transition:background-color .5s cubic-bezier(.22,1,.36,1),border-color .5s}
.yk-hover-card-canvas__icon svg{width:22px;height:22px;color:#F5F2EC;fill:currentColor}
.yk-hover-card-canvas:hover .yk-hover-card-canvas__icon{background:rgba(176,90,42,.9);border-color:var(--yk-primary)}
.yk-hover-card-canvas h3{
  font-family:"Albertus Nova",serif;font-weight:400;font-size:1.8rem;line-height:1.2;
  color:#F5F2EC;margin:0}
.yk-hover-card-canvas__desc{
  max-height:0;opacity:0;overflow:hidden;margin:0;
  font-size:var(--yk-text-s);line-height:1.7;color:rgba(217,208,193,.85);
  transition:max-height .5s cubic-bezier(.22,1,.36,1),opacity .5s ease,margin .5s ease}
.yk-hover-card-canvas:hover .yk-hover-card-canvas__desc{max-height:200px;opacity:1;margin-top:12px}
@media (max-width:991px){
  .yk-hover-card-canvas__desc{max-height:none;opacity:1;margin-top:12px}
  .yk-hover-card-canvas{min-height:350px}
}
@media (max-width:478px){.yk-hover-card-canvas{min-height:300px}}

/* ---- Stillness gallery (live brxe-jkqpgb) ----------------------------- */
.yk-section--stillness{background:var(--yk-white);padding-block:var(--yk-section-major)}
.yk-section--stillness .yk-section-head{display:flex;flex-direction:column;align-items:center;row-gap:var(--yk-space-xl);margin-bottom:var(--yk-space-xl)}
.yk-section--stillness h2{color:var(--yk-primary);font-size:var(--yk-text-2xl);text-align:center;font-weight:400;margin:0}
.yk-section--stillness .yk-lead{color:var(--yk-secondary);text-align:center;font-size:var(--yk-text-m);font-weight:400;max-width:48ch;margin:0}
.yk-stillness-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:stretch}
@media (max-width:991px){.yk-stillness-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.yk-stillness-grid{display:flex;flex-direction:column;gap:16px}}
.yk-stillness-card{
  position:relative;display:block;aspect-ratio:4/5;width:100%;
  min-height:320px;max-height:500px;
  overflow:hidden;border-radius:var(--yk-radius-m);isolation:isolate;text-decoration:none;color:inherit}
@media (max-width:991px){.yk-stillness-card{min-height:360px;max-height:420px}}
@media (max-width:600px){.yk-stillness-card{min-height:300px;max-height:none}}
.yk-stillness-card img{width:100%;height:100%;object-fit:cover;display:block;
  transition:transform 1.3s cubic-bezier(.22,1,.36,1)}
.yk-stillness-card:hover img{transform:scale(1.04)}
.yk-stillness-card::after{
  content:"";position:absolute;inset:auto 0 0 0;height:62%;z-index:1;pointer-events:none;
  background:linear-gradient(to top,rgba(20,22,18,.72),rgba(20,22,18,.12) 60%,transparent);
  opacity:.92;transition:opacity .6s cubic-bezier(.22,1,.36,1)}
.yk-stillness-card:hover::after{opacity:1}
.yk-stillness-card__label{
  position:absolute;left:0;bottom:0;z-index:2;padding:24px 22px 22px;pointer-events:none;
  font-family:"Albertus Nova",serif;font-size:1.6rem;line-height:1.2;color:var(--yk-bg);
  transition:transform .6s cubic-bezier(.22,1,.36,1)}
.yk-stillness-card:hover .yk-stillness-card__label{transform:translateY(-2px)}
.yk-stillness-card__label::before{
  content:"";display:block;width:26px;height:1px;background:var(--yk-accent);
  margin-bottom:14px;transition:width .6s cubic-bezier(.22,1,.36,1)}
.yk-stillness-card:hover .yk-stillness-card__label::before{width:46px}

/* ---- Founding guests (live #brxe-cmhmwg) ------------------------------ */
.yk-section--founding{
  background:var(--yk-primary);color:var(--yk-bg);padding-block:var(--yk-section-major);
  border-bottom:1px solid var(--yk-accent-muted)}
.yk-section--founding .yk-section-head{display:flex;flex-direction:column;align-items:center;row-gap:var(--yk-space-xl)}
.yk-section--founding h2{color:var(--yk-bg);font-size:var(--yk-text-2xl);text-align:center;font-weight:400;margin:0}
.yk-section--founding .yk-lead{color:var(--yk-bg);text-align:center;font-size:var(--yk-text-m);font-weight:400;max-width:60ch;margin:0}
.yk-section--founding .yk-feature-grid{margin-top:var(--yk-space-l);gap:10px}
.yk-section--founding .yk-feature-card{padding:13.3px 30px;border-radius:var(--yk-radius-img)}
.yk-founding-foot{margin-top:var(--yk-space-xl);display:flex;flex-direction:column;align-items:center;gap:var(--yk-space-m)}
.yk-founding-foot .yk-lead{max-width:48ch;margin:0}
.yk-founding-foot .yk-btn{
  padding:13.3px 20px;font-size:12px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;
  background:var(--yk-accent);color:var(--yk-bg);border-color:var(--yk-accent);border-radius:99px}
.yk-founding-foot .yk-btn:hover{background:var(--yk-accent);border-color:var(--yk-accent);transform:scale(1.02);
  box-shadow:0 .5px 5px 1px rgba(0,0,0,.3)}

/* ---- Founder note expand ----------------------------------------------- */
.yk-founder-note{font-size:var(--yk-text-s);color:var(--yk-secondary)}
.yk-founder-note.is-collapsed .yk-founder-note__more{display:none}
.yk-founder-note:not(.is-collapsed) .yk-founder-note__teaser{display:none}
.yk-section--founder-note .yk-founder-note{color:var(--yk-bg)}

/* ---- Hero (live #brxe-bjwwvb) ---------------------------------------- */
.yk-hero{position:relative;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;
  justify-content:center;color:var(--yk-bg);overflow:hidden}
.yk-hero__bg{position:absolute;inset:0;z-index:-2;overflow:hidden}
.yk-hero__bg img{width:100%;height:100%;min-width:100%;min-height:100%;object-fit:cover;object-position:center center;
  transform:scale(1.02)}
@media (max-width:991px){.yk-hero__bg img{transform:none}}
@media (max-width:767px){.yk-hero__bg img{object-position:56% center}}
@media (max-width:478px){.yk-hero__bg img{object-position:63% center}}
.yk-hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,.3) 20%,rgba(58,75,58,0) 55%,rgba(58,75,58,.15) 100%)}
.yk-hero__inner{
  position:relative;z-index:1;width:fit-content;max-width:min(100% - 2 * var(--yk-space-l), var(--yk-container));
  margin-inline:clamp(1.6rem,4vw,4rem);padding-block:clamp(6rem,11vh,8rem);
  display:flex;flex-direction:column;align-items:flex-start;row-gap:var(--yk-space-s)}
.yk-hero__inner > .yk-eyebrow,.yk-hero__inner > h1,.yk-hero__inner > .yk-hero__sub{margin:0}
.yk-hero__actions{margin-top:3rem}
.yk-hero h1{color:var(--yk-bg);font-size:5rem;font-weight:400;max-width:100%;white-space:nowrap;
  text-shadow:0 2px 40px rgba(0,0,0,.35);transition:var(--yk-transition-smooth)}
@media (max-width:991px){.yk-hero h1{font-size:4rem}}
@media (max-width:767px){.yk-hero h1{font-size:3.5rem;white-space:normal}}
@media (max-width:478px){.yk-hero h1{font-size:3rem;max-width:65%}}
.yk-hero .yk-eyebrow{color:var(--yk-bg);font-size:var(--yk-text-l);letter-spacing:normal;text-transform:none;font-weight:400}
@media (max-width:991px){.yk-hero .yk-eyebrow{font-size:var(--yk-text-m)}}
.yk-hero__sub{font-size:var(--yk-text-l);font-weight:400;line-height:1.6;max-width:60rem;
  color:var(--yk-bg);text-shadow:0 1px 20px rgba(0,0,0,.25);transition:var(--yk-transition-smooth)}
@media (max-width:991px){.yk-hero__sub{font-size:var(--yk-text-m);max-width:65%}}
@media (max-width:478px){.yk-hero__sub{max-width:60%}}
.yk-hero__actions{display:flex;gap:1.2rem;flex-wrap:wrap}

/* ---- Experience / feature cards (live .yohak-feature-card) ------------ */
.yk-section--experience{background:var(--yk-primary);color:var(--yk-bg);padding-block:var(--yk-section-major)}
.yk-section--experience .yk-section-head{display:flex;flex-direction:column;align-items:center;row-gap:var(--yk-space-xl)}
.yk-section--experience h2{color:var(--yk-bg);font-size:var(--yk-text-2xl);text-align:center;font-weight:400;margin:0}
.yk-section--experience .yk-lead{color:var(--yk-bg);text-align:center;font-size:var(--yk-text-m);font-weight:400;max-width:60ch;margin:0}
.yk-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--yk-grid-gap-tight);margin-top:var(--yk-space-l);align-items:initial}
@media (max-width:991px){.yk-feature-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:478px){.yk-feature-grid{grid-template-columns:1fr}}
.yk-feature-card{
  position:relative;display:flex;flex-direction:column;align-items:flex-start;row-gap:var(--yk-space-xs);
  padding:var(--yk-space-m);border:1px solid var(--yk-bg);border-radius:var(--yk-radius-card);
  background:transparent;overflow:hidden;isolation:isolate;
  transition:background-color .4s ease,border-color var(--yk-transition-smooth),box-shadow var(--yk-transition-smooth)}
.yk-feature-card:hover{
  background:var(--yk-secondary);border-color:var(--yk-secondary);
  box-shadow:0 .5px 4px 1px rgba(0,0,0,.2)}
.yk-feature-card *{transition:color .4s ease,border-color .4s ease,fill .4s ease,stroke .4s ease}
.yk-feature-card:hover *{color:var(--yk-bg)!important;border-color:var(--yk-bg)!important}
.yk-feature-card .yk-icon-svg{width:32px;height:32px;flex-shrink:0;color:var(--yk-bg);fill:currentColor}
.yk-feature-card:hover .yk-icon-svg{color:var(--yk-bg);fill:currentColor}
.yk-feature-card h3{font-family:"Albertus Nova",serif;font-size:var(--yk-text-xl);font-weight:400;color:var(--yk-bg);margin:0}
.yk-feature-card p{font-size:var(--yk-text-m);color:var(--yk-bg);line-height:1.3;margin:0}
@media (max-width:991px){.yk-feature-card{text-align:center;align-items:center}}

/* ---- Pillars (legacy — fleet sub-blocks only) ------------------------ */
.yk-grid{display:grid;gap:var(--yk-space-l)}
.yk-grid--2{grid-template-columns:repeat(2,1fr)}
.yk-grid--3{grid-template-columns:repeat(3,1fr)}
.yk-grid--4{grid-template-columns:repeat(4,1fr)}
@media (max-width:900px){.yk-grid--3,.yk-grid--4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.yk-grid--2,.yk-grid--3,.yk-grid--4{grid-template-columns:1fr}}
.yk-pillar{border-top:1px solid var(--yk-line);padding-top:var(--yk-space-s)}
.yk-pillar h3{font-family:"Albertus Nova",serif;color:var(--yk-primary);font-size:var(--yk-text-xl);margin-bottom:.6rem}
.yk-pillar p{font-size:var(--yk-text-s);color:var(--yk-secondary)}

/* ---- Tour / product cards --------------------------------------------- */
.yk-card{background:var(--yk-white);border:1px solid var(--yk-line);border-radius:var(--yk-radius);
  overflow:hidden;display:flex;flex-direction:column;transition:transform var(--yk-transition-smooth),box-shadow var(--yk-transition-smooth)}
@media (min-width:992px){.yk-card:hover{transform:translateY(-2px);box-shadow:0 18px 40px var(--yk-shadow-subtle)}}
.yk-card__media{aspect-ratio:1024/811;overflow:hidden}
.yk-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.25,.8,.25,1);will-change:transform}
@media (min-width:992px){.yk-card:hover .yk-card__media img{transform:scale(1.02)}}
.yk-card__body{padding:var(--yk-space-m);display:flex;flex-direction:column;gap:.8rem;flex:1}
.yk-card__body h3{font-family:"Albertus Nova",serif;color:var(--yk-primary);font-size:var(--yk-text-xl)}
.yk-card__body p{font-size:var(--yk-text-s)}
.yk-card__price{font-family:"Sofia Pro",sans-serif;color:var(--yk-accent);font-size:var(--yk-text-s);
  text-transform:uppercase;letter-spacing:.08em;margin-top:auto}
.yk-card__price b{font-weight:500;font-size:var(--yk-text-l)}
.yk-card__foot{padding:0 var(--yk-space-m) var(--yk-space-m)}
.yk-card__foot .yk-btn--circle{background:var(--yk-secondary);border-color:var(--yk-secondary);border-radius:99px;
  font-size:var(--yk-text-s);padding:1.2rem 2rem;justify-content:center;gap:.6rem}
.yk-card__foot .yk-btn--circle:hover{background:var(--yk-accent);border-color:var(--yk-accent)}
.yk-card__foot .yk-btn--circle::after{content:"→";font-size:1.1em;line-height:1}

/* ---- Split / feature ---------------------------------------------------- */
.yk-split{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;align-items:start}
.yk-split--reverse .yk-split__media{order:2}
@media (max-width:850px){.yk-split{grid-template-columns:1fr}.yk-split--reverse .yk-split__media{order:0}}
.yk-split__media img{border-radius:var(--yk-radius-img);width:100%;object-fit:cover;aspect-ratio:1/1;max-height:532px}
@media (max-width:850px){.yk-split__media img{max-height:350px}}
.yk-section--founder-note{
  background:var(--yk-primary);color:var(--yk-bg);padding-block:var(--yk-section-major)}
.yk-section--founder-note h2{color:var(--yk-bg);font-size:var(--yk-text-2xl);font-weight:400;margin:0 0 var(--yk-space-m)}
.yk-section--founder-note .yk-founder-note p{
  font-size:16px;line-height:1.65;color:var(--yk-bg);margin:0 0 1rem;max-width:none}
.yk-section--founder-note .yk-founder-note a{color:var(--yk-bg);text-decoration:underline;text-underline-offset:3px}
.yk-section--founder-note .yk-founder-sign{color:var(--yk-bg);margin-top:var(--yk-space-m)}
.yk-section--founder-note .yk-link-arrow{color:var(--yk-accent)}
.yk-split--founder{align-items:center;gap:clamp(2rem,4vw,30px)}
.yk-split--founder .yk-split__media img{
  border-radius:var(--yk-radius-img);aspect-ratio:1/1;object-fit:cover;width:100%;max-height:532px}
@media(max-width:850px){.yk-split--founder .yk-split__media img{max-height:380px}}
.yk-founder-sign{font-family:"Albertus Nova",serif;font-size:var(--yk-text-xl);color:var(--yk-primary);margin-top:var(--yk-space-s)}

/* ---- Steps (numbered process) ----------------------------------------- */
.yk-section--dark .yk-section-head .yk-lead{color:rgba(217,208,193,.85);max-width:48ch;margin-inline:auto}
.yk-section--dark .yk-grid--4{gap:var(--yk-space-l);align-items:start}
.yk-step{counter-increment:step}
.yk-step__num{font-family:"Albertus Nova",serif;font-size:3.5rem;color:var(--yk-accent);line-height:1;letter-spacing:.04em}
.yk-step h4{margin-block:.75rem .5rem;color:var(--yk-bg);font-family:"Albertus Nova",serif;font-size:1.35rem;line-height:1.2}
.yk-section--dark .yk-step p{color:rgba(217,208,193,.85);font-size:var(--yk-text-s);line-height:1.65;max-width:28ch}

/* ---- Maritime Calendar (live .yohak-calendar-card) -------------------- */
.yk-section--calendar{background:var(--yk-white);padding-block:var(--yk-section-major)}
.yk-container--calendar{display:flex;flex-direction:column;align-items:center;row-gap:68px}
.yk-section--calendar .yk-section-head{row-gap:var(--yk-space-m);margin:0}
.yk-section--calendar h2{color:var(--yk-primary);font-size:var(--yk-text-2xl);font-weight:400;text-align:center;margin:0}
.yk-section--calendar .yk-lead{color:var(--yk-secondary);font-size:var(--yk-text-m);text-align:center;max-width:48ch;margin:0}
.yk-calendar-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:20px;
  width:100%;align-items:stretch}
@media (max-width:900px){
  .yk-calendar-grid{grid-template-columns:1fr;max-width:100%;margin-inline:0;gap:16px}
}
.yk-calendar-card{
  position:relative;display:flex;flex-direction:column;align-items:flex-start;
  width:100%;min-height:496px;padding:30px;background:var(--yk-white);border:1px solid var(--yk-line);
  border-radius:12px;overflow:visible;
  transition:background-color .4s ease,border-color .4s ease,box-shadow .4s ease}
.yk-calendar-card *{transition:color .4s ease,border-color .4s ease,fill .4s ease}
.yk-calendar-card:hover,.yk-calendar-card:focus-within{
  background:var(--yk-primary);border-color:var(--yk-primary);
  box-shadow:0 .5px 4px 1px rgba(0,0,0,.2)}
.yk-calendar-card:hover *,.yk-calendar-card:focus-within *{color:var(--yk-bg)!important}
.yk-calendar-card:hover .yk-calendar-card__when,
.yk-calendar-card:hover .yk-calendar-card__climate,
.yk-calendar-card:focus-within .yk-calendar-card__when,
.yk-calendar-card:focus-within .yk-calendar-card__climate{border-color:var(--yk-bg)!important}
.yk-calendar-card:hover .yk-icon-svg,.yk-calendar-card:focus-within .yk-icon-svg{fill:var(--yk-bg);border-color:var(--yk-bg)}
.yk-calendar-card__head{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin-bottom:0}
.yk-calendar-card .yk-icon-svg{
  width:32px;height:32px;padding:10px;margin:0 0 12px;box-sizing:content-box;
  border:1px solid var(--yk-line);border-radius:50%;color:var(--yk-primary);fill:currentColor;flex-shrink:0}
.yk-calendar-card h3{
  font-family:"Albertus Nova",serif;font-size:25px;line-height:1.15;font-weight:400;
  color:var(--yk-primary);margin:0}
.yk-calendar-card__tags{
  display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-block:1rem 1.75rem;width:100%}
.yk-calendar-card__when,
.yk-calendar-card__climate{
  display:inline-flex;align-items:center;font-size:11px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--yk-primary);
  border:1px solid var(--yk-line);padding:4px 10px;line-height:1.2;border-radius:99px}
.yk-calendar-card__intro{
  font-size:var(--yk-text-s);line-height:1.75;color:var(--yk-secondary);margin:0 0 2.5rem;width:100%}
.yk-calendar-card__note{width:100%;margin-bottom:2rem}
.yk-calendar-card__note:last-child{margin-bottom:0;margin-top:auto}
.yk-calendar-card__label{
  display:block;font-size:12px;letter-spacing:.08em;
  text-transform:uppercase;font-weight:500;margin-bottom:.65rem}
.yk-calendar-card__label--pro{color:var(--yk-primary)}
.yk-calendar-card__label--con{color:var(--yk-accent)}
.yk-calendar-card__note p{font-size:var(--yk-text-xs);line-height:1.65;color:var(--yk-secondary);margin:0}
@media (hover:none){
  .yk-calendar-card:active{background:var(--yk-primary);border-color:var(--yk-primary)}
  .yk-calendar-card:active *{color:var(--yk-bg)!important}
  .yk-calendar-card:active .yk-calendar-card__when,
  .yk-calendar-card:active .yk-calendar-card__climate{border-color:var(--yk-bg)!important}
  .yk-calendar-card:active .yk-icon-svg{fill:var(--yk-bg);border-color:var(--yk-bg)}
}
@media (max-width:560px){.yk-calendar-card{padding:30px}}

/* ---- Reviews badge ----------------------------------------------------- */
.yk-reviews{display:inline-flex;align-items:center;gap:1rem;border:1px solid var(--yk-line);
  border-radius:99px;padding:1rem 1.8rem}
.yk-reviews__stars{color:var(--yk-accent);letter-spacing:.2em;font-size:var(--yk-text-m)}
.yk-reviews__score{font-family:"Albertus Nova",serif;font-size:var(--yk-text-l);color:var(--yk-primary)}
.yk-reviews small{color:var(--yk-accent-muted);font-size:var(--yk-text-xs)}

/* ---- Legacy CTA band (unused on homepage) ------------------------------ */

/* ---- Offers / Choose Your Escape (#core-offers) ------------------------ */
.yk-section--offers{background:var(--yk-white)}
.yk-section--offers .yk-section-head{margin-bottom:var(--yk-space-l);max-width:none}
.yk-section--offers h2{
  font-size:var(--yk-text-2xl);color:var(--yk-primary);font-weight:400;text-align:center;margin:0}
.yk-section--offers .yk-tab-panel .yk-grid--2{gap:var(--yk-space-l)}
.yk-section--offers .yk-tab-panel .yk-grid--3{gap:var(--yk-space-l)}
.yk-section--offers .yk-card{border-radius:var(--yk-radius-card);border-color:var(--yk-line)}
.yk-section--offers .yk-card__body h3{font-size:clamp(1.35rem,2vw,1.6rem);line-height:1.15}
.yk-section--offers .yk-tab-panel > .yk-center{padding:var(--yk-space-xl) 0}

/* ---- Steps band polish ------------------------------------------------- */
.yk-section--dark{padding-block:var(--yk-section-major)}
.yk-section--dark h2{font-size:var(--yk-text-2xl);font-weight:400}
.yk-section--dark .yk-step{text-align:left}
@media(max-width:600px){.yk-section--dark .yk-step{text-align:center}}
.yk-section--dark .yk-step p{max-width:none}
@media(min-width:992px){.yk-section--dark .yk-step p{max-width:28ch}}


/* ---- yk/05-booking.css ---- */
/* Yohak UI — booking panel + product chrome (live post-497 / #yohak-booking) */

/* ---- Tour sub-nav (live .yk-tour-nav) -------------------------------- */
.yk-tour-nav{
  position:relative;top:auto;z-index:80;background:var(--yk-white);
  border-bottom:1px solid var(--yk-line);padding:.6rem 0}
body.yk-money-page .yk-tour-nav{
  position:sticky;
  top:calc(var(--yk-header-h) + var(--yk-switcher-h));
  z-index:85}
.yk-tour-nav .yk-container{
  display:flex;flex-wrap:nowrap;gap:.4rem 1.2rem;overflow-x:auto;
  scrollbar-width:none;-webkit-overflow-scrolling:touch}
.yk-tour-nav .yk-container::-webkit-scrollbar{display:none}
.yk-tour-nav a{
  flex:0 0 auto;font-family:"Sofia Pro",sans-serif;font-size:11px;
  letter-spacing:.14em;text-transform:uppercase;color:var(--yk-secondary);
  padding:.55rem 0;white-space:nowrap;border-bottom:2px solid transparent;
  transition:border-color .3s ease,color .3s ease}
.yk-tour-nav a:hover,.yk-tour-nav a.is-active{color:var(--yk-primary);border-color:var(--yk-accent)}
body.yk-live-tour .yk-tour-nav a{
  border-bottom:none!important;letter-spacing:.1rem;text-transform:capitalize;
  font-size:14px;font-weight:500;padding:10px 24px}
body.yk-live-tour .yk-tour-nav a:hover{border-color:transparent!important}
body.yk-live-tour .yk-tour-nav a.is-active:not(.yk-tour-nav__pill){
  color:var(--yk-primary);border-color:transparent!important}
body.yk-live-tour .yk-tour-nav{
  background:#d9d0c1!important;padding:0!important;
  border-bottom:1px solid rgba(92,58,33,.15)!important;box-shadow:none!important}

/* ---- Tour stats bar ---------------------------------------------------- */
.yk-tour-stats{
  display:grid;grid-template-columns:repeat(4,1fr);gap:1px;
  background:var(--yk-line);border:1px solid var(--yk-line);border-radius:var(--yk-radius-card);
  overflow:hidden}
@media (max-width:767px){.yk-tour-stats{grid-template-columns:repeat(2,1fr)}}
.yk-tour-stats__cell{background:var(--yk-white);padding:1.4rem 1.2rem;text-align:center}
.yk-tour-stats__label{
  display:block;font-size:10px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--yk-accent-muted);margin-bottom:.45rem}
.yk-tour-stats__value{
  font-family:"Albertus Nova",serif;font-size:1.5rem;line-height:1.2;color:var(--yk-primary)}
.yk-tour-stats__value small{font-family:"Sofia Pro",sans-serif;font-size:var(--yk-text-2xs);color:var(--yk-secondary)}

/* ---- Booking band layout ----------------------------------------------- */
.yk-booking-band{padding-block:var(--yk-section-major);background:var(--yk-bg)}
.yk-booking-layout{
  display:grid;grid-template-columns:1fr min(380px,36%);gap:var(--yk-space-xl);align-items:start}
@media (max-width:1024px){.yk-booking-layout{grid-template-columns:1fr}}

/* ---- Booking panel (live .yohak-bespoke-booking) ----------------------- */
.yk-booking-panel{
  position:sticky;top:88px;background:var(--yk-white);
  border:1px solid var(--yk-line);border-radius:var(--yk-radius-card);
  padding:var(--yk-space-l);box-shadow:none}
@media (max-width:1024px){.yk-booking-panel{position:relative;top:auto}}

.yk-booking-trust,
.yk-booking-panel__trust{
  font-size:var(--yk-text-xs);color:var(--yk-secondary);line-height:1.55;margin-top:var(--yk-space-m)}

/* Live Woo form.cart */
.yohak-bespoke-booking form.cart{margin:0}
.yohak-bespoke-booking .wc-bookings-booking-form{display:block!important}
.wc_bookings_field_persons{margin:0 0 var(--yk-space-m)}
.wc_bookings_field_persons label{
  display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--yk-primary);margin-bottom:.5rem;font-weight:500}
.wc_bookings_field_persons input[type="number"]{
  width:100%;padding:.85rem 1rem;border:1px solid var(--yk-line);border-radius:var(--yk-radius);
  font-family:"Sofia Pro",sans-serif;font-size:var(--yk-text-s);color:var(--yk-primary);background:var(--yk-white)}
.wc_bookings_field_persons input[type="number"]:focus{
  outline:none;border-color:var(--yk-primary);box-shadow:0 0 0 1px var(--yk-primary)}

.wc-bookings-date-picker{border:none;margin:0;padding:0;min-width:0}
.wc-bookings-date-picker-date-fields{display:none}

/* jQuery UI calendar (live WC Bookings) */
.wc-bookings-date-picker .picker{margin-top:.25rem}
.wc-bookings-date-picker .ui-datepicker-inline{
  width:100%;padding:0;border:1px solid #8b9a80;border-radius:12px;overflow:hidden;background:#fff}
.wc-bookings-date-picker .ui-datepicker-header{
  display:flex;align-items:center;justify-content:space-between;
  padding:.65rem .5rem;background:#3a4b3a;color:#fff;border:none;border-radius:0}
.wc-bookings-date-picker .ui-datepicker-title{
  flex:1;text-align:center;font-family:"Sofia Pro",sans-serif;
  font-size:clamp(12px,1.5vh,14px);letter-spacing:.08em;text-transform:uppercase;color:#fff}
.wc-bookings-date-picker .ui-datepicker-prev,
.wc-bookings-date-picker .ui-datepicker-next{
  display:flex;align-items:center;justify-content:center;
  width:32px;height:32px;border:1px solid rgba(255,255,255,.35);border-radius:4px;
  color:#fff;text-decoration:none;cursor:pointer;background:transparent}
.wc-bookings-date-picker .ui-datepicker-prev:hover,
.wc-bookings-date-picker .ui-datepicker-next:hover{background:rgba(255,255,255,.12)}
.wc-bookings-date-picker .ui-icon{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.wc-bookings-date-picker .ui-datepicker-prev::after{content:"‹";font-size:1.25rem;line-height:1}
.wc-bookings-date-picker .ui-datepicker-next::after{content:"›";font-size:1.25rem;line-height:1}
.wc-bookings-date-picker .ui-datepicker-calendar{
  width:100%;border-collapse:collapse;margin:0;background:#8b9a80}
.wc-bookings-date-picker .ui-datepicker-calendar th{
  padding:.45rem 0;font-size:clamp(9px,1.2vh,11px);letter-spacing:.1em;text-transform:uppercase;
  color:#fff;background:#8b9a80;font-family:"Sofia Pro",sans-serif;font-weight:400}
.wc-bookings-date-picker .ui-datepicker-calendar td{
  padding:0;text-align:center;vertical-align:middle;background:#fff;border:1px solid #8b9a80}
.wc-bookings-date-picker .ui-datepicker-calendar td a,
.wc-bookings-date-picker .ui-datepicker-calendar td span{
  display:flex;align-items:center;justify-content:center;
  width:100%;min-height:2.25rem;font-family:"Sofia Pro",sans-serif;
  font-size:clamp(11px,1.5vh,13px);color:var(--yk-primary);text-decoration:none}
.wc-bookings-date-picker .ui-datepicker-calendar td.bookable a:hover{background:#f4f0ea}
.wc-bookings-date-picker .ui-datepicker-calendar td.ui-datepicker-current-day a{
  background:#b05a2a;color:#fff;border-radius:50%;width:2rem;height:2rem;min-height:2rem;margin:auto}
.wc-bookings-date-picker .ui-datepicker-calendar td.ui-state-disabled span{
  text-decoration:line-through;color:#3a4b3a;opacity:.45;cursor:not-allowed}
.wc-bookings-date-picker .ui-datepicker-other-month span{color:#8b9a80;background:#f4f0ea}

.wc-bookings-booking-cost.price{
  margin:var(--yk-space-m) 0;font-family:"Albertus Nova",serif;
  font-size:1.35rem;color:var(--yk-primary);min-height:1.5em}
.wc-bookings-booking-cost.price:empty{display:none}

/* WAPF upsell */
.yohak-bespoke-booking .wapf{margin:var(--yk-space-s) 0 var(--yk-space-m)}
.yohak-bespoke-booking .wapf-field-label label span{
  font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--yk-primary);font-weight:500}
.yohak-bespoke-booking .wapf-input-label{
  display:flex;align-items:flex-start;gap:.65rem;cursor:pointer;
  font-size:var(--yk-text-xs);color:var(--yk-secondary);line-height:1.5}
.yohak-bespoke-booking .wapf-input{margin-top:.15rem;accent-color:var(--yk-primary)}
.yohak-bespoke-booking .wapf-pricing-hint{color:var(--yk-accent)}

/* Submit (live .single_add_to_cart_button) */
.yohak-bespoke-booking .single_add_to_cart_button{
  display:flex;width:100%;align-items:center;justify-content:center;
  padding:15px;border:none;border-radius:100px;
  font-family:"Sofia Pro",sans-serif;font-size:16px;font-weight:700;
  letter-spacing:2px;text-transform:uppercase;cursor:pointer;
  background:#b05a2a;color:#fff;
  transition:transform .3s cubic-bezier(.25,1,.5,1),background-color .3s ease}
.yohak-bespoke-booking .single_add_to_cart_button:active:not(.disabled){transform:translateY(2px)}
.yohak-bespoke-booking .single_add_to_cart_button.disabled,
.yohak-bespoke-booking .single_add_to_cart_button:disabled{
  background:#eaeaea;color:#a0a0a0;cursor:not-allowed}

/* ---- Mobile sticky CTA (live .yohak-sticky-trigger) ------------------ */
.yohak-sticky-trigger,
.yk-booking-sticky{
  position:fixed;left:50%;bottom:20px;
  transform:translateX(-50%);z-index:9990;
  display:inline-flex;align-items:center;justify-content:center;
  padding:13px 25px;border-radius:100px;text-decoration:none;
  font-family:"Sofia Pro",sans-serif;font-size:14px;font-weight:400;
  letter-spacing:1px;text-transform:uppercase;
  background:#3a4b3a;color:#d9d0c1;border:none;
  box-shadow:0 5px 15px rgba(0,0,0,.3);
  transition:opacity .35s ease,transform .35s ease,background .35s ease,box-shadow .3s ease}
.yohak-sticky-trigger:hover,
.yk-booking-sticky:hover{
  transform:translate(-50%,-3px);box-shadow:0 15px 35px rgba(0,0,0,.4)}
/* Live tour: dock owns sticky CTA — never double-fixed with bottom:20px */
body.yk-live-tour .yk-live-dock .yohak-sticky-trigger,
body.yk-live-tour .yk-live-dock .yk-booking-sticky{
  position:static!important;left:auto!important;bottom:auto!important;
  transform:none!important;z-index:auto}
body.yk-live-tour .yk-live-dock .yohak-sticky-trigger.is-hidden,
body.yk-live-tour .yk-live-dock .yohak-sticky-trigger.yohak-button-hidden,
body.yk-live-tour .yk-live-dock .yk-booking-sticky.is-hidden{
  opacity:0;visibility:hidden;pointer-events:none;transform:none!important}
.yohak-sticky-trigger.is-hidden,
.yohak-sticky-trigger.yohak-button-hidden,
.yk-booking-sticky.is-hidden{
  opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,20px)}
.yohak-sticky-trigger.yohak-footer-overlap,
.yk-booking-sticky.is-footer{background:#b05a2a;color:#fff}
@media (min-width:1025px){.yohak-sticky-trigger,.yk-booking-sticky{display:none}}
#yohak-booking{scroll-margin-top:100px}

/* ---- Live tour booking parity (yohak.ph post-497 / .yohak-bespoke-booking) --- */
body.yk-live-tour .yk-booking-panel{
  border:none;border-radius:0;box-shadow:none;padding:0;max-width:100%;background:transparent}
body.yk-live-tour .yohak-bespoke-booking form.cart{
  background:#fff;border:1px solid var(--yk-primary);border-radius:12px;
  box-shadow:0 10px 30px rgba(58,75,58,.08);width:100%;box-sizing:border-box;
  margin:0;padding:20px;display:flex;flex-direction:column;gap:10px}
body.yk-live-tour .yohak-bespoke-booking #wc-bookings-booking-form{
  background:transparent;padding:0;border:none;box-shadow:none;margin:0;width:100%}
body.yk-live-tour .yohak-bespoke-booking .wc_bookings_field_persons{margin:0 0 20px}
body.yk-live-tour .yohak-bespoke-booking .wc_bookings_field_persons label{
  display:block;font-family:"Sofia Pro",sans-serif;font-size:13px;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;color:var(--yk-primary);margin:0 0 3px}
body.yk-live-tour .yohak-bespoke-booking .wc_bookings_field_persons input[type="number"]{
  width:100%;height:38px;padding:5px 10px;font-size:16px;line-height:26px;
  border:1px solid var(--yk-accent-muted);border-radius:4px;background:#fff;
  color:var(--yk-secondary);box-shadow:none;box-sizing:border-box}
body.yk-live-tour .yohak-bespoke-booking fieldset.wc-bookings-date-picker{
  border:none;padding:0;margin:0;background:transparent}
body.yk-live-tour .yohak-bespoke-booking .wc-bookings-date-picker .picker{margin:0}
body.yk-live-tour .yohak-bespoke-booking .ui-datepicker-inline{
  width:100%;padding:0;border:none;border-radius:4px;overflow:hidden;
  background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.19)}
body.yk-live-tour .yohak-bespoke-booking .ui-datepicker-header{
  position:relative;display:flex;align-items:center;justify-content:center;
  padding:clamp(5px,1vh,10px) 0;background:var(--yk-primary);color:#fff;
  border:none;border-radius:4px 4px 0 0;font-family:"Sofia Pro",sans-serif;
  text-transform:uppercase}
body.yk-live-tour .yohak-bespoke-booking .ui-datepicker-title{
  margin:0;line-height:1;font-size:clamp(12px,1.5vh,14px);font-weight:600}
body.yk-live-tour .yohak-bespoke-booking .ui-datepicker-prev,
body.yk-live-tour .yohak-bespoke-booking .ui-datepicker-next{
  position:absolute;top:50%;transform:translateY(-50%);
  width:44px;height:44px;display:flex;align-items:center;justify-content:center;
  border:none;background:transparent;color:#fff;cursor:pointer;padding:0;
  -webkit-tap-highlight-color:transparent;transition:opacity .2s ease}
body.yk-live-tour .yohak-bespoke-booking .ui-datepicker-prev{left:15px}
body.yk-live-tour .yohak-bespoke-booking .ui-datepicker-next{right:15px}
body.yk-live-tour .yohak-bespoke-booking .ui-datepicker-prev:hover,
body.yk-live-tour .yohak-bespoke-booking .ui-datepicker-next:hover{opacity:.75}
body.yk-live-tour .yohak-bespoke-booking .ui-datepicker-prev::after,
body.yk-live-tour .yohak-bespoke-booking .ui-datepicker-next::after{
  color:#fff;font-size:1.1rem;line-height:1}
body.yk-live-tour .yohak-bespoke-booking .ui-datepicker-calendar{
  width:100%;border-collapse:collapse;margin:0;background:transparent}
body.yk-live-tour .yohak-bespoke-booking .ui-datepicker-calendar th{
  padding:.75em 0;font-size:clamp(10px,1.2vh,12px);font-weight:400;
  letter-spacing:.06em;text-transform:uppercase;color:var(--yk-secondary);
  background:#fefefe;border-top:1px solid #e6e6e6;font-family:"Sofia Pro",sans-serif}
body.yk-live-tour .yohak-bespoke-booking .ui-datepicker-calendar td{
  padding:0;border:none;border-top:1px solid #e6e6e6;border-right:1px solid #e6e6e6;
  background:#fefefe;vertical-align:middle}
body.yk-live-tour .yohak-bespoke-booking .ui-datepicker-calendar td:last-child{border-right:0}
body.yk-live-tour .yohak-bespoke-booking .ui-datepicker-calendar td a,
body.yk-live-tour .yohak-bespoke-booking .ui-datepicker-calendar td span{
  display:block;width:100%;margin:0;border:none;border-radius:0;
  text-align:center;text-decoration:none;font-family:"Sofia Pro",sans-serif;
  font-size:clamp(11px,1.4vh,13px);font-weight:400;
  padding:clamp(4px,1.5vh,14px) 0;box-shadow:none;background-image:none;
  transition:background-color .28s ease,color .28s ease,transform .22s cubic-bezier(.25,1,.5,1)}
body.yk-live-tour .yohak-bespoke-booking .ui-datepicker-calendar td.bookable a,
body.yk-live-tour .yohak-bespoke-booking .ui-datepicker-calendar td.bookable .ui-state-default{
  background:var(--yk-primary)!important;color:#fff!important}
@media(hover:hover){
  body.yk-live-tour .yohak-bespoke-booking .ui-datepicker-calendar td.bookable a:hover{
    background:#4a5f4a!important;transform:scale(1.04)}}
body.yk-live-tour .yohak-bespoke-booking .ui-datepicker-calendar td.ui-datepicker-current-day a,
body.yk-live-tour .yohak-bespoke-booking .ui-datepicker-calendar td.bookable a.ui-state-active{
  background:var(--yk-accent)!important;color:#fff!important;
  margin:5px 3px;padding:clamp(2px,1vh,9px) 0;border-radius:2px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}
body.yk-live-tour .yohak-bespoke-booking .ui-datepicker-calendar td.bookable a.yk-cal-pick{
  animation:ykCalPick .14s ease forwards}
@keyframes ykCalPick{
  0%{transform:scale(1)}
  45%{transform:scale(.92);background:var(--yk-accent)!important}
  100%{transform:scale(1)}}
body.yk-live-tour .yohak-bespoke-booking .yk-cal--animate{
  animation:ykCalSlide .34s cubic-bezier(.25,1,.5,1)}
body.yk-live-tour .yohak-bespoke-booking .yk-cal--animate.yk-cal--prev{
  animation-name:ykCalSlidePrev}
body.yk-live-tour .yohak-bespoke-booking .yk-cal--animate.yk-cal--next{
  animation-name:ykCalSlideNext}
@keyframes ykCalSlide{
  from{opacity:.55;transform:translateY(6px)}
  to{opacity:1;transform:none}}
@keyframes ykCalSlidePrev{
  from{opacity:.45;transform:translateX(10px)}
  to{opacity:1;transform:none}}
@keyframes ykCalSlideNext{
  from{opacity:.45;transform:translateX(-10px)}
  to{opacity:1;transform:none}}
body.yk-live-tour .yohak-bespoke-booking .ui-datepicker-calendar td.ui-state-disabled span,
body.yk-live-tour .yohak-bespoke-booking .ui-datepicker-calendar td.not_bookable span{
  background:var(--yk-primary)!important;color:#fff!important;
  text-decoration:line-through!important;opacity:1!important;cursor:not-allowed}
body.yk-live-tour .yohak-bespoke-booking .ui-datepicker-calendar td.ui-datepicker-other-month span,
body.yk-live-tour .yohak-bespoke-booking .ui-datepicker-calendar td.ui-datepicker-other-month a{
  background:var(--yk-accent-muted)!important;color:#fff!important}
body.yk-live-tour .yohak-bespoke-booking .ui-datepicker-calendar td.ui-datepicker-other-month{
  background:#eee}
body.yk-live-tour .yohak-bespoke-booking .wapf-field-label label span{
  font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--yk-primary)}
body.yk-live-tour .yohak-bespoke-booking .wapf-input-label{
  font-size:14px;line-height:1.5;color:var(--yk-secondary);cursor:pointer;
  transition:color .2s ease}
body.yk-live-tour .yohak-bespoke-booking .wapf-input-label:hover{color:var(--yk-primary)}
body.yk-live-tour .yohak-bespoke-booking .wapf-pricing-hint{color:var(--yk-accent)}
body.yk-live-tour .yohak-bespoke-booking .wc-bookings-booking-cost.price{
  display:none;margin:0 0 10px;padding:10px;border:1px solid var(--yk-primary);
  border-radius:4px;font-family:"Sofia Pro",sans-serif;font-size:14px;
  color:var(--yk-primary);text-transform:uppercase;
  opacity:0;transform:translateY(6px);
  transition:opacity .35s ease,transform .35s cubic-bezier(.25,1,.5,1)}
body.yk-live-tour .yohak-bespoke-booking .wc-bookings-booking-cost.price.is-visible{
  display:block!important;opacity:1;transform:none}
body.yk-live-tour .yohak-bespoke-booking .single_add_to_cart_button{
  margin-top:auto;font-size:0;font-weight:400;letter-spacing:2px;
  padding:clamp(10px,2vh,15px);border-radius:100px;width:100%;
  background:var(--yk-accent);color:#fff;border:none;cursor:pointer;
  box-shadow:0 5px 15px rgba(0,0,0,.25);
  opacity:0;transform:translateY(8px);
  transition:opacity .4s ease,transform .4s cubic-bezier(.25,1,.5,1),
    box-shadow .4s ease,background .3s ease}
body.yk-live-tour .yohak-bespoke-booking .single_add_to_cart_button.is-ready{
  opacity:1;transform:none}
body.yk-live-tour .yohak-bespoke-booking .single_add_to_cart_button::after{
  content:"SECURE YOUR SPACE";font-size:clamp(13px,1.6vh,16px)}
body.yk-live-tour .yohak-bespoke-booking .single_add_to_cart_button.is-ready:hover:not(.disabled){
  transform:translateY(-1.5px);box-shadow:0 5px 15px rgba(0,0,0,.4);background:#b05a2a}
body.yk-live-tour .yohak-bespoke-booking .single_add_to_cart_button:active:not(.disabled){
  transform:translateY(-1px);box-shadow:0 5px 15px rgba(0,0,0,.3)}
body.yk-live-tour .yohak-bespoke-booking .single_add_to_cart_button.disabled,
body.yk-live-tour .yohak-bespoke-booking .single_add_to_cart_button:disabled{
  background:#eaeaea;color:#a0a0a0;box-shadow:none;cursor:not-allowed;transform:none}
body.yk-live-tour .yohak-bespoke-booking .single_add_to_cart_button.disabled::after,
body.yk-live-tour .yohak-bespoke-booking .single_add_to_cart_button:disabled::after{
  color:#a0a0a0}
@media(prefers-reduced-motion:reduce){
  body.yk-live-tour .yohak-bespoke-booking .yk-cal--animate,
  body.yk-live-tour .yohak-bespoke-booking .ui-datepicker-calendar td.bookable a,
  body.yk-live-tour .yohak-bespoke-booking .wc-bookings-booking-cost.price,
  body.yk-live-tour .yohak-bespoke-booking .single_add_to_cart_button{
    animation:none!important;transition:none!important;transform:none!important;opacity:1!important}}
body.yk-live-tour .yk-booking-trust{
  font-family:"Sofia Pro",sans-serif;font-size:14px;line-height:1.5;color:var(--yk-secondary);margin-top:12px}
body.yk-live-tour .yk-ft-badges span,
body.yk-live-tour .yk-ft-badges button{
  transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}
body.yk-live-tour .yk-ft-badges button:hover{
  border-color:var(--yk-primary);color:var(--yk-primary);transform:translateY(-1px)}
body.yk-live-tour .yk-ft-badge--share:hover{
  background:var(--yk-accent);border-color:var(--yk-accent);color:#fff}


/* ---- yk/06-expedition-money.css ---- */
/* Yohak UI — expedition money pages (cinematic / conversion-first) */

.yk-xp-hero{
  position:relative;min-height:100svh;display:flex;align-items:flex-end;
  overflow:hidden;background:var(--yk-bg-deep)}
.yk-xp-hero__media{position:absolute;inset:0}
.yk-xp-hero__media img{
  width:100%;height:100%;object-fit:cover;
  animation:ykXpKenBurns 28s ease-in-out infinite alternate}
@keyframes ykXpKenBurns{
  from{transform:scale(1) translate(0,0)}
  to{transform:scale(1.08) translate(-1.5%,-1%)}}
.yk-xp-hero__mesh{
  position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(ellipse 80% 60% at 20% 80%,rgba(176,90,42,.35),transparent 55%),
    radial-gradient(ellipse 70% 50% at 85% 20%,rgba(58,75,58,.45),transparent 50%),
    linear-gradient(180deg,rgba(47,60,47,.15) 0%,rgba(47,60,47,.88) 72%,var(--yk-bg-deep) 100%)}
.yk-xp-hero__coords{
  position:absolute;top:calc(88px + env(safe-area-inset-top,0));left:var(--yk-space-l);
  font-family:ui-monospace,"SF Mono",monospace;font-size:11px;letter-spacing:.18em;
  text-transform:uppercase;color:rgba(217,208,193,.75);z-index:2}
.yk-xp-hero__inner{
  position:relative;z-index:2;width:100%;padding:var(--yk-space-xl) 0 calc(var(--yk-space-xl) + 2rem)}
.yk-xp-hero h1{
  font-family:"Albertus Nova",serif;font-size:clamp(2.8rem,6vw,5.2rem);
  line-height:1.02;color:var(--yk-bg);max-width:14ch;margin:0 0 var(--yk-space-s)}
.yk-xp-hero__sub{
  font-size:var(--yk-text-m);color:rgba(217,208,193,.92);max-width:42ch;line-height:1.55}
.yk-xp-hero__price{
  display:inline-flex;align-items:baseline;gap:.5rem;margin-top:var(--yk-space-m);
  padding:.65rem 1.1rem;border:1px solid rgba(217,208,193,.35);border-radius:99px;
  backdrop-filter:blur(8px);background:rgba(47,60,47,.35)}
.yk-xp-hero__price b{font-family:"Albertus Nova",serif;font-size:1.8rem;color:var(--yk-bg)}
.yk-xp-hero__price small{font-size:var(--yk-text-xs);color:rgba(217,208,193,.85)}

.yk-xp-band{padding-block:var(--yk-section-major)}
.yk-xp-band--dark{background:var(--yk-bg-deep);color:var(--yk-bg)}
.yk-xp-band--dark h2,.yk-xp-band--dark h3{color:var(--yk-bg)}
.yk-xp-band--dark p{color:rgba(217,208,193,.88)}

.yk-xp-route{
  display:grid;grid-template-columns:repeat(3,1fr);gap:var(--yk-space-l);position:relative}
@media(max-width:900px){.yk-xp-route{grid-template-columns:1fr}}
.yk-xp-route::before{
  content:"";position:absolute;top:2.4rem;left:8%;right:8%;height:1px;
  background:linear-gradient(90deg,transparent,var(--yk-accent-muted),transparent)}
@media(max-width:900px){.yk-xp-route::before{display:none}}
.yk-xp-route__day{
  position:relative;padding:var(--yk-space-l);
  border:1px solid var(--yk-line);border-radius:var(--yk-radius-card);
  background:var(--yk-white);transition:transform .35s ease,box-shadow .35s ease}
.yk-xp-route__day:hover{transform:translateY(-4px);box-shadow:0 16px 40px var(--yk-shadow-subtle)}
.yk-xp-route__num{
  display:inline-flex;align-items:center;justify-content:center;
  width:3rem;height:3rem;border-radius:50%;background:var(--yk-primary);color:var(--yk-bg);
  font-family:"Albertus Nova",serif;font-size:1.35rem;margin-bottom:var(--yk-space-s)}
.yk-xp-route__tag{
  display:block;font-size:10px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--yk-accent);margin-bottom:.35rem}

.yk-xp-glass{
  padding:var(--yk-space-l);border-radius:var(--yk-radius-card);
  border:1px solid rgba(217,208,193,.22);
  background:rgba(255,255,255,.06);backdrop-filter:blur(12px)}
.yk-xp-glass h3{font-family:"Albertus Nova",serif;font-size:1.4rem;margin:0 0 .5rem}

.yk-xp-compare{width:100%;border-collapse:collapse;font-size:var(--yk-text-xs)}
.yk-xp-compare th,.yk-xp-compare td{
  padding:1rem 1.1rem;border-bottom:1px solid var(--yk-line);text-align:left;vertical-align:top}
.yk-xp-compare thead th{
  font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--yk-muted-ink)}
.yk-xp-compare .yk-yes{color:var(--yk-success);font-weight:500}
.yk-xp-compare .yk-no{color:var(--yk-muted-ink)}
/* Dark bands: compare cells need the light tints (UI-STANDARD §1 dark-band rule) */
.yk-xp-band--dark .yk-xp-compare thead th{color:var(--yk-muted-on-dark)}
.yk-xp-band--dark .yk-xp-compare .yk-yes{color:var(--yk-success-on-dark)}
.yk-xp-band--dark .yk-xp-compare .yk-no{color:var(--yk-muted-on-dark)}
/* Our columns read highlighted, competitors recede — softer than a cell cage */
.yk-xp-band--dark .yk-xp-compare th:nth-child(n+4),
.yk-xp-band--dark .yk-xp-compare td:nth-child(n+4){
  background:rgba(217,208,193,.05)}
@media(min-width:768px){
  .yk-xp-band--dark .yk-xp-compare th,
  .yk-xp-band--dark .yk-xp-compare td{padding:1.1rem 1rem}}

.yk-xp-tiers{
  display:grid;grid-template-columns:1fr 1fr;gap:var(--yk-space-l)}
@media(max-width:900px){.yk-xp-tiers{grid-template-columns:1fr}}
.yk-xp-tier{
  display:flex;flex-direction:column;border:1px solid var(--yk-line);
  border-radius:var(--yk-radius-card);overflow:hidden;background:var(--yk-white)}
.yk-xp-tier--featured{border-color:var(--yk-accent);box-shadow:0 12px 36px rgba(176,90,42,.18)}
.yk-xp-tier__head{padding:var(--yk-space-l);border-bottom:1px solid var(--yk-line)}
.yk-xp-tier__badge{
  display:inline-block;font-size:10px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--yk-accent);margin-bottom:.5rem}
.yk-xp-tier__price{
  font-family:"Albertus Nova",serif;font-size:2rem;color:var(--yk-primary);margin:.35rem 0 0}
.yk-xp-tier__body{padding:var(--yk-space-l);flex:1}
.yk-xp-tier__body ul{margin:0;padding:0;list-style:none}
.yk-xp-tier__body li{
  padding:.45rem 0 .45rem 1.4rem;position:relative;font-size:var(--yk-text-xs);color:var(--yk-secondary)}
.yk-xp-tier__body li::before{
  content:"";position:absolute;left:0;top:.85rem;width:6px;height:6px;border-radius:50%;
  background:var(--yk-accent)}
.yk-xp-tier__foot{padding:var(--yk-space-l);border-top:1px solid var(--yk-line)}

.yk-xp-layout{
  display:grid;grid-template-columns:1fr min(400px,38%);gap:var(--yk-space-xl);align-items:start}
@media(max-width:1024px){.yk-xp-layout{grid-template-columns:1fr}}
.yk-xp-inquiry{
  position:sticky;top:88px;padding:var(--yk-space-l);
  border:1px solid var(--yk-line);border-radius:var(--yk-radius-card);
  background:var(--yk-white);box-shadow:0 12px 40px var(--yk-shadow-subtle)}
@media(max-width:1024px){.yk-xp-inquiry{position:relative;top:auto}}
.yk-xp-inquiry select,.yk-xp-inquiry input[type="date"]{
  width:100%;min-height:var(--yk-tap-min);padding:.85rem 1rem;margin-bottom:var(--yk-space-s);
  border:1px solid var(--yk-line);border-radius:var(--yk-radius);
  font-family:"Sofia Pro",sans-serif;font-size:var(--yk-text-s);background:var(--yk-white)}
.yk-xp-inquiry label{
  display:block;font-size:10px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--yk-primary);margin-bottom:.4rem;font-weight:500}

.yk-xp-proof{
  display:flex;flex-wrap:wrap;gap:var(--yk-space-m);justify-content:center;
  font-size:var(--yk-text-xs);color:var(--yk-accent-muted)}
.yk-xp-proof span{padding:.35rem .75rem;border:1px solid var(--yk-line);border-radius:99px}

.yk-xp-marquee{
  overflow:hidden;border-block:1px solid var(--yk-line);background:var(--yk-primary);
  padding:.85rem 0;color:var(--yk-bg)}
.yk-xp-marquee__track{
  display:flex;gap:3rem;width:max-content;
  animation:ykXpMarquee 42s linear infinite;font-size:11px;letter-spacing:.2em;text-transform:uppercase}
@keyframes ykXpMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ---- Expedition hub (Store 2 — /expeditions/) ----------------------------- */
body.yk-expedition-hub.yk-live-tour main{background:#d9d0c1}

/* ---- Landing hero (full-bleed + thumbnail rail) --------------------------- */
.yk-xp-hero--landing{
  --yk-xp-ease:cubic-bezier(.22,1,.36,1);
  --yk-xp-glass:rgba(255,255,255,.11);
  --yk-xp-glass-border:rgba(255,255,255,.22);
  position:relative;display:block;width:100%;max-width:100vw;
  min-height:100svh;min-height:100dvh;
  color:#fff;overflow:hidden;isolation:isolate}
.yk-xp-hero__stage{position:absolute;inset:0;z-index:0;overflow:hidden}
.yk-xp-hero__slides{position:absolute;inset:0;overflow:hidden}
.yk-xp-hero__slide{
  position:absolute;inset:0;margin:0;opacity:0;pointer-events:none;
  overflow:hidden;
  transition:opacity 1.4s var(--yk-xp-ease)}
.yk-xp-hero__slide.is-active{
  opacity:1;pointer-events:auto;z-index:1}
.yk-xp-hero__slide.is-active img{animation:ykXpLandingKen 18s var(--yk-xp-ease) forwards}
@keyframes ykXpLandingKen{from{transform:scale(1.06)}to{transform:scale(1.12)}}
.yk-xp-hero__slide img{
  width:100%;height:100%;min-width:100%;min-height:100%;
  object-fit:cover;object-position:center;
  display:block;filter:saturate(1.1) contrast(1.04);
  transform:scale(1.06);transform-origin:center center}
.yk-xp-hero__veil{
  position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    linear-gradient(180deg,rgba(15,20,15,.55) 0%,rgba(15,20,15,.3) 36%,rgba(15,20,15,.42) 58%,rgba(15,20,15,.55) 100%)}
.yk-xp-hero__progress{
  position:absolute;top:0;left:0;right:0;height:3px;z-index:4;
  background:rgba(255,255,255,.12);pointer-events:none}
.yk-xp-hero__progress span{
  display:block;height:100%;width:100%;transform-origin:left center;
  transform:scaleX(0);background:var(--yk-accent)}

.yk-xp-hero__pill{
  display:inline-block;margin:0 0 1.15rem;padding:.6rem 1.25rem;border-radius:99px;
  background:rgba(15,20,15,.38);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  border:1px solid rgba(255,255,255,.28);
  box-shadow:0 8px 32px rgba(0,0,0,.22);
  font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.95)}
.yk-xp-hero--landing h1{
  font-family:"Albertus Nova",serif;
  font-size:clamp(2.6rem,5.8vw,5.4rem);line-height:1.04;letter-spacing:-.02em;
  max-width:18ch;margin:0 auto;color:#fff;
  text-shadow:0 4px 56px rgba(0,0,0,.45)}

.yk-xp-hero__center{
  position:relative;z-index:2;text-align:center;
  padding:calc(var(--yk-header-h) + clamp(3rem,10vh,6rem)) var(--yk-space-l) clamp(10rem,17vh,12rem);
  display:flex;flex-direction:column;align-items:center;justify-content:flex-start;
  pointer-events:none}
.yk-xp-hero__cta{pointer-events:auto;margin-top:var(--yk-space-m)}
@media(max-width:767px){
  .yk-xp-hero--landing h1{max-width:none;font-size:clamp(2.15rem,8.5vw,3rem)}
  .yk-xp-hero__center{padding-bottom:clamp(8rem,18vh,10rem)}}

.yk-xp-hero__rail-wrap{
  position:absolute;left:0;right:0;bottom:0;z-index:3;
  padding:0 var(--yk-space-l) max(clamp(1rem,2.5vh,1.5rem),env(safe-area-inset-bottom));
  pointer-events:none}
.yk-xp-hero__rail{
  display:flex;gap:clamp(.8rem,1vw,.9rem);
  max-width:var(--yk-container,1200px);margin-inline:auto;
  overflow-x:auto;scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;scrollbar-width:none;
  pointer-events:auto;padding:.25rem;cursor:grab}
.yk-xp-hero__rail.is-dragging{cursor:grabbing;user-select:none}
.yk-xp-hero__rail::-webkit-scrollbar{display:none}
.yk-xp-hero__rail button{
  flex:1 0 clamp(112px,18vw,200px);height:clamp(82px,12.5vw,124px);
  padding:0;border:2px solid rgba(255,255,255,.3);border-radius:12px;
  overflow:hidden;cursor:pointer;background:#000;opacity:.55;
  scroll-snap-align:center;
  transition:flex-basis .45s var(--yk-xp-ease),opacity .3s ease,border-color .3s ease,
    transform .4s var(--yk-xp-ease),box-shadow .3s ease}
.yk-xp-hero__rail button:hover{opacity:.85;transform:translateY(-2px)}
.yk-xp-hero__rail button.is-active{
  flex-basis:clamp(135px,22vw,245px);opacity:1;
  border-color:var(--yk-accent);transform:translateY(-4px);
  box-shadow:0 14px 40px rgba(0,0,0,.45)}
.yk-xp-hero__rail button img{width:100%;height:100%;object-fit:cover;display:block}

@media(max-width:1024px){
  .yk-xp-hero--landing{min-height:100svh;min-height:100dvh}
  .yk-xp-hero__stage{position:absolute;inset:0}
  .yk-xp-hero__center{
    position:absolute;inset:0;z-index:2;
    padding:calc(var(--yk-header-h) + 2rem) var(--yk-space-l) clamp(11rem,24vh,13rem);
    justify-content:center}
  body.yk-has-mobile-dock .yk-xp-hero__cta{display:none}
  body.yk-has-mobile-dock .yk-xp-hero__center{
    padding-bottom:clamp(8rem,18vh,10rem)}
  body.yk-has-mobile-dock .yk-xp-hero__rail-wrap{
    padding-bottom:calc(var(--yk-dock-h) + clamp(1rem,2.5vh,1.5rem))}
  body.yk-has-mobile-dock:has(.yk-staging-bar) .yk-xp-hero__rail-wrap{
    padding-bottom:calc(var(--yk-dock-h-staging) + clamp(1rem,2.5vh,1.5rem))}}

body.yk-expedition-hub .yk-xp-hero--landing h1{max-width:20ch}
@media(max-width:767px){body.yk-expedition-hub .yk-xp-hero--landing h1{max-width:none}}

@media(prefers-reduced-motion:reduce){
  .yk-xp-hero__slide,.yk-xp-hero__slide img,
  .yk-xp-hero__rail button{transition:none!important;animation:none!important}
  .yk-xp-hero__slide img{transform:scale(1.06)}}

body.yk-expedition-hub .yk-mp-tier-cards{
  grid-template-columns:repeat(3,1fr);gap:clamp(1rem,2vw,1.5rem)}
@media(max-width:1024px){
  body.yk-expedition-hub .yk-mp-tier-cards{grid-template-columns:1fr}}

body.yk-expedition-hub .yk-mp-hub-lead .yk-mp-tier-card--featured{
  transform:translateY(-4px);
  box-shadow:0 24px 56px rgba(176,90,42,.16)}

.yk-xp-inquiry__title{
  font-family:"Albertus Nova",serif;font-size:1.6rem;margin:0 0 var(--yk-space-s);color:var(--yk-primary)}
.yk-xp-inquiry__lead{
  font-size:var(--yk-text-xs);color:var(--yk-secondary);margin:0 0 var(--yk-space-m)}

.yk-xp-hub-product-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1rem,2vw,1.75rem);align-items:stretch}
@media(max-width:1024px){.yk-xp-hub-product-grid{grid-template-columns:1fr}}

.yk-xp-hub-product{
  display:flex;flex-direction:column;background:var(--yk-white);
  border:1px solid rgba(92,58,33,.12);border-radius:var(--yk-radius-card);
  overflow:hidden;transition:transform .35s ease,box-shadow .35s ease}
.yk-xp-hub-product:hover{
  transform:translateY(-6px);box-shadow:0 28px 60px rgba(47,60,47,.12)}
.yk-xp-hub-product--featured{
  border-color:var(--yk-accent);box-shadow:0 16px 44px rgba(176,90,42,.14)}
.yk-xp-hub-product__media{
  display:block;position:relative;aspect-ratio:16/10;overflow:hidden}
.yk-xp-hub-product__media img{
  width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.yk-xp-hub-product:hover .yk-xp-hub-product__media img{transform:scale(1.04)}
.yk-xp-hub-product__direction{
  position:absolute;left:1rem;bottom:1rem;padding:.35rem .75rem;
  font-size:10px;letter-spacing:.12em;text-transform:uppercase;
  background:rgba(47,60,47,.82);color:var(--yk-bg);border-radius:99px;
  backdrop-filter:blur(6px)}
.yk-xp-hub-product__body{
  padding:var(--yk-space-l);flex:1;display:flex;flex-direction:column;gap:.35rem}
.yk-xp-hub-product__body h3{
  font-family:"Albertus Nova",serif;font-size:1.45rem;margin:.25rem 0 .35rem;color:var(--yk-primary)}
.yk-xp-hub-product__body p{font-size:var(--yk-text-s);color:var(--yk-secondary);margin:0}
.yk-xp-hub-product__meta{
  list-style:none;margin:var(--yk-space-s) 0 0;padding:0;
  display:grid;gap:.35rem;font-size:var(--yk-text-xs);color:var(--yk-secondary)}
.yk-xp-hub-product__meta strong{color:var(--yk-primary);font-weight:600;margin-right:.35rem}
.yk-xp-hub-product__foot{padding:0 var(--yk-space-l) var(--yk-space-l)}

.yk-xp-hub-reviews{
  display:grid;grid-template-columns:repeat(3,1fr);gap:var(--yk-space-l)}
@media(max-width:900px){
  .yk-xp-hub-reviews{
    grid-template-columns:1fr;gap:var(--yk-space-m);max-width:36rem;margin-inline:auto}}
.yk-xp-hub-review{
  margin:0;padding:var(--yk-space-l) var(--yk-space-l) var(--yk-space-m);
  background:var(--yk-white);border:1px solid rgba(92,58,33,.08);
  border-radius:var(--yk-radius-card);
  box-shadow:0 6px 24px rgba(47,60,47,.05);
  position:relative;overflow:hidden;
  transition:transform .3s ease,box-shadow .3s ease}
.yk-xp-hub-review::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:linear-gradient(180deg,var(--yk-accent-muted),var(--yk-accent));
  opacity:.85}
@media(hover:hover){
  .yk-xp-hub-review:hover{
    transform:translateY(-2px);box-shadow:0 12px 32px rgba(47,60,47,.08)}}
.yk-xp-hub-review p{
  font-size:var(--yk-text-s);line-height:1.6;color:var(--yk-secondary);margin:0 0 var(--yk-space-s);
  font-style:italic;padding-left:.15rem}
.yk-xp-hub-review cite{
  display:block;font-size:var(--yk-text-xs);color:var(--yk-muted-ink);font-style:normal;
  letter-spacing:.04em;text-transform:uppercase;padding-left:.15rem}

body.yk-expedition-hub .yk-xp-band--dark .yk-xp-compare th,
body.yk-expedition-hub .yk-xp-band--dark .yk-xp-compare td{
  color:rgba(217,208,193,.92);border-color:rgba(217,208,193,.18)}
body.yk-expedition-hub .yk-xp-band--dark .yk-xp-compare thead th{color:var(--yk-muted-on-dark)}

body.yk-expedition-hub .yk-mp-upsell{grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){body.yk-expedition-hub .yk-mp-upsell{grid-template-columns:1fr}}

body.yk-expedition-hub .yk-mp-book .yk-xp-route{margin-top:var(--yk-space-xl)}
body.yk-expedition-hub #yohak-booking .yk-xp-inquiry{position:relative;top:auto}

/* ---- Expedition pages — simpler chrome (speedboat parity) ---------------- */
body.yk-expedition-page .yk-mp-trust--compact .yk-mp-trust__inner,
body.yk-expedition-hub .yk-mp-trust--compact .yk-mp-trust__inner{
  gap:.45rem 1rem;padding:.65rem 0}
@media(max-width:767px){
  body.yk-expedition-page .yk-mp-trust--compact .yk-mp-trust__inner span:last-child,
  body.yk-expedition-hub .yk-mp-trust--compact .yk-mp-trust__inner span:last-child{
    flex:0 0 100%;justify-content:center;opacity:.85;font-size:9px;letter-spacing:.14em}}

body.yk-expedition-page .yk-section--stats,
body.yk-expedition-hub .yk-section--stats{padding-block:var(--yk-space-m)}

/* Hub stats — soft metric cards (not spreadsheet grid) */
body.yk-expedition-page .yk-section--stats .yk-live-stats,
body.yk-expedition-hub .yk-section--stats .yk-live-stats{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.65rem;margin:0;border:none;border-radius:0;overflow:visible;background:transparent}
@media(min-width:768px){
  body.yk-expedition-page .yk-section--stats .yk-live-stats,
  body.yk-expedition-hub .yk-section--stats .yk-live-stats{
    grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem}}
body.yk-expedition-page .yk-section--stats .yk-live-stats__item,
body.yk-expedition-hub .yk-section--stats .yk-live-stats__item{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;gap:.55rem;
  padding:1rem .85rem;border:none;border-radius:var(--yk-radius-card);
  background:var(--yk-white);
  box-shadow:0 4px 22px rgba(47,60,47,.06);
  transition:transform .28s ease,box-shadow .28s ease,background .28s ease}
@media(hover:hover){
  body.yk-expedition-page .yk-section--stats .yk-live-stats__item:hover,
  body.yk-expedition-hub .yk-section--stats .yk-live-stats__item:hover{
    transform:translateY(-2px);box-shadow:0 10px 28px rgba(47,60,47,.1)}}
body.yk-expedition-page .yk-section--stats .yk-live-stats__item:active,
body.yk-expedition-hub .yk-section--stats .yk-live-stats__item:active{
  transform:translateY(0);box-shadow:0 4px 18px rgba(47,60,47,.08)}
body.yk-expedition-page .yk-section--stats .yk-live-stats__icon-wrap,
body.yk-expedition-hub .yk-section--stats .yk-live-stats__icon-wrap,
body.yk-expedition-page .yk-section--stats .yk-live-stats__icon-wrap--sm,
body.yk-expedition-hub .yk-section--stats .yk-live-stats__icon-wrap--sm{
  flex:0 0 36px;width:36px;height:36px;margin-inline:auto;
  display:grid;place-items:center;overflow:visible;
  border-radius:50%;background:rgba(58,75,58,.06)}
body.yk-expedition-page .yk-section--stats .yk-live-stats__icon,
body.yk-expedition-hub .yk-section--stats .yk-live-stats__icon{
  width:22px;height:22px;max-width:22px;max-height:22px;display:block;margin:auto;
  color:var(--yk-primary)}
body.yk-expedition-page .yk-section--stats .yk-live-stats__copy,
body.yk-expedition-hub .yk-section--stats .yk-live-stats__copy{
  display:flex;flex-direction:column;align-items:center;width:100%;min-width:0;gap:.2rem}
body.yk-expedition-page .yk-section--stats .yk-live-stats__label,
body.yk-expedition-hub .yk-section--stats .yk-live-stats__label{
  display:block;width:100%;text-align:center;margin:0;
  font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:500;
  color:var(--yk-accent-muted)}
body.yk-expedition-page .yk-section--stats .yk-live-stats__value,
body.yk-expedition-hub .yk-section--stats .yk-live-stats__value{
  font-family:"Albertus Nova",serif;font-size:clamp(.95rem,3.2vw,1.15rem);font-weight:400;
  display:block;width:100%;text-align:center;line-height:1.2;color:var(--yk-primary)}
body.yk-expedition-page .yk-section--stats .yk-live-stats__item:nth-child(4n),
body.yk-expedition-hub .yk-section--stats .yk-live-stats__item:nth-child(4n),
body.yk-expedition-page .yk-section--stats .yk-live-stats__item:nth-child(2n),
body.yk-expedition-hub .yk-section--stats .yk-live-stats__item:nth-child(2n),
body.yk-expedition-page .yk-section--stats .yk-live-stats__item:nth-child(-n+2),
body.yk-expedition-hub .yk-section--stats .yk-live-stats__item:nth-child(-n+2){
  border-right:none;border-bottom:none}
body.yk-expedition-page .yk-mp-switcher-wrap .yk-container,
body.yk-expedition-hub .yk-mp-switcher-wrap .yk-container{
  display:flex;justify-content:center;padding-inline:var(--yk-page-gutter)}
body.yk-expedition-page .yk-mp-switcher,
body.yk-expedition-hub .yk-mp-switcher{
  justify-content:center;flex-wrap:nowrap;max-width:100%;width:100%;
  margin-inline:auto;gap:8px;padding:.7rem 0;
  scroll-snap-type:x proximity;scroll-padding-inline:var(--yk-page-gutter)}
@media(max-width:767px){
  body.yk-expedition-page .yk-mp-switcher,
  body.yk-expedition-hub .yk-mp-switcher{
    justify-content:flex-start}}
body.yk-expedition-page .yk-mp-switcher a,
body.yk-expedition-hub .yk-mp-switcher a{
  scroll-snap-align:center;min-width:6.5rem;padding:.65rem .9rem;
  box-shadow:0 2px 10px rgba(47,60,47,.04)}
body.yk-expedition-page .yk-mp-switcher a.is-active,
body.yk-expedition-hub .yk-mp-switcher a.is-active{
  box-shadow:0 6px 18px rgba(47,60,47,.14)}
body.yk-expedition-page .yk-mp-switcher a:active,
body.yk-expedition-hub .yk-mp-switcher a:active{transform:scale(.98)}

body.yk-expedition-page .yk-mp-book .yk-live-itinerary,
body.yk-expedition-hub .yk-mp-book .yk-live-itinerary{margin-top:var(--yk-space-m)}
body.yk-expedition-page .yk-mp-book .yk-live-trust,
body.yk-expedition-hub .yk-mp-book .yk-live-trust{margin-top:var(--yk-space-l)}
body.yk-expedition-page .yk-xp-inquiry .yk-eyebrow,
body.yk-expedition-hub .yk-xp-inquiry .yk-eyebrow{margin-bottom:.65rem}
body.yk-expedition-hub .yk-mp-hub-lead{padding-top:var(--yk-space-m)}

/* ---- Typography + hero sub (brand parity with money pages) ------------- */
.yk-xp-hero__sub{
  font-family:"Sofia Pro",sans-serif;font-size:clamp(1rem,2.8vw,1.2rem);font-weight:300;
  line-height:1.55;color:rgba(255,255,255,.88);max-width:42ch;margin:0 auto var(--yk-space-s);
  text-shadow:0 2px 24px rgba(0,0,0,.35)}
@media(max-width:767px){.yk-xp-hero__sub{font-size:var(--yk-text-s);max-width:none}}
.yk-xp-hero__cta{margin-top:var(--yk-space-s)!important;padding:1.3rem 2rem;min-height:4.8rem}

body.yk-expedition-page .yk-section-head h2,
body.yk-expedition-hub .yk-section-head h2{
  font-family:"Albertus Nova",serif;font-size:clamp(1.85rem,4.2vw,2.65rem);
  line-height:1.08;margin:.45rem 0 0;color:var(--yk-primary)}
/* Dark bands must keep sand headings — the rule above would otherwise
   paint them primary-green on the deep-green background (invisible). */
body.yk-expedition-page .yk-xp-band--dark .yk-section-head h2,
body.yk-expedition-hub .yk-xp-band--dark .yk-section-head h2,
body.yk-expedition-page .yk-section--dark .yk-section-head h2,
body.yk-expedition-hub .yk-section--dark .yk-section-head h2{color:var(--yk-bg)}
/* Pillars on dark bands — 03-patterns paints them primary/secondary,
   which is invisible on deep green. Sand text + soft hairline instead.
   padding-top matches the grid gap rhythm so the hairline sits centered
   between blocks, not crammed against its own heading. */
.yk-section--dark .yk-pillar,
.yk-xp-band--dark .yk-pillar{
  border-top-color:rgba(217,208,193,.28);padding-top:var(--yk-space-m)}
.yk-section--dark .yk-pillar h3,
.yk-xp-band--dark .yk-pillar h3{color:var(--yk-bg)}
.yk-section--dark .yk-pillar p,
.yk-xp-band--dark .yk-pillar p{color:rgba(217,208,193,.85)}
body.yk-expedition-page .yk-mp-book h2,
body.yk-expedition-hub .yk-mp-book h2{
  font-family:"Albertus Nova",serif;font-size:clamp(1.75rem,3.8vw,2.35rem);
  line-height:1.1;margin:0 0 var(--yk-space-s)}
body.yk-expedition-page .yk-section-head .yk-lead,
body.yk-expedition-hub .yk-section-head .yk-lead{margin-top:var(--yk-space-s)}

/* ---- Booking flow icons (live tour sprite parity) ------------------------ */
body.yk-expedition-page .yk-mp-flow--icons .yk-mp-flow__step,
body.yk-expedition-hub .yk-mp-flow--icons .yk-mp-flow__step{
  position:relative;
  padding:var(--yk-space-l);
  padding-left:calc(var(--yk-space-l) + 3.25rem);
  padding-right:calc(var(--yk-space-l) + 2rem);
  min-height:7.5rem;
  background:var(--yk-white);
  border:1px solid var(--yk-line);
  border-radius:var(--yk-radius-card);
  box-shadow:0 10px 28px rgba(58,75,58,.06)}
body.yk-expedition-page .yk-mp-flow--icons .yk-mp-flow__step::before,
body.yk-expedition-hub .yk-mp-flow--icons .yk-mp-flow__step::before{
  left:auto;right:var(--yk-space-m);top:var(--yk-space-m);font-size:1.15rem;opacity:.35}
body.yk-expedition-page .yk-mp-flow__icon,
body.yk-expedition-hub .yk-mp-flow__icon{
  position:absolute;top:var(--yk-space-m);left:var(--yk-space-m);
  width:42px;height:42px;display:grid;place-items:center;border-radius:50%;
  background:rgba(176,90,42,.14);color:var(--yk-primary)}
body.yk-expedition-page .yk-mp-flow__icon svg,
body.yk-expedition-hub .yk-mp-flow__icon svg{display:block;max-width:26px;max-height:26px}
@media(max-width:1024px){
  body.yk-expedition-page .yk-mp-flow--icons .yk-mp-flow__step,
  body.yk-expedition-hub .yk-mp-flow--icons .yk-mp-flow__step{
    display:grid;grid-template-columns:42px minmax(0,1fr);
    grid-template-rows:auto auto;column-gap:.85rem;row-gap:.35rem;
    align-items:start;padding:var(--yk-space-l);
    padding-right:calc(var(--yk-space-l) + 2rem);padding-left:var(--yk-space-l);
    min-height:0}
  body.yk-expedition-page .yk-mp-flow--icons .yk-mp-flow__step::before,
  body.yk-expedition-hub .yk-mp-flow--icons .yk-mp-flow__step::before{display:none}
  body.yk-expedition-page .yk-mp-flow__icon,
  body.yk-expedition-hub .yk-mp-flow__icon{
    position:static;grid-column:1;grid-row:1 / span 2;margin-top:.15rem}
  body.yk-expedition-page .yk-mp-flow--icons .yk-mp-flow__step h3,
  body.yk-expedition-hub .yk-mp-flow--icons .yk-mp-flow__step h3{
    grid-column:2;grid-row:1;margin:0}
  body.yk-expedition-page .yk-mp-flow--icons .yk-mp-flow__step p,
  body.yk-expedition-hub .yk-mp-flow--icons .yk-mp-flow__step p{
    grid-column:2;grid-row:2;margin:0}}

/* ---- Inquiry panel — button + field rhythm ----------------------------- */
body.yk-expedition-page .yk-xp-inquiry .yk-btn,
body.yk-expedition-hub .yk-xp-inquiry .yk-btn{padding:1.3rem 1.5rem;min-height:var(--yk-tap-min);margin-top:0}
body.yk-expedition-page .yk-xp-inquiry .yk-btn + .yk-btn,
body.yk-expedition-hub .yk-xp-inquiry .yk-btn + .yk-btn{margin-top:1rem}
body.yk-expedition-page .yk-xp-inquiry select,
body.yk-expedition-page .yk-xp-inquiry input[type="date"],
body.yk-expedition-hub .yk-xp-inquiry select,
body.yk-expedition-hub .yk-xp-inquiry input[type="date"]{margin-bottom:var(--yk-space-m)}
body.yk-expedition-page .yk-xp-inquiry__title,
body.yk-expedition-hub .yk-xp-inquiry__title{margin-top:0}
body.yk-expedition-page .yk-xp-tier__foot .yk-btn,
body.yk-expedition-hub .yk-xp-tier__foot .yk-btn{padding:1.3rem 1.25rem;min-height:var(--yk-tap-min)}

/* Compare tables — readable on mobile, keyword sections scannable */
body.yk-expedition-page .yk-xp-compare,
body.yk-expedition-hub .yk-xp-compare{width:100%;border-collapse:collapse;font-size:clamp(11px,2.6vw,14px)}
body.yk-expedition-page .yk-xp-compare th,
body.yk-expedition-page .yk-xp-compare td,
body.yk-expedition-hub .yk-xp-compare th,
body.yk-expedition-hub .yk-xp-compare td{padding:.65rem .5rem;text-align:left;vertical-align:top}
body.yk-expedition-page .yk-xp-compare thead th,
body.yk-expedition-hub .yk-xp-compare thead th{font-size:clamp(10px,2.4vw,12px);letter-spacing:.06em;text-transform:uppercase}
body.yk-expedition-page .yk-xp-compare tbody th[scope="row"],
body.yk-expedition-hub .yk-xp-compare tbody th[scope="row"]{
  font-weight:600;color:var(--yk-primary);white-space:nowrap}
/* Dark band: row labels must be sand, not primary-green on green */
body.yk-expedition-page .yk-xp-band--dark .yk-xp-compare tbody th[scope="row"],
body.yk-expedition-hub .yk-xp-band--dark .yk-xp-compare tbody th[scope="row"]{
  color:var(--yk-bg)}
body.yk-expedition-page .yk-xp-band .yk-lead,
body.yk-expedition-hub .yk-xp-band .yk-lead{font-size:var(--yk-text-s)}
body.yk-expedition-page .yk-cta .yk-lead,
body.yk-expedition-hub .yk-cta .yk-lead{font-size:var(--yk-text-s)}

.yk-xp-compare-photos{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--yk-space-s);
  margin-top:var(--yk-space-m)}
.yk-xp-compare-photos figure{margin:0;border-radius:var(--yk-radius-m);overflow:hidden;background:rgba(0,0,0,.32)}
.yk-xp-compare-photos img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}
.yk-xp-compare-photos figcaption{
  padding:.55rem .65rem;font-size:var(--yk-text-xs);line-height:1.35;color:var(--yk-muted-on-dark)}
body.yk-expedition-hub .yk-xp-band--dark .yk-xp-compare-photos figcaption{color:rgba(217,208,193,.78)}
@media(max-width:720px){
  .yk-xp-compare-photos{grid-template-columns:1fr;max-width:28rem;margin-inline:auto}
}

/* Booking sidebar — one sticky stack (no nested stickies → no text overlap) */
body.yk-expedition-page .yk-mp-book__panel,
body.yk-expedition-hub .yk-mp-book__panel{
  display:flex;flex-direction:column;gap:var(--yk-space-m);align-self:start}
body.yk-expedition-page .yk-mp-book__panel .yk-xp-inquiry,
body.yk-expedition-hub .yk-mp-book__panel .yk-xp-inquiry{
  position:relative;top:auto;z-index:auto}
body.yk-expedition-page .yk-mp-book__panel .yk-mp-confidence,
body.yk-expedition-hub .yk-mp-book__panel .yk-mp-confidence{
  margin-top:0;position:relative;z-index:0;overflow:hidden}
body.yk-expedition-page .yk-xp-inquiry,
body.yk-expedition-hub .yk-xp-inquiry{overflow:visible}
body.yk-expedition-page .yk-xp-inquiry [data-yk-woo],
body.yk-expedition-hub .yk-xp-inquiry [data-yk-woo]{
  white-space:normal;line-height:1.35;letter-spacing:.08em;position:relative;z-index:1}
@media(max-width:1024px){
  body.yk-expedition-hub.yk-has-mobile-dock .yk-mp-book,
  body.yk-expedition-hub.yk-has-mobile-dock .yk-mp-book{
    scroll-margin-bottom:calc(var(--yk-dock-h) + var(--yk-space-s))}}

/* Hub intro + hero quick-picks */
.yk-xp-hub-intro .yk-lead strong{font-weight:500;color:var(--yk-primary)}
.yk-xp-hero__quick{
  display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;
  margin:0 0 var(--yk-space-s);pointer-events:auto;max-width:36rem}
.yk-xp-hero__quick a{
  display:inline-flex;align-items:center;justify-content:center;min-height:44px;
  padding:.55rem 1.15rem;border-radius:99px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;
  border:1px solid rgba(217,208,193,.4);color:rgba(255,255,255,.95);text-decoration:none;
  background:rgba(47,60,47,.85);transition:border-color .2s ease,background .2s ease}
.yk-xp-hero__quick a:hover{border-color:var(--yk-bg);background:rgba(47,60,47,.95)}
.yk-xp-hero__quick a.is-featured{border-color:var(--yk-accent);background:var(--yk-accent);color:#fff}
.yk-xp-hero__quick a.is-featured:hover{background:#9c4f24;border-color:#9c4f24}
@media(max-width:767px){
  .yk-xp-hero__quick{width:100%;gap:10px}
  .yk-xp-hero__quick a{flex:0 1 calc(50% - 5px);min-width:0;text-align:center;padding:.5rem .65rem;font-size:9px}
  .yk-xp-hero__quick a.is-featured{flex:0 1 calc(50% - 5px);max-width:calc(50% - 5px)}}

/* Mobile compare cards */
.yk-xp-compare-cards{
  display:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--yk-space-s);margin-bottom:var(--yk-space-m)}
@media(max-width:767px){
  .yk-xp-compare-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .yk-xp-compare-card--span{grid-column:1/-1}}
.yk-xp-compare-card--featured.yk-xp-compare-card--span{
  border-color:rgba(176,90,42,.55);background:rgba(176,90,42,.16)}
body.yk-expedition-hub .yk-xp-band--dark .yk-section-head h2{text-wrap:balance}

/* Hub — crossing contrast (volume vs Yohak, center spine) */
.yk-xp-crossing{
  margin:var(--yk-space-l) 0 var(--yk-space-xl);
  border:1px solid rgba(217,208,193,.12);border-radius:var(--yk-radius-card);
  background:rgba(0,0,0,.14);overflow:hidden}
.yk-xp-crossing__lanes{
  display:grid;grid-template-columns:1fr 1fr;gap:0;
  border-bottom:1px solid rgba(217,208,193,.12)}
.yk-xp-crossing__lane{
  padding:var(--yk-space-m) var(--yk-space-m) var(--yk-space-s);
  text-align:center}
.yk-xp-crossing__lane--vol{
  border-right:1px solid rgba(217,208,193,.1);
  background:rgba(0,0,0,.08)}
.yk-xp-crossing__lane--yohak{
  background:rgba(176,90,42,.1);
  border-left:1px solid rgba(176,90,42,.22)}
.yk-xp-crossing__lane-label{
  margin:0 0 .25rem;font-family:"Albertus Nova",serif;
  font-size:clamp(1rem,2.6vw,1.2rem);font-weight:400;color:var(--yk-bg);line-height:1.2}
.yk-xp-crossing__lane-sub{
  margin:0;font-size:9px;letter-spacing:.1em;text-transform:uppercase;
  color:rgba(217,208,193,.62)}
.yk-xp-crossing__lane--yohak .yk-xp-crossing__lane-sub{color:rgba(217,208,193,.78)}
.yk-xp-crossing__rows{display:grid}
.yk-xp-crossing__row{
  display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  align-items:stretch;border-bottom:1px solid rgba(217,208,193,.08)}
.yk-xp-crossing__row:last-child{border-bottom:0}
.yk-xp-crossing__vol,
.yk-xp-crossing__yohak{
  padding:var(--yk-space-m) var(--yk-space-m) var(--yk-space-s);
  display:flex;align-items:center}
.yk-xp-crossing__vol{
  border-right:1px solid rgba(217,208,193,.06);
  background:rgba(0,0,0,.06)}
.yk-xp-crossing__yohak{
  border-left:1px solid rgba(176,90,42,.14);
  background:rgba(176,90,42,.06)}
.yk-xp-crossing__vol p,
.yk-xp-crossing__yohak p{
  margin:0;font-size:var(--yk-text-xs);line-height:1.62}
.yk-xp-crossing__vol p{color:rgba(217,208,193,.68)}
.yk-xp-crossing__yohak p{color:rgba(217,208,193,.9)}
.yk-xp-crossing__spine{
  display:flex;align-items:center;justify-content:center;
  padding:0 .65rem;min-width:5.5rem;
  border-left:1px solid rgba(217,208,193,.08);
  border-right:1px solid rgba(217,208,193,.08);
  background:rgba(47,60,47,.55)}
.yk-xp-crossing__spine span{
  font-size:8px;letter-spacing:.12em;text-transform:uppercase;
  color:rgba(217,208,193,.55);text-align:center;line-height:1.35;max-width:4.5rem}
.yk-xp-crossing__note{
  max-width:42rem;margin:var(--yk-space-l) auto 0;text-align:center;
  font-size:var(--yk-text-xs);line-height:1.65;color:rgba(217,208,193,.72)}
.yk-xp-crossing__note strong{color:rgba(217,208,193,.92);font-weight:500}
body.yk-expedition-hub .yk-xp-compare-photos{margin-top:0}
@media(max-width:767px){
  .yk-xp-crossing__lanes{display:none}
  .yk-xp-crossing__row{
    grid-template-columns:1fr;gap:0;padding:var(--yk-space-s) var(--yk-space-s) 0}
  .yk-xp-crossing__spine{
    order:-1;min-width:0;width:100%;padding:.35rem 0 .5rem;
    border:0;border-bottom:1px solid rgba(217,208,193,.1);
    background:transparent;justify-content:flex-start}
  .yk-xp-crossing__spine span{
    max-width:none;font-size:9px;color:rgba(217,208,193,.72)}
  .yk-xp-crossing__vol,
  .yk-xp-crossing__yohak{
    border:0;padding:.55rem var(--yk-space-xs) var(--yk-space-s);
    border-radius:var(--yk-radius-m)}
  .yk-xp-crossing__vol{
    background:rgba(0,0,0,.12);margin-bottom:.35rem}
  .yk-xp-crossing__vol::before{
    content:"Volume";display:block;font-size:8px;letter-spacing:.12em;
    text-transform:uppercase;color:rgba(217,208,193,.45);margin-bottom:.25rem}
  .yk-xp-crossing__yohak{
    background:rgba(176,90,42,.1);border:1px solid rgba(176,90,42,.2);
    margin-bottom:var(--yk-space-xs)}
  .yk-xp-crossing__yohak::before{
    content:"Yohak";display:block;font-size:8px;letter-spacing:.12em;
    text-transform:uppercase;color:rgba(176,90,42,.85);margin-bottom:.25rem}}

/* Hub trail — readable pills, edge fade, centered when it fits */
body.yk-expedition-hub .yk-tour-nav{
  --yk-tour-nav-rail:3rem;
  background:linear-gradient(180deg,#ddd4c8 0%,#d9d0c1 100%)}
body.yk-expedition-hub .yk-tour-nav__window{
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 16px,#000 calc(100% - 16px),transparent);
  mask-image:linear-gradient(90deg,transparent,#000 16px,#000 calc(100% - 16px),transparent)}
body.yk-expedition-hub .yk-tour-nav__track{
  gap:8px;padding:8px max(var(--yk-page-gutter),env(safe-area-inset-left,0px)) 7px}
body.yk-expedition-hub .yk-tour-nav__pill{
  min-height:40px;padding:7px 14px;
  font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:500}
body.yk-expedition-hub .yk-tour-nav__pill.is-active{
  padding:7px 14px;box-shadow:0 2px 10px rgba(47,60,47,.18)}
@media(max-width:768px){
  body.yk-expedition-hub .yk-tour-nav__track{justify-content:flex-start;gap:8px}
  body.yk-expedition-hub .yk-tour-nav__pill{
    min-height:44px;padding:9px 14px;font-size:10.5px}}
body.yk-expedition-hub .yk-xp-hub-product__foot .yk-btn{min-height:44px}
body.yk-expedition-hub .yk-xp-hub-product__meta{margin-bottom:var(--yk-space-xs)}

/* Hub booking — flow steps live in left column (no dead void beside sticky panel) */
body.yk-expedition-hub .yk-mp-book__flow{
  margin-top:var(--yk-space-xl);padding-top:var(--yk-space-l);
  border-top:1px solid var(--yk-line)}
body.yk-expedition-hub .yk-mp-book__flow-title{
  font-family:"Albertus Nova",serif;font-size:clamp(1.5rem,3vw,2rem);
  color:var(--yk-primary);margin:var(--yk-space-s) 0}
body.yk-expedition-hub .yk-mp-book__flow .yk-lead{max-width:36rem;margin-bottom:var(--yk-space-m)}
body.yk-expedition-hub .yk-mp-book__flow .yk-mp-flow{margin-top:0}

.yk-xp-inquiry__route{
  display:flex;align-items:center;justify-content:center;
  min-height:44px;margin-top:var(--yk-space-xs);padding:.5rem .75rem;
  text-align:center;font-size:var(--yk-text-xs);letter-spacing:.06em;
  color:var(--yk-accent-ink);text-decoration:none;
  border-radius:var(--yk-radius-s);border:1px solid rgba(92,58,33,.15);
  transition:border-color .2s ease,background .2s ease}
.yk-xp-inquiry__route:hover{border-color:var(--yk-accent-ink);background:rgba(176,90,42,.06)}

/* Below-fold paint skip — hub sections (animations unchanged when in view) */
body.yk-expedition-hub .yk-xp-hub-products,
body.yk-expedition-hub #compare,
body.yk-expedition-hub #reviews,
body.yk-expedition-hub #faq{
  content-visibility:auto;contain-intrinsic-size:auto 520px}
.yk-xp-compare-card{
  margin:0;padding:var(--yk-space-m);
  border:1px solid rgba(217,208,193,.2);border-radius:var(--yk-radius-m);
  background:rgba(0,0,0,.12)}
.yk-xp-compare-card--yohak{border-color:rgba(176,90,42,.45);background:rgba(176,90,42,.12)}
.yk-xp-compare-card h3{
  margin:0 0 .5rem;font-family:"Albertus Nova",serif;font-size:1.15rem;color:var(--yk-bg)}
.yk-xp-compare-card ul{list-style:none;margin:0;padding:0;display:grid;gap:.35rem}
.yk-xp-compare-card li{
  font-size:var(--yk-text-xs);color:rgba(217,208,193,.85);
  display:flex;justify-content:space-between;gap:.5rem;text-align:right}
.yk-xp-compare-card li span{
  text-transform:uppercase;letter-spacing:.08em;font-size:9px;color:var(--yk-muted-on-dark);
  flex:0 0 auto;text-align:left}

/* Compare table scroll on small screens */
.yk-table-wrap--scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
@media(max-width:767px){
  /* Hub: the 2x2 compare cards carry the story on phones — the dense
     5-column table squishes into 4-line word wrap, so it is desktop+ only */
  body.yk-expedition-hub #compare .yk-table-wrap--scroll{display:none}
  /* Palawan (no cards): let the table keep its natural width and swipe
     sideways instead of crushing every cell into vertical word stacks */
  body.yk-expedition-page .yk-xp-compare{min-width:56rem}
  .yk-table-wrap--scroll .yk-xp-compare{min-width:56rem}
  .yk-table-wrap--scroll tbody th[scope="row"]{
    position:sticky;left:0;z-index:1;background:var(--yk-primary);
    box-shadow:4px 0 8px rgba(0,0,0,.15)}
  .yk-table-scroll-hint{
    display:block;text-align:center;font-size:9px;letter-spacing:.14em;text-transform:uppercase;
    color:rgba(217,208,193,.55);margin:.5rem 0 0}}
@media(min-width:768px){.yk-table-scroll-hint{display:none}}


/* ---- yk/07-money-pages.css ---- */
/* Yohak UI — premium money pages (speedboat + expedition)
   Extends GLOBAL_SETTINGS.md — still --yk-* tokens only */

/* ---- Page shell (coordinates sticky chrome) ------------------------- */
body.yk-money-page{
  padding-bottom:calc(5.5rem + env(safe-area-inset-bottom,0px))}
@media(max-width:1024px){
  body.yk-has-mobile-dock{padding-bottom:var(--yk-dock-h)}
  body.yk-has-mobile-dock:has(.yk-staging-bar){padding-bottom:var(--yk-dock-h-staging)}}
@media(min-width:1025px){body.yk-money-page{padding-bottom:0}}

/* ---- Cinematic hero (homepage parity on type + photo) ---------------- */
.yk-mp-hero{
  position:relative;min-height:clamp(520px,75svh,720px);display:block;
  overflow:hidden;background:var(--yk-bg-deep);color:var(--yk-bg)}
.yk-mp-hero__bg{position:absolute;inset:0}
.yk-mp-hero__bg img{
  width:100%;height:100%;object-fit:cover;object-position:center 35%;
  transform:scale(1.02);
  transition:transform 8s ease-out}
.yk-mp-hero:hover .yk-mp-hero__bg img{transform:scale(1.06)}
.yk-mp-hero__scrim{
  position:absolute;inset:0;pointer-events:none;
  background:
    linear-gradient(105deg,rgba(47,60,47,.88) 0%,rgba(47,60,47,.5) 45%,rgba(47,60,47,.35) 100%),
    linear-gradient(0deg,rgba(47,60,47,.92) 0%,transparent 50%)}
.yk-mp-hero__grain{
  position:absolute;inset:0;opacity:.04;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.yk-mp-hero__inner{
  position:relative;z-index:2;width:100%;
  padding:calc(var(--yk-header-h) + var(--yk-space-m)) 0 var(--yk-space-l)}
.yk-mp-hero__grid{
  display:grid;grid-template-columns:1.1fr minmax(300px,.9fr);
  gap:var(--yk-space-xl);align-items:start}
@media(max-width:1024px){.yk-mp-hero__grid{grid-template-columns:1fr;gap:var(--yk-space-l)}}
.yk-mp-hero__panel{align-self:start}
@media(min-width:1025px){
  .yk-mp-hero__panel{position:sticky;top:calc(var(--yk-header-h) + var(--yk-space-m))}}
.yk-mp-hero h1{
  font-family:"Albertus Nova",serif;
  font-size:clamp(3.2rem,6.5vw,6.4rem);line-height:.98;
  letter-spacing:-.02em;margin:0 0 var(--yk-space-s);
  max-width:14ch;color:var(--yk-bg);
  text-shadow:0 2px 40px rgba(0,0,0,.35)}
@media(max-width:767px){
  .yk-mp-hero h1{max-width:none;font-size:clamp(2.8rem,9vw,3.6rem)}}
.yk-mp-hero .yk-eyebrow{color:var(--yk-accent)}
.yk-mp-hero__actions{
  display:flex;flex-direction:column;gap:.75rem;margin-top:var(--yk-space-m);align-items:stretch}
.yk-mp-hero__actions--row{flex-direction:row;flex-wrap:wrap;align-items:center}
.yk-mp-intro{
  text-align:center;padding-block:var(--yk-space-xl);background:var(--yk-bg)}
.yk-mp-intro h2{
  font-family:"Albertus Nova",serif;font-size:clamp(2rem,3.5vw,2.8rem);
  margin:.5rem 0 1rem;color:var(--yk-primary)}
.yk-mp-intro .yk-lead{max-width:48ch;margin-inline:auto}
.yk-mp-intro .yk-hero__actions{
  justify-content:center;flex-wrap:wrap;gap:var(--yk-space-s);margin-top:var(--yk-space-m)}
.yk-mp-intro .yk-link-arrow{align-self:center}
.yk-mp-hub-lead{padding-top:0}
.yk-mp-hub-lead .yk-mp-tier-cards{margin-top:var(--yk-space-l)}
@media(min-width:901px){
  .yk-mp-hub-lead .yk-mp-tier-cards{margin-top:calc(-1 * var(--yk-space-xl))}}
.yk-mp-hero__panel .yk-muted{color:rgba(217,208,193,.8);font-size:var(--yk-text-xs)}
.yk-mp-hero__panel .yk-muted strong{color:var(--yk-bg);font-weight:500}
.yk-mp-tier-card__price small{font-size:var(--yk-text-xs);color:var(--yk-secondary);font-family:"Sofia Pro",sans-serif}
.yk-container--narrow{width:min(100% - 2 * var(--yk-space-l),80ch);margin-inline:auto}
.yk-mp-panel-note{margin-top:var(--yk-space-s);font-size:var(--yk-text-xs)}
.yk-mp-subhead{margin-top:var(--yk-space-l);font-size:var(--yk-text-l);font-family:"Albertus Nova",serif;color:var(--yk-primary)}
.yk-cta .yk-hero__actions,.yk-mp-cta-actions{justify-content:center;margin-top:var(--yk-space-m);flex-wrap:wrap;gap:var(--yk-space-s)}
.yk-card--link{text-decoration:none;color:inherit;height:100%}
.yk-card--link:hover{color:inherit}
.yk-mp-hero__sub{
  font-size:var(--yk-text-l);line-height:1.55;
  color:rgba(217,208,193,.92);max-width:48ch;margin:0;
  text-shadow:0 1px 20px rgba(0,0,0,.25)}
.yk-mp-hero__chip-row{
  display:flex;flex-wrap:wrap;gap:.65rem;margin-top:var(--yk-space-m)}
.yk-mp-hero__chip{
  display:inline-flex;align-items:center;gap:.4rem;
  padding:.5rem .95rem;border-radius:99px;
  border:1px solid rgba(217,208,193,.28);
  background:rgba(47,60,47,.35);backdrop-filter:blur(10px);
  font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(217,208,193,.95)}
.yk-mp-hero__chip b{font-family:"Albertus Nova",serif;font-size:1.15rem;letter-spacing:0;color:var(--yk-bg)}
.yk-mp-hero__panel{
  padding:var(--yk-space-l);border-radius:var(--yk-radius-card);
  border:1px solid rgba(217,208,193,.22);
  background:rgba(255,255,255,.08);backdrop-filter:blur(16px);
  box-shadow:0 24px 60px rgba(0,0,0,.18)}
.yk-mp-hero__panel .yk-price{justify-content:flex-start}
.yk-mp-hero__panel .yk-price b{font-size:2.4rem;color:var(--yk-bg)}
.yk-mp-hero__panel .yk-price small{color:rgba(217,208,193,.75)}
.yk-mp-hero__panel .yk-btn--ghost{
  color:var(--yk-bg);border-color:rgba(217,208,193,.45);background:transparent}
.yk-mp-hero__panel .yk-btn--ghost:hover{
  background:rgba(217,208,193,.14);color:var(--yk-bg);border-color:var(--yk-bg)}

/* Stats bar sits flush under switcher on product pages */
body.yk-money-page .yk-tour-stats{margin-top:0}
body.yk-money-page .yk-section--stats{
  padding-block:var(--yk-space-m);background:var(--yk-white)}

/* Mini gallery — desktop only (reduces mobile hero clutter) */
.yk-mp-gallery{
  display:grid;grid-template-columns:repeat(4,1fr);gap:3px;
  margin-top:var(--yk-space-l);border-radius:var(--yk-radius-img);overflow:hidden}
@media(max-width:767px){.yk-mp-gallery{display:none}}
.yk-mp-gallery img{width:100%;aspect-ratio:1;object-fit:cover;display:block;opacity:.92}
.yk-mp-gallery img:hover{opacity:1;transform:scale(1.03);transition:transform .4s ease,opacity .3s}

@media(max-width:991px){
  .yk-mp-hero__bg img{object-position:56% center}}
@media(max-width:478px){
  .yk-mp-hero__bg img{object-position:62% center}
  .yk-mp-hero{min-height:clamp(520px,88svh,720px)}}

/* ---- Full-bleed CTA band (was missing CSS — broke money page closers) -- */
.yk-cta{
  position:relative;padding-block:var(--yk-section-major);overflow:hidden;
  color:var(--yk-bg);background:var(--yk-primary)}
.yk-cta__bg{position:absolute;inset:0;z-index:0}
.yk-cta__bg img{
  width:100%;height:100%;object-fit:cover;object-position:center;
  opacity:.55;transform:scale(1.02)}
.yk-cta__bg::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(47,60,47,.72) 0%,rgba(47,60,47,.88) 100%)}
.yk-cta .yk-container{position:relative;z-index:1}
.yk-cta h2{
  font-family:"Albertus Nova",serif;font-size:clamp(2.2rem,4vw,3.2rem);
  color:var(--yk-bg);margin:0 0 var(--yk-space-s);text-shadow:0 2px 24px rgba(0,0,0,.25)}
.yk-cta .yk-lead{color:rgba(217,208,193,.9);max-width:48ch;margin-inline:auto}
.yk-cta .yk-hero__actions{justify-content:center;margin-top:var(--yk-space-m)}
.yk-cta .yk-btn--outline{
  background:transparent;color:var(--yk-bg);
  border:1px solid rgba(217,208,193,.55)}
.yk-cta .yk-btn--outline:hover{
  background:var(--yk-bg);color:var(--yk-primary);border-color:var(--yk-bg)}

/* ---- Compare table (mobile card rows) -------------------------------- */
.yk-mp-compare .yk-table-wrap{
  border-radius:var(--yk-radius-card);box-shadow:0 8px 32px var(--yk-shadow-subtle)}
@media(max-width:767px){
  .yk-mp-compare .yk-table thead{display:none}
  .yk-mp-compare .yk-table tbody tr{
    display:grid;grid-template-columns:1fr;gap:.35rem;
    padding:var(--yk-space-m);border-bottom:1px solid var(--yk-line)}
  .yk-mp-compare .yk-table tbody tr:last-child{border-bottom:none}
  .yk-mp-compare .yk-table td{
    display:flex;justify-content:space-between;gap:1rem;
    padding:.35rem 0;border:none;font-size:var(--yk-text-xs)}
  .yk-mp-compare .yk-table td:first-child{
    grid-column:1/-1;font-family:"Albertus Nova",serif;
    font-size:var(--yk-text-s);color:var(--yk-primary);
    border-bottom:1px solid var(--yk-line);padding-bottom:.65rem;margin-bottom:.25rem;
    display:block}
  .yk-mp-compare .yk-table td:not(:first-child)::before{
    font-weight:500;color:var(--yk-secondary);text-transform:uppercase;
    letter-spacing:.08em;font-size:9px}
  .yk-mp-compare .yk-table--quad td:nth-child(2)::before{content:"Yohak shared"}
  .yk-mp-compare .yk-table--quad td:nth-child(3)::before{content:"Joiner bangka"}
  .yk-mp-compare .yk-table--quad td:nth-child(4)::before{content:"Yohak private"}
  .yk-mp-compare .yk-table--two-col td:nth-child(2)::before{content:"Yohak private"}
  .yk-mp-compare .yk-table--two-col td:nth-child(3)::before{content:"Group bangka"}}

/* ---- Booking band ---------------------------------------------------- */
.yk-mp-book{
  padding-block:var(--yk-section-major);
  background:linear-gradient(180deg,var(--yk-white) 0%,var(--yk-bg) 100%)}
.yk-mp-book__layout{
  display:grid;grid-template-columns:1fr min(420px,38%);
  gap:clamp(2rem,4vw,var(--yk-space-2xl));align-items:start}
@media(max-width:1024px){.yk-mp-book__layout{grid-template-columns:1fr}}
.yk-mp-book__panel{
  position:sticky;
  top:calc(var(--yk-header-h) + var(--yk-switcher-h) + 1rem);z-index:10}
@media(max-width:1024px){.yk-mp-book__panel{position:relative;top:auto}}

/* ---- Itinerary arc --------------------------------------------------- */
.yk-mp-arc{display:flex;flex-direction:column;gap:0;margin-top:var(--yk-space-l)}
.yk-mp-arc__item{
  display:grid;grid-template-columns:5rem 1fr;gap:var(--yk-space-m);
  padding:var(--yk-space-m) 0;border-bottom:1px solid var(--yk-line);
  position:relative}
.yk-mp-arc__item:last-child{border-bottom:none}
.yk-mp-arc__time{
  font-family:"Albertus Nova",serif;font-size:1.35rem;color:var(--yk-accent);
  line-height:1.1;padding-top:.15rem}
.yk-mp-arc__time small{
  display:block;font-family:"Sofia Pro",sans-serif;font-size:9px;
  letter-spacing:.14em;text-transform:uppercase;color:var(--yk-accent-muted)}
.yk-mp-arc__item h3{margin:0 0 .35rem;font-family:"Albertus Nova",serif;font-size:1.35rem;color:var(--yk-primary)}
.yk-mp-arc__item p{margin:0;font-size:var(--yk-text-s);color:var(--yk-secondary);line-height:1.55}

/* ---- Proof wall ------------------------------------------------------ */
.yk-mp-proof{
  display:grid;grid-template-columns:repeat(3,1fr);gap:var(--yk-space-m)}
@media(max-width:900px){.yk-mp-proof{grid-template-columns:1fr}}
.yk-mp-proof__card{
  padding:var(--yk-space-l);background:var(--yk-white);
  border:1px solid var(--yk-line);border-radius:var(--yk-radius-card);
  display:flex;flex-direction:column;gap:var(--yk-space-s);
  transition:transform .3s ease,box-shadow .3s ease}
.yk-mp-proof__card:hover{transform:translateY(-3px);box-shadow:0 16px 40px var(--yk-shadow-subtle)}
.yk-mp-proof__card blockquote{
  margin:0;font-size:var(--yk-text-s);line-height:1.6;color:var(--yk-secondary);flex:1}
.yk-mp-proof__card cite{
  font-style:normal;font-size:var(--yk-text-xs);color:var(--yk-primary);font-weight:500}
.yk-mp-proof__stars{color:var(--yk-accent);letter-spacing:.1em;font-size:var(--yk-text-xs)}

/* ---- Geo / local SEO band -------------------------------------------- */
.yk-mp-geo{
  padding:var(--yk-space-xl) 0;background:var(--yk-primary);color:var(--yk-bg)}
.yk-mp-geo__grid{
  display:grid;grid-template-columns:1fr 1fr;gap:var(--yk-space-xl);align-items:center}
@media(max-width:850px){.yk-mp-geo__grid{grid-template-columns:1fr}}
.yk-mp-geo h2{font-family:"Albertus Nova",serif;font-size:clamp(2rem,4vw,3rem);margin:0 0 var(--yk-space-s);color:var(--yk-bg)}
.yk-mp-geo p{color:rgba(217,208,193,.88);line-height:1.6;margin:0 0 var(--yk-space-s)}
.yk-mp-geo ul{margin:0;padding:0;list-style:none;display:grid;gap:.65rem}
.yk-mp-geo li{
  font-size:var(--yk-text-xs);padding-left:1rem;position:relative;
  color:rgba(217,208,193,.85)}
.yk-mp-geo li::before{
  content:"";position:absolute;left:0;top:.55rem;width:5px;height:5px;
  border-radius:50%;background:var(--yk-accent)}

/* ---- Book flow steps ------------------------------------------------- */
.yk-mp-flow{
  display:grid;grid-template-columns:repeat(3,1fr);gap:var(--yk-space-m);
  counter-reset:flow}
@media(max-width:768px){.yk-mp-flow{grid-template-columns:1fr}}
.yk-mp-flow__step{
  padding:var(--yk-space-l);border:1px solid var(--yk-line);
  border-radius:var(--yk-radius-card);background:var(--yk-white);
  position:relative;padding-top:calc(var(--yk-space-l) + 1.8rem)}
.yk-mp-flow__step::before{
  counter-increment:flow;content:counter(flow,decimal-leading-zero);
  position:absolute;top:var(--yk-space-m);left:var(--yk-space-m);
  font-family:"Albertus Nova",serif;font-size:1.5rem;color:var(--yk-accent)}
.yk-mp-flow__step h3{margin:0 0 .5rem;font-size:var(--yk-text-l);color:var(--yk-primary)}
.yk-mp-flow__step p{margin:0;font-size:var(--yk-text-xs);color:var(--yk-secondary);line-height:1.55}

/* ---- Vessel showcase ------------------------------------------------- */
.yk-mp-vessel{
  display:grid;grid-template-columns:1.1fr .9fr;gap:var(--yk-space-xl);align-items:center}
@media(max-width:900px){.yk-mp-vessel{grid-template-columns:1fr}}
.yk-mp-vessel__media{
  border-radius:var(--yk-radius-card);overflow:hidden;
  box-shadow:0 24px 60px var(--yk-shadow-subtle)}
.yk-mp-vessel__media img{width:100%;display:block;aspect-ratio:4/3;object-fit:cover}

/* ---- Competitive moat ------------------------------------------------ */
.yk-mp-moat{
  padding:var(--yk-space-l);border-left:3px solid var(--yk-accent);
  background:rgba(176,90,42,.06);border-radius:0 var(--yk-radius) var(--yk-radius) 0;
  margin:var(--yk-space-l) 0}
.yk-mp-moat p{margin:0;font-size:var(--yk-text-s);line-height:1.6;color:var(--yk-secondary)}

@media (prefers-reduced-motion:reduce){
  .yk-mp-hero__bg img,.yk-cta__bg img{transition:none}
  .yk-mp-hero:hover .yk-mp-hero__bg img{transform:scale(1.02)}}

/* ---- Dual tier product cards (hub page) ------------------------------ */
.yk-mp-tier-cards{
  display:grid;grid-template-columns:1fr 1fr;gap:var(--yk-space-l);
  margin-top:calc(-1 * var(--yk-space-xl));position:relative;z-index:5}
@media(max-width:900px){.yk-mp-tier-cards{grid-template-columns:1fr;margin-top:var(--yk-space-l)}}
.yk-mp-tier-card{
  display:flex;flex-direction:column;background:var(--yk-white);
  border:1px solid var(--yk-line);border-radius:var(--yk-radius-card);
  overflow:hidden;box-shadow:0 20px 50px var(--yk-shadow-subtle);
  transition:transform .35s ease,box-shadow .35s ease}
.yk-mp-tier-card:hover{transform:translateY(-6px);box-shadow:0 28px 60px var(--yk-shadow-subtle)}
.yk-mp-tier-card--featured{border-color:var(--yk-accent)}
.yk-mp-tier-card__media{aspect-ratio:16/10;overflow:hidden}
.yk-mp-tier-card__media img{width:100%;height:100%;object-fit:cover}
.yk-mp-tier-card__body{padding:var(--yk-space-l);flex:1;display:flex;flex-direction:column}
.yk-mp-tier-card__body h3{font-family:"Albertus Nova",serif;font-size:1.6rem;margin:0 0 .5rem}
.yk-mp-tier-card__price{
  font-family:"Albertus Nova",serif;font-size:2rem;color:var(--yk-accent);margin:.25rem 0}
.yk-mp-tier-card__foot{padding:0 var(--yk-space-l) var(--yk-space-l)}

/* ---- Island stops grid ----------------------------------------------- */
.yk-mp-stops{
  display:grid;grid-template-columns:repeat(4,1fr);gap:var(--yk-space-m)}
@media(max-width:1024px){.yk-mp-stops{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.yk-mp-stops{grid-template-columns:1fr}}
.yk-mp-stop{
  padding:var(--yk-space-l);background:var(--yk-white);
  border:1px solid var(--yk-line);border-radius:var(--yk-radius-card);
  border-top:3px solid var(--yk-accent)}
.yk-mp-stop__num{
  font-family:"Albertus Nova",serif;font-size:2rem;color:var(--yk-primary);opacity:.35;line-height:1}
.yk-mp-stop h3{font-family:"Albertus Nova",serif;font-size:1.2rem;margin:.5rem 0 .35rem}
.yk-mp-stop p{margin:0;font-size:var(--yk-text-xs);color:var(--yk-secondary);line-height:1.55}

/* ---- SEO content blocks ---------------------------------------------- */
.yk-mp-seo{display:grid;grid-template-columns:1fr 1fr;gap:var(--yk-space-xl);align-items:center;padding-block:var(--yk-section-major)}
@media(max-width:900px){.yk-mp-seo{grid-template-columns:1fr}}
.yk-mp-seo--flip .yk-mp-seo__media{order:2}
@media(max-width:900px){.yk-mp-seo--flip .yk-mp-seo__media{order:0}}
.yk-mp-seo__media{border-radius:var(--yk-radius-card);overflow:hidden;box-shadow:0 16px 40px var(--yk-shadow-subtle)}
.yk-mp-seo__media img{width:100%;display:block;aspect-ratio:4/3;object-fit:cover}
.yk-mp-seo h2{font-family:"Albertus Nova",serif;font-size:clamp(2rem,3.5vw,2.8rem);margin:0 0 var(--yk-space-s)}

/* ---- Booking tier tabs ----------------------------------------------- */
.yk-mp-book-tabs{
  display:flex;gap:8px;margin-bottom:var(--yk-space-m);flex-wrap:wrap}
.yk-mp-book-tabs button{
  flex:1;min-width:140px;min-height:var(--yk-tap-min);padding:.85rem 1rem;border:1px solid var(--yk-line);
  border-radius:var(--yk-radius);background:var(--yk-white);
  font-family:"Sofia Pro",sans-serif;font-size:10px;font-weight:500;
  letter-spacing:.12em;text-transform:uppercase;cursor:pointer;color:var(--yk-secondary);
  transition:background .3s ease,border-color .3s ease,color .3s ease}
.yk-mp-book-tabs button.is-active,.yk-mp-book-tabs button[aria-selected="true"]{
  background:var(--yk-primary);color:var(--yk-bg);border-color:var(--yk-primary)}
.yk-mp-book-panel[hidden]{display:none !important}

/* ---- Departure timeline ---------------------------------------------- */
.yk-mp-timeline{border-left:2px solid var(--yk-line);margin-left:1rem;padding-left:var(--yk-space-l)}
.yk-mp-timeline__item{position:relative;padding-bottom:var(--yk-space-l)}
.yk-mp-timeline__item::before{
  content:"";position:absolute;left:calc(-1 * var(--yk-space-l) - 5px);top:.35rem;
  width:var(--yk-radius-m);height:var(--yk-radius-m);border-radius:50%;background:var(--yk-accent);border:2px solid var(--yk-white)}
.yk-mp-timeline__time{font-family:"Albertus Nova",serif;font-size:1.25rem;color:var(--yk-primary)}
.yk-mp-timeline__item p{margin:.35rem 0 0;font-size:var(--yk-text-xs);color:var(--yk-secondary);line-height:1.55}


/* ---- yk/08-growth-dashboard.css ---- */
/* ============================================================================
   Yohak UI — Rank / Growth dashboard (Rank Mastery)
   Docs: website/RANK_MASTERY/README.md
   ========================================================================== */

.yk-rank-hero {
  margin-bottom: var(--yk-space-xl);
}
.yk-rank-hero h1 {
  font-size: clamp(3rem, 6vw, 5rem);
  margin: 0 0 var(--yk-space-s);
}
.yk-rank-hero h1 small {
  font-size: 0.45em;
  color: var(--yk-secondary);
  font-weight: 400;
}

.yk-rank-gate {
  display: inline-block;
  margin-top: var(--yk-space-m);
  padding: 0.6rem 1.4rem;
  font-family: var(--yk-font-ui);
  font-size: var(--yk-text-s);
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  border-radius: var(--yk-radius-pill);
  border: 2px solid var(--yk-primary);
}
.yk-rank-gate--pass,
.yk-rank-gate--win {
  background: var(--yk-success);
  color: var(--yk-bg);
  border-color: var(--yk-success);
}
.yk-rank-gate--warn,
.yk-rank-gate--fight {
  background: var(--yk-accent);
  color: var(--yk-white);
  border-color: var(--yk-accent);
}
.yk-rank-gate--fail {
  background: #8b2942;
  color: var(--yk-bg);
  border-color: #8b2942;
}

.yk-rank-pillars {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--yk-space-m);
  margin-bottom: var(--yk-space-xl);
}
@media (max-width: 767px) {
  .yk-rank-pillars {
    grid-template-columns: 1fr;
  }
}
.yk-rank-pillar {
  background: var(--yk-white);
  border: 1px solid var(--yk-line);
  border-radius: var(--yk-radius-m);
  padding: var(--yk-space-m);
  text-align: center;
  box-shadow: var(--yk-shadow-soft);
}
.yk-rank-pillar__label {
  display: block;
  font-size: var(--yk-text-xs);
  text-transform: uppercase;
  letter-spacing: 0.14em;
  color: var(--yk-accent);
  margin-bottom: var(--yk-space-xs);
}
.yk-rank-pillar__score {
  display: block;
  font-family: var(--yk-font-display);
  font-size: var(--yk-text-2xl);
  color: var(--yk-primary);
  line-height: 1.1;
}

.yk-grade {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2rem;
  height: 2rem;
  padding: 0 0.5rem;
  font-size: var(--yk-text-xs);
  font-weight: 700;
  border-radius: var(--yk-radius-s);
  letter-spacing: 0.05em;
}
.yk-grade--A {
  background: var(--yk-success);
  color: var(--yk-bg);
}
.yk-grade--B {
  background: #6b8f4e;
  color: var(--yk-bg);
}
.yk-grade--C {
  background: var(--yk-accent-muted);
  color: var(--yk-primary);
}
.yk-grade--D {
  background: var(--yk-accent);
  color: var(--yk-white);
}
.yk-grade--F {
  background: #8b2942;
  color: var(--yk-bg);
}

.yk-rank-section {
  margin-bottom: var(--yk-space-xl);
}
.yk-rank-table code {
  font-size: var(--yk-text-2xs);
  word-break: break-word;
}
.yk-grade-row--f td {
  opacity: 0.85;
}

.yk-rank-north {
  text-align: center;
  padding: var(--yk-space-xl);
  background: var(--yk-primary);
  color: var(--yk-bg);
  border-radius: var(--yk-radius-m);
  margin-bottom: var(--yk-space-xl);
}
.yk-rank-north__score {
  font-family: var(--yk-font-display);
  font-size: clamp(4rem, 12vw, 8rem);
  line-height: 1;
  margin: 0;
}
.yk-rank-north__target {
  opacity: 0.75;
  font-size: var(--yk-text-s);
}

.yk-rank-proof {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--yk-space-s);
  margin-top: var(--yk-space-s);
}
@media (max-width: 767px) {
  .yk-rank-proof {
    grid-template-columns: 1fr;
  }
}
.yk-rank-proof img {
  width: 100%;
  border-radius: var(--yk-radius-s);
  border: 1px solid var(--yk-line);
}

.yk-rank-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: var(--yk-space-xs);
  margin-bottom: var(--yk-space-m);
}
.yk-rank-tabs button {
  font-family: var(--yk-font-ui);
  font-size: var(--yk-text-xs);
  padding: 0.5rem 1rem;
  border: 1px solid var(--yk-line);
  border-radius: var(--yk-radius-pill);
  background: var(--yk-white);
  color: var(--yk-primary);
  cursor: pointer;
}
.yk-rank-tabs button.is-active {
  background: var(--yk-primary);
  color: var(--yk-bg);
  border-color: var(--yk-primary);
}

.yk-rank-checklist {
  list-style: none;
  padding: 0;
  margin: var(--yk-space-m) 0 0;
}
.yk-rank-checklist li {
  padding: 0.5rem 0;
  border-bottom: 1px solid var(--yk-line);
  font-size: var(--yk-text-s);
}
.yk-rank-checklist li::before {
  content: "○ ";
  color: var(--yk-accent);
}
.yk-rank-checklist li.is-done::before {
  content: "● ";
  color: var(--yk-success);
}


/* ---- yk/09-conversion.css ---- */
/* Yohak UI — conversion layer (money pages + blog)
   Docs: website/YOHAK_UI/GLOBAL_SETTINGS.md §14 */

.yk-mp-trust{
  background:var(--yk-primary);color:var(--yk-bg);
  border-bottom:1px solid rgba(217,208,193,.12)}
.yk-mp-trust__inner{
  display:flex;flex-wrap:wrap;justify-content:center;align-items:center;
  gap:clamp(.75rem,2vw,1.75rem);padding:.85rem 0;
  font-size:10px;letter-spacing:.16em;text-transform:uppercase}
.yk-mp-trust__inner span{display:inline-flex;align-items:center;gap:.45rem;opacity:.92}
.yk-mp-trust__inner b{font-family:"Albertus Nova",serif;font-size:1.1rem;letter-spacing:0;color:var(--yk-bg)}

.yk-mp-switcher-wrap{
  position:sticky;top:var(--yk-header-h);z-index:90;
  background:rgba(217,208,193,.97);backdrop-filter:blur(12px);
  border-bottom:1px solid var(--yk-line);
  box-shadow:0 4px 24px rgba(47,60,47,.08);
  overflow:hidden}
.yk-mp-switcher{
  display:flex;gap:.5rem;padding:.65rem 0;
  overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.yk-mp-switcher::-webkit-scrollbar{display:none}
.yk-mp-switcher a{
  flex-shrink:0;display:inline-flex;flex-direction:column;align-items:center;
  justify-content:center;text-align:center;min-height:var(--yk-tap-min);
  padding:.7rem 1.05rem;border-radius:99px;border:1px solid var(--yk-line);
  background:var(--yk-white);color:var(--yk-primary);text-decoration:none;
  font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
  transition:background .2s ease,border-color .2s ease,transform .2s ease}
.yk-mp-switcher a small{
  display:block;font-size:9px;font-weight:400;letter-spacing:.08em;
  color:var(--yk-secondary);margin-top:.2rem;text-transform:none;text-align:center}
.yk-mp-switcher a:hover{border-color:var(--yk-accent);transform:translateY(-1px)}
.yk-mp-switcher a.is-active{
  background:var(--yk-primary);border-color:var(--yk-primary);color:var(--yk-bg)}
.yk-mp-switcher a.is-active small{color:rgba(217,208,193,.75)}
@media(max-width:767px){
  .yk-mp-switcher a{min-width:7.1rem}}

.yk-mp-confidence{
  margin-top:var(--yk-space-m);padding:var(--yk-space-m);
  border-radius:var(--yk-radius-card);border:1px solid var(--yk-line);
  background:var(--yk-white);font-size:var(--yk-text-xs)}
.yk-mp-confidence ul{margin:var(--yk-space-s) 0 0;padding:0;list-style:none;display:grid;gap:.5rem}
.yk-mp-confidence li{padding-left:1.25rem;position:relative;color:var(--yk-secondary)}
.yk-mp-confidence li::before{
  content:"✓";position:absolute;left:0;color:var(--yk-success);font-weight:700}

.yk-mp-upsell{
  display:grid;grid-template-columns:repeat(2,1fr);gap:var(--yk-space-m);
  margin-top:var(--yk-space-xl)}
@media(max-width:767px){.yk-mp-upsell{grid-template-columns:1fr}}
.yk-mp-upsell__card{
  display:flex;flex-direction:column;gap:var(--yk-space-s);
  padding:var(--yk-space-l);border-radius:var(--yk-radius-card);
  border:1px solid var(--yk-line);background:var(--yk-white);
  text-decoration:none;color:inherit;transition:box-shadow .25s ease,transform .25s ease}
.yk-mp-upsell__card:hover{box-shadow:var(--yk-shadow-soft);transform:translateY(-2px)}
.yk-mp-upsell__card img{
  width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--yk-radius-img)}
.yk-mp-upsell__card h3{margin:0;font-family:"Albertus Nova",serif;font-size:1.35rem;color:var(--yk-primary)}
.yk-mp-upsell__card p{margin:0;font-size:var(--yk-text-s);color:var(--yk-secondary)}

/* Hub expedition cards on /expeditions/ */
.yk-section--expedition-hub .yk-grid--3{align-items:stretch}
.yk-section--expedition-hub .yk-card{height:100%}
.yk-section--expedition-hub .yk-section-head h2{
  font-family:"Albertus Nova",serif;font-size:clamp(2rem,3.5vw,2.6rem);line-height:1.12}

.yk-blog-hero{
  position:relative;min-height:55vh;display:grid;align-items:end;
  overflow:hidden;background:var(--yk-bg-deep);color:var(--yk-bg)}
.yk-blog-hero__bg{position:absolute;inset:0}
.yk-blog-hero__bg img{width:100%;height:100%;object-fit:cover;opacity:.75}
.yk-blog-hero__scrim{
  position:absolute;inset:0;
  background:linear-gradient(0deg,rgba(47,60,47,.95) 0%,rgba(47,60,47,.4) 100%)}
.yk-blog-hero__inner{position:relative;z-index:2;padding:calc(88px + var(--yk-space-l)) 0 var(--yk-space-xl)}
.yk-blog-hero h1{
  font-size:clamp(2.8rem,5vw,4.5rem);margin:0 0 var(--yk-space-s);max-width:14ch;
  color:var(--yk-bg);text-shadow:0 2px 32px rgba(0,0,0,.35)}
.yk-blog-hero .yk-lead{text-shadow:0 1px 16px rgba(0,0,0,.2)}

.yk-blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:var(--yk-space-m)}
.yk-blog-card{
  display:flex;flex-direction:column;border-radius:var(--yk-radius-card);
  overflow:hidden;border:1px solid var(--yk-line);background:var(--yk-white);
  text-decoration:none;color:inherit;transition:box-shadow .25s ease,transform .25s ease}
.yk-blog-card:hover{box-shadow:var(--yk-shadow-soft);transform:translateY(-3px)}
.yk-blog-card__img{aspect-ratio:16/10;overflow:hidden}
.yk-blog-card__img img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.yk-blog-card:hover .yk-blog-card__img img{transform:scale(1.04)}
.yk-blog-card__body{padding:var(--yk-space-m);flex:1;display:flex;flex-direction:column;gap:var(--yk-space-s)}
.yk-blog-card__tag{font-size:var(--yk-text-2xs);letter-spacing:.14em;text-transform:uppercase;color:var(--yk-accent);font-weight:600}
.yk-blog-card__body h2{margin:0;font-family:"Albertus Nova",serif;font-size:1.35rem;color:var(--yk-primary);line-height:1.2}
.yk-blog-card__body p{margin:0;font-size:var(--yk-text-s);color:var(--yk-secondary);flex:1}
.yk-blog-card__link{font-size:var(--yk-text-xs);color:var(--yk-accent);font-weight:600}

.yk-blog-layout{
  display:grid;grid-template-columns:minmax(0,1fr) min(320px,30%);
  gap:clamp(2rem,4vw,var(--yk-space-2xl));align-items:start}
@media(max-width:1024px){.yk-blog-layout{grid-template-columns:1fr}}
.yk-blog-aside{position:sticky;top:100px}
@media(max-width:1024px){.yk-blog-aside{position:relative;top:auto}}
.yk-blog-aside__box{
  padding:var(--yk-space-l);border-radius:var(--yk-radius-card);
  border:1px solid var(--yk-line);background:var(--yk-white);box-shadow:var(--yk-shadow-soft)}
.yk-blog-aside__box h3{margin:0 0 var(--yk-space-s);font-size:1.25rem}
.yk-blog-aside__price{font-family:"Albertus Nova",serif;font-size:2rem;color:var(--yk-primary);margin:.25rem 0}
.yk-blog-prose{max-width:68ch}
.yk-blog-prose h2{font-size:var(--yk-h3);margin:var(--yk-space-xl) 0 var(--yk-space-s)}
.yk-blog-prose p,.yk-blog-prose li{font-size:var(--yk-text-m);line-height:1.65;color:var(--yk-secondary)}
.yk-blog-prose ul{padding-left:1.25rem;margin:0 0 var(--yk-space-m)}
.yk-blog-toc{
  margin:var(--yk-space-l) 0;padding:var(--yk-space-m);
  border-radius:var(--yk-radius-card);background:var(--yk-white);
  border:1px solid var(--yk-line);font-size:var(--yk-text-s)}
.yk-blog-toc ol{margin:.5rem 0 0;padding-left:1.25rem}
.yk-blog-toc a{color:var(--yk-accent)}


/* ---- yk/10-figma-tour.css ---- */
/* Figma Tour Page (Template) — node 308:70
   Spec: website/YOHAK_UI/FIGMA_TOUR_SPECS.md */

body.yk-figma-tour{
  --yk-ft-header-h:var(--yk-header-h);
  --yk-ft-shell:1290px;
  --yk-ft-gutter:clamp(1.5rem,5.2vw,7.5rem);
  --yk-ft-gap:10px;
  --yk-ft-left:920px;
  --yk-ft-right:360px;
  --yk-ft-ease-nav:cubic-bezier(.19,1,.22,1);
  --yk-ft-ease-card:cubic-bezier(.25,1,.5,1);
  --yk-ft-ease-reveal:cubic-bezier(.25,.8,.25,1);
  background:var(--yk-white);color:var(--yk-secondary);
  overflow-x:clip}

/* Hide money-page chrome not in Figma template */
body.yk-figma-tour:not(.yk-live-tour) .yk-mp-trust,
body.yk-figma-tour:not(.yk-live-tour) .yk-mp-switcher-wrap,
body.yk-figma-tour:not(.yk-live-tour) .yk-tour-nav{display:none!important}

/* ---- Live parity (yohak.ph /tour/…) ---------------------------------- */
body.yk-live-tour .yk-ft-meta{display:none}
body.yk-live-tour .yk-ft-below{display:none}
body.yk-live-tour .yk-tour-stats{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  margin:0 0 clamp(2rem,4vw,3rem);border:1px solid var(--yk-line);
  border-radius:var(--yk-radius-card);overflow:hidden;background:var(--yk-white)}
body.yk-live-tour .yk-ft-trust{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem 1.6rem;
  list-style:none;margin:var(--yk-space-m) 0 0;padding:0}
@media(min-width:768px){body.yk-live-tour .yk-ft-trust{grid-template-columns:repeat(4,1fr)}}
body.yk-live-tour .yk-ft-trust li{
  font-family:"Sofia Pro",sans-serif;font-size:var(--yk-text-s);line-height:1.4;color:rgba(92,58,33,.9)}
body.yk-live-tour .yk-reviews-section{margin-top:var(--yk-space-l);padding-block:var(--yk-space-l)}

/* ---- Shell ----------------------------------------------------------- */
.yk-ft-shell{
  width:min(calc(100% - 2 * var(--yk-ft-gutter)),var(--yk-ft-shell));
  max-width:var(--yk-ft-shell);margin-inline:auto;box-sizing:border-box}

/* ---- Hero title (308:74) --------------------------------------------- */
.yk-ft-hero{
  padding:calc(var(--yk-ft-header-h) + 2rem) 0 2.1rem;background:var(--yk-white)}
.yk-ft-hero .yk-breadcrumbs{
  font-family:"Sofia Pro",sans-serif;font-size:1.32rem;line-height:2.6rem;
  color:var(--yk-primary);margin:0 0 1.8rem}
.yk-ft-hero .yk-breadcrumbs a{
  color:var(--yk-primary);text-decoration:none;
  transition:color var(--yk-transition-smooth)}
.yk-ft-hero .yk-breadcrumbs a:hover{color:var(--yk-accent)}
.yk-ft-hero .yk-breadcrumbs span{color:var(--yk-accent)}
.yk-ft-hero h1{
  font-family:"Albertus Nova",serif;
  font-size:clamp(3.2rem,6vw,5rem);line-height:1.05;
  letter-spacing:.01em;text-transform:uppercase;color:var(--yk-primary);
  margin:0 0 1.6rem;max-width:18ch}
.yk-ft-hero .yk-lead{
  font-family:"Sofia Pro",sans-serif;
  font-size:clamp(1.8rem,2.5vw,2.4rem);line-height:1.35;
  color:var(--yk-secondary);max-width:46.8rem;margin:0}

/* ---- Gallery 1290×510, gap 10 ---------------------------------------- */
.yk-ft-gallery{padding-bottom:2.4rem;background:var(--yk-white)}
.yk-ft-gallery__grid{
  display:grid;
  grid-template-columns:770px 250px 250px;
  grid-template-rows:250px 250px;
  gap:var(--yk-ft-gap);height:510px;width:100%;max-width:1290px}
@media(max-width:1320px){
  .yk-ft-gallery__grid{
    grid-template-columns:minmax(0,1.55fr) minmax(0,.725fr) minmax(0,.725fr);
    height:auto;min-height:360px}}
@media(max-width:767px){
  .yk-ft-hero h1{max-width:none}
  .yk-ft-hero .yk-lead{max-width:none}
  body.yk-live-tour .yk-ft-gallery__grid.yk-live-gallery{
    grid-template-columns:minmax(0,1.55fr) minmax(0,.725fr) minmax(0,.725fr);
    grid-template-rows:minmax(88px,26vw) minmax(88px,26vw);
    height:auto;min-height:clamp(176px,52vw,320px)}
  body:not(.yk-live-tour) .yk-ft-gallery__grid{
    grid-template-columns:1fr;grid-template-rows:220px 160px 160px 160px;height:auto}}
.yk-ft-gallery__hero{
  grid-column:1;grid-row:1 / span 2;border-radius:8px;overflow:hidden;
  box-shadow:0 4px 4px rgba(0,0,0,.25);position:relative;min-height:0}
.yk-ft-gallery__grid > :nth-child(2){grid-column:2 / span 2;grid-row:1}
.yk-ft-gallery__grid > :nth-child(3){grid-column:2;grid-row:2}
.yk-ft-gallery__grid > :nth-child(4){grid-column:3;grid-row:2}
@media(max-width:767px){
  .yk-ft-gallery__hero,.yk-ft-gallery__grid > :nth-child(n){
    grid-column:auto;grid-row:auto;min-height:160px}
  body.yk-live-tour .yk-ft-gallery__grid.yk-live-gallery .yk-ft-gallery__hero{
    grid-column:1;grid-row:1 / span 2;min-height:0}
  body.yk-live-tour .yk-ft-gallery__grid.yk-live-gallery > :nth-child(2){
    grid-column:2 / span 2;grid-row:1}
  body.yk-live-tour .yk-ft-gallery__grid.yk-live-gallery > :nth-child(3){
    grid-column:2;grid-row:2}
  body.yk-live-tour .yk-ft-gallery__grid.yk-live-gallery > :nth-child(4){
    grid-column:3;grid-row:2}}
.yk-ft-gallery__hero img,.yk-ft-gallery__tile img{
  width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .6s var(--yk-ft-ease-card)}
.yk-ft-gallery__hero:focus-within img,
.yk-ft-gallery__tile:focus-within img{transform:scale(1.03)}
.yk-ft-gallery__tile:hover img,.yk-ft-gallery__hero:hover img{transform:scale(1.03)}
.yk-ft-gallery__tile{
  border-radius:8px;overflow:hidden;position:relative;min-height:0;
  box-shadow:0 4px 4px rgba(0,0,0,.25);
  transition:box-shadow .4s var(--yk-transition-smooth)}
.yk-ft-gallery__tile:hover,.yk-ft-gallery__hero:hover{
  box-shadow:0 6px 12px rgba(0,0,0,.22)}
.yk-ft-gallery__tile--viewall::before{
  content:"";position:absolute;inset:0;background:rgba(47,60,47,.35);
  opacity:0;transition:opacity .4s ease;pointer-events:none;z-index:1}
.yk-ft-gallery__tile--viewall:hover::before{opacity:1}
.yk-ft-gallery__viewall{
  position:absolute;inset:0;display:grid;place-items:center;z-index:2;
  font-family:"Sofia Pro",sans-serif;font-size:1.4rem;letter-spacing:.08em;
  text-transform:uppercase;color:var(--yk-white);text-decoration:none;
  opacity:.95;transition:opacity .3s ease,letter-spacing .3s ease,transform .3s var(--yk-ft-ease-card)}
.yk-ft-gallery__tile--viewall:hover .yk-ft-gallery__viewall{letter-spacing:.12em}
.yk-ft-gallery__viewall:focus-visible{
  outline:2px solid var(--yk-white);outline-offset:-4px;opacity:1}
.yk-ft-gallery__tile--viewall:hover .yk-ft-gallery__viewall,
.yk-ft-gallery__viewall:focus-visible{transform:scale(1.02)}

/* ---- Two columns 920 | 360 ------------------------------------------- */
.yk-ft-columns{
  display:grid;grid-template-columns:minmax(0,var(--yk-ft-left)) minmax(0,var(--yk-ft-right));
  gap:var(--yk-ft-gap);align-items:start;padding-bottom:var(--yk-space-2xl)}
@media(max-width:1024px){.yk-ft-columns{grid-template-columns:1fr}}
.yk-ft-col-right{
  position:sticky;top:calc(var(--yk-ft-header-h) + 16px);align-self:start}
@media(max-width:1024px){.yk-ft-col-right{position:relative;top:auto}}

/* ---- Meta row (horizontal, not card grid) ------------------------------ */
.yk-ft-meta{
  display:flex;flex-wrap:wrap;gap:2.2rem 3.6rem;
  padding:0 0 2.8rem;margin-bottom:2.4rem;border-bottom:1px solid var(--yk-line)}
@media(max-width:767px){.yk-ft-meta{gap:1.6rem}}
.yk-ft-meta__unit{display:flex;align-items:center;gap:1rem;min-height:50px}
.yk-ft-meta__icon{
  flex:0 0 50px;width:50px;height:50px;border-radius:12px;
  border:1px solid var(--yk-primary);display:grid;place-items:center;
  color:var(--yk-primary);
  transition:border-color var(--yk-transition-smooth),background var(--yk-transition-smooth)}
.yk-ft-meta__unit:hover .yk-ft-meta__icon{
  border-color:var(--yk-accent);background:rgba(176,90,42,.06)}
.yk-ft-meta__icon svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.5}
.yk-ft-meta__unit strong{
  display:block;font-family:"Sofia Pro",sans-serif;font-size:1.4rem;
  font-weight:700;line-height:2.4rem;color:var(--yk-primary)}
.yk-ft-meta__unit span{
  display:block;font-size:1.4rem;line-height:2.24rem;color:var(--yk-secondary)}

/* ---- Typography blocks ----------------------------------------------- */
.yk-ft-h2{
  font-family:"Albertus Nova",serif;font-size:clamp(2.5rem,4vw,2.918rem);line-height:1.15;
  color:var(--yk-primary);margin:0 0 var(--yk-stack-block)}
.yk-ft-body{
  font-family:"Sofia Pro",sans-serif;font-size:clamp(1.5rem,2vw,1.8rem);line-height:1.55;
  color:var(--yk-secondary);margin:0 0 var(--yk-stack-title);max-width:92rem}
.yk-ft-body p{margin:0 0 var(--yk-space-s)}
.yk-ft-body p:last-child{margin-bottom:0}
.yk-ft-section{margin-bottom:var(--yk-stack-section)}

/* ---- Booking panel (360px) ------------------------------------------- */
body.yk-figma-tour .yk-ft-col-right .yk-booking-panel{
  width:100%;max-width:360px;margin-inline:auto;
  border:1px solid var(--yk-primary);border-radius:12px;
  box-shadow:0 10px 20px rgba(0,0,0,.05);padding:1.6rem;
  transition:box-shadow .4s ease,transform .3s ease}
body.yk-figma-tour .yk-ft-col-right .yk-booking-panel:focus-within{
  box-shadow:0 14px 28px rgba(0,0,0,.08)}
body.yk-figma-tour #yohak-booking{scroll-margin-top:calc(var(--yk-ft-header-h) + 12px)}

.yk-ft-badges{
  display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;
  max-width:360px;margin:1.2rem auto 0}
.yk-ft-badges span,.yk-ft-badges button{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:30px;padding:0 1.5rem;border-radius:200px;
  font-family:"Sofia Pro",sans-serif;font-size:1.2rem;font-weight:500;
  letter-spacing:.04em;text-transform:uppercase;line-height:2.8rem;
  border:1px solid var(--yk-secondary);color:var(--yk-secondary);
  background:transparent;cursor:pointer;
  transition:transform .2s ease,border-color .3s ease,color .3s ease,background .3s ease}
.yk-ft-badges span:hover,.yk-ft-badges button:hover{transform:scale(1.02)}
.yk-ft-badges .yk-ft-badge--share{
  margin-left:auto;border-color:var(--yk-accent);background:var(--yk-accent);color:var(--yk-white)}
.yk-ft-badges .yk-ft-badge--share:hover{box-shadow:0 .5px 5px 1px rgba(0,0,0,.25)}

/* ---- Fleet diagram --------------------------------------------------- */
.yk-ft-fleet__diagram{
  position:relative;margin-top:2rem;padding:2rem 0 4rem;min-height:520px}
.yk-ft-fleet__diagram img{
  display:block;width:min(290px,42%);margin:0 auto;
  filter:drop-shadow(0 8px 24px rgba(0,0,0,.12))}
.yk-ft-fleet__callout{
  position:absolute;max-width:23.5rem;padding:.5rem;
  border-radius:15px;box-shadow:0 1px 5px rgba(0,0,0,.25);
  background:var(--yk-white);
  transition:transform .35s var(--yk-ft-ease-card),box-shadow .35s ease}
.yk-ft-fleet__callout:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.12)}
.yk-ft-fleet__callout h4{
  font-family:"Albertus Nova",serif;font-size:1.8rem;line-height:2.3rem;
  letter-spacing:.04em;color:var(--yk-primary);margin:.4rem 0}
.yk-ft-fleet__callout p{
  font-size:1.6rem;line-height:2.3rem;color:var(--yk-secondary);margin:0}
.yk-ft-fleet__callout--tl{top:8%;left:0}
.yk-ft-fleet__callout--tr{top:8%;right:0;text-align:left}
.yk-ft-fleet__callout--bl{bottom:18%;left:0}
.yk-ft-fleet__callout--br{bottom:18%;right:0}
@media(max-width:900px){
  .yk-ft-fleet__diagram{position:static;min-height:0;padding:0}
  .yk-ft-fleet__callout{position:static;max-width:none;margin-bottom:1rem}}

/* ---- Roadmap / itinerary --------------------------------------------- */
.yk-ft-roadmap{
  position:relative;margin:2rem 0 0;padding-left:5.6rem;
  border-left:2px solid var(--yk-line)}
.yk-ft-roadmap__item{
  position:relative;padding:0 0 2.8rem;
  opacity:0;transform:translateY(16px);
  animation:ykFtReveal .8s var(--yk-ft-ease-reveal) forwards}
.yk-ft-roadmap__item:nth-child(1){animation-delay:.05s}
.yk-ft-roadmap__item:nth-child(2){animation-delay:.12s}
.yk-ft-roadmap__item:nth-child(3){animation-delay:.19s}
.yk-ft-roadmap__item:nth-child(4){animation-delay:.26s}
.yk-ft-roadmap__item:nth-child(5){animation-delay:.33s}
.yk-ft-roadmap__item:nth-child(6){animation-delay:.4s}
.yk-ft-roadmap__item::before{
  content:"";position:absolute;left:calc(-5.6rem - 5px);top:.2rem;
  width:18px;height:18px;border-radius:50%;background:var(--yk-accent);
  border:2px solid var(--yk-white);box-shadow:0 0 0 1px var(--yk-line)}
.yk-ft-roadmap__time{
  font-family:"Albertus Nova",serif;font-size:1.6rem;line-height:1.6rem;
  color:var(--yk-accent);margin-bottom:.35rem}
.yk-ft-roadmap__title{
  font-family:"Sofia Pro",sans-serif;font-size:1.6rem;font-weight:700;
  color:var(--yk-primary);margin:0 0 .6rem}
.yk-ft-roadmap__item p{
  font-size:1.45rem;line-height:2.8rem;color:var(--yk-secondary);margin:0}

/* ---- Feature card grid (Simplified Excellence / Accord) ---------------- */
.yk-ft-card-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem 2.4rem}
@media(max-width:900px){.yk-ft-card-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.yk-ft-card-grid{grid-template-columns:1fr}}
.yk-ft-card{
  padding:.5rem;border-radius:15px;background:var(--yk-white);
  box-shadow:0 1px 5px rgba(0,0,0,.25);
  transition:transform .35s var(--yk-ft-ease-card),box-shadow .35s ease}
.yk-ft-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px rgba(0,0,0,.12)}
.yk-ft-card__icon{
  width:32px;height:32px;border-radius:50%;background:rgba(176,90,42,.12);
  margin-bottom:.5rem}
.yk-ft-card__title{
  font-family:"Albertus Nova",serif;font-size:1.8rem;line-height:2.3rem;
  letter-spacing:.04em;color:var(--yk-primary);margin:0 0 .35rem}
.yk-ft-card p{
  font-size:1.6rem;line-height:2.3rem;color:var(--yk-secondary);margin:0}
.yk-ft-card-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:560px){.yk-ft-card-grid--2{grid-template-columns:1fr}}

/* ---- Accordion FAQ --------------------------------------------------- */
.yk-ft-accordion{display:grid;gap:1.2rem}
.yk-ft-accordion details{
  border:1px solid rgba(58,75,58,.6);border-radius:12px;
  background:var(--yk-white);overflow:hidden;
  box-shadow:0 10px 40px rgba(0,0,0,.05);
  transition:border-color .3s ease,box-shadow .3s ease}
.yk-ft-accordion details[open]{border-color:var(--yk-primary)}
.yk-ft-accordion summary{
  list-style:none;cursor:pointer;padding:1.6rem 5.6rem 1.6rem 2rem;
  font-family:"Sofia Pro",sans-serif;font-size:1.8rem;font-weight:700;
  color:var(--yk-primary);position:relative;
  transition:color var(--yk-transition-smooth)}
.yk-ft-accordion summary::-webkit-details-marker{display:none}
.yk-ft-accordion summary::after{
  content:"+";position:absolute;right:2rem;top:50%;transform:translateY(-50%);
  font-size:2rem;font-weight:400;color:var(--yk-primary);
  transition:transform .3s var(--yk-ft-ease-nav)}
.yk-ft-accordion details[open] summary::after{content:"−"}
.yk-ft-accordion details[open] summary{color:var(--yk-accent)}
.yk-ft-accordion details p{
  padding:0 2rem 2rem;margin:0;font-size:1.453rem;line-height:2.813rem;color:var(--yk-secondary)}

/* ---- Full-width bands below columns ---------------------------------- */
body.yk-figma-tour .yk-ft-below .yk-container{
  width:min(100% - 2 * var(--yk-space-l),var(--yk-ft-shell))}
body.yk-figma-tour .yk-section{padding-block:var(--yk-section-major)}
body.yk-figma-tour .yk-mp-book{background:var(--yk-white);padding-block:0}
body.yk-figma-tour .yk-mp-confidence{display:none}

/* ---- Reveal + motion ------------------------------------------------- */
@keyframes ykFtReveal{
  from{opacity:0;transform:translateY(24px)}
  to{opacity:1;transform:none}}
body.yk-figma-tour .yk-reveal{
  opacity:0;transform:translateY(24px);
  transition:opacity .8s var(--yk-ft-ease-reveal),transform .8s var(--yk-ft-ease-reveal)}
body.yk-figma-tour .yk-reveal.is-in{opacity:1;transform:none}

@media(prefers-reduced-motion:reduce){
  body.yk-figma-tour .yk-ft-gallery__hero,
  body.yk-figma-tour .yk-ft-gallery__tile{transition:none}
  body.yk-figma-tour .yk-ft-gallery__hero img,
  body.yk-figma-tour .yk-ft-gallery__tile img,
  body.yk-figma-tour .yk-ft-card,
  body.yk-figma-tour .yk-ft-fleet__callout,
  body.yk-figma-tour .yk-nav__cta,
  body.yk-figma-tour .yk-ft-badges span,
  body.yk-figma-tour .yk-ft-badges button{transition:none}
  body.yk-figma-tour .yk-ft-roadmap__item{animation:none;opacity:1;transform:none}
  body.yk-figma-tour .yk-reveal{opacity:1;transform:none}}


/* ---- yk/11-figma-stay.css ---- */
/* Yohak Stay — Figma node 425:1374 (98% target)
   Spec: website/figma/yohak-stay.page-spec.json
   Responsive: Bricks tokens + clamp (see YOHAK_UI/GLOBAL_SETTINGS.md) */

body.yk-figma-stay{
  --yk-stay-shell:1200px;
  --yk-stay-wide:1200px;
  --yk-stay-cards:1166px;
  --yk-stay-ease:cubic-bezier(.25,.8,.25,1);
  /* Per-section vertical rhythm (Bricks: padding on bands, not random margins) */
  --yk-stay-section-y:clamp(3rem,6vw,var(--yk-section-major));
  --yk-stay-section-y-tight:clamp(2rem,4vw,4.5rem);
  --yk-stay-section-y-loose:clamp(4rem,8vw,9rem);
  background:#fff;color:var(--yk-secondary);
  overflow-x:clip}

body.yk-figma-stay .yk-booking-sticky{display:none}

/* Universal Bricks header/footer — no Figma template chrome (see 02-chrome.css) */

/* ---- Hero — full viewport (100svh); Figma content centered inside -------- */
.yk-stay-hero{
  position:relative;
  min-height:100vh;
  min-height:100svh;
  min-height:100dvh;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;color:#fff;overflow:visible;margin-bottom:0}
.yk-stay-hero__bg{position:absolute;inset:0;z-index:0;overflow:hidden}
.yk-stay-hero__bg img{
  width:100%;height:100%;object-fit:cover;object-position:center center}
.yk-stay-hero__bg::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(0deg,rgba(10,10,10,.35),rgba(10,10,10,.25))}
.yk-stay-hero__content{
  position:relative;z-index:2;width:min(54rem,calc(100% - 2 * var(--yk-space-l)));
  padding:calc(var(--yk-header-h) + var(--yk-space-m)) var(--yk-space-l) var(--yk-space-xl);
  margin:0 auto;box-sizing:border-box}
.yk-stay-hero__eyebrow{
  font-family:"Sofia Pro",sans-serif;
  font-size:clamp(1.4rem,2.2vw,2.4rem);line-height:1.2;
  font-weight:400;margin:0 0 var(--yk-space-s);text-transform:uppercase;
  letter-spacing:.12em}
.yk-stay-hero h1{
  font-family:"Albertus Nova",serif;
  font-size:clamp(3.6rem,8vw,7rem);line-height:1.05;
  font-weight:400;letter-spacing:.01em;margin:0 0 var(--yk-space-m);color:#fff;
  text-shadow:0 2px 40px rgba(0,0,0,.35)}
.yk-stay-hero__lead{
  font-family:"Sofia Pro",sans-serif;
  font-size:clamp(1.6rem,2vw,2rem);line-height:1.55;
  margin:0 auto;max-width:53.1rem}
.yk-stay-hero__scroll{
  position:absolute;left:50%;bottom:0;transform:translate(-50%,50%);z-index:3;
  width:3.4rem;height:3.4rem;display:grid;place-items:center;
  border:0;background:transparent;cursor:pointer;color:#fff;
  transition:transform .4s var(--yk-stay-ease)}
.yk-stay-hero__scroll:hover{transform:translate(-50%,calc(50% + 4px))}
.yk-stay-hero__scroll svg{width:3.4rem;height:3.4rem}

/* ---- Section rhythm (container + gutters like Bricks) ---------------- */
.yk-stay-shell{
  width:min(var(--yk-stay-shell),calc(100% - 2 * var(--yk-space-l)));
  margin-inline:auto;box-sizing:border-box}
.yk-stay-wide{
  width:min(var(--yk-stay-wide),calc(100% - 2 * var(--yk-space-l)));
  margin-inline:auto;box-sizing:border-box}
/* Each band: padding-block fills width; chevron overlap on first band only */
.yk-stay-intro-band{
  padding-block:var(--yk-stay-section-y-tight);
  margin-top:0}
.yk-stay-intro-band.yk-reveal{opacity:1;transform:none}
.yk-stay-outposts{
  padding-block:var(--yk-stay-section-y);
  padding-top:var(--yk-stay-section-y-tight)}
.yk-stay-map{padding-block:var(--yk-stay-section-y)}
.yk-stay-provisions{padding-block:var(--yk-stay-section-y-loose)}
.yk-stay-faq{
  padding-block:var(--yk-stay-section-y-loose);
  padding-bottom:calc(var(--yk-stay-section-y-loose) + env(safe-area-inset-bottom,0px))}
.yk-stay-head{text-align:center;margin-bottom:clamp(2rem,4vw,3.6rem)}
.yk-stay-head--sm{margin-bottom:var(--yk-space-l)}
.yk-stay-eyebrow{
  font-family:"Sofia Pro",sans-serif;font-size:var(--yk-text-xs);line-height:1.3;
  color:rgba(58,75,58,.9);margin:0 0 var(--yk-space-xs);
  letter-spacing:.14em;text-transform:uppercase}
.yk-stay-h2{
  font-family:"Albertus Nova",serif;
  font-size:clamp(2.8rem,5vw,4.8rem);line-height:1.15;
  letter-spacing:.01em;color:var(--yk-primary);margin:0 0 var(--yk-space-s)}
.yk-stay-h2--sm{font-size:inherit;line-height:inherit;font-weight:400}
.yk-stay-intro{
  font-family:"Sofia Pro",sans-serif;font-size:var(--yk-text-m);line-height:1.55;
  color:var(--yk-secondary);margin:0 auto;max-width:68rem;padding-inline:var(--yk-space-s)}

/* ---- Tabs 654×63 — scroll on narrow tablet --------------------------- */
.yk-stay-tabs{
  display:flex;align-items:stretch;width:min(100%,65.4rem);
  margin:0 auto var(--yk-space-l);padding:.6rem;
  background:rgba(139,154,128,.3);border-radius:100px;box-sizing:border-box}
.yk-stay-tabs button{
  flex:1;min-width:0;border:0;background:transparent;cursor:pointer;
  font-family:"Sofia Pro",sans-serif;font-size:clamp(1.2rem,1.6vw,1.8rem);line-height:1.2;
  letter-spacing:.015em;text-transform:uppercase;color:var(--yk-secondary);
  padding:clamp(1rem,1.5vw,1.5rem) clamp(.6rem,1vw,1rem);border-radius:100px;
  transition:background .35s ease,color .35s ease}
.yk-stay-tabs button.is-active{background:var(--yk-primary);color:#fff}
.yk-stay-tabs button:hover:not(.is-active){color:var(--yk-primary)}

/* ---- Property cards 1166×424 ----------------------------------------- */
.yk-stay-properties{
  display:grid;gap:clamp(2rem,4vw,3rem);margin:0 auto;
  max-width:min(var(--yk-stay-cards),100%)}
.yk-stay-property{
  display:grid;grid-template-columns:minmax(0,566fr) minmax(0,600fr);
  min-height:min(42.4rem,auto);overflow:hidden;
  transition:transform .45s var(--yk-stay-ease),box-shadow .45s ease}
.yk-stay-property--featured{border-radius:var(--yk-radius-card);box-shadow:0 4px 8px rgba(0,0,0,.08)}
.yk-stay-property--featured:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,0,0,.12)}
.yk-stay-property__media{position:relative;min-height:clamp(22rem,50vw,42.4rem);overflow:hidden;background:#f5f5f5}
.yk-stay-property__media.yk-carousel{display:block}
.yk-carousel__track{position:relative;width:100%;height:100%;min-height:inherit;outline:none}
.yk-carousel__slide{
  position:absolute;inset:0;margin:0;opacity:0;pointer-events:none;
  transition:opacity .45s var(--yk-stay-ease)}
.yk-carousel__slide.is-active{opacity:1;pointer-events:auto;z-index:1}
.yk-carousel__slide img{
  width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .6s cubic-bezier(.25,1,.5,1)}
.yk-stay-property:hover .yk-carousel__slide.is-active img{transform:scale(1.02)}
.yk-stay-property__nav{
  position:absolute;right:0;bottom:0;z-index:2;display:flex;gap:2rem;align-items:center;
  padding:.5rem 1rem;background:rgba(58,75,58,.6);backdrop-filter:blur(2px);
  border-radius:5px 0 0 5px}
.yk-stay-property__nav button{
  width:2.4rem;height:2.4rem;border:0;background:transparent;cursor:pointer;
  color:#fff;padding:0;transition:opacity .2s ease}
.yk-stay-property__nav button:hover{opacity:.75}
.yk-stay-property__nav button.is-disabled{opacity:.35;cursor:default}
.yk-stay-tab-placeholder{
  font-size:var(--yk-text-m);line-height:1.55;color:var(--yk-secondary);
  max-width:52rem;margin:var(--yk-space-l) auto 0;padding:var(--yk-space-m);
  border:1px dashed rgba(58,75,58,.35);border-radius:var(--yk-radius-card);text-align:center}
.yk-stay-property__body{
  border:1px solid var(--yk-primary);border-left:0;
  padding:clamp(2rem,4vw,3rem);display:flex;flex-direction:column;box-sizing:border-box}
.yk-stay-property__type{
  font-size:var(--yk-text-xs);line-height:1.3;color:rgba(58,75,58,.9);margin:0 0 .4rem;
  text-transform:uppercase;letter-spacing:.04em}
.yk-stay-property__title{
  font-family:"Albertus Nova",serif;
  font-size:clamp(2.4rem,4vw,4.8rem);line-height:1.12;
  font-weight:400;letter-spacing:.01em;color:var(--yk-primary);margin:0 0 var(--yk-space-s)}
.yk-stay-property__desc{
  font-size:var(--yk-text-m);line-height:1.55;color:var(--yk-secondary);margin:0 0 var(--yk-space-s)}
.yk-stay-property__feat{
  display:flex;align-items:flex-start;gap:1rem;margin-bottom:.6rem;
  font-size:var(--yk-text-s);line-height:1.45;color:rgba(92,58,33,.9)}
.yk-stay-property__feat svg{flex:0 0 2rem;width:2rem;height:2rem;margin-top:.2rem;color:var(--yk-primary)}
.yk-stay-property__foot{
  margin-top:auto;display:flex;flex-wrap:wrap;align-items:flex-end;
  justify-content:space-between;gap:var(--yk-space-s);padding-top:var(--yk-space-s)}
.yk-stay-property__price-label{
  font-size:var(--yk-text-xs);line-height:1.45;color:#0a0a0a;opacity:.6;margin:0}
.yk-stay-property__price{
  font-size:var(--yk-text-m);font-weight:700;line-height:1.4;color:var(--yk-primary);margin:0}
.yk-stay-property__cta{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:4.8rem;padding:1.4rem 2.4rem;border-radius:100px;
  background:var(--yk-primary);color:#fff;border:1px solid var(--yk-primary);
  font-family:"Sofia Pro",sans-serif;font-size:var(--yk-text-xs);font-weight:700;
  letter-spacing:.08em;text-decoration:none;text-transform:uppercase;
  transition:transform .2s ease,box-shadow .3s ease}
.yk-stay-property__cta:hover{transform:scale(1.02);box-shadow:0 8px 24px rgba(58,75,58,.25)}

/* ---- Map 1200×624 (Figma 453:606 @ x103 — centered 1200 band on 1440) ---- */
.yk-stay-map__frame{
  width:100%;max-width:var(--yk-stay-shell);margin-inline:auto;
  border-radius:var(--yk-radius-card);overflow:hidden;
  box-shadow:0 4px 8px rgba(0,0,0,.25);margin-top:clamp(1.6rem,3vw,3.6rem);
  background:#f7f3eb}
.yk-stay-map__frame img{
  width:100%;height:auto;display:block;
  aspect-ratio:2752 / 1536;object-fit:contain;object-position:center}

/* ---- Provisions 3×300×400 -------------------------------------------- */
.yk-stay-provisions__grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(2rem,5vw,5rem);margin-top:clamp(1.6rem,3vw,4rem);
  max-width:96rem;margin-inline:auto}
.yk-stay-provision{
  padding:clamp(1.6rem,3vw,2rem) clamp(2rem,3vw,3rem);background:#fff;
  min-height:0;box-sizing:border-box;
  box-shadow:0 0 10px rgba(3,3,3,.16);
  transition:transform .35s var(--yk-stay-ease),box-shadow .35s ease}
.yk-stay-provision:first-child{border:1px solid var(--yk-primary)}
.yk-stay-provision:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,0,0,.1)}
.yk-stay-provision h3{
  font-family:"Sofia Pro",sans-serif;font-size:clamp(1.8rem,2.5vw,2.0625rem);font-weight:500;
  line-height:1.2;color:var(--yk-primary);margin:0 0 var(--yk-space-l)}
.yk-stay-provision__icon{
  width:3.2rem;height:3.2rem;border-radius:50%;background:rgba(176,90,42,.12);
  margin-bottom:.5rem}
.yk-stay-provision ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--yk-space-s)}
.yk-stay-provision li{font-size:var(--yk-text-s);line-height:1.5;color:var(--yk-secondary)}

/* ---- FAQ 600×2 grid -------------------------------------------------- */
.yk-stay-faq__grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--yk-space-l);margin-top:clamp(1.6rem,3vw,3.6rem)}
.yk-stay-faq details{
  border:1px solid var(--yk-primary);border-radius:var(--yk-radius-card);
  background:#fff;box-shadow:0 10px 40px rgba(0,0,0,.05);
  padding:1.6rem 2.1rem;min-height:6.4rem;box-sizing:border-box;
  transition:border-color .3s ease}
.yk-stay-faq details[open]{min-height:auto}
.yk-stay-faq summary{
  list-style:none;cursor:pointer;font-family:"Sofia Pro",sans-serif;
  font-size:var(--yk-text-m);font-weight:600;line-height:1.45;color:var(--yk-primary);
  display:flex;align-items:center;justify-content:space-between;gap:1rem}
.yk-stay-faq summary::-webkit-details-marker{display:none}
.yk-stay-faq summary::after{
  content:"";width:1.59rem;height:.86rem;flex-shrink:0;
  background:var(--yk-primary);clip-path:polygon(0 0,100% 0,50% 100%);
  transition:transform .3s var(--yk-stay-ease)}
.yk-stay-faq details[open] summary::after{transform:rotate(180deg)}
.yk-stay-faq details p{
  margin:1rem 0 0;font-size:var(--yk-text-s);font-weight:300;line-height:1.55;color:var(--yk-secondary)}

/* ---- Motion ---------------------------------------------------------- */
body.yk-figma-stay .yk-reveal{
  opacity:0;transform:translateY(24px);
  transition:opacity .8s var(--yk-stay-ease),transform .8s var(--yk-stay-ease)}
body.yk-figma-stay .yk-reveal.is-in{opacity:1;transform:none}

/* ---- Breakpoints (Bricks: 991 / 767 / 478) --------------------------- */
@media(max-width:1024px){
  .yk-stay-property{grid-template-columns:1fr}
  .yk-stay-property__body{border-left:1px solid var(--yk-primary)}}

@media(max-width:991px){
  .yk-stay-hero__bg img{object-position:56% center}
  .yk-stay-intro-band{padding-top:var(--yk-stay-section-y-tight)}
  .yk-stay-tabs{
    flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;
    -webkit-overflow-scrolling:touch;scrollbar-width:none;
    border-radius:var(--yk-radius-card);padding:.6rem .8rem;
    justify-content:flex-start}
  .yk-stay-tabs::-webkit-scrollbar{display:none}
  .yk-stay-tabs button{flex:0 0 auto;white-space:nowrap;padding:1rem 1.4rem}
  .yk-stay-provisions__grid{grid-template-columns:1fr;max-width:30rem;margin-inline:auto}}

@media(max-width:900px){
  .yk-stay-faq__grid{grid-template-columns:1fr}}

@media(max-width:767px){
  .yk-stay-hero__bg img{object-position:58% center}
  .yk-stay-hero__content{padding-bottom:var(--yk-space-xl)}
  .yk-stay-property__foot{flex-direction:column;align-items:stretch}
  .yk-stay-property__cta{width:100%;justify-content:center}
  .yk-stay-property__nav{gap:1rem;padding:.4rem .8rem}}

@media(max-width:478px){
  .yk-stay-hero__bg img{object-position:63% center}
  .yk-stay-hero h1{max-width:90%;margin-inline:auto}}

@media(prefers-reduced-motion:reduce){
  .yk-stay-property,.yk-stay-provision,.yk-carousel__slide,.yk-carousel__slide img,
  body.yk-figma-stay .yk-reveal{transition:none;transform:none;opacity:1}}


/* ---- yk/12-live-tour.css ---- */
/* Live Woo tour product — yohak.ph/tour/private-speedboat-charter-el-nido/ */

html:has(body.yk-live-tour){overflow-x:clip}
body.yk-live-tour{
  background:var(--yk-white);color:var(--yk-secondary);
  overflow-x:clip;max-width:100vw;
  --yk-header-stack:var(--yk-header-h);
  --yk-tour-nav-rail:2.75rem;
  --yk-tour-nav-top:var(--yk-header-stack)}

/* ---- Centered shell (1290px live / Figma) --------------------------- */
body.yk-live-tour.yk-live-product-page main{
  width:100%;max-width:100vw;overflow-x:clip;
  padding-top:var(--yk-header-stack);
  background:#d9d0c1}
body.yk-live-tour main{
  width:100%;max-width:100vw;overflow-x:clip}
body.yk-live-tour .yk-live-shell{
  width:min(100%,1290px);max-width:1290px;
  margin-inline:auto;padding-inline:clamp(1.5rem,5vw,3rem);box-sizing:border-box}
body.yk-live-tour .yk-container{
  width:min(100%,1290px);max-width:1290px;
  margin-inline:auto;padding-inline:clamp(1.5rem,5vw,3rem);box-sizing:border-box}

/* Product pages: solid green header on white (live Bricks post-497) */
body.yk-live-tour .yk-header{
  background:rgba(58,75,58,.96);backdrop-filter:blur(8px);
  min-height:var(--yk-header-h)}
body.yk-live-tour .yk-header__logo img{filter:brightness(0) invert(1)}
body.yk-live-tour .yk-navlink,
body.yk-live-tour .yk-nav a:not(.yk-nav__cta){color:var(--yk-bg)}
body.yk-live-tour .yk-nav-toggle{color:var(--yk-bg)}
body.yk-live-tour .yk-header.is-scrolled{
  background:rgba(58,75,58,.98);backdrop-filter:blur(10px)}
body.yk-live-tour .yk-navlink,
body.yk-live-tour .yk-header.is-scrolled .yk-navlink,
body.yk-live-tour .yk-header.is-scrolled .yk-nav a:not(.yk-nav__cta){color:var(--yk-bg)}
@media(max-width:991px){
  body.yk-live-tour .yk-header{
    min-height:unset;
    padding-top:calc(1.4rem + env(safe-area-inset-top,0px));
    padding-bottom:1.4rem}}

/* ---- Sticky tour nav (live pills on sand rail) ---------------------- */
body.yk-live-tour .yk-tour-nav{
  position:sticky;top:var(--yk-tour-nav-top);z-index:900;width:100%;
  background:#d9d0c1;border-bottom:1px solid rgba(92,58,33,.15);
  padding:0;isolation:isolate;box-sizing:border-box}
body.yk-live-tour .yk-ft-section[id],
body.yk-live-tour main section[id],
body.yk-live-tour main [id="yohak-booking"]{
  scroll-margin-top:calc(var(--yk-header-stack) + var(--yk-tour-nav-rail) + .5rem)}
body.yk-live-tour.yk-money-page .yk-tour-nav{top:var(--yk-tour-nav-top)}
body.yk-live-tour .yk-tour-nav__window{
  display:block;width:100%;overflow-x:auto;overflow-y:hidden;
  -webkit-overflow-scrolling:touch;scrollbar-width:none;
  scroll-snap-type:x proximity;
  scroll-padding-inline:max(1rem,env(safe-area-inset-left,0px))}
body.yk-live-tour .yk-tour-nav__window::-webkit-scrollbar{display:none}
body.yk-live-tour .yk-tour-nav__track{
  display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;
  width:max-content;min-width:100%;margin:0 auto;
  padding:8px 14px 7px;gap:8px}
body.yk-live-tour .yk-tour-nav__pill{scroll-snap-align:center}
body.yk-live-tour .yk-tour-nav__pill{
  display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;
  box-sizing:border-box;max-width:max-content;
  padding:6px 13px;border-radius:var(--yk-radius-pill);text-decoration:none;white-space:nowrap;
  font-family:"Sofia Pro",sans-serif;font-size:11px;font-weight:500;
  letter-spacing:.06em;text-transform:uppercase;color:#5c3a21;
  background:transparent;
  transition:background .22s ease,color .22s ease,box-shadow .22s ease,transform .12s ease;
  -webkit-tap-highlight-color:transparent}
body.yk-live-tour .yk-tour-nav__pill:hover{
  background:rgba(139,154,128,.22);color:var(--yk-secondary)}
body.yk-live-tour .yk-tour-nav__pill.is-active{
  background:#3a4b3a!important;color:#d9d0c1!important;
  padding:6px 13px;box-shadow:0 2px 8px rgba(47,60,47,.15)}
body.yk-live-tour .yk-tour-nav__pill:focus-visible{
  outline:2px solid var(--yk-accent);outline-offset:2px}
body.yk-live-tour .yk-tour-nav__pill:active{
  transform:scale(.98);transition:transform .12s ease}
@media(max-width:991px){
  body.yk-live-tour{
    --yk-header-stack:calc(env(safe-area-inset-top,0px) + 1.4rem + 44px + 1.4rem);
    --yk-tour-nav-top:var(--yk-header-stack)}}
@media(max-width:768px){
  body.yk-live-tour .yk-tour-nav__track{
    justify-content:flex-start;
    width:max-content;min-width:100%;
    padding:7px var(--yk-page-gutter);gap:8px}
  body.yk-live-tour .yk-tour-nav__window{
    scroll-padding-inline:var(--yk-page-gutter)}
  body.yk-live-tour .yk-tour-nav__pill{
    min-height:44px;padding:9px 14px;font-size:10.5px;letter-spacing:.07em}
  body.yk-live-tour .yk-tour-nav__pill.is-active{
    min-height:44px;padding:9px 14px;box-shadow:0 2px 10px rgba(47,60,47,.16)}}
@media(max-width:640px){
  body.yk-live-tour .yk-tour-nav__pill{min-height:44px;padding:9px 13px;font-size:10px}
  body.yk-live-tour .yk-tour-nav__pill.is-active{min-height:44px;padding:9px 13px}}

/* ---- Hero typography (live Bricks — title case, not all-caps) ----- */
body.yk-live-tour.yk-live-product-page .yk-live-product{
  padding-block:clamp(.75rem,2vw,1.25rem) var(--yk-space-2xl);
  background:var(--yk-white)}
body.yk-live-tour .yk-live-product{padding-block:clamp(1.5rem,3vw,2.4rem) var(--yk-space-2xl)}
body.yk-live-tour .yk-live-hero{
  padding:calc(var(--yk-header-h) * 0) 0 clamp(1.5rem,3vw,2.4rem);
  background:transparent}
body.yk-live-tour .yk-live-hero h1{
  font-family:"Albertus Nova",serif;
  font-size:clamp(3rem,5.5vw,5rem);line-height:1.05;
  letter-spacing:.01em;text-transform:none;color:var(--yk-primary);
  margin:0 0 1.2rem;max-width:18ch;font-weight:400}
body.yk-live-tour .yk-live-hero .yk-lead{
  font-family:"Sofia Pro",sans-serif;
  font-size:clamp(1.6rem,2.2vw,2.4rem);line-height:1.35;
  color:var(--yk-secondary);max-width:46rem;margin:0 0 2rem;font-weight:400}

/* Bricks fadeIn parity (contentLoaded 1.8s) */
@keyframes ykFadeIn{from{opacity:0}to{opacity:1}}
body.yk-live-tour .yk-fade-up{
  opacity:0;animation:ykFadeIn 1.8s ease forwards}
body.yk-live-tour .yk-fade-up--d1{animation-delay:.15s}
body.yk-live-tour .yk-fade-up--d2{animation-delay:.3s}
body.yk-live-tour .yk-fade-up--d3{animation-delay:.45s}
body.yk-live-tour .yk-fade-up--d4{animation-delay:.6s}
body.yk-live-tour .yk-fade-up--d5{animation-delay:.75s}
@media(prefers-reduced-motion:reduce){
  body.yk-live-tour .yk-fade-up{opacity:1;animation:none}}

/* ---- Masonry gallery (770 | 250 | 250 — from Figma/live) ------------ */
body.yk-live-tour .yk-live-gallery{
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(0,.725fr) minmax(0,.725fr);
  grid-template-rows:minmax(160px,1fr) minmax(160px,1fr);
  gap:10px;width:100%;
  min-height:clamp(320px,40vw,510px);margin:0 0 2.4rem}
body.yk-live-tour .yk-live-gallery .yk-ft-gallery__hero{
  grid-column:1;grid-row:1 / span 2;border-radius:var(--yk-radius-m);overflow:hidden;
  box-shadow:0 4px 4px rgba(0,0,0,.25);min-height:0}
body.yk-live-tour .yk-live-gallery > .yk-ft-gallery__tile:nth-child(2){
  grid-column:2 / span 2;grid-row:1}
body.yk-live-tour .yk-live-gallery > .yk-ft-gallery__tile:nth-child(3){grid-column:2;grid-row:2}
body.yk-live-tour .yk-live-gallery > .yk-ft-gallery__tile:nth-child(4){grid-column:3;grid-row:2}
body.yk-live-tour .yk-live-gallery .yk-ft-gallery__tile{
  border-radius:var(--yk-radius-m);overflow:hidden;min-height:0;
  box-shadow:0 4px 4px rgba(0,0,0,.25)}
body.yk-live-tour .yk-live-gallery img{
  width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .45s ease}
body.yk-live-tour .yk-live-gallery a:hover img{transform:scale(1.03)}

/* Mobile: keep live masonry (do not stack single-column) */
@media(max-width:767px){
  body.yk-live-tour .yk-live-hero h1{
    font-size:clamp(2rem,7.6vw,2.75rem);line-height:1.08;
    max-width:none;margin-bottom:.85rem}
  body.yk-live-tour .yk-live-hero .yk-lead{
    font-size:clamp(1.15rem,3.8vw,1.45rem);line-height:1.45;
    max-width:none;margin-bottom:1.25rem}
  body.yk-live-tour .yk-ft-gallery__grid.yk-live-gallery,
  body.yk-live-tour .yk-live-gallery{
    display:grid;
    grid-template-columns:minmax(0,1.55fr) minmax(0,.725fr) minmax(0,.725fr);
    grid-template-rows:minmax(88px,26vw) minmax(88px,26vw);
    gap:8px;width:100%;min-height:clamp(176px,52vw,320px);
    height:auto;margin:0 0 1.25rem}
  body.yk-live-tour .yk-live-gallery .yk-ft-gallery__hero{
    grid-column:1;grid-row:1 / span 2;min-height:0}
  body.yk-live-tour .yk-live-gallery > .yk-ft-gallery__tile:nth-child(2){
    grid-column:2 / span 2;grid-row:1}
  body.yk-live-tour .yk-live-gallery > .yk-ft-gallery__tile:nth-child(3){
    grid-column:2;grid-row:2}
  body.yk-live-tour .yk-live-gallery > .yk-ft-gallery__tile:nth-child(4){
    grid-column:3;grid-row:2}}

/* ---- Two-column shell (920 | 360) ----------------------------------- */
body.yk-live-tour .yk-live-columns{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,440px);
  gap:clamp(1rem,2vw,2.4rem);align-items:start}
body.yk-live-tour .yk-live-product__main{min-width:0}
@media(max-width:1024px){
  body.yk-live-tour .yk-live-columns{grid-template-columns:1fr}}

body.yk-live-tour .yk-live-stats{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;
  margin:0 0 var(--yk-space-l);border:1px solid var(--yk-line);
  border-radius:var(--yk-radius-card);overflow:hidden;background:var(--yk-white)}
@media(min-width:768px){
  body.yk-live-tour .yk-live-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1025px){
  body.yk-live-tour .yk-live-stats{grid-template-columns:1fr;gap:0}}
body.yk-live-tour .yk-live-stats__item{
  display:flex;align-items:center;gap:.85rem;
  padding:1rem 1rem;background:var(--yk-white);
  border-bottom:1px solid var(--yk-line);
  transition:background .35s ease}
@media(hover:hover){
  body.yk-live-tour .yk-live-stats__item:hover{background:rgba(244,240,234,.55)}}
body.yk-live-tour .yk-live-stats__item:last-child{border-bottom:none}
@media(min-width:768px){
  body.yk-live-tour .yk-live-stats__item:nth-child(odd){border-right:1px solid var(--yk-line)}}
@media(min-width:1025px){
  body.yk-live-tour .yk-live-stats__item{border-right:none}}
body.yk-live-tour .yk-live-stats__icon-wrap{
  flex:0 0 40px;display:grid;place-items:center;width:40px;height:40px}
body.yk-live-tour .yk-live-stats__icon-wrap--sm{flex-basis:32px;width:32px;height:32px}
body.yk-live-tour .yk-live-stats__icon{
  display:block;color:var(--yk-primary);
  transition:color .35s ease,transform .35s ease}
@media(hover:hover){
  body.yk-live-tour .yk-live-stats__item:hover .yk-live-stats__icon{transform:scale(1.06)}}
body.yk-live-tour .yk-live-stats__copy{min-width:0}
body.yk-live-tour .yk-live-icon--sand{color:var(--yk-accent-muted)}
body.yk-live-tour .yk-live-icon--ink{color:#000}
body.yk-live-tour .yk-live-icon--36{width:36px;height:36px}
body.yk-live-tour .yk-live-stats__label{
  display:block;font-family:"Sofia Pro",sans-serif;
  font-size:14px;letter-spacing:.08em;text-transform:capitalize;
  color:var(--yk-secondary);margin-bottom:.15rem;font-weight:500}
body.yk-live-tour .yk-live-stats__value{
  display:block;font-family:"Sofia Pro",sans-serif;font-size:14px;
  line-height:1.3;color:var(--yk-primary);font-weight:700}

body.yk-live-tour .yk-live-product__aside{
  position:sticky;top:calc(var(--yk-header-h) + 56px);align-self:start}
@media(max-width:1024px){
  body.yk-live-tour .yk-live-product__aside{position:relative;top:auto}}
body.yk-live-tour #yohak-booking{scroll-margin-top:calc(var(--yk-header-h) + 1rem)}

/* ---- Section typography (live tour content) -------------------------- */
body.yk-live-tour .yk-ft-body a{color:var(--yk-accent);text-decoration:underline}

body.yk-live-tour .yk-live-trust{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1rem;
  list-style:none;margin:var(--yk-space-m) 0 var(--yk-space-s);padding:0 0 var(--yk-space-s)}
@media(min-width:768px){body.yk-live-tour .yk-live-trust{grid-template-columns:repeat(4,1fr)}}
body.yk-live-tour .yk-live-trust li{
  display:flex;align-items:center;gap:.45rem;
  font-family:"Sofia Pro",sans-serif;font-size:var(--yk-text-xs);color:var(--yk-secondary)}
body.yk-live-tour .yk-live-trust__icon{color:var(--yk-primary);flex:0 0 auto}

body.yk-live-tour .yk-live-itinerary{margin-top:var(--yk-space-m)}
body.yk-live-tour .yk-live-stop{
  display:grid;grid-template-columns:minmax(88px,110px) minmax(0,1fr);
  gap:var(--yk-space-m);padding:var(--yk-space-m) 0;
  border-bottom:1px solid var(--yk-line)}
body.yk-live-tour .yk-live-stop:last-child{border-bottom:none}
body.yk-live-tour .yk-live-stop__rail{display:grid;gap:.25rem;justify-items:start}
body.yk-live-tour .yk-live-stop__time{
  font-family:"Albertus Nova",serif;font-size:var(--yk-text-s);color:var(--yk-primary)}
body.yk-live-tour .yk-live-stop__dur{
  font-size:var(--yk-text-2xs);letter-spacing:.08em;text-transform:uppercase;color:var(--yk-secondary)}
body.yk-live-tour .yk-live-stop__marker{
  position:relative;z-index:2;
  display:grid;place-items:center;width:35px;height:35px;margin-top:.35rem;
  border-radius:50%;border:1px solid var(--yk-primary);
  background:var(--yk-primary);
  font-family:"Albertus Nova",serif;font-size:14px;color:var(--yk-white);
  transition:border-color .4s ease,background-color .4s ease,color .4s ease}
body.yk-live-tour .itinerary-hover:hover .yk-live-stop__marker{
  background:var(--yk-accent);border-color:var(--yk-accent);color:var(--yk-white)}
body.yk-live-tour .yk-live-stop__content h3{
  font-family:"Albertus Nova",serif;font-size:var(--yk-text-m);
  color:var(--yk-primary);margin:0 0 .25rem}
body.yk-live-tour .yk-live-stop__act{
  display:inline-block;margin:.75rem 0 .5rem;
  font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;
  font-weight:600;color:var(--yk-accent-ink);
  padding-bottom:6px;border-bottom:1px solid var(--yk-accent-muted);
  transition:border-color .4s ease}
body.yk-live-tour .itinerary-hover:hover .yk-live-stop__act{border-bottom-color:var(--yk-accent)}
body.yk-live-tour .yk-live-stop__content p:last-child{
  font-size:var(--yk-text-xs);line-height:1.6;color:var(--yk-secondary);margin:0}
@media(max-width:560px){
  body.yk-live-tour .yk-live-stop{grid-template-columns:1fr}
  /* Marker leads the row, grouped with the day label — a number floating
     at the far right edge left a void mid-row (adversary pass 2026-07-10) */
  body.yk-live-tour .yk-live-stop__rail{
    grid-template-columns:auto auto auto;justify-content:start;
    align-items:center;gap:1rem}
  body.yk-live-tour .yk-live-stop__marker{
    margin-top:0;margin-left:0;order:-1;width:30px;height:30px;font-size:13px}}

body.yk-live-tour .yk-live-inclusions,
body.yk-live-tour .yk-live-accord{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.4rem 2rem;
  margin-top:var(--yk-space-m)}
@media(max-width:900px){
  body.yk-live-tour .yk-live-inclusions,
  body.yk-live-tour .yk-live-accord{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){
  body.yk-live-tour .yk-live-inclusions,
  body.yk-live-tour .yk-live-accord{grid-template-columns:1fr}}
body.yk-live-tour .yk-live-inclusion,
body.yk-live-tour .yk-live-accord__item{
  padding:0;border:none;border-radius:0;background:transparent}
body.yk-live-tour .yk-live-icon{
  display:block;width:32px;height:32px;margin-bottom:.75rem;color:var(--yk-primary);
  transition:color var(--yk-transition-smooth, .35s ease),transform .35s ease}
body.yk-live-tour .yk-live-icon svg{display:block;width:100%;height:100%;fill:currentColor}
body.yk-live-tour .yk-live-inclusion,
body.yk-live-tour .yk-live-accord__item{
  transition:transform var(--yk-transition-smooth, .35s ease)}
@media(hover:hover){
  body.yk-live-tour .yk-live-inclusion:hover,
  body.yk-live-tour .yk-live-accord__item:hover{transform:translateY(-2px)}
  body.yk-live-tour .yk-live-inclusion:hover .yk-live-icon,
  body.yk-live-tour .yk-live-accord__item:hover .yk-live-icon{color:var(--yk-accent)}
  body.yk-live-tour .yk-live-inclusion:hover .yk-live-icon--sand,
  body.yk-live-tour .yk-live-accord__item:hover .yk-live-icon--sand{color:var(--yk-accent-muted)}
  body.yk-live-tour .yk-live-inclusion:hover .yk-live-icon--ink,
  body.yk-live-tour .yk-live-accord__item:hover .yk-live-icon--ink{color:var(--yk-primary)}}
@media(hover:none){
  body.yk-live-tour .yk-tour-nav__pill:active,
  body.yk-live-tour .yk-ft-fleet__callout:active,
  body.yk-live-tour .yk-live-stats__item:active{
    opacity:.92}
  body.yk-live-tour .yk-live-gallery a:active img{transform:scale(1.01)}}
body.yk-live-tour .yk-live-inclusion h3,
body.yk-live-tour .yk-live-accord__item h3{
  font-family:"Sofia Pro",sans-serif;font-size:14px;font-weight:700;
  color:var(--yk-primary);margin:0 0 .35rem;line-height:1.35}
body.yk-live-tour .yk-live-inclusion p,
body.yk-live-tour .yk-live-accord__item p{
  font-family:"Sofia Pro",sans-serif;font-size:14px;line-height:1.55;
  color:var(--yk-secondary);margin:0;font-weight:400}
body.yk-live-tour .yk-live-accord__item a{color:var(--yk-accent)}

/* ---- Performance: defer paint for below-fold sections ---------------- */
body.yk-live-tour #itinerary,
body.yk-live-tour #inclusions,
body.yk-live-tour #yohak-accord,
body.yk-live-tour #faqs,
body.yk-live-tour #speedboats{
  content-visibility:auto;contain-intrinsic-size:auto 640px}

body.yk-live-tour .yk-live-faq{margin-top:var(--yk-space-s)}
body.yk-live-tour .yk-live-faq__tabs{
  display:flex;gap:0;border-bottom:1px solid var(--yk-line);margin-bottom:var(--yk-space-m)}
body.yk-live-tour .yk-live-faq__tabs button{
  flex:1;padding:.85rem 1rem;border:none;background:transparent;
  font-family:"Sofia Pro",sans-serif;font-size:var(--yk-text-xs);
  letter-spacing:.08em;text-transform:uppercase;color:var(--yk-secondary);
  border-bottom:2px solid transparent;cursor:pointer}
body.yk-live-tour .yk-live-faq__tabs button.is-active{
  color:var(--yk-primary);border-color:var(--yk-accent);font-weight:600}
body.yk-live-tour .yk-live-faq__panel{display:none}
body.yk-live-tour .yk-live-faq__panel.is-active{display:block}

body.yk-live-tour .yk-booking-panel{
  border:none;border-radius:0;box-shadow:none;padding:0;
  width:100%;max-width:100%;margin-inline:0;box-sizing:border-box;background:transparent}

/* Live calendar sidebar tweaks — handled in 05-booking.css (.yohak-bespoke-booking) */

body.yk-live-tour .yk-live-contact{
  margin-top:var(--yk-space-l);padding-top:var(--yk-space-m);
  border-top:1px solid var(--yk-line);max-width:360px;margin-inline:auto}
body.yk-live-tour .yk-live-contact__title{
  font-family:"Albertus Nova",serif;font-size:1.25rem;
  color:var(--yk-primary);margin:0 0 var(--yk-space-s)}
body.yk-live-tour .yk-live-contact p{
  font-size:var(--yk-text-xs);line-height:1.65;color:var(--yk-secondary);margin:0}
body.yk-live-tour .yk-live-contact a{color:var(--yk-accent)}

body.yk-live-tour .yk-ft-trust{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1.25rem;
  list-style:none;margin:var(--yk-space-m) 0 0;padding:0}
@media(min-width:768px){body.yk-live-tour .yk-ft-trust{grid-template-columns:repeat(4,1fr)}}
body.yk-live-tour .yk-ft-trust li{
  font-family:"Sofia Pro",sans-serif;font-size:var(--yk-text-xs);
  line-height:1.4;color:var(--yk-secondary)}

body.yk-live-tour .yk-reviews-section{
  margin-top:var(--yk-space-l);padding-block:var(--yk-space-l);
  border-top:1px solid var(--yk-line);border-bottom:1px solid var(--yk-line);
  overflow:hidden}
body.yk-live-tour .yk-review-card{
  flex:0 0 min(calc(100% - 2 * var(--yk-page-gutter)),380px);
  padding:1.5rem;border:1px solid var(--yk-line);
  border-radius:12px;background:#fff;scroll-snap-align:center;
  box-shadow:0 4px 12px rgba(58,75,58,.06);
  transition:box-shadow .25s ease,transform .25s ease}
@media(min-width:992px){
  body.yk-live-tour .yk-review-card{flex:0 0 min(42vw,380px);scroll-snap-align:start}}
body.yk-live-tour .yk-reviews-track{
  padding-inline:var(--yk-page-gutter);max-width:100%;
  scroll-snap-type:x mandatory;gap:var(--yk-space-s)}
body.yk-live-tour .yk-reviews-controls{
  display:flex;align-items:center;justify-content:center;
  gap:var(--yk-space-s);margin-top:var(--yk-space-m);padding:0 var(--yk-page-gutter)}
body.yk-live-tour .yk-reviews-dots{
  display:flex;align-items:center;justify-content:center;gap:10px;flex:0 1 auto}
body.yk-live-tour .yk-reviews-dot{
  width:10px;height:10px;min-width:44px;min-height:44px;padding:17px 0;border:none;border-radius:50%;
  background:transparent;cursor:pointer;position:relative;
  transition:background .2s ease,transform .2s ease}
body.yk-live-tour .yk-reviews-dot::after{
  content:"";position:absolute;inset:17px;border-radius:50%;background:var(--yk-line)}
body.yk-live-tour .yk-reviews-dot.is-active::after{
  background:var(--yk-accent);transform:scale(1.15)}
body.yk-live-tour .yk-reviews-prev,
body.yk-live-tour .yk-reviews-next{
  position:static;flex:0 0 44px;width:44px;height:44px;
  display:inline-flex;align-items:center;justify-content:center;
  border:1px solid var(--yk-line);border-radius:var(--yk-radius);
  background:var(--yk-white);color:var(--yk-primary);font-size:0;cursor:pointer}
body.yk-live-tour .yk-reviews-prev::before,
body.yk-live-tour .yk-reviews-next::before{
  font-size:1.6rem;line-height:1;font-family:"Sofia Pro",sans-serif}
body.yk-live-tour .yk-reviews-prev::before{content:"‹"}
body.yk-live-tour .yk-reviews-next::before{content:"›"}
body.yk-live-tour .yk-reviews-prev:disabled,
body.yk-live-tour .yk-reviews-next:disabled{
  opacity:.35;cursor:not-allowed;pointer-events:none}
body.yk-live-tour .yk-review-card:hover{
  box-shadow:0 8px 20px rgba(58,75,58,.1);transform:translateY(-2px)}
body.yk-live-tour .yk-review-card blockquote{
  font-family:"Sofia Pro",sans-serif;font-size:14px;line-height:1.65;
  color:var(--yk-secondary);margin:0 0 1rem;font-style:normal}
body.yk-live-tour .yk-review-card cite{
  display:block;font-family:"Sofia Pro",sans-serif;font-size:13px;font-weight:700;
  color:var(--yk-primary);font-style:normal}
body.yk-live-tour .yk-review-card small{
  display:block;font-size:12px;color:var(--yk-accent-muted);margin-top:.15rem}
body.yk-live-tour .yk-reviews-prev:hover,
body.yk-live-tour .yk-reviews-next:hover{
  background:var(--yk-primary);color:var(--yk-bg);border-color:var(--yk-primary);
  transform:translateY(-1px)}
body.yk-live-tour .yk-reviews-carousel::before,
body.yk-live-tour .yk-reviews-carousel::after{display:none}
body.yk-live-tour .yk-live-reviews-head{
  display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;
  gap:var(--yk-space-s);margin-bottom:var(--yk-space-m)}
body.yk-live-tour .yk-live-reviews-score{
  display:flex;flex-wrap:wrap;align-items:center;gap:var(--yk-space-s)}
body.yk-live-tour .yk-live-reviews-score__num{
  font-family:"Albertus Nova",serif;font-size:clamp(2rem,4vw,2.75rem);
  line-height:1;color:var(--yk-primary)}
body.yk-live-tour .yk-live-reviews-google{
  display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;
  gap:.15rem;min-height:44px;padding:.35rem 0;
  text-decoration:none;color:var(--yk-secondary)}
body.yk-live-tour .yk-live-reviews-stars{
  display:flex;gap:.1rem;color:var(--yk-accent);font-size:1.1rem;line-height:1}
body.yk-live-tour .yk-live-reviews-google span:last-child{
  font-size:var(--yk-text-xs);letter-spacing:.04em}

body.yk-live-tour .yk-ft-roadmap{
  position:relative;margin:var(--yk-space-m) 0 0;padding-left:3.5rem;
  border-left:2px solid var(--yk-line)}
body.yk-live-tour .yk-ft-roadmap__item{position:relative;padding:0 0 var(--yk-space-m)}
body.yk-live-tour .yk-ft-roadmap__item::before{
  content:"";position:absolute;left:calc(-3.5rem - 5px);top:.15rem;
  width:14px;height:14px;border-radius:50%;background:var(--yk-accent);
  border:2px solid var(--yk-white);box-shadow:0 0 0 1px var(--yk-line)}
body.yk-live-tour .yk-ft-roadmap__time{
  font-family:"Albertus Nova",serif;font-size:var(--yk-text-s);
  color:var(--yk-accent);margin-bottom:.25rem}
body.yk-live-tour .yk-ft-roadmap__title{
  font-family:"Sofia Pro",sans-serif;font-size:var(--yk-text-s);font-weight:700;
  color:var(--yk-primary);margin:0 0 .35rem}
body.yk-live-tour .yk-ft-roadmap__item p{
  font-size:var(--yk-text-xs);line-height:1.55;color:var(--yk-secondary);margin:0}

body.yk-live-tour .yk-ft-card-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--yk-space-m)}
@media(max-width:900px){body.yk-live-tour .yk-ft-card-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){body.yk-live-tour .yk-ft-card-grid{grid-template-columns:1fr}}
body.yk-live-tour .yk-ft-card{
  padding:var(--yk-space-s);border-radius:var(--yk-radius-card);
  border:1px solid var(--yk-line);background:var(--yk-white)}
body.yk-live-tour .yk-ft-card__icon{
  width:32px;height:32px;border-radius:50%;background:rgba(176,90,42,.12);
  margin-bottom:.35rem}
body.yk-live-tour .yk-ft-card__title{
  font-family:"Albertus Nova",serif;font-size:var(--yk-text-s);
  color:var(--yk-primary);margin:0 0 .25rem}
body.yk-live-tour .yk-ft-card p{
  font-size:var(--yk-text-xs);line-height:1.5;color:var(--yk-secondary);margin:0}
body.yk-live-tour .yk-ft-card-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:560px){body.yk-live-tour .yk-ft-card-grid--2{grid-template-columns:1fr}}

body.yk-live-tour .yk-ft-accordion{display:grid;gap:var(--yk-space-s)}
body.yk-live-tour .yk-ft-accordion details{
  border:1px solid var(--yk-line);border-radius:var(--yk-radius-card);
  background:var(--yk-white);overflow:hidden}
body.yk-live-tour .yk-ft-accordion summary{
  list-style:none;cursor:pointer;padding:var(--yk-space-s) 3rem var(--yk-space-s) var(--yk-space-m);
  font-family:"Sofia Pro",sans-serif;font-size:var(--yk-text-s);font-weight:600;
  color:var(--yk-primary);position:relative}
body.yk-live-tour .yk-ft-accordion summary::-webkit-details-marker{display:none}
body.yk-live-tour .yk-ft-accordion summary::after{
  content:"+";position:absolute;right:var(--yk-space-m);top:50%;
  transform:translateY(-50%);font-size:1.25rem;color:var(--yk-primary)}
body.yk-live-tour .yk-ft-accordion details[open] summary::after{content:"−"}
body.yk-live-tour .yk-ft-accordion details p{
  padding:0 var(--yk-space-m) var(--yk-space-m);margin:0;
  font-size:var(--yk-text-xs);line-height:1.6;color:var(--yk-secondary)}

body.yk-live-tour .yk-ft-fleet__subtitle{
  font-family:"Albertus Nova",serif;font-size:1.35rem;line-height:1.3;
  color:var(--yk-primary);margin:1.5rem 0 0}

body.yk-live-tour .yk-ft-fleet__diagram{
  position:relative;margin-top:var(--yk-space-m);padding:var(--yk-space-m) 0 var(--yk-space-l);
  min-height:420px;overflow:hidden}
body.yk-live-tour .yk-ft-fleet__diagram img{
  display:block;width:min(240px,42%);margin:0 auto}
body.yk-live-tour .yk-ft-fleet__callout{
  position:absolute;max-width:16rem;padding:var(--yk-space-s);
  border-radius:var(--yk-radius-card);border:1px solid var(--yk-line);
  background:var(--yk-white);
  box-shadow:0 4px 16px rgba(0,0,0,.06);
  transition:transform .35s ease,box-shadow .35s ease}
@media(hover:hover){
  body.yk-live-tour .yk-ft-fleet__callout:hover{
    transform:translateY(-3px);box-shadow:0 10px 28px rgba(0,0,0,.1)}}
body.yk-live-tour .yk-fleet-icon{
  display:block;width:28px;height:28px;margin-bottom:.5rem;color:var(--yk-primary);
  transition:color .35s ease,transform .35s ease}
body.yk-live-tour .yk-fleet-icon svg{display:block;width:100%;height:100%;fill:currentColor}
@media(hover:hover){
  body.yk-live-tour .yk-ft-fleet__callout:hover .yk-fleet-icon{
    color:var(--yk-accent);transform:scale(1.05)}}
body.yk-live-tour .yk-ft-fleet__callout h4{
  font-family:"Albertus Nova",serif;font-size:var(--yk-text-s);
  color:var(--yk-primary);margin:0 0 .25rem}
body.yk-live-tour .yk-ft-fleet__callout p{
  font-size:var(--yk-text-xs);line-height:1.45;color:var(--yk-secondary);margin:0}
body.yk-live-tour .yk-ft-fleet__callout--tl{top:6%;left:0}
body.yk-live-tour .yk-ft-fleet__callout--tr{top:6%;right:0}
body.yk-live-tour .yk-ft-fleet__callout--bl{bottom:16%;left:0}
body.yk-live-tour .yk-ft-fleet__callout--br{bottom:16%;right:0}
@media(max-width:900px){
  body.yk-live-tour .yk-ft-fleet__diagram{position:static;min-height:0;padding:0}
  body.yk-live-tour .yk-ft-fleet__callout{position:static;max-width:none;margin-bottom:var(--yk-space-s)}}

body.yk-live-tour .yk-ft-badges{
  display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:var(--yk-space-s);
  max-width:360px;margin-inline:auto}
body.yk-live-tour .yk-ft-badges span,
body.yk-live-tour .yk-ft-badges button{
  display:inline-flex;align-items:center;min-height:28px;padding:0 1rem;
  border-radius:99px;border:1px solid var(--yk-line);
  font-size:10px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--yk-secondary);background:transparent;cursor:pointer}
body.yk-live-tour .yk-ft-badge--share{
  margin-left:auto;border-color:var(--yk-accent);background:var(--yk-accent);color:var(--yk-white)}

body.yk-live-tour .yk-reveal{
  opacity:0;transform:translateY(16px);
  transition:opacity .6s ease,transform .6s ease}
body.yk-live-tour .yk-reveal.is-in{opacity:1;transform:none}

@media(prefers-reduced-motion:reduce){
  body.yk-live-tour .yk-reveal{opacity:1;transform:none}
  body.yk-live-tour .yk-live-gallery img{transition:none}}

/* ---- Mobile dock: clamp CTA + WhatsApp (live layout) ----------------- */
body.yk-live-tour .yk-live-dock{display:block}

@media(max-width:1024px){
  body.yk-live-tour .yk-live-dock{
    position:fixed;left:0;right:0;bottom:0;z-index:9990;
    display:grid;
    grid-template-columns:min(48px,12vw) minmax(0,1fr) min(56px,14vw);
    align-items:center;
    gap:clamp(8px,2.5vw,12px);
    padding:12px max(calc(var(--yk-page-gutter) + 4px),env(safe-area-inset-left,0px))
      calc(12px + env(safe-area-inset-bottom,0px))
      max(calc(var(--yk-page-gutter) + 8px),env(safe-area-inset-right,0px));
    background:linear-gradient(180deg,rgba(244,240,234,0) 0%,rgba(244,240,234,.94) 30%,#f4f0ea 100%);
    pointer-events:none;box-sizing:border-box}
  body.yk-live-tour:has(.yk-staging-bar) .yk-live-dock{
    bottom:var(--yk-staging-bar-h);
    padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}
  body.yk-live-tour .yk-live-dock > *{pointer-events:auto}

  body.yk-live-tour .yk-live-dock .yohak-sticky-trigger,
  body.yk-live-tour .yk-live-dock .yk-booking-sticky{
    position:static!important;left:auto!important;bottom:auto!important;
    grid-column:2;justify-self:center;
    transform:none;
    flex:none;width:100%;max-width:min(280px,calc(100vw - 7rem));
    min-width:0;min-height:48px;padding:12px clamp(16px,4vw,24px);
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
    transition:opacity .3s ease,max-width .3s ease,padding .3s ease,transform .3s ease,box-shadow .3s ease}
  body.yk-live-tour .yk-live-dock .yohak-sticky-trigger:hover,
  body.yk-live-tour .yk-live-dock .yk-booking-sticky:hover{
    transform:translateY(-2px)}
  body.yk-live-tour .yk-live-dock .yohak-sticky-trigger.is-hidden,
  body.yk-live-tour .yk-live-dock .yohak-sticky-trigger.yohak-button-hidden,
  body.yk-live-tour .yk-live-dock .yk-booking-sticky.is-hidden{
    grid-column:2;max-width:0;min-width:0;padding-inline:0;margin:0;
    opacity:0;visibility:hidden;pointer-events:none;border:0;
    transform:none!important}

  body.yk-live-tour .yk-live-dock .yk-wa{
    position:static;grid-column:3;justify-self:end;
    flex:none;width:48px;height:48px;margin:0;overflow:visible}
  body.yk-live-tour .yk-live-dock .yk-wa::after{
    right:2px;top:-5px}

  body.yk-live-tour .yk-live-dock.is-stats-overlap .yohak-sticky-trigger,
  body.yk-live-tour .yk-live-dock.is-stats-overlap .yk-booking-sticky,
  body.yk-live-tour .yk-live-dock.is-nav-overlap .yohak-sticky-trigger,
  body.yk-live-tour .yk-live-dock.is-nav-overlap .yk-booking-sticky{
    flex:0 0 0;max-width:0;min-width:0;padding:0;margin:0;
    opacity:0;visibility:hidden;pointer-events:none;border:0}
  body.yk-live-tour .yk-live-dock.is-stats-overlap,
  body.yk-live-tour .yk-live-dock.is-cta-hidden,
  body.yk-live-tour .yk-live-dock.is-nav-overlap{
    grid-template-columns:1fr auto;
    background:transparent;
    padding-top:0}
  body.yk-live-tour .yk-live-dock.is-stats-overlap .yk-wa,
  body.yk-live-tour .yk-live-dock.is-cta-hidden .yk-wa,
  body.yk-live-tour .yk-live-dock.is-nav-overlap .yk-wa{
    grid-column:-1;justify-self:end;width:48px;height:48px}
  body.yk-live-tour .yk-live-dock.is-stats-overlap .yk-wa::before,
  body.yk-live-tour .yk-live-dock.is-cta-hidden .yk-wa::before,
  body.yk-live-tour .yk-live-dock.is-nav-overlap .yk-wa::before{
    content:"Chat with us";
    position:absolute;right:calc(100% + 8px);top:50%;
    transform:translateY(-50%);
    padding:5px 10px;border-radius:999px;white-space:nowrap;
    font-family:"Sofia Pro",sans-serif;font-size:11px;font-weight:600;
    letter-spacing:.02em;line-height:1.2;color:var(--yk-primary);
    background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.12);
    pointer-events:none;animation:yk-wa-chip-in .35s ease both}

  body.yk-live-tour .yk-live-stats{
    margin-bottom:var(--yk-space-l);
    scroll-margin-bottom:calc(var(--yk-dock-h) + var(--yk-space-s))}

  body.yk-live-tour .yk-live-product{
    padding-bottom:var(--yk-space-xl)}
  body.yk-live-tour .yk-footer{
    padding-bottom:calc(var(--yk-space-l) + var(--yk-dock-h))}
}

@media(min-width:1025px){
  body.yk-live-tour .yk-live-dock{
    display:block;position:static;height:0;overflow:visible;pointer-events:none}
  body.yk-live-tour .yk-live-dock .yohak-sticky-trigger{display:none}
  body.yk-live-tour .yk-live-dock .yk-wa{
    position:fixed;right:20px;bottom:20px;pointer-events:auto}
}


/* ---- yk/13-mobile-rhythm.css ---- */
/* ============================================================================
   YOHAK — global mobile rhythm (typography, spacing, buttons, dock clearance)
   Applies site-wide. Page-specific overrides belong in yk/12-live-tour.css etc.
   Spec: website/YOHAK_UI/GLOBAL_SETTINGS.md §2, §4, §7
   ========================================================================== */

/* ---- Horizontal gutters (consistent page inset) ----------------------- */
@media (max-width: 767px) {
  .yk-container{
    width:min(100% - 2 * var(--yk-page-gutter), var(--yk-container))}

  .yk-ft-shell,
  .yk-live-shell{
    width:100%;max-width:100%;margin-inline:auto;
    padding-inline:max(var(--yk-page-gutter), env(safe-area-inset-left, 0px))
      max(var(--yk-page-gutter), env(safe-area-inset-right, 0px));
    box-sizing:border-box}
}

/* ---- Section stack rhythm --------------------------------------------- */
@media (max-width: 767px) {
  .yk-section{padding-block:var(--yk-stack-section)}

  .yk-ft-section{
    margin-bottom:var(--yk-stack-section);
    padding-top:var(--yk-stack-title)}
  .yk-ft-section:first-of-type{padding-top:var(--yk-space-m)}

  .yk-section-head{margin-bottom:var(--yk-stack-title)}

  /* Tour / product display type — one scale everywhere on mobile */
  .yk-ft-h2,
  body.yk-live-tour .yk-ft-h2{
    font-family:"Albertus Nova",serif;
    font-size:var(--yk-h2);
    line-height:1.15;
    color:var(--yk-primary);
    margin:0 0 var(--yk-stack-block)}

  .yk-ft-body,
  body.yk-live-tour .yk-ft-body{
    font-family:"Sofia Pro",sans-serif;
    font-size:var(--yk-text-s);
    line-height:1.55;
    color:var(--yk-secondary);
    margin:0 0 var(--yk-stack-title);
    max-width:none}

  .yk-ft-body p,
  body.yk-live-tour .yk-ft-body p{
    margin:0 0 var(--yk-space-s)}
  .yk-ft-body p:last-child,
  body.yk-live-tour .yk-ft-body p:last-child{margin-bottom:0}

  /* Lead + hero subtitles */
  .yk-lead{font-size:var(--yk-text-m);line-height:1.45}
}

/* ---- Global buttons (touch targets + type) ---------------------------- */
@media (max-width: 767px) {
  .yk-btn{
    min-height:48px;
    padding:1.2rem 2rem;
    font-size:var(--yk-text-xs);
    letter-spacing:.14em}

  .yk-btn--circle{
    min-height:44px;
    padding:1rem 1.8rem;
    font-size:var(--yk-text-2xs)}

  /* Pill CTAs: booking sticky, founding, Craft Journey */
  .yohak-sticky-trigger,
  .yk-booking-sticky,
  .yk-btn--pill{
    min-height:48px;
    font-family:"Sofia Pro",sans-serif;
    font-size:clamp(11px,3.2vw,13px);
    font-weight:500;
    letter-spacing:.12em;
    text-transform:uppercase}
}

/* ---- Fixed mobile dock clearance ------------------------------------ */
@media (max-width: 1024px) {
  body.yk-has-mobile-dock{
    padding-bottom:var(--yk-dock-h)}
  body.yk-has-mobile-dock:has(.yk-staging-bar){
    padding-bottom:var(--yk-dock-h-staging)}

  html:has(body.yk-has-mobile-dock){
    scroll-padding-bottom:var(--yk-dock-h)}

  body.yk-has-mobile-dock main{
    padding-bottom:var(--yk-space-s)}

  body.yk-has-mobile-dock #yohak-booking{
    scroll-margin-top:calc(var(--yk-header-stack, var(--yk-header-h)) + var(--yk-tour-nav-rail, 2.75rem) + .75rem);
    scroll-margin-bottom:calc(var(--yk-dock-h) + var(--yk-space-s))}
}


/* ---- yk/14-tour-pages.css ---- */
/* Tour product system — shared chrome for Woo + money + expedition pages
   Body: yk-live-tour yk-has-mobile-dock (+ yk-live-product-page | yk-expedition-page) */

/* ---- Legacy floats off when dock is active -------------------------------- */
@media(max-width:1024px){
  body.yk-has-mobile-dock > .yk-wa,
  body.yk-has-mobile-dock > .yk-booking-sticky,
  body.yk-has-mobile-dock > .yohak-sticky-trigger{display:none!important}}

@media(min-width:1025px){
  body.yk-has-mobile-dock .yk-live-dock .yohak-sticky-trigger,
  body.yk-has-mobile-dock .yk-live-dock .yk-booking-sticky{display:none}}

/* ---- Money layout + live chrome (not full live product) ------------------- */
body.yk-live-tour.yk-money-page:not(.yk-live-product-page) .yk-mp-hero{
  padding-top:calc(var(--yk-header-h) + 1.5rem)}
body.yk-live-tour.yk-money-page:not(.yk-live-product-page) .yk-tour-nav{
  position:sticky;top:var(--yk-tour-nav-top);z-index:90;margin-top:0}
body.yk-live-tour.yk-money-page:not(.yk-live-product-page) .yk-ft-section[id],
body.yk-live-tour.yk-money-page:not(.yk-live-product-page) [id="yohak-booking"],
body.yk-live-tour.yk-money-page:not(.yk-live-product-page) .yk-mp-book,
body.yk-live-tour.yk-money-page:not(.yk-live-product-page) section[id]{
  scroll-margin-top:calc(var(--yk-header-stack) + var(--yk-tour-nav-rail, 2.75rem) + .5rem)}

body.yk-has-mobile-dock .yk-tour-stats,
body.yk-has-mobile-dock .yk-section--stats .yk-tour-stats,
body.yk-has-mobile-dock .yk-section--stats .yk-live-stats{
  scroll-margin-bottom:calc(var(--yk-dock-h) + var(--yk-space-s))}

@media(max-width:1024px){
  /* Keep stats rhythm symmetric — the dock already hides its CTA over the
     stats grid (is-stats-overlap in site.js), so reserving a full dock
     height here just printed ~92px of dead sand under the stats
     (founder-flagged 2026-07-10). scroll-margin-bottom above still keeps
     anchored scrolls clear of the dock. */
  body.yk-expedition-page.yk-has-mobile-dock .yk-section--stats,
  body.yk-expedition-hub.yk-has-mobile-dock .yk-section--stats,
  body.yk-has-mobile-dock .yk-section--stats{
    padding-bottom:var(--yk-space-m)}
  body.yk-live-tour.yk-money-page .yk-tour-nav{
    z-index:9995}}

/* ---- Expedition dock CTA copy fits mobile grid ----------------------------- */
body.yk-expedition-page .yk-live-dock .yk-booking-sticky,
body.yk-expedition-page .yk-live-dock .yohak-sticky-trigger{
  font-size:clamp(10px,2.6vw,12px);letter-spacing:.05em;padding-inline:clamp(10px,3vw,18px)}

/* ---- Live Woo expedition product (shared) + cinematic hero ---------------- */
body.yk-expedition-live-product main{background:#d9d0c1}
body.yk-expedition-live-product .yk-tour-nav{
  position:sticky;top:var(--yk-tour-nav-top);z-index:95;margin:0}
body.yk-expedition-live-product .yk-xp-hero--live-product{
  min-height:min(88vh,780px);margin-bottom:0}
@media(max-width:767px){
  body.yk-expedition-live-product .yk-xp-hero--live-product{min-height:min(78vh,640px)}}
body.yk-expedition-live-product .yk-live-product{padding-block:var(--yk-space-l) var(--yk-space-2xl)}
body.yk-expedition-live-product .yk-xp-hero--live-product + .yk-live-product .yk-live-hero,
body.yk-expedition-live-product .yk-xp-hero--live-product + .yk-live-product .yk-live-gallery{display:none}

/* ---- Hub / money pages: hide duplicate desktop WA when dock present -------- */
@media(min-width:1025px){
  body.yk-has-mobile-dock > .yk-wa{display:none}}


/* ---- yk/15-book-sheet.css ---- */
/* ---- Book sheet — mobile bottom sheet · desktop split booking modal ----- */
.yk-book-sheet{
  position:fixed;inset:0;z-index:10050;
  display:none;flex-direction:column;justify-content:flex-end;align-items:stretch}
.yk-book-sheet.is-open{display:flex}

.yk-book-sheet__scrim{
  position:absolute;inset:0;background:rgba(47,60,47,.48);
  opacity:0;transition:opacity .32s ease}
.yk-book-sheet.is-open .yk-book-sheet__scrim{opacity:1}

/* Panel wrapper — mobile: full bleed; desktop: centered */
.yk-book-sheet__panel{
  position:relative;z-index:1;
  width:100%;align-self:stretch;
  height:auto;max-height:min(94dvh,820px);
  transform:translateY(100%);
  transition:transform .4s cubic-bezier(.32,.72,0,1)}
.yk-book-sheet.is-open .yk-book-sheet__panel{transform:translateY(0)}

.yk-book-sheet__handle{
  width:2.5rem;height:4px;margin:0 auto 8px;
  border-radius:99px;background:rgba(255,255,255,.55);
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}

/* Shell = outer card (mobile) or split grid (desktop) */
.yk-book-sheet__shell{
  display:flex;flex-direction:column;width:100%;
  max-height:min(94dvh,820px);
  background:var(--yk-white);
  border:1px solid var(--yk-line);
  border-bottom:none;
  border-radius:1.125rem 1.125rem 0 0;
  box-shadow:0 -16px 48px rgba(47,60,47,.18);
  overflow:hidden}

/* Trust rail — desktop only (conversion: why book while you fill) */
.yk-book-sheet__trust{display:none}

.yk-book-sheet__card{
  display:flex;flex-direction:column;min-width:0;
  padding:var(--yk-space-l);
  background:var(--yk-white)}

.yk-book-sheet__top{
  display:flex;align-items:flex-start;justify-content:space-between;gap:var(--yk-space-s);
  margin-bottom:var(--yk-space-xs)}
.yk-book-sheet__top .yk-xp-inquiry__title{
  margin:0;font-size:clamp(1.45rem,5vw,1.75rem);line-height:1.12}
.yk-book-sheet__top .yk-eyebrow{margin-bottom:.35rem}
.yk-book-sheet__close{
  flex:0 0 auto;width:40px;height:40px;margin:-4px -8px 0 0;
  border:1px solid var(--yk-line);background:var(--yk-white);
  font-size:1.15rem;line-height:1;color:var(--yk-secondary);
  cursor:pointer;border-radius:50%;transition:background .2s ease,border-color .2s ease}
.yk-book-sheet__close:hover{background:var(--yk-bg);border-color:var(--yk-accent-muted)}

.yk-book-sheet__progress{
  margin:0 0 var(--yk-space-m);padding-bottom:var(--yk-space-s);
  border-bottom:1px solid var(--yk-line);
  font-size:10px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--yk-accent-ink);font-weight:500}

.yk-book-sheet__body{
  overflow-y:auto;flex:0 1 auto;min-height:0;
  max-height:min(52dvh,440px);
  -webkit-overflow-scrolling:touch}
.yk-book-sheet__pane{display:none}
.yk-book-sheet__pane.is-active{display:block}

.yk-book-sheet__pane-title{
  font-family:"Albertus Nova",serif;font-size:1.3rem;
  margin:0 0 var(--yk-space-xs);color:var(--yk-primary);line-height:1.15}
.yk-book-sheet__card .yk-xp-inquiry__lead{margin-bottom:var(--yk-space-m)}

.yk-book-sheet__card label{
  display:block;font-size:10px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--yk-primary);margin-bottom:.4rem;font-weight:500}
.yk-book-sheet__card select,
.yk-book-sheet__card input[type="date"]{
  width:100%;min-height:var(--yk-tap-min);padding:.85rem 1rem;
  margin-bottom:var(--yk-space-m);
  border:1px solid var(--yk-line);border-radius:var(--yk-radius);
  font-family:"Sofia Pro",sans-serif;font-size:16px;background:var(--yk-white);color:var(--yk-ink)}
.yk-book-sheet__card select:focus,
.yk-book-sheet__card input[type="date"]:focus{
  outline:none;border-color:var(--yk-primary);
  box-shadow:0 0 0 3px rgba(58,75,58,.1)}

.yk-book-sheet__product{
  padding:var(--yk-space-m);margin-bottom:var(--yk-space-m);
  border:1px solid var(--yk-line);border-radius:var(--yk-radius-m);background:var(--yk-bg)}
.yk-book-sheet__product strong{
  display:block;font-family:"Albertus Nova",serif;
  font-size:1.05rem;color:var(--yk-primary);line-height:1.25}
.yk-book-sheet__product span{font-size:var(--yk-text-xs);color:var(--yk-secondary)}

.yk-book-sheet__foot{
  flex-shrink:0;padding-top:var(--yk-space-s);
  padding-bottom:calc(var(--yk-space-m) + env(safe-area-inset-bottom,0));
  border-top:1px solid var(--yk-line);margin-top:var(--yk-space-s)}
.yk-book-sheet__foot-row{
  display:grid;grid-template-columns:auto 1fr;gap:.75rem;align-items:stretch}
.yk-book-sheet__foot-row.is-solo{grid-template-columns:1fr}
.yk-book-sheet__back{
  min-height:var(--yk-tap-min);padding:0 1rem;
  border:1px solid var(--yk-line);border-radius:var(--yk-radius);
  background:var(--yk-white);color:var(--yk-muted-ink);
  font-size:10px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}
.yk-book-sheet__back:hover{border-color:var(--yk-primary);color:var(--yk-primary)}
.yk-book-sheet__foot-row .yk-btn{min-height:var(--yk-tap-min);margin:0;padding:1.1rem 1.25rem}
.yk-book-sheet__foot-stack .yk-btn{
  min-height:var(--yk-tap-min);margin:0;padding:1.3rem 1.5rem}
.yk-book-sheet__foot-stack .yk-btn + .yk-btn{margin-top:1rem}
.yk-book-sheet #yk-sheet-open-calendar{margin-top:0;margin-bottom:0}

.yk-book-sheet__addon{
  display:flex;align-items:flex-start;gap:.7rem;
  margin:0 0 var(--yk-space-m);padding:var(--yk-space-s) var(--yk-space-m);
  border:1px solid var(--yk-line);border-radius:var(--yk-radius-m);
  background:var(--yk-bg);cursor:pointer;
  text-transform:none;letter-spacing:normal;font-size:1rem;font-weight:400;
  color:var(--yk-secondary);
  transition:border-color .2s ease,background .2s ease}
.yk-book-sheet__addon:hover{border-color:var(--yk-accent-muted)}
.yk-book-sheet__addon:has(input:checked){
  border-color:var(--yk-accent);background:rgba(176,90,42,.06)}
.yk-book-sheet__addon input{
  flex:0 0 auto;width:1.2rem;height:1.2rem;margin:.1rem 0 0;accent-color:var(--yk-accent);cursor:pointer}
.yk-book-sheet__addon > span{display:flex;flex-direction:column;gap:.2rem;min-width:0}
.yk-book-sheet__addon strong{
  font-family:"Sofia Pro",sans-serif;font-size:.9rem;color:var(--yk-primary);
  letter-spacing:0;text-transform:none;font-weight:600;line-height:1.25}
.yk-book-sheet__addon small{
  font-size:var(--yk-text-xs);color:var(--yk-secondary);line-height:1.4;
  letter-spacing:normal;text-transform:none}

.yk-book-sheet .is-step-hidden{display:none !important}

body.yk-book-sheet-open{overflow:hidden}
body.yk-book-sheet-open .yk-xp-inquiry,
body.yk-book-sheet-open .yk-booking-panel{visibility:hidden;pointer-events:none}
body.yk-book-sheet-open .yk-live-dock{
  opacity:0;visibility:hidden;pointer-events:none}

/* Mobile — taller sheet + larger type (thumb-friendly) */
@media(max-width:767px){
  .yk-book-sheet__panel,
  .yk-book-sheet__shell{
    min-height:min(78dvh,720px);
    max-height:min(92dvh,900px)}
  .yk-book-sheet__card{
    flex:1;padding:var(--yk-space-xl) var(--yk-space-l)}
  .yk-book-sheet__top .yk-xp-inquiry__title{
    font-size:clamp(1.65rem,6.5vw,2rem)}
  .yk-book-sheet__top .yk-eyebrow{font-size:11px}
  .yk-book-sheet__progress{font-size:11px;margin-bottom:var(--yk-space-l)}
  .yk-book-sheet__pane-title{font-size:1.45rem}
  .yk-book-sheet__card .yk-xp-inquiry__lead{
    font-size:1rem;line-height:1.5;margin-bottom:var(--yk-space-l)}
  .yk-book-sheet__card label{font-size:11px;margin-bottom:.5rem}
  .yk-book-sheet__card select,
  .yk-book-sheet__card input[type="date"]{
    min-height:3.25rem;padding:1rem 1.1rem;font-size:17px}
  .yk-book-sheet__close{width:44px;height:44px;font-size:1.25rem}
  .yk-book-sheet__foot-row .yk-btn,
  .yk-book-sheet__foot-stack .yk-btn{
    min-height:3.25rem;padding:1.35rem 1.5rem}
  .yk-book-sheet__body{flex:1;max-height:none}}

/* Tablet — wider single column, centered (was stuck left: align-self:stretch + fixed width) */
@media(min-width:768px){
  .yk-book-sheet{
    justify-content:center;align-items:center;padding:1.5rem}
  .yk-book-sheet__handle{display:none}
  .yk-book-sheet__panel{
    align-self:center;width:auto;max-width:none;
    max-height:min(86vh,760px);
    transform:translateY(16px) scale(.97);opacity:0;
    transition:transform .34s ease,opacity .34s ease}
  .yk-book-sheet.is-open .yk-book-sheet__panel{
    transform:translateY(0) scale(1);opacity:1}
  .yk-book-sheet__shell{
    width:min(88vw,40rem);
    border:1px solid var(--yk-line);border-radius:var(--yk-radius-card);
    border-bottom:1px solid var(--yk-line);
    box-shadow:0 24px 64px rgba(47,60,47,.2)}
  .yk-book-sheet__card{padding:var(--yk-space-xl)}}

/* Desktop — split modal ~65% viewport (trust + form), centered */
@media(min-width:1024px){
  .yk-book-sheet{padding:2rem 2.5rem}
  .yk-book-sheet__shell{
    display:grid;grid-template-columns:minmax(220px,2fr) minmax(320px,3fr);
    width:min(68vw,56rem);
    max-height:min(82vh,700px)}
  .yk-book-sheet__trust{
    display:flex;flex-direction:column;justify-content:center;
    padding:var(--yk-space-xl) var(--yk-space-l);
    background:var(--yk-primary);color:var(--yk-bg)}
  .yk-book-sheet__trust .yk-eyebrow{color:rgba(217,208,193,.78);margin-bottom:.5rem}
  .yk-book-sheet__trust-title{
    margin:0 0 var(--yk-space-m);
    font-family:"Albertus Nova",serif;font-size:clamp(1.35rem,2.2vw,1.75rem);
    font-weight:400;line-height:1.15;color:var(--yk-bg)}
  .yk-book-sheet__trust-list{
    margin:0 0 var(--yk-space-m);padding:0;list-style:none;
    display:grid;gap:.65rem}
  .yk-book-sheet__trust-list li{
    position:relative;padding-left:1.1rem;
    font-size:var(--yk-text-xs);line-height:1.5;color:rgba(217,208,193,.88)}
  .yk-book-sheet__trust-list li::before{
    content:"";position:absolute;left:0;top:.55em;
    width:5px;height:5px;border-radius:50%;background:var(--yk-accent)}
  .yk-book-sheet__trust-note{
    margin:0;font-size:var(--yk-text-xs);line-height:1.55;
    color:rgba(217,208,193,.65);font-style:italic}
  .yk-book-sheet__card{
    padding:var(--yk-space-xl);
    border-left:1px solid var(--yk-line)}
  .yk-book-sheet__top .yk-xp-inquiry__title{font-size:1.75rem}
  .yk-book-sheet__body{max-height:min(48vh,380px)}}

@media(prefers-reduced-motion:reduce){
  .yk-book-sheet__panel,.yk-book-sheet__scrim{transition:none}}


/* ---- yk/16-site-100.css ---- */
/* Site-wide polish — UI-STANDARD 100 pass (titles/meta/structure companion) */

/* Homepage hero — left-weighted scrim only (original boat visibility).
   PR #52 stacked background-color + full scrim + ::after → blackened. */
.yk-hero::after{background:none}
.yk-hero__scrim{
  position:absolute;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(105deg,
    rgba(47,60,47,.62) 0%,
    rgba(47,60,47,.38) 40%,
    rgba(47,60,47,.12) 58%,
    transparent 75%)}
.yk-hero__inner{position:relative;z-index:2}
.yk-hero h1,.yk-hero .yk-eyebrow,.yk-hero__sub{
  text-shadow:0 2px 32px rgba(0,0,0,.5),0 0 48px rgba(47,60,47,.4)}

/* Dark band eyebrows */
.yk-section--dark .yk-eyebrow{color:var(--yk-bg)}

/* Expedition hub quick links + tier pills */
.yk-xp-hero__quick{gap:8px}
.yk-xp-hero__quick a{min-height:var(--yk-tap-min);display:inline-flex;align-items:center;justify-content:center}
body.yk-expedition-hub .yk-xp-hero__quick a,
body.yk-expedition-page .yk-xp-hero__quick a{min-height:var(--yk-tap-min)}

/* Blog aside CTA stack */
.yk-blog-aside__box .yk-btn + .yk-btn{margin-top:0}
.yk-blog-aside__box{display:flex;flex-direction:column;gap:8px}

/* Calendar cell spacing */
body.yk-live-tour .yohak-bespoke-booking .ui-datepicker-calendar{
  border-collapse:separate;border-spacing:4px}

/* Tier compare row on speedboat hub */
.yk-xp-tier-compare a,
.yk-hub-tier-row a{min-height:var(--yk-tap-min);padding:.75rem 1rem}

/* Light-section cards (contact etc.) — not dark founding cards */
.yk-section--light .yk-feature-card{
  background:var(--yk-white);border:1px solid var(--yk-line);
  border-radius:var(--yk-radius-card);padding:var(--yk-space-m)}
.yk-section--light .yk-feature-card h2,
.yk-section--light .yk-feature-card h3{
  font-family:"Albertus Nova",serif;font-size:var(--yk-text-xl);
  color:var(--yk-primary);margin:0 0 var(--yk-space-xs)}
.yk-section--light .yk-feature-card p,
.yk-section--light .yk-feature-card a:not(.yk-btn){
  color:var(--yk-secondary);font-size:var(--yk-text-m);line-height:1.45}
.yk-section--light .yk-feature-card .yk-btn{margin-top:var(--yk-space-s)}

/* Homepage + hub tabs — 44px touch, 8px gap */
.yk-tabs{gap:8px}
.yk-tabs button{min-height:var(--yk-tap-min);padding:.75rem 1.15rem}

/* Switcher + CTA rows */
.yk-mp-switcher{gap:8px}
.yk-mp-switcher a{min-height:var(--yk-tap-min);padding:.75rem 1.1rem}
.yk-hero__actions{gap:8px}

/* Blog hero eyebrow contrast */
.yk-blog-hero .yk-eyebrow{color:var(--yk-bg)!important}

/* Live tour FAQ tabs + calendar cells */
body.yk-live-tour .yk-live-faq__tabs{gap:8px}
body.yk-live-tour .yk-live-faq__tabs button{
  min-height:var(--yk-tap-min);padding:1rem 1.1rem}
body.yk-live-tour .yohak-bespoke-booking .ui-datepicker-calendar td a,
body.yk-live-tour .yohak-bespoke-booking .ui-datepicker-calendar td span{
  min-height:var(--yk-tap-min);min-width:var(--yk-tap-min);display:flex;align-items:center;justify-content:center;
  margin:2px;padding:0}
body.yk-live-tour .yohak-bespoke-booking input[type="number"],
body.yk-live-tour .yohak-bespoke-booking input[type="text"],
body.yk-live-tour .yohak-bespoke-booking select{
  min-height:var(--yk-tap-min)}
body.yk-live-tour .yohak-bespoke-booking .ui-datepicker-calendar td{
  padding:2px}

/* Radius budget: normalize 5px→4px, 8px→12px */
.yk-section--founding .yk-feature-card,
.yk-split__media img,
.yk-fleet-block img{border-radius:var(--yk-radius-img)}
body.yk-live-tour .yk-live-gallery__hero,
body.yk-live-tour .yk-live-gallery__tile,
body.yk-figma-tour .yk-ft-gallery__hero,
body.yk-figma-tour .yk-ft-gallery__tile{border-radius:var(--yk-radius-m)}

/* Reduce dead-space voids on long pages */
.yk-section--major{padding-block:clamp(3rem,8vw,5rem)}
.yk-section--tight{padding-block:clamp(2rem,5vw,3rem)}

/* Comparison tables — AA body text on white */
.yk-table td{color:var(--yk-secondary)}
.yk-table .yk-no{color:var(--yk-secondary);opacity:.88}

/* Money-page hero — light copy on dark scrim (contrast audit) */
.yk-mp-hero .yk-eyebrow{color:rgba(217,208,193,.95)}
.yk-mp-hero .yk-deal-note{color:rgba(217,208,193,.92)}
.yk-mp-hero .yk-deal-note b{color:var(--yk-bg)}
.yk-mp-hero .yk-addon-note{color:rgba(217,208,193,.9)}
.yk-mp-hero .yk-addon-note strong{color:var(--yk-bg)}

/* Panel CTAs — 62.5% root makes .75rem = 7.5px; need ≥9px */
.yk-mp-hero__actions{gap:10px}

/* FAQ accordions — 44px touch floor */
.yk-faq summary,
.yk-ft-accordion summary,
body.yk-live-tour .yk-ft-accordion summary{
  min-height:var(--yk-tap-min);display:flex;align-items:center;box-sizing:border-box}

/* Live tour share badge */
.yk-ft-badges button,
body.yk-live-tour .yk-ft-badges button{
  min-height:var(--yk-tap-min);padding:.75rem 1.15rem}

/* Yohak Stay — hero scrim + touch targets */
body.yk-figma-stay .yk-stay-hero{background-color:rgba(10,10,10,.72)}
body.yk-figma-stay .yk-stay-hero__bg::after{
  background:linear-gradient(180deg,rgba(10,10,10,.78) 0%,rgba(10,10,10,.42) 50%,rgba(10,10,10,.68) 100%)}
body.yk-figma-stay .yk-stay-tabs button{
  min-height:var(--yk-tap-min);display:flex;align-items:center;justify-content:center}
body.yk-figma-stay .yk-stay-property__nav button{
  min-width:var(--yk-tap-min);min-height:var(--yk-tap-min);
  display:inline-flex;align-items:center;justify-content:center}
body.yk-figma-stay .yk-stay-hero__scroll{
  min-width:var(--yk-tap-min);min-height:var(--yk-tap-min)}
body.yk-figma-stay .yk-stay-faq summary{
  min-height:var(--yk-tap-min);box-sizing:border-box}


/* ---- yk/17-expedition-illustrations.css ---- */
/* Expedition illustrations — architectural field guide (speedboat parity) */

/* Contrast spine — line icons above labels */
.yk-xp-crossing__spine{
  flex-direction:column;gap:.35rem;padding:.5rem .65rem}
.yk-xp-crossing__icon{
  width:2.8rem;height:2.8rem;color:rgba(217,208,193,.72);flex-shrink:0}
.yk-xp-crossing__spine span{margin-top:0}

@media(max-width:767px){
  .yk-xp-crossing__spine{
    flex-direction:row;align-items:center;gap:.65rem;padding:.35rem 0 .5rem}
  .yk-xp-crossing__icon{width:2.4rem;height:2.4rem}}

/* Fleet diagram — expedition outrigger (hub + product pages) */
.yk-xp-fleet{margin-top:var(--yk-space-xl)}
.yk-xp-fleet__subtitle{
  font-family:"Albertus Nova",serif;font-size:var(--yk-text-l);
  color:var(--yk-primary);margin:var(--yk-space-s) 0 var(--yk-space-m)}
body.yk-expedition-hub .yk-xp-fleet__subtitle{color:rgba(217,208,193,.92)}
body.yk-expedition-page .yk-xp-fleet__subtitle{color:var(--yk-primary)}
.yk-xp-fleet__diagram{
  position:relative;margin-top:var(--yk-space-m);
  padding:var(--yk-space-l) 0 var(--yk-space-xl);min-height:clamp(420px,55vw,520px)}
.yk-xp-fleet__diagram img,
.yk-xp-fleet__diagram object{
  display:block;width:min(290px,42%);margin:0 auto;
  filter:drop-shadow(0 8px 24px rgba(0,0,0,.12))}
.yk-xp-fleet__diagram img.yk-xp-fleet__photo{
  width:min(100%,22rem);max-height:16rem;object-fit:cover;
  border-radius:var(--yk-radius-card)}
body.yk-expedition-hub .yk-xp-fleet__diagram img.yk-xp-fleet__photo,
body.yk-expedition-page .yk-xp-fleet__diagram img.yk-xp-fleet__photo{
  filter:drop-shadow(0 8px 28px rgba(0,0,0,.35))}
.yk-xp-fleet__callout{
  position:absolute;max-width:23rem;padding:var(--yk-space-s);
  border-radius:var(--yk-radius-card);
  background:var(--yk-white);
  box-shadow:0 4px 20px rgba(0,0,0,.08);
  transition:transform .35s ease,box-shadow .35s ease}
body.yk-expedition-hub .yk-xp-fleet__callout{
  background:rgba(47,60,47,.92);border:1px solid rgba(217,208,193,.15);
  box-shadow:0 8px 32px rgba(0,0,0,.2)}
body.yk-expedition-hub .yk-xp-fleet__callout p{color:rgba(217,208,193,.82)}
body.yk-expedition-hub .yk-xp-band--dark .yk-xp-fleet__subtitle{color:var(--yk-bg)}
.yk-xp-fleet__callout:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,0,0,.14)}
.yk-xp-fleet__callout .yk-xp-fleet__icon{
  width:2.4rem;height:2.4rem;color:var(--yk-accent);margin-bottom:.35rem}
body.yk-expedition-hub .yk-xp-fleet__callout .yk-xp-fleet__icon,
body.yk-expedition-page .yk-xp-fleet__callout .yk-xp-fleet__icon{color:var(--yk-accent)}
.yk-xp-fleet__callout h4,
.yk-xp-fleet__callout-title{
  font-family:"Albertus Nova",serif;font-size:var(--yk-text-m);
  color:var(--yk-primary);margin:0 0 .35rem}
body.yk-expedition-hub .yk-xp-fleet__callout-title{color:var(--yk-bg)}
body.yk-expedition-hub .yk-xp-band--dark .yk-xp-fleet__callout-title{color:var(--yk-bg)}
.yk-xp-fleet__callout p{
  margin:0;font-size:var(--yk-text-xs);line-height:1.55;color:var(--yk-secondary)}
.yk-ft-section .yk-xp-fleet__callout,
.yk-section--light .yk-xp-fleet__callout{
  background:var(--yk-white);border:1px solid var(--yk-line);
  box-shadow:0 4px 20px rgba(0,0,0,.06)}
.yk-ft-section .yk-xp-fleet__callout-title,
.yk-section--light .yk-xp-fleet__callout-title{color:var(--yk-primary)}
.yk-ft-section .yk-xp-fleet__callout p,
.yk-section--light .yk-xp-fleet__callout p{color:var(--yk-secondary)!important}
.yk-section--light .yk-xp-fleet__callout .yk-xp-fleet__icon{filter:none}
.yk-xp-fleet__callout--tl{top:6%;left:0}
.yk-xp-fleet__callout--tr{top:6%;right:0}
.yk-xp-fleet__callout--bl{bottom:14%;left:0}
.yk-xp-fleet__callout--br{bottom:14%;right:0}
@media(max-width:900px){
  .yk-xp-fleet__diagram{position:static;min-height:0;padding:0}
  .yk-xp-fleet__callout{position:static;max-width:none;margin-bottom:var(--yk-space-s)}}

/* Glamp illustration beside compare photos */
.yk-xp-compare-illust{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--yk-space-m);
  margin-top:var(--yk-space-l);align-items:end}
.yk-xp-compare-illust figure{margin:0;text-align:center}
.yk-xp-compare-illust img,
.yk-xp-compare-illust object{
  width:100%;max-width:12rem;height:auto;margin-inline:auto;display:block;
  opacity:.92}
.yk-xp-compare-illust figcaption{
  margin-top:.65rem;font-size:var(--yk-text-2xs);letter-spacing:.06em;
  color:rgba(217,208,193,.65);text-transform:uppercase}
.yk-xp-compare-illust figcaption strong{color:rgba(217,208,193,.88);font-weight:500}
@media(max-width:600px){
  .yk-xp-compare-illust{grid-template-columns:1fr;gap:var(--yk-space-s)}
  .yk-xp-compare-illust img,
  .yk-xp-compare-illust object{max-width:10rem}}

/* Live tour inclusion — expedition line icons */
body.yk-expedition-live-product .yk-live-inclusion .yk-live-icon--xp,
body.yk-expedition-live-product .yk-live-inclusion img.yk-live-icon{
  width:3.2rem;height:3.2rem;object-fit:contain;display:block}


/* ---- yk/18-expedition-layout.css ---- */
/* Expedition pages — mobile rhythm: 5% gutters, even cards, illustration blocks */

body.yk-expedition-hub,
body.yk-expedition-page{
  --yk-page-gutter:5%}

/* Hero + rail respect the same inset on phones */
@media(max-width:767px){
  body.yk-expedition-hub .yk-xp-hero__center,
  body.yk-expedition-page .yk-xp-hero__center{
    padding-inline:5%}
  body.yk-expedition-hub .yk-xp-hero__rail-wrap,
  body.yk-expedition-page .yk-xp-hero__rail-wrap{
    padding-inline:5%}}

/* Section stack — even vertical gaps inside dark bands */
body.yk-expedition-hub .yk-xp-band .yk-container,
body.yk-expedition-page .yk-xp-band .yk-container{
  display:flex;flex-direction:column;gap:var(--yk-space-l)}
body.yk-expedition-hub .yk-xp-band .yk-section-head,
body.yk-expedition-page .yk-xp-band .yk-section-head{
  margin-bottom:0}

/* Crossing contrast — paired cards same height on mobile */
@media(max-width:767px){
  .yk-xp-crossing{margin:0}
  .yk-xp-crossing__row{
    gap:var(--yk-space-xs);padding-bottom:var(--yk-space-s)}
  .yk-xp-crossing__spine{
    padding:.5rem 5% .35rem;margin-bottom:.15rem}
  .yk-xp-crossing__vol,
  .yk-xp-crossing__yohak{
    min-height:5.5rem;padding:.75rem 5% .85rem;
    display:flex;align-items:center}
  .yk-xp-crossing__vol p,
  .yk-xp-crossing__yohak p{width:100%;margin:0}}

/* Compare photo rail — uniform card height */
.yk-xp-compare-photos{
  gap:var(--yk-space-m);width:100%;max-width:none;margin-inline:0}
.yk-xp-compare-photos figure{
  display:flex;flex-direction:column;margin:0;
  border-radius:var(--yk-radius-card);overflow:hidden;
  background:rgba(0,0,0,.32);min-height:0}
.yk-xp-compare-photos img{
  width:100%;aspect-ratio:3/2;object-fit:cover;min-height:11rem;display:block}
.yk-xp-compare-photos figcaption{
  flex:0 0 auto;min-height:2.75rem;display:flex;align-items:center}
@media(max-width:720px){
  .yk-xp-compare-photos{
    grid-template-columns:1fr;gap:var(--yk-space-m);
    max-width:none;margin-inline:0}}

/* Fleet diagram — mobile stack with even callout cards */
@media(max-width:900px){
  .yk-xp-fleet{margin-top:0}
  .yk-xp-fleet__diagram{
    display:flex;flex-direction:column;gap:var(--yk-space-s);
    padding:var(--yk-space-s) 0}
  .yk-xp-fleet__diagram>img,
  .yk-xp-fleet__diagram>object,
  .yk-xp-fleet__diagram>img.yk-xp-fleet__photo{
    order:-1;width:100%;max-width:none;max-height:14rem;margin:0 auto var(--yk-space-s);
    aspect-ratio:3/2;object-fit:cover;border-radius:var(--yk-radius-card)}
  .yk-xp-fleet__callout{
    display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;
    column-gap:var(--yk-space-s);row-gap:.2rem;align-items:start;
    min-height:4.85rem;padding:var(--yk-space-m);margin-bottom:0}
  .yk-xp-fleet__callout .yk-xp-fleet__icon{
    grid-row:1/span 2;grid-column:1;width:2.25rem;height:2.25rem;margin:0}
  .yk-xp-fleet__callout-title{grid-column:2;grid-row:1;margin:0}
  .yk-xp-fleet__callout p:last-child{grid-column:2;grid-row:2;margin:0}}

/* Illustration blocks (SVG — no photo crop) */
.yk-media--illust,
.yk-mp-vessel__media:has(img[src$=".svg"]),
.yk-split__media:has(img[src$=".svg"]){
  display:grid;place-items:center;
  min-height:clamp(200px,44vw,280px);
  padding:var(--yk-space-m);
  border-radius:var(--yk-radius-card);
  background:linear-gradient(180deg,rgba(58,75,58,.06),rgba(217,208,193,.28));
  box-shadow:0 12px 36px rgba(47,60,47,.08)}
.yk-media--illust img,
.yk-mp-vessel__media:has(img[src$=".svg"]) img,
.yk-split__media:has(img[src$=".svg"]) img{
  width:min(100%,220px);max-height:240px;height:auto;
  aspect-ratio:auto;object-fit:contain;display:block;margin-inline:auto}
body.yk-expedition-hub .yk-xp-band--dark .yk-media--illust,
body.yk-expedition-page .yk-xp-band--dark .yk-media--illust{
  background:linear-gradient(180deg,rgba(0,0,0,.2),rgba(47,60,47,.45));
  border:1px solid rgba(217,208,193,.12)}

/* Included / vessel split — text + illustration rhythm */
@media(max-width:900px){
  .yk-mp-vessel{gap:var(--yk-space-l)}
  .yk-mp-vessel__media:has(img[src$=".svg"]){margin-bottom:0}}

/* Hub product cards — equal height columns */
.yk-xp-hub-product-grid{align-items:stretch}
.yk-xp-hub-product{height:100%}
.yk-xp-hub-product__body{flex:1;display:flex;flex-direction:column}
.yk-xp-hub-product__meta{margin-top:auto;padding-top:var(--yk-space-s)}
.yk-xp-hub-product__media{flex-shrink:0;aspect-ratio:16/10}

/* Guide / upsell cards — consistent image + text blocks */
.yk-mp-upsell{gap:var(--yk-space-m);width:100%}
.yk-mp-upsell__card{
  min-height:0;overflow:hidden;padding:0;
  border-radius:var(--yk-radius-card)}
.yk-mp-upsell__card img{
  width:100%;aspect-ratio:16/10;object-fit:cover;
  min-height:10.5rem;display:block;border-radius:0}
.yk-mp-upsell__card h3,
.yk-mp-upsell__card p{padding-inline:var(--yk-space-m)}
.yk-mp-upsell__card h3{padding-top:var(--yk-space-m);margin:0}
.yk-mp-upsell__card p{padding-bottom:var(--yk-space-m);margin:0}

/* Review cards — equal padding */
.yk-xp-hub-reviews{align-items:stretch}
.yk-xp-hub-review{height:100%;display:flex;flex-direction:column}
.yk-xp-hub-review p{flex:1}


/* ---- yk/19-expedition-perf.css ---- */
/* Expedition hub — scroll/interaction perf (mobile jank fixes) */

/* Ken Burns + CSS filters repaint every frame — disable on touch / narrow viewports */
@media (max-width: 1024px), (hover: none) {
  .yk-xp-hero__slide.is-active img{
    animation:none!important;
    transform:scale(1.04);
    filter:none}
  .yk-xp-hero__slide{
    transition:opacity .65s ease}
  .yk-xp-hero__pill{
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
    background:rgba(15,20,15,.72)}
  .yk-xp-hero__rail button{
    transition:opacity .25s ease,border-color .25s ease,transform .25s ease}
  .yk-xp-hero__rail button.is-active{
    transform:translateY(-2px);
    box-shadow:0 8px 24px rgba(0,0,0,.35)}
}

/* Isolate hero compositing layer from the rest of the page while scrolling */
.yk-xp-hero--landing .yk-xp-hero__stage{
  contain:layout style paint;
  isolation:isolate}

/* Below-fold sections — skip paint until near viewport */
body.yk-expedition-hub .yk-mp-trust,
body.yk-expedition-hub .yk-mp-switcher-wrap,
body.yk-expedition-hub .yk-section--stats,
body.yk-expedition-hub #yohak-booking,
body.yk-expedition-hub .yk-xp-hub-products,
body.yk-expedition-hub .yk-section--light:has(.yk-mp-vessel),
body.yk-expedition-hub .yk-cta{
  content-visibility:auto;
  contain-intrinsic-size:auto 480px}