/* Five focused video destinations and a compact footer shared by every route. */
.task-page[data-page=create-video]{--accent:#cbd8ec}
.task-page[data-page=video-greeting]{--accent:#efd0b6}
.task-page[data-page=image-to-video]{--accent:#c7d8cf}
.intent-method-link{display:inline-block;align-self:flex-start;margin-top:20px;font-size:16px;text-decoration:underline;text-underline-offset:5px}
.intent-method-link:hover{color:#675499}
.feature-media .demo-frame:not(.comparison){aspect-ratio:var(--frame-ratio,2.15/1)}
.feature-media:not(.camera-layout .feature-media){max-width:1280px;margin-left:auto;margin-right:auto}
.feature-media .demo-frame:not(.comparison) video{object-fit:contain}
.task-page[data-page=image-to-video] .process-media{width:100%;max-width:480px;justify-self:center}
.task-page[data-page=image-to-video] .process-media .demo-frame{aspect-ratio:1}
.task-page[data-page=image-to-video] .process-media video{object-fit:contain}
.compact-footer{background:#111;color:#faf8f4;border-top:1px solid #ffffff26}
body footer.compact-footer{padding:28px max(24px,6.25vw)}
.compact-footer-inner{max-width:1750px;margin:auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px 32px}
.compact-footer .compact-footer-brand{font-family:'Telka Extended',Telka,sans-serif;font-size:30px;line-height:1;letter-spacing:-.04em}
body footer.compact-footer nav[aria-label]{display:flex!important;flex-wrap:wrap;align-items:center;justify-content:center;margin:0;gap:8px 24px!important}
.compact-footer nav a{font-size:15px;line-height:1.4;padding-block:8px}
.compact-footer p{font-size:13px;line-height:1.5;color:#b4b2b0;white-space:nowrap}
@media(max-width:1100px){
  .compact-footer-inner{grid-template-columns:1fr auto;gap:16px}
  body footer.compact-footer nav[aria-label]{grid-column:1/-1;grid-row:2;justify-content:flex-start;gap:6px 24px!important}
  .compact-footer p{grid-column:2;grid-row:1}
}
@media(max-width:600px){
  body footer.compact-footer{padding:24px 20px}
  body footer.compact-footer nav[aria-label]{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px!important;align-items:start}
  .compact-footer nav a{font-size:14px;min-height:44px;display:flex;align-items:center;padding-block:8px}
  .compact-footer .compact-footer-brand{font-size:28px}
  .intent-method-link{margin-top:16px}
}