.logo-assets{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.logo-asset{border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.logo-asset__preview{place-items:center;min-height:390px;padding:52px;display:grid}.logo-asset__preview img{width:min(100%,350px);height:auto}.logo-asset--light .logo-asset__preview{background:#fff}.logo-asset--dark .logo-asset__preview{background:var(--viva-navy)}.logo-asset__info{background:var(--surface);justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.logo-asset__info h3{font-size:var(--text-small);margin:0}.logo-asset__info p{color:var(--muted);font-size:var(--text-small);margin:4px 0 0}.safe-area-section{grid-template-columns:.7fr 1.3fr;align-items:center;gap:64px;padding:72px 0;display:grid}.safe-area-section>div:first-child>p{color:var(--muted);font-size:var(--text-small);line-height:1.6}.safe-area-visual{aspect-ratio:1.35;border:1px dashed var(--cornflower);background:var(--surface);place-items:center;display:grid;position:relative}.safe-area-visual:before{content:"";border:1px solid var(--viva-violet);position:absolute;inset:17%}.safe-area-visual img{width:54%;height:auto}.safe-x{z-index:2;color:var(--viva-violet);font-size:var(--text-small);background:var(--surface);padding:2px;font-weight:800;position:absolute}.safe-x--top{top:7%;left:50%}.safe-x--bottom{bottom:7%;left:50%}.safe-x--left{top:50%;left:7%}.safe-x--right{top:50%;right:7%}.logo-donts{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.logo-donts article{border:1px solid var(--border);border-radius:var(--radius-md);grid-template-columns:auto 1fr;align-items:center;min-width:0;display:grid;overflow:hidden}.logo-donts article>div{aspect-ratio:1.3;background:var(--surface);grid-column:1/-1;place-items:center;padding:24px;display:grid;overflow:hidden}.logo-donts img{width:110px;height:auto}.logo-donts svg{color:#d04444;margin:12px 8px 12px 12px}.logo-donts span{font-size:var(--text-small);font-weight:700}.is-stretched{transform:scaleX(1.45)}.is-rotated{rotate:14deg}.is-shadowed{filter:drop-shadow(8px 8px 5px #00000073)}.wrong-color{filter:hue-rotate(60deg);background:#d7e41a!important}.future-assets{border-radius:var(--radius-md);background:color-mix(in srgb, var(--viva-violet) 10%, var(--surface));align-items:center;gap:20px;padding:20px 24px;display:flex}.future-assets span{color:var(--viva-violet);font-size:var(--text-small);text-wrap:nowrap;flex:none;font-weight:800}.future-assets p{color:var(--ink-soft);font-size:var(--text-small);margin:0}@media (max-width:1180px){.logo-asset__info{flex-direction:column;align-items:flex-start}}@media (max-width:900px){.safe-area-section,.logo-assets{grid-template-columns:1fr}.logo-donts{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.logo-asset__preview{min-height:310px;padding:32px}.safe-area-section{gap:28px}.logo-donts{grid-template-columns:1fr 1fr}.future-assets{flex-direction:column;align-items:flex-start}}.logo-on-photo{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.logo-on-photo figure{margin:0}.logo-on-photo figure>div{aspect-ratio:3/2;border-radius:var(--radius-md);position:relative;overflow:hidden}.logo-on-photo figure img:first-child{object-fit:cover;width:100%;height:100%}.logo-on-photo__ok>div:after{content:"";background:linear-gradient(180deg, color-mix(in srgb, var(--viva-navy) 72%, transparent), color-mix(in srgb, var(--viva-navy) 40%, transparent));position:absolute;inset:0}.logo-on-photo__mark{z-index:2;width:34%;height:auto;position:absolute;bottom:12%;left:8%}.logo-on-photo__mark--busy{width:36%;inset:40% 12% auto auto}.logo-on-photo figcaption{color:var(--muted);font-size:var(--text-small);align-items:flex-start;gap:8px;margin:12px 0 0;line-height:1.6;display:flex}.logo-on-photo figcaption svg{flex:none;margin-top:2px}.logo-on-photo__ok figcaption svg{color:#18a875}.logo-on-photo__no figcaption svg{color:var(--viva-coral)}.logo-rules{color:var(--ink-soft);font-size:var(--text-body);gap:8px;margin:24px 0 0;padding:0 0 0 20px;line-height:1.6;display:grid}.co-branding-demo{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-raised);justify-content:center;align-items:center;gap:32px;min-height:180px;padding:32px;display:flex}.co-branding-demo>img{width:min(220px,34%);height:auto}.co-branding-demo>span{background:var(--border);flex:none;width:1px;height:80px}.co-branding-demo__partner{border:1px dashed var(--border);border-radius:var(--radius-sm);min-width:120px;color:var(--muted);font-size:var(--text-small);text-align:center;padding:20px 24px;font-weight:700}@media (max-width:900px){.logo-on-photo{grid-template-columns:1fr}.co-branding-demo{gap:20px;min-height:148px;padding:24px 16px}.co-branding-demo__partner{min-width:0;padding:16px}}