.design-artwork{border-radius:var(--design-image-radius);width:100%;height:100%;position:relative;overflow:hidden}.design-artwork[data-artwork=portrait]{aspect-ratio:4/5;background:linear-gradient(165deg, var(--tenant-secondary), color-mix(in srgb, var(--tenant-primary) 22%, var(--tenant-secondary)));min-height:20rem;box-shadow:0 0 0 1px var(--design-line)}.artwork-arch{background:linear-gradient(180deg, color-mix(in srgb, var(--tenant-primary) 70%, var(--tenant-secondary)), var(--tenant-primary));border-radius:999px 999px 0 0;position:absolute;inset:22% 16% 0}.artwork-sun{aspect-ratio:1;background:var(--tenant-accent);border-radius:999px;width:24%;position:absolute;top:9%;right:12%}.artwork-rule{background:color-mix(in srgb, var(--tenant-primary-foreground) 55%, transparent);height:1px;position:absolute;bottom:7%;left:8%;right:8%}.design-artwork[data-artwork=window],.design-artwork[data-artwork=dashboard]{--artwork-line:color-mix(in srgb, var(--design-ink) 14%, transparent);--artwork-fill:color-mix(in srgb, var(--design-ink) 7%, transparent);flex-direction:column;display:flex}.design-artwork[data-artwork=window]{aspect-ratio:16/8;border:1px solid var(--artwork-line);background:color-mix(in srgb, var(--design-ink) 5%, transparent);min-height:18rem;box-shadow:0 40px 120px -40px color-mix(in srgb, var(--tenant-primary) 80%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:18px;-webkit-mask-image:linear-gradient(#000 55%,#0000);mask-image:linear-gradient(#000 55%,#0000)}@container (min-width:768px){.design-artwork[data-artwork=window]{transform-origin:top;transform:perspective(1800px)rotateX(14deg)}}.design-artwork[data-artwork=dashboard]{aspect-ratio:4/3;border:1px solid color-mix(in srgb, var(--tenant-foreground) 8%, transparent);background:var(--tenant-surface);min-height:18rem;box-shadow:0 30px 80px -30px color-mix(in srgb, var(--tenant-foreground) 30%, transparent);--artwork-fill:color-mix(in srgb, var(--tenant-primary) 7%, var(--tenant-surface));overflow:visible}.artwork-bar{border-bottom:1px solid var(--artwork-line);flex:none;align-items:center;gap:6px;height:2.25rem;padding-inline:.9rem;display:flex}.artwork-bar i{background:var(--artwork-line);border-radius:999px;width:10px;height:10px}.artwork-body{flex:1;grid-template-columns:22% 1fr;gap:1rem;min-height:0;padding:1rem;display:grid}.artwork-side{background:repeating-linear-gradient(to bottom, transparent 0 .9rem, var(--artwork-fill) .9rem 1.5rem);border-radius:10px}.artwork-main{grid-template-rows:auto 1fr;gap:1rem;min-height:0;display:grid}.artwork-stats{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.artwork-stats b{border:1px solid var(--artwork-line);background:var(--artwork-fill);border-radius:10px;height:3.5rem}.artwork-stats b:first-child{background:linear-gradient(135deg, var(--tenant-primary), var(--tenant-accent));border-color:#0000}.artwork-chart{border:1px solid var(--artwork-line);background:var(--artwork-fill);border-radius:10px;align-items:flex-end;gap:.6rem;min-height:5rem;padding:1rem;display:flex}.artwork-chart i{background:linear-gradient(to top, var(--tenant-primary), var(--tenant-accent));border-radius:6px 6px 2px 2px;flex:1}.design-artwork[data-artwork=dashboard] .artwork-chart i{background:var(--tenant-primary)}.design-artwork[data-artwork=dashboard] .artwork-chart i:nth-child(2n){background:color-mix(in srgb, var(--tenant-primary) 35%, var(--tenant-surface))}.artwork-float{border:1px solid color-mix(in srgb, var(--tenant-foreground) 8%, transparent);background:linear-gradient(var(--artwork-fill), var(--artwork-fill)) 32% 38% / 52% 12% no-repeat, linear-gradient(var(--artwork-fill), var(--artwork-fill)) 32% 66% / 36% 12% no-repeat, radial-gradient(circle, var(--tenant-success) 0 42%, transparent 44%) 12% 50% / 20% 50% no-repeat, var(--tenant-surface);width:38%;height:22%;box-shadow:0 20px 40px -18px color-mix(in srgb, var(--tenant-foreground) 35%, transparent);border-radius:14px;position:absolute;bottom:12%;left:-6%}@container (max-width:767px){.artwork-float{left:4%}}.design-artwork[data-artwork=collage]{aspect-ratio:1;border:2px solid var(--design-ink);background:var(--tenant-primary);min-height:18rem;box-shadow:10px 10px 0 var(--design-ink);margin-bottom:1.25rem;overflow:visible;transform:rotate(2deg)}@container (min-width:768px){.design-artwork[data-artwork=collage]{aspect-ratio:16/11;margin-bottom:0}}.artwork-circle{aspect-ratio:1;border:2px solid var(--design-ink);background:var(--tenant-accent);border-radius:999px;width:58%;position:absolute;top:-10%;right:-8%}.artwork-block{border:2px solid var(--design-ink);background:repeating-linear-gradient(-45deg, transparent 0 10px, color-mix(in srgb, var(--design-ink) 12%, transparent) 10px 12px), var(--tenant-surface);width:48%;height:34%;box-shadow:6px 6px 0 var(--design-ink);position:absolute;bottom:10%;left:9%}.artwork-star{width:24%;color:var(--tenant-secondary);animation:18s linear infinite artwork-spin;position:absolute;top:34%;left:52%}@keyframes artwork-spin{to{transform:rotate(360deg)}}.design-marquee{border-block:1px solid var(--design-line);color:var(--design-ink);padding-block:.9rem;overflow:hidden}.design-marquee-track{width:max-content;animation:32s linear infinite design-marquee;display:flex}.design-marquee-strip{flex:none;margin:0;padding:0;list-style:none;display:flex}.design-marquee-strip li{white-space:nowrap;align-items:center;font-size:1rem;font-weight:600;display:inline-flex}.design-marquee-strip li:after{content:"✦";color:var(--tenant-accent);margin-inline:1.5rem}[data-section-design=agency] .design-marquee{border:2px solid var(--design-ink);background:var(--design-ink);color:var(--tenant-background);margin-inline:calc(50% - 50cqi);transform:rotate(-1.5deg)}[data-section-design=agency] .design-marquee-strip li{font-family:var(--design-heading-font);text-transform:uppercase;letter-spacing:-.02em;font-size:clamp(1.25rem,1rem + 1.2cqi,2rem);font-weight:800}@keyframes design-marquee{to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.design-marquee-track,.artwork-star{animation:none}}