.mark-design{background:#eee5fb;color:#8343b2}.mark-community{background:#e5eefc;color:#3d69b0}.creative-card{background:linear-gradient(150deg,#f8f4ff,#fff)}.creative-section{background:#f4f2fa;border-block:1px solid #e5e0ee}.creative-section h2 span{color:#8166b0}.creative-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.creative-panel{background:linear-gradient(145deg,#49317e,#292046);border:1px solid #655383;border-radius:16px;padding:38px;color:#fff;display:flex;align-items:flex-start;flex-direction:column;scroll-margin-top:110px}.community-panel{background:linear-gradient(145deg,#223e7a,#202a49);border-color:#4d618c}.creative-panel-top{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:27px}.creative-index{font-size:.75rem;letter-spacing:.12em;color:#d1c5e9;font-weight:600}.community-panel .creative-index{color:#c6d5ef}.creative-glyph{font-size:2.9rem;color:#c7b1eb;line-height:1}.community-panel .creative-glyph{color:#acbfef}.creative-panel h3{font-size:2.25rem;line-height:1.17;margin-bottom:21px}.creative-panel>p{color:#d1c8df;font-size:.95rem;line-height:1.8}.community-panel>p{color:#c9d2e5}.creative-list{list-style:none;padding:0;margin:7px 0 32px;width:100%}.creative-list li{border-top:1px solid #ffffff22;padding:17px 0}.creative-list strong{font-size:.95rem;font-weight:600;display:block;margin-bottom:6px}.creative-list span{font-size:.85rem;line-height:1.7;color:#c9bfd9;display:block}.community-panel .creative-list span{color:#c3cfe4}.creative-panel .button{margin-top:auto}.project-process{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin-top:41px}.project-process>div{position:relative;padding-left:43px}.project-process>div>span{position:absolute;left:0;top:2px;font-size:.75rem;color:#8c79ab;font-weight:600}.project-process h3{font-size:1.1rem;margin-bottom:10px;letter-spacing:-.02em}.project-process p{font-size:.87rem;color:#736981;margin:0;line-height:1.8}.mini-brand:hover{color:white}
@media(max-width:850px){.creative-panel{padding:28px}.creative-panel h3{font-size:1.85rem}.project-process{gap:25px}.project-process>div{padding-left:30px}}
@media(max-width:600px){.creative-grid{grid-template-columns:1fr;gap:20px}.creative-panel{padding:28px}.creative-panel h3{font-size:2rem}.project-process{grid-template-columns:1fr;gap:26px;margin-top:32px}.project-process>div{padding-left:39px}.creative-section .section-heading>p{font-size:.95rem}.catalog-filters{max-width:100%}.creative-panel .button{width:100%}}