.section-art{display:block;width:100%;height:clamp(220px,32vw,430px);border-radius:1.25rem;border:1px solid var(--line);background:#fff;box-shadow:0 18px 48px rgba(15,23,42,.08);object-fit:cover;object-position:center}.dark .section-art{background:#0f172a;box-shadow:0 18px 48px rgba(0,0,0,.24)}.section-art.reveal{transform:translateY(8px) scale(.985)}.section-art.reveal.is-visible{transform:none}
html.dark body,html.dark .brand-page{color:#f8fafc!important}
html.dark .brand-page :where(section,article,div,nav,header,footer,form,label,p,span,li,dd,dt,h1,h2,h3,h4,h5,h6,small,strong,a,button,blockquote,summary){color:#e2e8f0!important}
html.dark .brand-page :where(h1,h2,h3,h4,h5,h6,dt,strong,label,.font-black,.font-extrabold,.font-bold){color:#f8fafc!important}
html.dark .brand-page :where(p,li,dd,small,figcaption,blockquote),html.dark .brand-page .text-slate-600,html.dark .brand-page .text-slate-500,html.dark .brand-page .text-slate-400,html.dark .brand-page .text-slate-300{color:#cbd5e1!important}
html.dark .brand-page .text-slate-950,html.dark .brand-page .text-slate-900,html.dark .brand-page .text-slate-800,html.dark .brand-page .text-slate-700{color:#f8fafc!important}
html.dark .brand-page .text-blue-700,html.dark .brand-page .text-blue-600,html.dark .brand-page a.text-blue-700,html.dark .brand-page a.hover\:text-blue-700:hover,html.dark .brand-page a.hover\:text-blue-600:hover{color:#93c5fd!important}
html.dark .brand-page .text-brand{color:#60a5fa!important}
html.dark .brand-page .text-brand-gradient{color:transparent!important}
html.dark .brand-page .text-white,html.dark .brand-page .text-white *,html.dark .brand-page .brand-gradient,html.dark .brand-page .brand-gradient :where(h1,h2,h3,p,span,strong,button,a){color:#fff!important}
html.dark .brand-page .bg-slate-950,html.dark .brand-page .bg-slate-950 *{color:#fff!important}
html.dark .brand-page .brand-gradient .bg-white,html.dark .brand-page .brand-gradient button.bg-white,html.dark .brand-page .brand-gradient a.bg-white,html.dark .brand-page .dark\:bg-white,html.dark .brand-page .dark\:text-slate-950{color:#0f172a!important}
html.dark .brand-page .text-emerald-600,html.dark .brand-page .dark\:text-emerald-200{color:#a7f3d0!important}
html.dark .brand-page .text-red-700{color:#fecaca!important}
html.dark .brand-page .bg-red-50{background:rgba(248,113,113,.12)!important}
html.dark .brand-page .brand-pill,html.dark .brand-page .brand-pill *,html.dark .brand-page .number-badge,html.dark .brand-page .number-badge *,html.dark .brand-page .service-icon,html.dark .brand-page .service-icon *,html.dark .brand-page .social-icon,html.dark .brand-page .social-icon *{color:#bfdbfe!important}
html.dark .brand-card,html.dark .mega-panel .brand-card,html.dark .motion-mini-card,html.dark .flow-card,html.dark .stack-chip{color:#f8fafc!important}
html.dark .brand-page input,html.dark .brand-page textarea,html.dark .brand-page select{background:#0f172a!important;color:#f8fafc!important;border-color:#334155!important}
html.dark .brand-page input::placeholder,html.dark .brand-page textarea::placeholder{color:#94a3b8!important}
html.dark .brand-page option{background:#0f172a;color:#f8fafc}
@media (max-width:640px){.section-art{height:clamp(180px,55vw,320px);border-radius:1rem}}@media (prefers-reduced-motion:reduce){.section-art.reveal{transform:none}}