.campaign-hero{padding-top:38px;padding-bottom:45px}.campaign-hero .detail-hero-grid{grid-template-columns:1fr 1fr;gap:50px;align-items:center}.campaign-hero h1{font-size:clamp(38px,4vw,58px)}.campaign-hero .detail-lead{font-size:19px;max-width:570px}.campaign-hero .page-status{max-width:550px}.campaign-visual{margin:0;min-width:0}.campaign-visual .visual-frame{overflow:hidden;border-radius:4px;background:#f4f4f4}.campaign-visual img{width:100%;height:auto;display:block}.campaign-visual figcaption{font-size:12px;color:var(--muted);margin-top:13px;line-height:1.5;max-width:650px}.campaign-visual .visual-proton{max-width:560px;margin-inline:auto;background:#160743}.campaign-visual .visual-teamviewer{background:#03102b}.campaign-visual .visual-bitdefender{background:#151317}.visual-zoom{background:#0b5cff!important;padding:26px 24px 0;position:relative}.visual-zoom .zoom-brand{height:35px;width:auto;max-width:155px;object-fit:contain;margin:0 0 24px}.visual-zoom .zoom-photo{border-radius:3px 3px 0 0}.visual-zoom .visual-tag{display:block;color:#fff;font-size:13px;letter-spacing:.03em;margin:0 0 18px}.campaign-source{margin-top:25px;padding-top:18px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}.campaign-source a{color:var(--accent);text-decoration:underline;text-underline-offset:4px}.affiliate-box{border:1px solid var(--line);padding:25px;margin-top:27px;border-radius:3px;background:#faf9fd}.affiliate-box h3{font-size:20px;letter-spacing:-.03em;line-height:1.3;margin-bottom:13px}.affiliate-box p{font-size:16px;color:var(--muted);margin:12px 0}.affiliate-box .affiliate-link{font-size:15px;color:#5531ae;display:inline-flex;border-bottom:1px solid #b6a3de;padding:8px 0}.campaign-contact .wrap{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:start}.campaign-contact .contact-intro p{max-width:440px}.request-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.request-form label{display:flex;flex-direction:column;gap:7px;font-size:15px;font-weight:600}.request-form .full{grid-column:1/-1}.request-form input,.request-form textarea,.request-form select{border:1px solid #b9b9b9;border-radius:3px;padding:11px 12px;font:16px/1.45 Source;color:var(--ink);background:#fff;width:100%;min-width:0}.request-form textarea{resize:vertical;min-height:115px}.request-form input:focus-visible,.request-form textarea:focus-visible,.request-form select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.request-form .optional{font-size:12px;color:var(--muted);font-weight:400}.request-form .form-note{font-size:12px;line-height:1.5;color:var(--muted);margin:0}.request-form .btn{justify-self:start}.draft-preview{font:16px/1.5 Source;white-space:pre-wrap;overflow-wrap:anywhere;background:#f6f6f4;padding:18px;border-radius:3px;max-height:45vh;overflow:auto}.draft-actions{display:flex;gap:25px;flex-wrap:wrap;align-items:center;margin-top:20px}.draft-actions button{font:14px Source;background:transparent;border-bottom:1px solid #aaa;padding:10px 0}.campaign-thumb{display:block;width:100%;aspect-ratio:1.6;object-fit:contain;background:#151515;margin-bottom:20px;border-radius:3px}.campaign-zoom-thumb{object-fit:cover;background:#0b5cff}.campaign-proton-thumb{background:#190741}.campaign-mini-note{font-size:12px!important;color:#b8b8b8!important;min-height:0!important;margin-top:27px!important;max-width:none!important}.campaign-visual-link{display:block}.campaign-visual-link:focus-visible{outline:3px solid #f8b796;outline-offset:5px}.related a small{display:block;font:400 13px Source;margin-top:6px;color:var(--muted)}.campaign-gallery .related-grid{grid-template-columns:repeat(3,1fr)}.campaign-gallery .related a{display:block}.campaign-gallery .related-image{width:100%;aspect-ratio:1.8;object-fit:contain;background:#f4f4f4;margin-bottom:14px;border-radius:3px}.campaign-gallery .related-image.zoom{object-fit:cover}
@media(max-width:1000px){.campaign-hero .detail-hero-grid{gap:30px}.campaign-hero h1{font-size:44px}.campaign-contact .wrap{gap:35px}.visual-zoom{padding:20px 19px 0}}
@media(max-width:780px){.campaign-hero{padding-top:27px;padding-bottom:30px}.campaign-hero .detail-hero-grid{grid-template-columns:1fr;gap:30px}.campaign-hero h1{font-size:clamp(36px,8.7vw,48px)}.campaign-hero .detail-lead{font-size:18px}.campaign-hero .page-status{font-size:12px}.campaign-visual figcaption{font-size:11px;margin-top:12px}.visual-zoom .zoom-brand{height:28px;max-width:130px;margin-bottom:20px}.visual-zoom .visual-tag{font-size:12px}.campaign-contact .wrap{grid-template-columns:1fr;gap:28px}.request-form{gap:16px}.request-form label{font-size:14px}.campaign-thumb{margin-bottom:18px}.campaign-mini-note{font-size:11px!important}.campaign-gallery .related-grid{grid-template-columns:1fr}.campaign-gallery .related-image{max-height:230px}.affiliate-box{padding:21px}.affiliate-box p{font-size:15px}.draft-preview{font-size:15px}.campaign-source{font-size:12px}}
@media(max-width:380px){.request-form{grid-template-columns:1fr}.request-form .full{grid-column:auto}}
@media print{.campaign-hero .detail-hero-grid{grid-template-columns:1fr 1fr!important;gap:25px}.campaign-visual{max-width:310px}.campaign-visual figcaption{font-size:9px}.request-form,.campaign-contact,.draft-dialog{display:none!important}.affiliate-box{break-inside:avoid}.campaign-hero h1{font-size:32px!important}}
.campaign-gallery .related-grid a{display:block}.campaign-visual>a{display:block}.campaign-visual>a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}


.hero-with-campaigns {
  grid-template-areas: "intro artwork" "offers offers";
  row-gap: 32px;
}

.hero-with-campaigns > .hero-intro { grid-area: intro; }
.hero-with-campaigns > .artwork { grid-area: artwork; }

.hero-campaigns {
  grid-area: offers;
  padding-block: 40px;
  box-shadow: 0 0 0 100vmax #202020;
  clip-path: inset(0 -100vmax);
}

.hero-campaigns > .wrap { width: 100%; }

.campaign-card {
  display: block;
  min-width: 0;
  padding-bottom: 10px;
}

.campaign-card p { min-height: 0; }

.campaign-card:hover,
.campaign-card:focus-visible {
  border-top-color: #f8b796;
}

.campaign-card:hover .vendor,
.campaign-card:focus-visible .vendor {
  color: #f8b796;
}

.campaign-card:focus-visible {
  outline: 3px solid #f8b796;
  outline-offset: 4px;
}

@media (max-width: 780px) {
  .hero-with-campaigns {
    grid-template-areas: "intro" "offers" "artwork";
    row-gap: 30px;
  }

  .hero-campaigns { padding-block: 30px; }
  .hero-with-campaigns > .artwork { margin-top: 14px; }
}