/* Video-led story pages. The retreat stylesheet supplies the shared brand tokens. */
.video-sales{overflow:hidden}
.video-sales .preview{position:relative;z-index:20}
.video-sales .site-nav{position:sticky}
.vs-wrap{width:min(1180px,calc(100% - 56px));margin-inline:auto}
.vs-hero{position:relative;min-height:790px;display:flex;align-items:end;isolation:isolate;overflow:hidden}
.vs-hero::before{content:"";position:absolute;inset:0;z-index:-2;background:var(--hero-image) center/cover}
.vs-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(22,39,39,.84),rgba(22,39,39,.43) 54%,rgba(22,39,39,.08)),linear-gradient(0deg,rgba(22,39,39,.42),transparent 62%)}
.vs-hero-inner{width:min(1180px,calc(100% - 56px));margin:0 auto;padding:138px 0 74px;color:#fff8ed}
.vs-kicker,.vs-label{font:700 11px/1.5 var(--display);letter-spacing:.19em;text-transform:uppercase}
.vs-hero h1{max-width:950px;margin:22px 0 26px;font-size:clamp(64px,10vw,146px)}
.vs-hero .script{color:var(--hero-script,#e5c88f)}
.vs-deck{max-width:650px;font-size:clamp(18px,2vw,22px);line-height:1.55}
.vs-meta{display:flex;flex-wrap:wrap;gap:10px 24px;margin:30px 0 0;font:700 11px var(--display);letter-spacing:.12em;text-transform:uppercase}
.vs-meta span{padding-left:13px;border-left:1px solid rgba(255,255,255,.65)}
.vs-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.vs-actions .button.secondary{color:#fff8ed;border-color:rgba(255,248,237,.75);background:rgba(255,255,255,.08)}
.vs-actions .button.secondary:hover{background:rgba(255,255,255,.18)}
.vs-stamp{position:absolute;right:7%;top:13%;width:152px;height:152px;display:grid;place-content:center;text-align:center;border:1px solid var(--ink);background:var(--lilac);color:var(--ink);font:700 11px/1.45 var(--display);letter-spacing:.12em;text-transform:uppercase;transform:rotate(7deg);z-index:1}
.vs-scroll{position:absolute;bottom:28px;right:4%;color:#fff8ed;font:700 10px var(--display);letter-spacing:.2em;text-transform:uppercase;writing-mode:vertical-rl}
.vs-lead{display:grid;grid-template-columns:.86fr 1fr;gap:8vw;align-items:center;padding:112px 0}
.vs-lead h2{margin:16px 0 22px}
.vs-lead p{max-width:540px}
.vs-lead .vs-label{color:var(--olive)}
.vs-lead-art{position:relative}
.vs-lead-art img{width:100%;height:510px;object-fit:cover}
.vs-lead-art::after{position:absolute;content:"";inset:14px -14px -14px 14px;border:1px solid var(--orange);z-index:-1}
.vs-caption{margin-top:13px;font:700 10px var(--display);letter-spacing:.15em;text-transform:uppercase}
.vs-video-section{padding:100px 0;background:var(--ink);color:var(--paper)}
.vs-video-section .vs-label{color:var(--orange)}
.vs-video-heading{display:grid;grid-template-columns:1fr .65fr;gap:50px;align-items:end;margin-bottom:45px}
.vs-video-heading h2{margin-top:18px}
.vs-video-heading p{max-width:430px;margin:0 0 6px;color:#e4d9cc}
.vs-film-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:24px;align-items:start}
.vs-film{margin:0;min-width:0}
.vs-film video{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;background:#171918;border:1px solid rgba(255,255,255,.18)}
.vs-film figcaption{padding:17px 0 0}
.vs-film figcaption strong{display:block;font:700 13px var(--display);letter-spacing:.09em;text-transform:uppercase}
.vs-film figcaption span{display:block;margin-top:7px;color:#e4d9cc;font-size:13px;line-height:1.55}
.vs-film-note{margin-top:33px;padding:18px 22px;border-left:2px solid var(--orange);background:rgba(255,255,255,.055);font-size:13px;color:#e4d9cc}
.vs-manifesto{padding:92px 0;background:var(--cream)}
.vs-manifesto-row{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center}
.vs-manifesto h2{max-width:600px}
.vs-manifesto p{max-width:550px}
.vs-manifesto blockquote{margin:28px 0 0;padding:5px 0 5px 23px;border-left:3px solid var(--pink);font:400 clamp(26px,3.5vw,43px)/1.15 var(--serif)}
.vs-details{padding:104px 0}
.vs-details-head{max-width:760px;margin-bottom:46px}
.vs-details-head .vs-label{color:var(--olive)}
.vs-details-head h2{margin:17px 0}
.vs-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.vs-detail{padding:22px 20px 24px 0;border-top:2px solid var(--ink)}
.vs-detail .vs-label{color:var(--olive)}
.vs-detail h3{font-size:clamp(22px,2.6vw,32px);margin:13px 0}
.vs-detail p{margin:0;color:#5d554f;font-size:14px}
.vs-gallery{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:12px;margin-top:48px}
.vs-gallery img{width:100%;height:235px;object-fit:cover}
.vs-gallery img:first-child{height:390px;grid-row:span 2}
.vs-gallery img:last-child{grid-column:span 2}
.vs-action-band{padding:82px 0;background:var(--lilac)}
.vs-action-row{display:flex;justify-content:space-between;align-items:center;gap:32px}
.vs-action-row h2{margin-top:15px}
.vs-action-row p{max-width:510px}
.vs-truth{margin:28px 0 0;padding:17px 20px;border:1px solid var(--line);font-size:13px}
.vs-fiji .vs-hero{min-height:770px}
.vs-fiji .vs-hero::before{background-position:center 46%}
.vs-fiji .vs-hero::after{background:linear-gradient(90deg,rgba(30,38,31,.76),rgba(30,38,31,.25) 58%,rgba(30,38,31,.04)),linear-gradient(0deg,rgba(30,38,31,.42),transparent 62%)}
.vs-fiji .vs-stamp{border-radius:50%;background:#dff06b;width:165px;height:165px;transform:rotate(-8deg)}
.vs-fiji .vs-hero .script{color:#e4f279}
.vs-fiji .vs-video-section{background:#29251f}
.vs-fiji .vs-film-grid{grid-template-columns:1fr 1fr}
.vs-fiji .vs-film video{aspect-ratio:9/16;width:min(100%,340px);margin-inline:auto;object-fit:contain}
.vs-fiji .vs-film figcaption{max-width:500px}
.vs-fiji .vs-video-section .vs-label{color:#dff06b}
.vs-fiji .vs-film-note{border-left-color:#dff06b}
.vs-fiji .vs-details{background:#fff7ed}
.vs-fiji .vs-detail-grid{grid-template-columns:1fr 1fr 1fr}
.vs-fiji .vs-gallery{grid-template-columns:1.4fr 1fr 1fr}
.vs-fiji .vs-gallery img{border-radius:2px}
.vs-fiji .vs-action-band{background:#dff06b}
.vs-fiji .vs-detail .vs-label{color:#727b43}
.vs-bali .vs-hero{--hero-image:url('/img/bali/bali-lagoon-aerial.webp');--hero-script:#e5c88f}
.vs-fiji .vs-hero{--hero-image:url('/img/fiji/fiji-2022-beach.jpg');--hero-script:#e4f279}
.vs-bali .vs-video-section{background:#203b3b}
.vs-bali .vs-video-section .vs-label{color:#dfbd7e}
.vs-bali .vs-film video{aspect-ratio:9/16;width:min(100%,360px);max-height:640px;margin-inline:auto;object-fit:contain}
.vs-bali .vs-film-note{border-left-color:#dfbd7e}
.vs-bali .vs-action-band{background:#dce3d8}
.vs-bali .vs-detail .vs-label{color:#617c75}
.vs-booking{padding:94px 0;background:#d7c49e}
.vs-booking-grid{display:grid;grid-template-columns:1fr .82fr;gap:7vw;align-items:start}
.vs-booking h2{margin:16px 0}
.vs-prices{margin:31px 0 20px;border-top:1px solid rgba(32,59,59,.4)}
.vs-price{display:grid;grid-template-columns:1fr auto;gap:8px;padding:16px 0;border-bottom:1px solid rgba(32,59,59,.3);align-items:baseline}
.vs-price strong{font:700 12px var(--display);letter-spacing:.08em;text-transform:uppercase}
.vs-price span{font:700 23px var(--display)}
.vs-price small{grid-column:1/-1;font-size:13px}
.vs-booking-card{padding:29px;background:var(--paper)}
.vs-booking-card h3{font-size:28px;margin:12px 0}
.vs-booking-card p{font-size:14px}
.vs-booking-actions{display:grid;gap:10px;margin:25px 0}
.vs-booking-actions .button{width:100%;text-align:center}
.video-sales .footer-inner{flex-wrap:wrap}
.vs-back{font:700 10px var(--display);letter-spacing:.12em;text-decoration:none;text-transform:uppercase}
.vs-mobile-cta{display:none}
@media(max-width:800px){
 .vs-wrap,.vs-hero-inner{width:calc(100% - 40px)}
 .vs-hero{min-height:740px}
 .vs-hero-inner{padding:190px 0 58px}
 .vs-hero h1{font-size:clamp(58px,14vw,98px)}
 .vs-stamp{top:20px;right:22px;width:112px;height:112px;font-size:9px}
 .vs-lead,.vs-manifesto-row,.vs-video-heading,.vs-booking-grid{grid-template-columns:1fr;gap:35px}
 .vs-lead,.vs-details{padding:76px 0}
 .vs-lead-art img{height:400px}
 .vs-video-section{padding:76px 0}
 .vs-fiji .vs-film-grid{grid-template-columns:1fr 1fr;gap:14px}
 .vs-detail-grid{grid-template-columns:1fr 1fr}
 .vs-fiji .vs-detail-grid{grid-template-columns:1fr 1fr}
 .vs-action-row{align-items:flex-start;flex-direction:column}
 .vs-gallery{grid-template-columns:1fr 1fr}
 .vs-gallery img,.vs-gallery img:first-child,.vs-gallery img:last-child{height:220px;grid-row:auto;grid-column:auto}
 .vs-fiji .vs-stamp{width:112px;height:112px;top:14px;right:16px;font-size:9px}
 .vs-mobile-cta{display:flex;position:fixed;z-index:12;bottom:12px;left:12px;right:12px;justify-content:center;box-shadow:0 6px 24px rgba(32,35,31,.2);visibility:hidden;opacity:0;pointer-events:none;transform:translateY(calc(100% + 16px));transition:opacity .24s ease,transform .24s ease,visibility .24s}
 .vs-mobile-cta.is-visible{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0)}
 .video-sales .footer{padding-bottom:88px}
}
@media(max-width:480px){
 .vs-hero{min-height:700px}
 .vs-hero-inner{padding-top:170px}
 .vs-hero h1{font-size:clamp(54px,15vw,76px)}
 .vs-meta{display:grid;gap:9px}
 .vs-film-grid,.vs-fiji .vs-film-grid,.vs-detail-grid,.vs-fiji .vs-detail-grid{grid-template-columns:1fr}
 .vs-gallery img,.vs-gallery img:first-child,.vs-gallery img:last-child{height:170px}
 .vs-action-band{padding:66px 0}
}

/* Practical travel support, kept distinct from confirmed event inclusions. */
.vs-travel-partners{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:12px 24px;
  margin-top:24px;
  padding:16px 18px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.34);
}
.vs-travel-partners>.vs-label{color:var(--olive)}
.vs-travel-partners nav{display:flex;flex-wrap:wrap;gap:10px 22px}
.vs-travel-partners a{
  font:700 11px/1.5 var(--display);
  letter-spacing:.07em;
  text-decoration-thickness:1px;
  text-underline-offset:4px;
}
.vs-travel-partners a:hover{color:var(--pink)}
.vs-fiji .vs-travel-partners{background:rgba(255,255,255,.5)}
@media(max-width:480px){
  .vs-travel-partners{align-items:flex-start;flex-direction:column}
  .vs-travel-partners nav{flex-direction:column;gap:8px}
}

@media(prefers-reduced-motion:reduce){
 .video-sales *, .video-sales *::before,.video-sales *::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}
}

/* Shared She Evolves signature, layered lightly over each retreat's own palette. */
.vs-bali .vs-stamp{
  background:#e0ccff;
  border-color:#203b3b;
}
.vs-bali .vs-lead-art::after{
  border-color:#fe6635;
}
.vs-bali .vs-manifesto blockquote{
  border-left-color:#de2a7c;
}
.vs-bali .vs-action-band{
  background:#dce3d8;
  box-shadow:inset 0 5px 0 #fe6635;
}
.vs-bali .vs-action-row .vs-label{
  color:#203b3b;
}

.vs-fiji .vs-stamp{
  border-color:#29251f;
  color:#29251f;
  box-shadow:inset 0 0 0 5px #fff7ed;
}
.vs-fiji .vs-manifesto blockquote{
  border-left-color:#de2a7c;
}
.vs-fiji .vs-details-head .vs-label{
  color:#777a38;
}
.vs-fiji .vs-action-band{
  box-shadow:inset 0 5px 0 #de2a7c;
}

/* The enquiry form carries the shared brand more boldly; event CTA colours stay intact. */
.vs-bali #interest.form-section,
.vs-fiji #interest.form-section{
  background:#e0ccff;
  color:#28231f;
}
.vs-bali #interest.form-section .eyebrow,
.vs-fiji #interest.form-section .eyebrow,
.vs-bali #interest.form-section .script,
.vs-fiji #interest.form-section .script{
  color:#28231f;
}
.vs-bali #interest.form-section button[type="submit"],
.vs-fiji #interest.form-section button[type="submit"],
.vs-bali #interest.form-section button[type="submit"]:hover,
.vs-fiji #interest.form-section button[type="submit"]:hover{
  background:#fe6635;
  color:#1a1a1a;
}
.vs-bali #interest.form-section button[type="submit"]:focus-visible,
.vs-fiji #interest.form-section button[type="submit"]:focus-visible{
  outline-color:#28231f;
  box-shadow:0 0 0 6px #fff7ed;
}

/* Fiji's large scripts carry the signature magenta; keep the archive film panel untouched. */
.vs-fiji .vs-manifesto .script,
.vs-fiji .vs-lead .script,
.vs-fiji .vs-details .script,
.vs-fiji #interest .script,
.vs-fiji .vs-action-band .script{
  color:#de2a7c;
}

/* Dual-tone focus remains visible against both the dark film panels and light sections. */
.vs-bali :focus-visible,
.vs-fiji :focus-visible{
  outline:3px solid #28231f;
  outline-offset:3px;
  box-shadow:0 0 0 6px #e0ccff;
}
.vs-bali .vs-hero :focus-visible,
.vs-bali .vs-video-section :focus-visible,
.vs-fiji .vs-hero :focus-visible,
.vs-fiji .vs-video-section :focus-visible{
  outline-color:#fff7ed;
  box-shadow:0 0 0 6px #de2a7c;
}

/* Bali booking clarity: surface the deposit and full commitment before the first scroll. */
.vs-bali .vs-hero-prices{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  width:min(820px,100%);
  margin-top:27px;
}
.vs-bali .vs-hero-prices>div{
  display:grid;
  gap:3px;
  padding:13px 16px 14px;
  border:1px solid rgba(255,248,237,.65);
  background:rgba(24,48,47,.55);
  color:#fff8ed;
}
.vs-bali .vs-hero-prices span{
  font:700 10px var(--display);
  letter-spacing:.13em;
  text-transform:uppercase;
}
.vs-bali .vs-hero-prices strong{
  color:#e5c88f;
  font:700 clamp(17px,2vw,22px)/1.2 var(--display);
}
.vs-bali .vs-hero-prices small{font-size:12px;line-height:1.45}
.vs-bali .vs-prices{margin-top:25px}
.vs-bali .vs-price{padding:19px 0}
.vs-bali .vs-price>span{font-size:clamp(19px,2.2vw,24px)}
.vs-bali .vs-price small{line-height:1.6}
.vs-bali .vs-price small b{font-weight:700}
.vs-bali .vs-terms-note{
  margin:24px 0 0;
  padding:15px 17px;
  border-left:3px solid #fe6635;
  background:rgba(246,242,232,.56);
}
.vs-bali .vs-terms-note a,.vs-bali .vs-card-terms a{
  font-weight:700;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
}
.vs-bali .vs-booking-card{border-top:4px solid #de2a7c}
.vs-bali .vs-booking-card .vs-label{color:#617c75}
.vs-bali .vs-booking-card h3{line-height:1.05}
.vs-bali .vs-booking-actions .button{min-height:58px}
.vs-bali .vs-booking-actions .button.secondary{background:#dce3d8}
.vs-bali .vs-card-terms{padding-top:13px;border-top:1px solid rgba(32,59,59,.2)}
.vs-bali .vs-card-terms+.vs-card-terms{padding-top:0;border-top:0}
@media(max-width:800px){
  .vs-bali .vs-hero-prices{max-width:560px}
}
@media(max-width:480px){
  .vs-bali .vs-hero-prices{grid-template-columns:1fr;gap:7px;margin-top:21px}
  .vs-bali .vs-hero-prices>div{padding:10px 12px}
  .vs-bali .vs-hero-prices small{font-size:11px}
}