.vt-main .s-breadcrumb { padding-block: 13px; }
.vt-main h1, .vt-main h2, .vt-main h3 { font-family: Oswald, sans-serif; font-weight: 400; line-height: 1.16; }
.vt-main h2 { font-size: clamp(28px, 3vw, 40px); }
.vt-main h3 { font-size: clamp(21px, 2vw, 26px); }
.vt-main [id] { scroll-margin-top: 110px; }
.vt-hero { background: #111212; color: #f8f5ee; padding-block: clamp(28px, 4vw, 58px); }
.vt-hero-grid { display: grid; grid-template-columns: minmax(0,.78fr) minmax(0,1.22fr); gap: clamp(26px, 5vw, 74px); align-items: center; }
.vt-hero .p-kicker { color: #ffb63e; }
.vt-hero h1 { font-size: clamp(40px, 5.4vw, 70px); margin: 9px 0 16px; }
.vt-hero-copy > p:not(.p-kicker) { max-width: 43ch; color: #d5d3cd; font-size: 16px; line-height: 1.6; }
.vt-hero-copy .vt-lead { font-size: clamp(19px, 2.2vw, 25px) !important; color: #fff !important; line-height: 1.3 !important; margin-bottom: 13px; }
.vt-feature { margin: 0; min-width: 0; }
.vt-screen { position: relative; aspect-ratio: 16/10; min-height: 280px; background: #232323; border: 1px solid #fff3; overflow: hidden; border-radius: 4px; }
.vt-screen iframe, .vt-cover, .vt-cover img { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.vt-cover img { object-fit: cover; object-position: center 52%; }
.vt-cover::after, .vt-film button::after { content: ""; position: absolute; inset: 45% 0 0; background: linear-gradient(transparent,#000b); pointer-events: none; }
.vt-play { position: absolute; z-index: 1; left: 14px; bottom: 14px; display: inline-flex; gap: 9px; align-items: center; padding: 8px 11px; border-radius: 3px; background: #111e; color: #fff; font: 400 15px/1.2 Arial,sans-serif; text-align: left; }
.vt-play svg { width: 24px; height: 24px; color: #ffb63e; flex-shrink: 0; }
.vt-cover:hover .vt-play, .vt-film button:hover .vt-play { background: #000; }
.vt-cover:focus-visible { outline: 3px solid #ffb63e; outline-offset: -4px; }
.vt-feature figcaption { display: flex; justify-content: space-between; align-items: center; gap: 8px 18px; flex-wrap: wrap; margin-top: 11px; color: #eee9dc; font-size: 13px; }
.vt-feature figcaption strong, .vt-feature figcaption span { display: block; }
.vt-feature figcaption span { margin-top: 2px; color: #c8c5bb; }
.vt-feature figcaption a { color: #ffc159; text-decoration: underline; text-underline-offset: 4px; }
.vt-hint { display: flex; align-items: center; gap: 8px; color: #d5d3cd; font-size: 13px; margin-top: 8px; }
.vt-hint svg { width: 27px; height: 23px; color: #ffb63e; flex-shrink: 0; }
.vt-jump { display: flex; gap: 10px 24px; flex-wrap: wrap; padding: 16px 0; font-size: 14px; }
.vt-jump a { border-bottom: 1px solid var(--p-line); padding-bottom: 3px; }
.vt-main .vt-section { padding-block: clamp(23px, 4vw, 43px); }
.vt-section header > p:not(.p-kicker) { max-width: 70ch; }
.vt-section header .p-kicker, .vt-room .p-kicker, .vt-tech .p-kicker { color: var(--p-blue); margin-bottom: 5px; }
.vt-section h2 { margin-bottom: 12px; }
.vt-formats, .vt-steps { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; margin-top: 18px; }
.vt-formats article, .vt-steps li { border-top: 2px solid var(--p-line); padding-top: 12px; }
.vt-formats .vt-number { color: var(--p-blue); margin-bottom: 5px; font-size: 13px; font-weight: 700; }
.vt-formats .p-text-link { display: inline-block; margin-top: 10px; }
.vt-room, .vt-tech, .vt-lofp { display: grid; grid-template-columns: minmax(0,.78fr) minmax(0,1.22fr); gap: clamp(20px, 4vw, 48px); align-items: center; }
.vt-room figcaption { margin-top: 6px; color: var(--p-muted); font-size: 13px; }
.vt-room .room-preview .rooms-stage { aspect-ratio: 16/9; }
.vt-films { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; margin-top: 18px; }
.vt-film button { display: block; position: relative; width: 100%; padding: 0; border: 0; background: #111; cursor: pointer; overflow: hidden; border-radius: 3px; }
.vt-film img { display: block; width: 100%; height: auto; aspect-ratio: 16/9; object-fit: cover; }
.vt-film h3 { margin: 12px 0 5px; }
.vt-collection-link { display: inline-block; margin-top: 18px; }
.vt-lofp { grid-template-columns: minmax(0,1fr) minmax(0,1fr); padding: clamp(16px, 3vw, 30px); margin-bottom: 24px; background: #171818; color: #fff; }
.vt-lofp img, .vt-tech img { display: block; width: 100%; height: auto; border-radius: 3px; }
.vt-lofp h2 { margin: 7px 0 9px; }
.vt-lofp .p-kicker, .vt-lofp .p-text-link { color: #ffc159; }
.vt-lofp p:not(.p-kicker) { color: #e0ded6; line-height: 1.6; margin-bottom: 12px; }
.vt-tech img { aspect-ratio: 16/9; object-fit: contain; }
.vt-tech .p-text-link { display: inline-block; margin-top: 10px; }
.vt-steps { padding: 0; list-style: none; counter-reset: vt-step; }
.vt-steps li { counter-increment: vt-step; }
.vt-steps li::before { content: counter(vt-step, decimal-leading-zero); display: block; color: var(--p-blue); font-weight: 700; font-size: 13px; margin-bottom: 6px; }
@media (max-width: 760px) {
  .vt-hero-grid, .vt-room, .vt-lofp, .vt-tech { grid-template-columns: 1fr; }
  .vt-screen { min-height: 310px; }
  .vt-hero-copy .c-button { margin-top: 13px; }
}
@media (max-width: 570px) {
  .vt-films, .vt-formats, .vt-steps { grid-template-columns: 1fr; gap: 16px; }
  .vt-main .p-wrap { width: calc(100% - 32px); }
  .vt-screen { width: 100%; aspect-ratio: 4/3; min-height: 270px; }
  .vt-play { left: 9px; bottom: 9px; }
}

.vt-films-single{grid-template-columns:minmax(0,1fr);max-width:700px}
.vt-films-single h3{margin:0 0 10px}