/* Corner Post Web: /video/ share page. Namespaced under .vpage so it sits on top of
   either the live styles.css or the v2 cp.css without touching other pages. */
.vpage{--v-ink:#12312F;--v-deep:#0E2725;--v-paper:#F5F7F2;--v-off:#E7ECE3;--v-amber:#F2B24C;--v-orange:#C7622F;--v-muted:#576960;--v-line:rgba(18,49,47,.14);
  --v-quart:cubic-bezier(.25,1,.5,1);--v-quint:cubic-bezier(.22,1,.36,1);--v-expo:cubic-bezier(.16,1,.3,1);
  --v-display:"Anton","Arial Narrow",Impact,sans-serif;--v-body:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  color:var(--v-ink);font-family:var(--v-body)}
.vpage *,.vpage *::before,.vpage *::after{box-sizing:border-box}
.vpage .u-shell{max-width:1320px;margin:0 auto;padding-inline:clamp(20px,4vw,58px)}
.vpage svg{display:block}

/* ---------- hero ---------- */
.vhero{padding:clamp(108px,15vh,176px) 0 clamp(56px,7vw,96px);background:var(--v-paper)}
.vhero__head{max-width:980px}
.vhero__eye{display:inline-flex;align-items:center;gap:10px;margin:0 0 18px;padding:7px 14px 7px 12px;border-radius:999px;background:rgba(242,178,76,.22);
  color:var(--v-ink);font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.vdot{width:8px;height:8px;border-radius:50%;background:var(--v-orange);box-shadow:0 0 0 3px rgba(199,98,47,.18)}
.vhero__h{margin:0;font-family:var(--v-display);font-weight:400;font-size:clamp(46px,8.4vw,124px);line-height:.92;letter-spacing:-.005em;text-transform:uppercase;color:var(--v-ink)}
.vrow{display:block}
.vhero__h em{font-style:normal;color:var(--v-ink);background:linear-gradient(transparent 62%,rgba(242,178,76,.85) 62%,rgba(242,178,76,.85) 92%,transparent 92%);padding:0 .04em}
.vhero__lede{margin:22px 0 0;max-width:56ch;font-size:clamp(16px,1.4vw,19px);line-height:1.5;color:#2C4A46}

/* ---------- player ---------- */
.vp{margin:clamp(30px,4.4vw,56px) 0 0}
.vp__stage{position:relative;aspect-ratio:16/9;border-radius:clamp(12px,1.4vw,20px);overflow:hidden;background:var(--v-ink);
  box-shadow:0 1px 0 rgba(255,255,255,.4) inset,0 30px 60px -28px rgba(18,49,47,.55),0 0 0 1px rgba(18,49,47,.12);isolation:isolate}
.vp__video{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;background:var(--v-ink)}
.vp__stage:fullscreen{border-radius:0}.vp__stage:fullscreen .vp__video{object-fit:contain}
.vp__big{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;width:100%;border:0;padding:0;margin:0;
  background:linear-gradient(180deg,rgba(14,39,37,0) 40%,rgba(14,39,37,.38));color:var(--v-ink);cursor:pointer;transition:opacity .2s var(--v-quart)}
.vp__big[hidden]{display:none}
.vp__big-disc{position:relative;display:grid;place-items:center;width:clamp(76px,9vw,124px);height:clamp(76px,9vw,124px);border-radius:50%;background:var(--v-amber);
  box-shadow:0 14px 34px -10px rgba(0,0,0,.45),0 0 0 8px rgba(242,178,76,.22);transition:transform .22s var(--v-quart),box-shadow .22s var(--v-quart)}
.vp__big-disc svg{width:38%;height:38%;margin-left:7%}
.vp__big-disc::after{content:"";position:absolute;inset:-8px;border-radius:50%;border:2px solid var(--v-amber);opacity:0;pointer-events:none}
.vp__big-label{padding:6px 14px;border-radius:999px;background:rgba(14,39,37,.78);color:var(--v-paper);font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.vp__big-label b{color:var(--v-amber);font-weight:700}
.vp__big:hover .vp__big-disc{transform:scale(1.06);box-shadow:0 18px 40px -10px rgba(0,0,0,.5),0 0 0 12px rgba(242,178,76,.26)}
.vp__big:active .vp__big-disc{transform:scale(.96);transition-duration:.1s}
.vp__big:focus-visible{outline:none}.vp__big:focus-visible .vp__big-disc{outline:3px solid var(--v-paper);outline-offset:6px}
.vp.is-started .vp__big{opacity:0;pointer-events:none}

.vp__bar{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;align-items:center;gap:6px;padding:28px 12px 10px;
  background:linear-gradient(180deg,rgba(14,39,37,0) 0,rgba(14,39,37,.9) 42%,rgba(14,39,37,.97) 100%);color:var(--v-paper);
  opacity:0;transform:translateY(8px);transition:opacity .165s var(--v-quart),transform .165s var(--v-quart);pointer-events:none}
.vp__bar[hidden]{display:none}
.vp.is-started.is-ui .vp__bar,.vp.is-started.is-paused .vp__bar,.vp.is-started .vp__bar:focus-within{opacity:1;transform:none;pointer-events:auto;transition-duration:.22s}
.vp.is-started.is-playing:not(.is-ui) .vp__stage{cursor:none}
.vp__btn{display:grid;place-items:center;width:40px;height:40px;flex:none;border:0;border-radius:10px;background:transparent;color:inherit;cursor:pointer;transition:background-color .16s var(--v-quart),transform .12s var(--v-quart)}
.vp__btn:hover{background:rgba(245,247,242,.14)}.vp__btn:active{transform:scale(.92)}
.vp__btn:focus-visible{outline:2px solid var(--v-amber);outline-offset:1px}
.vp__btn svg{width:22px;height:22px}
.vp__btn[data-vp-toggle] svg:last-child{display:none}
.vp.is-playing .vp__btn[data-vp-toggle] svg:first-child{display:none}.vp.is-playing .vp__btn[data-vp-toggle] svg:last-child{display:block}
.vp-ico-x{display:none}.vp.is-muted .vp-ico-x{display:inline}.vp.is-muted .vp-ico-wave{display:none}
.vp__time{flex:none;min-width:84px;padding:0 4px;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.02em}
.vp__sep{opacity:.6}
.vp__track{position:relative;flex:1;height:40px;display:flex;align-items:center;margin:0 6px}
.vp__rail{position:absolute;left:0;right:0;top:50%;height:5px;margin-top:-2.5px;border-radius:5px;background:rgba(245,247,242,.24);overflow:hidden}
.vp__buf,.vp__fill{position:absolute;inset:0;transform-origin:0 50%;transform:scaleX(0)}
.vp__buf{background:rgba(245,247,242,.28)}.vp__fill{background:var(--v-amber)}
.vp__ticks i{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:rgba(14,39,37,.75)}
.vp__seek{position:relative;z-index:1;width:100%;height:40px;margin:0;background:transparent;-webkit-appearance:none;appearance:none;cursor:pointer}
.vp__seek::-webkit-slider-runnable-track{height:40px;background:transparent}
.vp__seek::-moz-range-track{height:40px;background:transparent}
.vp__seek::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;margin-top:12px;border-radius:50%;background:var(--v-paper);box-shadow:0 0 0 4px rgba(242,178,76,.55);transition:transform .16s var(--v-quart)}
.vp__seek::-moz-range-thumb{width:16px;height:16px;border:0;border-radius:50%;background:var(--v-paper);box-shadow:0 0 0 4px rgba(242,178,76,.55)}
.vp__seek:active::-webkit-slider-thumb{transform:scale(1.2)}
.vp__seek:focus-visible{outline:2px solid var(--v-amber);outline-offset:-6px;border-radius:8px}
.vp__cap{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-top:14px;font-size:14px;color:var(--v-muted)}
.vp__cap a{color:var(--v-ink);text-decoration:underline;text-underline-offset:3px}
.vp__chip{display:inline-flex;padding:4px 10px;border-radius:999px;background:var(--v-ink);color:var(--v-amber);font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
@media (max-width:640px){.vp__time{min-width:0;font-size:12px}.vp__sep,.vp__time [data-vp-dur]{display:none}.vp__btn{width:36px;height:36px}.vp__bar{padding:22px 6px 4px;gap:2px}
  .vp__big-label{font-size:11.5px}.vp__big{gap:10px}}

/* ---------- actions + share ---------- */
.vact{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:28px 40px;margin-top:clamp(26px,3vw,40px)}
.vact__cta{display:flex;flex-wrap:wrap;gap:12px}
.vpage a.vcta{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:56px;width:auto;padding:0 26px;border-radius:999px;background:var(--v-amber);color:var(--v-ink);
  font-family:var(--v-display);font-size:19px;letter-spacing:.03em;text-transform:uppercase;text-decoration:none;line-height:1;
  box-shadow:0 10px 24px -12px rgba(199,98,47,.7);transition:transform .2s var(--v-quart),background-color .2s var(--v-quart),box-shadow .2s var(--v-quart)}
.vpage a.vcta svg{width:18px;height:18px;transition:transform .22s var(--v-quart)}
.vpage a.vcta:hover{background:#F5BE63;transform:translateY(-2px);box-shadow:0 14px 28px -12px rgba(199,98,47,.75)}
.vpage a.vcta:hover svg{transform:translateX(4px)}
.vpage a.vcta:active{transform:translateY(0) scale(.98);transition-duration:.1s}
.vcall{display:inline-flex;align-items:center;gap:10px;min-height:56px;padding:0 22px;border-radius:999px;border:2px solid var(--v-ink);color:var(--v-ink);font-weight:700;font-size:16px;text-decoration:none;
  transition:background-color .2s var(--v-quart),color .2s var(--v-quart),transform .2s var(--v-quart)}
.vcall svg{width:19px;height:19px}
.vcall:hover{background:var(--v-ink);color:var(--v-paper)}.vcall:active{transform:scale(.98)}
.vshare{min-width:0}
.vshare__t{margin:0 0 10px;font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--v-muted)}
.vshare__row{display:flex;flex-wrap:wrap;gap:8px}
.vsb{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:1px solid var(--v-line);border-radius:12px;background:#fff;color:var(--v-ink);
  font:600 14px/1 var(--v-body);text-decoration:none;cursor:pointer;transition:transform .18s var(--v-quart),border-color .18s var(--v-quart),background-color .18s var(--v-quart)}
.vsb[hidden]{display:none}
.vsb svg{width:18px;height:18px;flex:none}
.vsb:hover{transform:translateY(-2px);border-color:rgba(18,49,47,.38)}
.vsb:active{transform:translateY(0) scale(.97);transition-duration:.1s}
.vsb:focus-visible{outline:3px solid var(--v-ink);outline-offset:2px}
.vsb--native{background:var(--v-ink);border-color:var(--v-ink);color:var(--v-paper)}
.vsb--copy{background:rgba(242,178,76,.18);border-color:rgba(199,98,47,.32)}
.vsb__ico{position:relative;width:18px;height:18px}
.vsb__ico svg{position:absolute;inset:0;transition:opacity .15s var(--v-quart),transform .2s var(--v-quart)}
.vsb__ico svg:last-child{opacity:0;transform:scale(.6);color:#1E7A4F}
.vsb--copy.is-copied{border-color:#1E7A4F;background:#E6F2EA}
.vsb--copy.is-copied .vsb__ico svg:first-child{opacity:0;transform:scale(.6)}
.vsb--copy.is-copied .vsb__ico svg:last-child{opacity:1;transform:none}
.vshare__ok{min-height:20px;margin:8px 0 0;font-size:13.5px;font-weight:600;color:#1E7A4F;opacity:0;transform:translateY(-4px);transition:opacity .15s var(--v-quart),transform .15s var(--v-quart)}
.vshare__ok.is-on{opacity:1;transform:none;transition-duration:.2s}
@media (max-width:640px){
  .vact{gap:26px}.vact__cta{width:100%}
  .vpage a.vcta,.vcall{width:100%;justify-content:center}
  .vpage a.vcta{justify-content:space-between}
  .vshare{width:100%}
  .vshare__row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}
  .vsb{justify-content:center;padding:0 8px;grid-column:span 2}
  .vsb[data-method="linkedin"],.vsb[data-method="x"]{grid-column:span 3}
  .vsb--native,.vsb--copy{grid-column:span 6}
  .has-native .vsb--native{grid-column:span 3}.has-native .vsb--copy{grid-column:span 3}
}

@media (min-width:1000px){
  .vhero{padding-top:clamp(96px,12vh,140px)}
  .vhero__head{max-width:none;text-align:center}
  .vhero__h{font-size:clamp(56px,5.6vw,92px)}
  .vrow{display:inline}
  .vhero__lede{margin-inline:auto;max-width:62ch}
  .vp{max-width:1120px;margin-inline:auto}
  .vp__cap{justify-content:center}
  .vact{max-width:1120px;margin-inline:auto;flex-direction:column;align-items:center;gap:30px}
  .vact__cta{justify-content:center}
  .vshare{text-align:center}.vshare__row{justify-content:center}
}

/* ---------- sections ---------- */
.vsec{padding:clamp(72px,9vw,128px) 0}
.vsec--dark{background-color:var(--v-deep);background-image:url(/assets/lseo-v6/contours.svg);background-repeat:no-repeat;background-size:1000px auto;background-position:right -300px top -180px;color:var(--v-paper)}
.vsec--tint{background:var(--v-off)}
.vsec__grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(32px,5vw,88px);align-items:start}
.vsec__head{position:sticky;top:110px}
.vsec .eyebrow{margin:0;font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--v-muted)}
.vsec--dark .eyebrow{color:var(--v-amber)}
.vsec__title{margin:12px 0 0;font-family:var(--v-display);font-weight:400;font-size:clamp(40px,5.6vw,80px);line-height:.95;text-transform:uppercase}
.vsec__note{margin:16px 0 0;max-width:30ch;color:#C7D3CC;font-size:16px}
.vch-list{list-style:none;margin:0;padding:0;border-top:1px solid rgba(245,247,242,.18)}
.vch{border-bottom:1px solid rgba(245,247,242,.18)}
.vch__b{position:relative;display:grid;grid-template-columns:70px minmax(0,1fr) 40px;align-items:center;gap:16px;width:100%;padding:20px 0 8px;border:0;background:none;color:inherit;text-align:left;cursor:pointer;font:inherit}
.vch__t{font-variant-numeric:tabular-nums;font-weight:700;font-size:14px;letter-spacing:.06em;color:var(--v-amber)}
.vch__h{font-family:var(--v-display);font-size:clamp(22px,2.3vw,30px);line-height:1.05;text-transform:uppercase;letter-spacing:.01em}
.vch__go{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid rgba(245,247,242,.28);color:var(--v-amber);transition:transform .2s var(--v-quart),background-color .2s var(--v-quart),color .2s var(--v-quart)}
.vch__go svg{width:16px;height:16px;margin-left:2px}
.vch__b:hover .vch__go{background:var(--v-amber);color:var(--v-ink);transform:scale(1.06)}
.vch__b:active .vch__go{transform:scale(.94)}
.vch__b:focus-visible{outline:none}.vch__b:focus-visible .vch__h{text-decoration:underline;text-decoration-color:var(--v-amber);text-underline-offset:6px}
.vch__b:focus-visible .vch__go{outline:2px solid var(--v-amber);outline-offset:2px}
.vch__d{margin:0;padding:0 56px 22px 86px;color:#C7D3CC;font-size:15.5px;line-height:1.55;max-width:none}
.vch{position:relative}
.vch::before{content:"";position:absolute;left:0;top:-1px;height:2px;width:100%;background:var(--v-amber);transform:scaleX(0);transform-origin:0 50%;transition:transform .42s var(--v-quint)}
.vch.is-now::before{transform:scaleX(1)}
.vch.is-now .vch__go{background:var(--v-amber);color:var(--v-ink)}
@media (max-width:860px){.vsec__grid{grid-template-columns:1fr}.vsec__head{position:static}}
@media (max-width:560px){.vch__b{grid-template-columns:52px minmax(0,1fr) 36px;gap:10px}.vch__go{width:36px;height:36px}.vch__d{padding:0 0 20px 62px;font-size:15px}}

.vsec__narrow{max-width:900px}
.vtx{border-top:2px solid var(--v-ink);border-bottom:1px solid var(--v-line)}
.vtx summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0;cursor:pointer;list-style:none}
.vtx summary::-webkit-details-marker{display:none}
.vtx__s{display:flex;flex-direction:column;gap:8px}
.vtx__h{font-family:var(--v-display);font-size:clamp(28px,3.4vw,44px);line-height:1;text-transform:uppercase}
.vtx__plus{position:relative;width:44px;height:44px;flex:none;border-radius:50%;background:var(--v-ink);transition:background-color .2s var(--v-quart)}
.vtx__plus::before,.vtx__plus::after{content:"";position:absolute;left:50%;top:50%;width:16px;height:2px;margin:-1px 0 0 -8px;background:var(--v-amber);transition:transform .32s var(--v-quint)}
.vtx__plus::after{transform:rotate(90deg)}
.vtx[open] .vtx__plus::after{transform:rotate(0)}
.vtx summary:hover .vtx__plus{background:#1C4541}
.vtx summary:focus-visible{outline:3px solid var(--v-ink);outline-offset:4px}
.vtx__body{padding:0 0 30px;overflow:hidden}
.vtx__body p{margin:0 0 1.05em;max-width:68ch;font-size:17px;line-height:1.7;color:#24423E}
.vtx__t{display:inline-block;margin-right:6px;padding:2px 8px;border:0;border-radius:6px;background:var(--v-ink);color:var(--v-amber);font:700 12.5px/1.5 var(--v-body);font-variant-numeric:tabular-nums;cursor:pointer;vertical-align:1px;transition:transform .15s var(--v-quart)}
.vtx__t:hover{transform:translateY(-1px)}.vtx__t:focus-visible{outline:2px solid var(--v-orange);outline-offset:2px}

/* ---------- motion (only when JS confirms; reduced motion opts out) ---------- */
.vmo .vhero__eye,.vmo .vrow,.vmo .vhero__lede,.vmo .vp,.vmo .vact{opacity:0}
.vmo.vgo .vhero__eye{animation:v-rise .52s var(--v-quart) both}
.vmo.vgo .vrow{animation:v-rise .64s var(--v-quart) both}
.vmo.vgo .vrow:nth-child(1){animation-delay:.06s}.vmo.vgo .vrow:nth-child(2){animation-delay:.14s}
.vmo.vgo .vhero__lede{animation:v-rise .56s var(--v-quart) .24s both}
.vmo.vgo .vp{animation:v-settle .82s var(--v-expo) .3s both}
.vmo.vgo .vact{animation:v-rise .56s var(--v-quart) .56s both}
.vmo.vgo .vp__big-disc::after{animation:v-ring 1.1s var(--v-quint) 1.05s 1 both}
@keyframes v-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes v-settle{from{opacity:0;transform:translateY(26px) scale(.975)}to{opacity:1;transform:none}}
@keyframes v-ring{0%{opacity:.75;transform:scale(1)}100%{opacity:0;transform:scale(1.35)}}
.vmo [data-rv]{opacity:0;transform:translateY(16px);transition:opacity .5s var(--v-quart),transform .6s var(--v-quart)}
.vmo [data-rv].is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .vpage *,.vpage *::before,.vpage *::after{animation:none!important;transition:none!important}
  .vmo .vhero__eye,.vmo .vrow,.vmo .vhero__lede,.vmo .vp,.vmo .vact,.vmo [data-rv]{opacity:1!important;transform:none!important}
}
/* closer extras (live chrome) */
.vclose__cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px}
.vclose__call{color:var(--paper,#F5F7F2);font-weight:600;text-decoration:underline;text-underline-offset:4px}
.vclose__call:hover{color:var(--amber,#F2B24C)}