/* /vikal layout only. Scoped. */
body[data-page="vikal"] .drawer-c[hidden],body[data-page="vikal"] .more[hidden]{position:absolute}
body[data-page="vikal"] #speaking .s__media{aspect-ratio:4/5;max-width:440px}
body[data-page="vikal"] .vk-col{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(18px,2vw,28px)}
body[data-page="vikal"] .vk-col .qa{gap:12px;margin-bottom:0}
body[data-page="vikal"] .vk-col .qa + .lead,body[data-page="vikal"] .vk-col .lead{margin:0}
body[data-page="vikal"] #speaking > .wrap{align-items:start}
body[data-page="vikal"] .vk-formats{width:100%}
body[data-page="vikal"] .vk-formats li{position:relative;padding:18px 0 16px;border-top:1px solid var(--line)}
body[data-page="vikal"] .vk-formats li::before{content:'';position:absolute;left:0;right:0;top:-1px;height:1px;background:var(--neon);transform-origin:left}
body[data-page="vikal"] .vk-formats h3{font-size:clamp(1.25rem,1.1rem + .6vw,1.5rem)}
body[data-page="vikal"] .vk-formats p{margin-top:6px;font-size:.9375rem}
@supports (animation-timeline:view()){@media(prefers-reduced-motion:no-preference){
  body[data-page="vikal"] .vk-formats li::before{animation:vk-rule linear both;animation-timeline:view();animation-range:entry 20% cover 45%}
  @keyframes vk-rule{from{transform:scaleX(0)}to{transform:scaleX(1)}}
}}
body[data-page="vikal"] .vk-portrait{justify-self:end}
body[data-page="vikal"] .vk-list{counter-reset:vk;border-top:1px solid var(--line);margin:8px 0 24px}
body[data-page="vikal"] .vk-list li{padding:14px 0;border-bottom:1px solid var(--line);color:var(--text-2)}
body[data-page="vikal"] .vk-list strong{color:#fff}
body[data-page="vikal"] #confluence .wrap{display:flex;flex-direction:column;align-items:center;text-align:center;gap:clamp(20px,2.4vw,32px)}
body[data-page="vikal"] #confluence .more{max-width:60ch;text-align:left}
body[data-page="vikal"] .s--flood .qa{margin-bottom:0}
body[data-page="vikal"] #strip{padding-top:calc(var(--space-section) * 1.2)}
body[data-page="vikal"] .vk-event{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 24px;margin-top:clamp(28px,3.5vw,48px)}
body[data-page="vikal"] .drawer-c .cta{margin-top:24px}
@media(max-width:900px){
  body[data-page="vikal"] #record .vk-portrait{order:-1;justify-self:start}
  body[data-page="vikal"] #record .portrait--280{--ps:200px}
}
@media(max-width:700px){
  body[data-page="vikal"] #confluence .wrap{align-items:flex-start;text-align:left}
  body[data-page="vikal"] .hero--plate .cta .btn,body[data-page="vikal"] .vk-col .btn{align-self:stretch;text-align:center}
}
/* v3 fixes: Light-on hero (#23), visible talks (#7), Flood heading spacing */
body[data-page="vikal"] .hero--plate{--fx:68%;--fy:42%}
body[data-page="vikal"] .hero--plate .hero__plate img{object-position:60% 30%}
body[data-page="vikal"] .hero--plate .hero__plate{inset:0 0 0 44%;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 38%);mask-image:linear-gradient(to right,transparent 0,#000 38%)}
body[data-page="vikal"] .hero--plate .hero__inner > *{max-width:560px}
body[data-page="vikal"] .hero--plate .cta{margin-top:28px}
body[data-page="vikal"] .vk-talks{margin:0}
body[data-page="vikal"] .vk-col .next{margin-top:-8px}
body[data-page="vikal"] .s--flood .qa + .lead{margin-top:24px}
@media(max-width:900px){
  body[data-page="vikal"] .hero--plate{justify-content:flex-start;min-height:0;padding-top:calc(var(--nav-h) + 48px)}
  body[data-page="vikal"] .hero--plate .hero__plate{-webkit-mask-image:none;mask-image:none;position:relative;inset:auto;z-index:0;aspect-ratio:13/10;margin:0 0 28px}
  body[data-page="vikal"] .hero--plate .hero__inner > *{max-width:none}
}
body[data-page="vikal"] .hero--plate{padding-bottom:clamp(80px,8vw,120px)}