/* Vinky v6_34, home hero with the 10-minute routine video.
   Replaces the animated Sunday-night opening, which now opens /why-vinky-exists. */

.vk-home-hero{
  position:relative;overflow:hidden;
  padding:clamp(30px,4vw,56px) clamp(18px,4vw,54px) clamp(34px,4.5vw,64px);
  background:
    radial-gradient(900px 380px at 78% -10%, #f7eef0 0%, rgba(247,238,240,0) 62%),
    radial-gradient(700px 340px at 6% 0%, #f3f0f8 0%, rgba(243,240,248,0) 60%),
    #fffdfb;
  border-bottom:1px solid #f0e9e2;
}
.vkh-wrap{
  max-width:1240px;margin:0 auto;display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);
  gap:clamp(24px,4vw,54px);align-items:center;
}
.vkh-kicker{
  display:block;font:850 11.5px/1.4 "DM Sans","Segoe UI",Arial,sans-serif;
  letter-spacing:.2em;text-transform:uppercase;color:#a8404f;margin:0 0 14px;
}
.vkh-copy h1{
  font:700 clamp(36px,4.6vw,60px)/1.02 Georgia,"Times New Roman",serif;
  letter-spacing:-.04em;color:#524c47;margin:0 0 16px;
}
.vkh-sub{
  font:400 clamp(16.5px,1.5vw,19.5px)/1.55 "DM Sans","Segoe UI",Arial,sans-serif;
  color:#514a4a;margin:0 0 20px;max-width:44ch;
}
.vkh-actions{display:flex;flex-wrap:wrap;gap:11px;margin-bottom:12px}
.vkh-fine{
  font:400 13.5px/1.5 "DM Sans","Segoe UI",Arial,sans-serif;
  color:#6d6266;margin:0 0 18px;
}
.vkh-chips{
  display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;
}
.vkh-chips li{
  font:800 11.5px/1 "DM Sans","Segoe UI",Arial,sans-serif;letter-spacing:.06em;
  text-transform:uppercase;color:#6f4a63;background:#fff;border:1px solid #ece3da;
  border-radius:999px;padding:8px 12px;
}

.vkh-video{
  margin:0;background:#fff;border:1px solid #ece3da;border-radius:22px;
  padding:10px 10px 0;box-shadow:0 26px 60px rgba(62,53,59,.16),0 6px 14px rgba(62,53,59,.08);
}
.vkh-media{
  width:100%;max-width:360px;margin-inline:auto;
  display:flex;flex-direction:column;align-items:stretch;
}
.vkh-video video{
  /* the recording is a 9:16 phone screen; match it so nothing is cropped */
  width:100%;height:auto;display:block;border-radius:14px;background:#2c2629;
  aspect-ratio:9/16;object-fit:contain;
}
.vkh-video figcaption{
  display:flex;justify-content:space-between;align-items:center;gap:10px;
  font:700 13px/1.4 "DM Sans","Segoe UI",Arial,sans-serif;color:#6d6266;
  padding:11px 6px 12px;
}
.vkh-video figcaption span{
  font-weight:800;color:#a8404f;white-space:nowrap;
}
.vkh-jump{
  display:block;margin:14px 0 0;text-align:center;font:800 14px/1.4 "DM Sans","Segoe UI",Arial,sans-serif;
  color:#6f4a63;text-decoration:none;border-bottom:2px solid #e3d3dc;padding-bottom:3px;
}
.vkh-jump:hover{border-bottom-color:#6f4a63;text-decoration:none}
.vkh-jump span{display:inline-block;margin-left:4px}

/* the story heading is now a paragraph on why-vinky-exists */
.vinky-mobile-opening-copy .opening-h1{
  font:850 clamp(30px,3.4vw,44px)/1.06 Georgia,"Times New Roman",serif;
  letter-spacing:-.03em;color:#524c47;margin:0 0 10px;text-align:center;
}

@media (max-width:980px){
  .vkh-wrap{grid-template-columns:minmax(0,1fr)}
  .vkh-copy h1 br{display:none}
  .vkh-sub{max-width:none}
  .vkh-media{order:2}
}
@media (max-width:600px){
  .vkh-actions .vk-btn{width:100%}
  .vkh-video{border-radius:18px}
}
@media (prefers-reduced-motion:reduce){
  .vkh-jump span{display:none}
}

/* levelup needs a real H1; match the section's heading scale */
.app-copy .lv-h1{
  font:700 clamp(29px,3.4vw,44px)/1.1 Georgia,"Times New Roman",serif;
  letter-spacing:-.035em;color:#524c47;margin:0 0 16px;
}
.app-copy .lv-h1 strong{color:#82539c}

/* the peek link is now an anchor */
a.vk-peek{text-decoration:none;display:inline-flex;align-items:center;gap:6px}
a.vk-peek:hover{text-decoration:none}