body[data-page="marketing"] .resource-toolbar{gap:24px}
body[data-page="marketing"] .resource-toolbar>[role="tablist"]{gap:26px;min-width:0}
.artwork-collection{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 30px}
.artwork-collection h2{font-size:23px;letter-spacing:-.035em;margin-bottom:8px}
.artwork-collection p{font-size:12px;color:var(--muted)}
.artwork-collection>a{flex-shrink:0}
body[data-page="marketing"] .art-card>button img{aspect-ratio:4/3;object-fit:contain;height:auto;padding:0}
.artwork-dialog-image{max-height:67vh;object-fit:contain;background:#f8faf7}
.artwork-downloads{display:flex;flex-shrink:0;flex-direction:column;align-items:center;gap:13px}
@media(min-width:601px) and (max-width:1000px){body[data-page="marketing"] .art-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){body[data-page="marketing"] .art-grid{grid-template-columns:minmax(0,1fr);gap:24px}.artwork-collection{align-items:flex-start;gap:15px;flex-direction:column}.artwork-collection h2{font-size:20px}.artwork-downloads{align-items:flex-start}.artwork-dialog-image{max-height:50vh}}
body[data-page="marketing"] .art-card-token>button{background:#f1f5ed}
body[data-page="marketing"] .art-card-token>button img{object-fit:contain;padding:12px}
.art-dialog-token{max-height:65vh;object-fit:contain}
.animation-collection{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 30px}
.animation-collection p{font-size:13px;color:var(--muted);line-height:1.7}
.animation-collection a{flex-shrink:0}
.animation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.animation-card{border:1px solid var(--line);border-radius:13px;overflow:hidden;background:#fff}
.animation-preview{width:100%;display:block;position:relative;padding:16px 16px 38px;background:#f8faf7;transition:background .2s}
.animation-preview:hover{background:#edf3eb}
.animation-preview img{width:100%;aspect-ratio:1.6;object-fit:contain}
.animation-preview>span{position:absolute;bottom:14px;right:20px;font-size:11px;color:#536b5c}
.animation-card-info{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:21px 23px;border-top:1px solid var(--line)}
.animation-card-info h3{font-size:17px;line-height:1.3}
.animation-card-info>a{font-size:11px;color:#426b57;white-space:nowrap}
.animation-variants{display:flex;flex-wrap:wrap;gap:8px 24px;padding:0 23px 22px}
.animation-variants a{font-size:11px;line-height:1.5;color:#71807a}
.animation-variants a:hover{color:#182d2b}
.animation-variants span{font-size:9px;margin-left:6px;color:#426b57}
.animation-dialog-frame{display:block;width:100%;height:min(68vh,670px);border:0;background:#f8faf7}
@media(max-width:1000px){body[data-page="marketing"] .resource-toolbar{align-items:stretch;flex-direction:column}body[data-page="marketing"] .resource-search{align-self:flex-end}}
@media(max-width:600px){body[data-page="marketing"] .resource-toolbar>[role="tablist"]{gap:19px;overflow-x:auto;padding-bottom:12px}body[data-page="marketing"] .resource-toolbar [role="tab"]{flex-shrink:0;font-size:11px}body[data-page="marketing"] .resource-search{align-self:stretch}.animation-collection{align-items:flex-start;flex-direction:column;gap:10px}.animation-grid{grid-template-columns:1fr;gap:22px}.animation-card-info{padding:18px;gap:12px}.animation-card-info h3{font-size:15px}.animation-card-info>a{font-size:10px}.animation-variants{padding:0 18px 18px}.animation-dialog-frame{height:68vh}.art-dialog-token{max-height:52vh}}