.wordmark img{width:84px;height:84px;object-fit:contain}.wordmark{gap:14px}header{padding-top:16px;padding-bottom:16px}
.hero{grid-template-columns:minmax(0,1fr) minmax(300px,440px)}
.starter-media{margin:0;width:100%;max-width:440px;justify-self:end}
.media-frame{aspect-ratio:16/9;background:#f8f8f6;border:1px solid var(--line);border-radius:4px}
.media-frame video,.media-frame img{display:block;width:100%;height:100%;object-fit:contain;border-radius:3px}
.starter-media [hidden]{display:none}.media-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}
.starter-media figcaption{font-size:12px;font-style:italic;color:var(--muted)}#videoToggle{font-size:11px;min-height:44px;padding:8px 10px}
#mediaStatus{font-size:11px;color:var(--muted);margin:8px 0 0}
@media(max-width:1000px){.hero{grid-template-columns:minmax(0,1fr) minmax(270px,340px)}}
@media(max-width:800px){.hero{grid-template-columns:minmax(0,1fr) 300px}}
@media(max-width:740px){.hero{display:block}.starter-media{max-width:420px;margin:24px auto 8px}.wordmark img{width:68px;height:68px}}
@media(max-width:520px){.starter-media{max-width:100%}.wordmark span{font-size:9px;letter-spacing:1.1px}.wordmark{gap:10px}}