.board.campaign-board{aspect-ratio:1;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));padding:1.4cqw;gap:1.2cqw;background:var(--campaign-surround,#dfe5e9)}
.campaign-ad{--ad-accent:#204dff;--ad-ink:#071b39;--ad-paper:#f8fafb;--ad-muted:#dfe7ed;--ad-light:#fff;--ad-font:Arial,sans-serif;--ad-weight:500;--ad-radius:0;--ad-button-radius:0;--ad-title:12cqw;position:relative;container-type:inline-size;isolation:isolate;overflow:hidden;min-width:0;min-height:0;aspect-ratio:1;background:var(--ad-paper);color:var(--ad-ink);font-family:var(--ad-font);display:flex;flex-direction:column;border-radius:var(--ad-radius)}
.campaign-ad *{box-sizing:border-box}.ad-content{position:relative;display:flex;flex-direction:column;gap:3cqw;padding:7cqw;width:100%;height:100%;z-index:2;min-width:0}.ad-brand{display:flex;gap:3cqw;align-items:center;flex:none}.ad-brand svg{width:8cqw;height:5.45cqw;flex:none}.ad-brand span{font-size:max(10px,3.1cqw);line-height:1.05;letter-spacing:-.025em;font-weight:600}.campaign-ad h2{font-size:max(10px,var(--ad-title));line-height:.99;letter-spacing:-.055em;font-weight:var(--ad-weight);margin:0;position:relative}.campaign-ad p{font-size:max(10px,4cqw);line-height:1.25;margin:0}.ad-eyebrow{font-size:max(10px,3cqw);letter-spacing:.08em;font-weight:600;line-height:1.15;text-transform:uppercase}.ad-cta{align-self:flex-start;display:inline-flex;justify-content:space-between;align-items:center;gap:3cqw;background:var(--ad-ink);color:var(--ad-light);padding:2.3cqw 3.3cqw;border-radius:var(--ad-button-radius);font-size:max(14px,3.6cqw);font-weight:500;line-height:1.05;white-space:nowrap;max-width:100%}.ad-cta b{font-size:1.2em;font-weight:400}.ad-spacer{flex:1}.ad-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:53% center;z-index:-2}.ad-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#04131ab3,transparent 35%,#04131af0)}.ad-product{position:absolute;width:86%;height:49%;left:7%;top:34%;object-fit:contain;object-position:center;z-index:1;filter:grayscale(1)}.ad-watermark{position:absolute;width:70%;height:55%;right:-14%;bottom:-10%;opacity:.08;z-index:0}.ad-watermark svg{width:100%;height:100%}.ad-footer-line{height:.35cqw;background:currentColor;width:15cqw;opacity:.7}.ad-grid{position:absolute;inset:0;background-image:linear-gradient(currentColor 1px,transparent 1px),linear-gradient(90deg,currentColor 1px,transparent 1px);background-size:14cqw 14cqw;opacity:.08;z-index:-1}.ad-contours{position:absolute;inset:-30%;background:repeating-radial-gradient(ellipse at 70% 50%,transparent 0 4cqw,currentColor 4.15cqw 4.3cqw,transparent 4.45cqw 6.5cqw);transform:rotate(23deg);opacity:.16;z-index:-1}.ad-wave{position:absolute;left:0;top:40%;width:100%;height:28%;color:var(--ad-accent);z-index:0;opacity:.8}.ad-diagram{width:65%;height:29%;position:absolute;right:5%;bottom:13%;stroke:currentColor;opacity:.3;z-index:0}.ad-index-mark{width:14cqw;height:9.5cqw}.ad-index-mark svg{width:100%;height:100%}.ad-rule{position:absolute;right:7%;top:7%;height:12%;width:.55cqw;background:var(--ad-accent)}
.campaign-cobalt{--ad-accent:#204dff;--ad-ink:#071b39;--ad-paper:#f8fafb;--ad-muted:#dfe7ed;--ad-font:Arial,sans-serif;--ad-weight:500;--ad-radius:0;--ad-button-radius:0;--campaign-surround:#dfe7ed}
.campaign-field{--ad-accent:#d3ac4c;--ad-ink:#263b32;--ad-paper:#f3efe4;--ad-muted:#d8cfbc;--ad-light:#f5efdf;--ad-font:'Segoe UI',Arial,sans-serif;--ad-weight:400;--ad-title:11.6cqw;--ad-radius:2cqw;--ad-button-radius:8cqw;--campaign-surround:#e7e1d4}
.campaign-industrial{--ad-accent:#e9002d;--ad-ink:#101010;--ad-paper:#fff;--ad-muted:#dedfdd;--ad-font:Arial,sans-serif;--ad-weight:700;--ad-title:12.5cqw;--ad-radius:0;--ad-button-radius:0;--campaign-surround:#101010}
.campaign-velocity{--ad-accent:#ff3616;--ad-ink:#0b0c0c;--ad-paper:#f0f2ef;--ad-muted:#cfd7d9;--ad-font:Bahnschrift,'Arial Narrow',Arial,sans-serif;--ad-weight:700;--ad-title:13.5cqw;--ad-radius:1.1cqw;--ad-button-radius:.6cqw;--campaign-surround:#0b0c0c}
.campaign-velocity h2{text-transform:uppercase;letter-spacing:-.04em;line-height:.94}.campaign-velocity .ad-cta{text-transform:uppercase;font-weight:600}.campaign-critical{--ad-accent:#ec1735;--ad-ink:#1e2426;--ad-paper:#f6f5f1;--ad-muted:#d8d9d5;--ad-font:Arial,sans-serif;--ad-weight:700;--ad-radius:2cqw;--ad-button-radius:1cqw;--campaign-surround:#4a4b49}
/* A real-world image-led awareness ad. */
.ad-layout-1{color:#fff}.ad-layout-1 h2{margin-top:auto;margin-bottom:3cqw}.ad-layout-1 .ad-cta{color:var(--ad-ink);background:var(--ad-paper)}.campaign-field.ad-layout-1 .ad-shade{background:linear-gradient(180deg,#192c24b3,transparent 32%,#192c24f0)}
/* Product discovery with an isolated, evenly framed cutout. */
.ad-layout-2{background:var(--ad-accent);color:#fff}.ad-layout-2 h2{font-size:11.5cqw;margin-top:4cqw}.ad-layout-2 .ad-product{top:37%;height:43%}.ad-layout-2 .ad-cta{margin-top:auto}.campaign-field.ad-layout-2{background:var(--ad-muted);color:var(--ad-ink)}.campaign-velocity.ad-layout-2{color:var(--ad-ink)}
/* Type-first statement. */
.ad-layout-3{background:var(--ad-ink);color:var(--ad-light)}.ad-layout-3 h2{font-size:15cqw;margin-top:auto;margin-bottom:5cqw}.ad-layout-3 .ad-watermark{color:var(--ad-accent);opacity:.16;width:90%;right:-30%;bottom:12%}.ad-layout-3 .ad-eyebrow{color:var(--ad-accent)}
/* Bright editorial product introduction. */
.ad-layout-4 h2{margin-top:4cqw;font-size:12.3cqw}.ad-layout-4 .ad-product{height:43%;top:39%;width:76%;left:12%}.ad-layout-4 .ad-cta{margin-top:auto;background:var(--ad-accent);color:#fff}.campaign-field.ad-layout-4 .ad-cta,.campaign-velocity.ad-layout-4 .ad-cta{color:var(--ad-ink)}.ad-layout-4 .ad-grid{color:var(--ad-accent)}
/* Application photography and a large graphic side band. */
.ad-layout-5{background:var(--ad-accent);color:#fff}.ad-layout-5 .ad-scene{inset:0 0 0 28%;width:72%;object-position:58% center;z-index:-1}.ad-layout-5 .ad-shade{background:linear-gradient(90deg,var(--ad-ink) 0%,var(--ad-ink) 29%,#07131a55 75%);z-index:0}.ad-layout-5 .ad-brand,.ad-layout-5 h2,.ad-layout-5 .ad-cta{z-index:2}.ad-layout-5 h2{margin-top:auto;font-size:13.5cqw;margin-bottom:4cqw}.ad-layout-5 .ad-cta{background:var(--ad-accent);color:#fff}.campaign-field.ad-layout-5 .ad-cta,.campaign-velocity.ad-layout-5 .ad-cta{color:var(--ad-ink)}
/* Campaign CTA with a vector graphic accent. */
.ad-layout-6 h2{font-size:15cqw;margin-top:8cqw}.ad-layout-6 .ad-cta{margin-top:auto}.ad-layout-6 .ad-index-mark{align-self:flex-end;color:var(--ad-accent);width:24cqw;height:16cqw}.campaign-critical.ad-layout-6 .ad-wave{top:47%;opacity:.2}.campaign-field.ad-layout-6 .ad-contours{opacity:.11}
/* Product detail, without unsupported specifications or promotional claims. */
.ad-layout-7{background:var(--ad-muted)}.ad-layout-7 h2{font-size:10.6cqw;line-height:1.03;margin-top:3cqw}.ad-layout-7 .ad-product{top:38%;height:47%;left:7%;width:86%}.ad-layout-7 .ad-eyebrow{margin-top:auto}.ad-layout-7 .ad-rule{top:auto;bottom:7%;height:4cqw;width:4cqw}
/* Graphic brand recall with technical / organic patterns. */
.ad-layout-8{background:var(--ad-accent);color:#fff}.ad-layout-8 .ad-index-mark{width:27cqw;height:18.4cqw;margin-top:5cqw}.ad-layout-8 h2{font-size:11.3cqw;margin-top:auto}.ad-layout-8 .ad-cta{margin-top:2cqw}.ad-layout-8 .ad-grid{opacity:.16}.campaign-field.ad-layout-8{background:var(--ad-ink);color:var(--ad-light)}.campaign-field.ad-layout-8 .ad-index-mark{color:var(--ad-accent)}.campaign-field.ad-layout-8 .ad-cta{background:var(--ad-accent);color:var(--ad-ink)}.campaign-velocity.ad-layout-8{color:var(--ad-ink)}
/* Quote / lead generation creative. */
.ad-layout-9{background:var(--ad-ink);color:var(--ad-light)}.ad-layout-9 h2{font-size:16cqw;margin-top:9cqw}.ad-layout-9 .ad-cta{background:var(--ad-accent);color:#fff;margin-top:auto}.ad-layout-9 .ad-watermark{color:var(--ad-accent);right:-17%;bottom:13%;opacity:.2}.campaign-field.ad-layout-9 .ad-cta,.campaign-velocity.ad-layout-9 .ad-cta{color:var(--ad-ink)}
/* Standalone campaign browser and 1080-square export surface. */
body.campaign-library{margin:0;background:#f1f3f0;color:#203044;font-family:Arial,sans-serif}.campaign-library .campaign-page-header{padding:25px 32px;background:#fff;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #dde4e8}.campaign-page-header h1{font-size:25px;letter-spacing:-.7px;margin:12px 0 8px}.campaign-page-header p{font-size:14px;line-height:1.5;margin:0;color:#687c89}.campaign-page-header a,.asset-meta a{font-size:14px;color:#315d7b;text-decoration:none}.campaign-download{padding:10px 14px;border:1px solid #cbd9e1;border-radius:5px;white-space:nowrap}.campaign-assets-grid{padding:28px 32px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.campaign-asset-tile{min-width:0;overflow:hidden;background:white;border:1px solid #d8e1e6;border-radius:7px}.campaign-asset-tile .campaign-ad{border-radius:0}.asset-meta{display:flex;justify-content:space-between;gap:12px;padding:14px;align-items:center;font-size:14px}.asset-meta b{font-weight:500}.campaign-library.export-mode{width:1080px;min-width:1080px;height:1080px;background:#fff}.export-mode #campaign-assets,.export-mode #asset-stage{width:1080px;height:1080px}.export-mode .campaign-ad{width:1080px;height:1080px;border-radius:0}.campaign-library .campaign-index{padding:32px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.campaign-index a{padding:25px;background:#fff;color:#203044;border:1px solid #d8e1e6;border-radius:7px;text-decoration:none;font-size:18px}.campaign-index small{display:block;margin-top:10px;font-size:14px;color:#687c89}@media(max-width:760px){.campaign-assets-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px;gap:14px}.campaign-page-header{flex-wrap:wrap}.campaign-library .campaign-index{grid-template-columns:1fr}.asset-meta{font-size:12px;padding:10px;flex-wrap:wrap}}
.ad-content{gap:2cqw}.ad-layout-2 h2{font-size:10.7cqw;margin-top:2cqw}.ad-layout-2 .ad-product{top:46%;height:36%}.ad-layout-4 h2{font-size:10.5cqw;margin-top:2cqw}.ad-layout-4 .ad-product{top:46%;height:36%}.ad-layout-6 h2{margin-top:5cqw}.ad-layout-6 .ad-index-mark{width:19cqw;height:12.9cqw}.ad-layout-7 .ad-product{top:46%;height:36%}
.ad-layout-3 .ad-eyebrow{color:var(--ad-light);opacity:.8}.campaign-board .ad-layout-2 .ad-product,.campaign-board .ad-layout-4 .ad-product{height:32%}