@charset "UTF-8";

.storyVideo{padding:24px 0 28px;}
.storyVideo__heading{margin:0 0 14px;color:var(--navy);font-size:22px;line-height:1.25;font-weight:700;}
.storyVideo__card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:0 10px 24px rgba(10,25,45,.08);
  padding:20px;
}
.storyVideo__grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.95fr);gap:26px;align-items:start;}
.storyVideo__media{min-width:0;}
.storyVideo__videoWrap{position:relative;overflow:hidden;border-radius:calc(var(--radius) - 2px);background:#000;aspect-ratio:16/9;}
.storyVideo__video{display:block;width:100%;height:100%;object-fit:cover;}
.storyVideo__content{display:flex;flex-direction:column;justify-content:center;min-width:0;height:100%;padding-top:2px;}
.storyVideo__lead{margin:0 0 16px;color:var(--muted);font-size:1rem;line-height:1.55;}
.storyVideo__videoText{margin:0;color:var(--muted);font-size:14px;line-height:1.6;}
.storyVideo__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:auto;padding-top:16px;}
.storyVideo__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:0 18px;
  border-radius:8px;
  text-decoration:none;
  font-weight:700;
  transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease;
}
.storyVideo__btn:hover{transform:translateY(-1px);}
.storyVideo__btn--primary{background:var(--navy);color:#fff;border:1px solid var(--navy);}
.storyVideo__btn--primary:hover{box-shadow:0 8px 18px rgba(0,43,95,.16);}
.storyVideo__btn--secondary{background:#fff;color:var(--navy);border:1px solid var(--navy);}
.storyVideo__btn--secondary:hover{background:rgba(0,43,95,.04);}
.storyVideo__tip{margin:14px 0 0;padding-top:14px;border-top:1px solid rgba(15,31,51,.08);color:var(--muted);font-size:.95rem;line-height:1.5;}

@media (max-width: 1100px){
  .storyVideo__grid{grid-template-columns:1fr;gap:18px;}
}
@media (max-width: 700px){
  .storyVideo{padding:18px 0 22px;}
  .storyVideo__card{padding:16px;}
  .storyVideo__actions{flex-direction:column;}
  .storyVideo__btn{width:100%;}
  .storyVideo__tip{font-size:.92rem;}
}