/* CARAQAWAY APPROVED CONCEPT PASS — PREVIEW BRANCH ONLY, 2026-10-29
   Real responsive layout, not a flat screenshot. Preserve functional forms and QA portfolio.
   Navy, rose, gold, warm cream. Contrast-first typography. */
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Playfair+Display:wght@500;600;700&display=swap");
:root{--cq-night:#04152f;--cq-deep:#020c20;--cq-gold:#dfac4b;--cq-rose:#ed5791;--cq-cream:#fbf7ef;}
.cq-gold-rule{display:block;background:#dbad55;width:85px;height:3px;margin:19px 0 22px}
.cq-micro{text-transform:uppercase;letter-spacing:4px;font-size:12px;font-weight:800;color:#ebc17d;margin:0 0 13px}
.cq-pink-action{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:55px;padding:14px 23px;border-radius:8px;color:white!important;background:linear-gradient(110deg,#e83f7c,#f077a8);box-shadow:0 14px 26px #0005;font:800 13px "DM Sans",sans-serif;text-decoration:none}
.cq-pink-action:hover,.cq-pink-action:focus-visible{filter:brightness(1.1);transform:translateY(-2px)}
/* Founder portrait hero: photo first, heading beside it, gold and rose swoosh */
.cq-approved-hero,.cq-about-hero{background:radial-gradient(circle at 75% 22%,#1c2e4e,#071b34 60%,#020b19);color:#fff;position:relative;isolation:isolate;overflow:hidden;border-bottom:3px solid #e0b664}
.cq-about-hero-grid{display:grid;grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr);align-items:stretch;width:min(1450px,100%);min-height:560px;margin:auto}
.cq-about-photo{position:relative;overflow:hidden;min-height:560px;isolation:isolate;background:#0e1f36}
.cq-about-photo img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center 23%;max-width:none}
.cq-about-photo::before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,transparent 65%,#0a1c35b8 98%),linear-gradient(0deg,#081a30a6,transparent 22%);pointer-events:none}
.cq-photo-edge{position:absolute;z-index:2;inset:0;pointer-events:none;box-shadow:inset -30px 0 60px #0a1c3440}
/* A gentle black tone over original lower outer clothing; do not retouch face/hair */
.cq-about-photo::after{content:"";position:absolute;z-index:1;pointer-events:none;inset:0;background:linear-gradient(22deg,#050b18ac,transparent 26%),linear-gradient(340deg,#070d19a3,transparent 22%);-webkit-mask-image:linear-gradient(to bottom,transparent 58%,black 100%);mask-image:linear-gradient(to bottom,transparent 58%,black 100%)}
.cq-about-intro{z-index:3;position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:65px clamp(30px,5.4vw,83px) 74px clamp(24px,3.9vw,62px);max-width:750px}
.cq-about-intro .cq-micro{margin-bottom:19px}
.cq-about-intro h1{font:600 clamp(52px,5.3vw,85px)/1.04 "Playfair Display",Georgia,serif!important;color:#fff!important;letter-spacing:-2.7px;margin:0;max-width:700px}
.cq-about-intro h1 span{display:block;color:#f56a9e}
.cq-about-summary{font-size:clamp(16px,1.55vw,20px);line-height:1.56;color:#f0f3f7;max-width:500px;margin:0 0 15px}
.cq-about-original{font-size:13px;line-height:1.5;color:#cdd7e5;max-width:500px;margin:0 0 25px}
.cq-about-motto{color:#dabc7b;font-size:11px;font-weight:800;letter-spacing:1.3px;text-transform:uppercase;margin:20px 0 0}
.cq-about-motto span{color:#f4a7c5}
.cq-hero-wave{position:absolute;z-index:4;pointer-events:none;left:-2%;right:-2%;bottom:-3px;height:58px;background:linear-gradient(177deg,transparent 0 27%,#e9b854 28% 33%,#e94886 34% 48%,#fcf7ee 49% 100%);clip-path:polygon(0 55%,25% 83%,49% 94%,78% 61%,100% 8%,100% 100%,0 100%)}
/* Founder story / quoted design standard / navy 4-pillar bar */
.cq-about-story{padding:60px 0 45px;background:linear-gradient(122deg,#fffaf2,#f7eee4 75%,#f6e6e1)!important;color:#0a2242;position:relative}
.cq-about-story .wrap{width:min(1270px,92%);margin:auto}
.cq-story-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(245px,.65fr);gap:clamp(28px,5vw,70px);align-items:center}
.cq-story-copy h2{font:600 clamp(37px,4.8vw,70px)/1.06 "Playfair Display",Georgia,serif;color:#061a36!important;letter-spacing:-1.8px;margin:0 0 19px}
.cq-story-copy h2 span{color:#e63f7d}
.cq-story-copy p:not(.cq-micro){font-size:clamp(15px,1.25vw,18px);line-height:1.68;color:#203956;margin:0 0 15px;max-width:720px}
.cq-story-copy .cq-micro{color:#a57225}
.cq-story-quote{border:1px solid #e2aa51;border-radius:28px 36px 35px 26px;padding:23px 25px 29px;background:linear-gradient(130deg,#fff3ef,#f6dce6);box-shadow:0 9px 29px #9f6b6b13;margin:0}
.cq-story-quote>span{display:block;font:700 86px/.7 Georgia,serif;color:#c38d37;margin:12px 0 15px}
.cq-story-quote p{font:italic 500 clamp(20px,2.1vw,28px)/1.35 Georgia,serif;color:#0b2545;margin:0 0 22px}
.cq-story-quote cite{display:block;font:800 11px "DM Sans",sans-serif;letter-spacing:2px;text-transform:uppercase;color:#091f3d;font-style:normal}
.cq-story-quote cite::before{content:"";display:inline-block;width:30px;height:2px;background:#c9943d;vertical-align:middle;margin-right:10px}
.cq-about-values{margin-top:35px!important;background:linear-gradient(125deg,#071c38,#020c20);border:1px solid #d3a44d;border-radius:23px 23px 13px 13px;padding:27px 22px 31px;box-shadow:0 15px 36px #040f2630;color:white;text-align:center}
.cq-about-values h3{text-transform:uppercase;letter-spacing:3px;color:#eec477;font:800 11px "DM Sans",sans-serif;margin:0 0 23px}
.cq-values-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.cq-values-grid>div{padding:0 18px;border-right:1px solid #e6c47b4a}
.cq-values-grid>div:last-child{border-right:0}
.cq-value-icon{display:grid;place-items:center;width:62px;height:62px;border:2px solid #e6bf68;border-radius:50%;margin:0 auto 14px;color:#ee6096;font-size:35px;line-height:1}
.cq-values-grid strong{display:block;min-height:48px;font:600 clamp(16px,1.65vw,25px)/1.14 "Playfair Display",Georgia,serif;color:white}
.cq-values-grid p{color:#e1e6ed;line-height:1.45;font-size:12px;margin:12px 0 0}
/* AI Media creative hero with actual concept illustration instead of founder portrait */
.cq-media-hero{position:relative;isolation:isolate;overflow:hidden;color:#fff;background:radial-gradient(circle at 85% 15%,#293855,#06162c 70%,#020b19)!important;border-bottom:3px solid #d8ad5e}
.cq-media-hero-grid{min-height:575px;position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);align-items:center;gap:0;padding:35px 0 48px}
.cq-media-hero-copy{z-index:2;position:relative;padding:25px 35px 25px 0}
.cq-media-hero-copy h1{font:600 clamp(52px,5.3vw,83px)/1.04 "Playfair Display",Georgia,serif!important;letter-spacing:-2px;color:white;margin:0}
.cq-media-hero-copy h1 span{display:block;color:#fa659c}
.cq-media-hero-copy>p{max-width:520px;color:#f2f4f8;font-size:clamp(16px,1.4vw,19px);line-height:1.65;margin-bottom:26px}
.cq-media-office{align-self:stretch;position:relative;overflow:hidden;min-height:480px;border:1px solid #c49a5555;border-radius:10px;box-shadow:0 20px 40px #0007;background:url("/public/images/caraqaway-media-studio-preview.svg") center center/cover no-repeat,#0a172b}
.cq-media-office::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#08192e78,transparent 28%)}
.cq-media-office>*{display:none!important}
.cq-media-hero .cq-hero-wave{height:44px}
body.cq-page-media .studio{background:linear-gradient(115deg,#fffaf2,#f5eade)!important;color:#081d39!important}
body.cq-page-media .studio :where(.studio-copy,.studio-copy h2,.studio-copy p,.creative-head,.creative-head h3,.creative-head p){color:#102c4d!important}
body.cq-page-media .studio-copy h2{font:600 clamp(39px,4vw,64px)/1.08 "Playfair Display",Georgia,serif!important;color:#061a36!important}
body.cq-page-media .studio-copy h2 span{color:#e83f7c!important}
body.cq-page-media .studio-copy .eyebrow{color:#986718!important}
body.cq-page-media .studio-copy>p{color:#273d53!important;font-size:16px;line-height:1.65}
body.cq-page-media .studio-copy .cq-media-caption{color:#485971!important}
body.cq-page-media .tool-badge{color:#8b5e18!important;background:#fff8ec!important;border:1px solid #cfa151!important;font-weight:800}
body.cq-page-media :where(.media-card,.creative-card){background:#fffaf2!important;color:#112d49!important}
body.cq-page-media :where(.media-body,.creative-copy){color:#102a48!important}
body.cq-page-media :where(.media-body p,.creative-copy p){color:#34465c!important}
body.cq-page-media .creative-showcase :where(h3,p){color:#f4f0e9}
body.cq-page-media .creative-card .creative-copy :where(strong,p){color:#112b49!important}
/* Website showcase: readable cream heading; navy packages; no pale-on-pale UI */
body.cq-page-home .showtell{background:linear-gradient(115deg,#fffaf2,#f6e8e1)!important;color:#061a37!important}
body.cq-page-home .rb-featured-eyebrow{color:#986518!important}
body.cq-page-home .rb-featured-head h2{color:#081e40!important}
body.cq-page-home .rb-featured-head h2 em{color:#d83274!important}
body.cq-page-home .rb-featured-head p{color:#263d55!important;font-size:clamp(14px,1.2vw,16px)!important}
body.cq-page-home .rb-featured-head p strong{color:#a1265b!important}
body.cq-page-home .rb-see-designs{color:#fff!important;background:#092446!important}
body.cq-page-home .web-packages{background:linear-gradient(130deg,#091d3c,#071831 64%,#1c2544)!important;color:#fff!important}
body.cq-page-home .web-packages .section-head h2{color:#fff!important}
body.cq-page-home .web-packages .section-head h2 span{color:#edbd5d!important}
body.cq-page-home .web-packages .section-head p{color:#e5eaf1!important}
body.cq-page-home .web-packages .section-head .mini{color:#f5c873!important}
body.cq-page-home .web-packages .package-card{background:#fffaf3!important;color:#0e2546!important}
body.cq-page-home .web-packages .package-card :where(p,li){color:#33455a!important}
body.cq-page-home .entry-choices{background:#071a36!important;color:#f7f3e9!important}
body.cq-page-home .entry-choices :where(h2,h3,p){color:#f5f0e8!important}
body.cq-page-home .cqa-faq-section{background:#faf4e9!important;color:#10233e!important}
body.cq-page-home .cqa-faq-section :where(h2,p){color:#10233e!important}
@media(max-width:950px){
 .cq-about-hero-grid{min-height:510px}.cq-about-photo{min-height:510px}
 .cq-about-intro{padding:45px 28px 66px}
 .cq-about-intro h1{font-size:clamp(43px,5.5vw,65px)}
 .cq-story-grid{grid-template-columns:minmax(0,1fr) minmax(225px,.62fr)}
 .cq-media-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);min-height:510px}
 .cq-media-office{min-height:410px}
}
@media(max-width:720px){
 .cq-about-hero-grid{display:flex;flex-direction:column}
 .cq-about-photo{order:0;min-height:370px;height:53vh;max-height:550px}
 .cq-about-photo img{object-position:center 21%}
 .cq-about-intro{order:1;padding:27px 6% 81px;min-height:300px}
 .cq-about-intro h1{font-size:clamp(43px,10.5vw,64px)}
 .cq-about-intro h1 span{display:block}
 .cq-about-summary{font-size:16px}
 .cq-story-grid{grid-template-columns:1fr}
 .cq-story-quote{max-width:590px}
 .cq-story-copy h2{font-size:clamp(37px,9vw,57px)}
 .cq-values-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:25px}
 .cq-values-grid>div:nth-child(2){border-right:0}
 .cq-media-hero-grid{display:block;min-height:0;padding:39px 0 70px}
 .cq-media-hero-copy{padding:0 0 26px}
 .cq-media-hero-copy h1{font-size:clamp(47px,10vw,68px)}
 .cq-media-office{min-height:265px;width:100%;background-position:center 43%}
 .cq-media-hero-copy>p{font-size:16px}
 body.cq-page-home .rb-featured-head h2 em{white-space:normal}
}
@media(max-width:430px){
 .cq-about-photo{min-height:315px;height:335px}
 .cq-about-intro .cq-micro{margin-bottom:11px}
 .cq-about-intro h1{letter-spacing:-1px}
 .cq-story-quote{padding:19px}
 .cq-about-values{padding:22px 9px 25px}
 .cq-values-grid>div{padding:0 9px}
 .cq-values-grid strong{font-size:17px}
 .cq-value-icon{width:53px;height:53px;font-size:29px}
 .cq-values-grid p{font-size:11px}
 .cq-media-office{min-height:220px}
}
@media(prefers-reduced-motion:reduce){.cq-pink-action{transition:none!important;transform:none!important}}

/* 2026-10-29 — focused no-new-assets UI correction.
   Approved design proportions, readable backgrounds, no cropped device imagery.
   These are layout-only corrections: all media and functionality stay in place. */
html{overflow-x:clip}
body.cq-preview{overflow-x:clip}
body.cq-page-media .creative-card .creative-visual{
  position:relative!important;
  display:block!important;
  width:100%;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:1100/750!important;
  overflow:hidden;
  background:linear-gradient(135deg,#f8f4ee,#f3e5dd)!important;
}
body.cq-page-media .creative-card .creative-visual img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
  border-radius:0!important;
}
body.cq-page-media .creative-card:nth-child(1) .creative-visual,
body.cq-page-media .creative-card:nth-child(2) .creative-visual,
body.cq-page-media .creative-card:nth-child(3) .creative-visual,
body.cq-page-media .creative-card:nth-child(4) .creative-visual{
  aspect-ratio:1100/750!important;
  height:auto!important;
}
body.cq-page-media .creative-card .creative-visual:after{display:none!important}
body.cq-page-media .creative-card{min-width:0!important}
body.cq-page-media .creative-copy{
  padding:22px clamp(18px,3vw,31px) 27px!important;
  background:#fffaf2!important;
}
body.cq-page-media .creative-copy strong{font-size:clamp(17px,1.8vw,21px)!important;color:#0c2546!important}
body.cq-page-media .creative-copy p{font-size:clamp(13px,1.2vw,16px)!important;line-height:1.65!important;color:#243b56!important}
body.cq-page-media .creative-copy .concept-pill{
  color:#9f285f!important;border-color:#be5886!important;background:#fff2f7!important;
}
body.cq-page-media .creative-grid{gap:clamp(16px,2.5vw,29px)}
body.cq-page-media .creative-head :is(h2,h3){color:#0c2546!important}
body.cq-page-media .creative-head p{color:#2f455a!important}
body.cq-page-media .studio :is(.showcase-note,.creative-head p){color:#30445d!important}
body.cq-page-media .cq-media-office{
  min-width:0!important;
  background-size:contain!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-color:#08182e!important;
}
body.cq-page-media .cq-media-hero-grid>*{min-width:0}
body.cq-page-home .rb-featured-head{min-width:0}
body.cq-page-home .rb-featured-head h2,
body.cq-page-home .rb-featured-head p{overflow-wrap:anywhere}
body.cq-page-home .showtell .rb-featured-head h2{color:#0a2243!important}
body.cq-page-home .showtell .rb-featured-head p{color:#273d57!important}
body.cq-page-home .web-packages .section-head h2{color:#fff!important}
body.cq-page-home .web-packages .section-head p{color:#e7e9f4!important}
@media (max-width:700px){
  /* Retain the approved photo-left / headline-right mobile composition. */
  body.cq-page-about .cq-about-hero-grid{
    display:grid!important;
    grid-template-columns:minmax(0,48%) minmax(0,52%)!important;
    align-items:stretch;
    min-height:0!important;
  }
  body.cq-page-about .cq-about-photo{
    min-height:355px!important;
    height:355px!important;
    max-height:none!important;
    order:unset!important;
  }
  body.cq-page-about .cq-about-photo img{
    width:100%!important;height:100%!important;
    object-fit:cover!important;object-position:52% 24%!important;
  }
  body.cq-page-about .cq-about-intro{
    min-width:0!important;
    min-height:0!important;
    align-items:flex-start!important;
    justify-content:center!important;
    padding:22px 12px 50px 8px!important;
    order:unset!important;
  }
  body.cq-page-about .cq-about-intro .cq-micro{
    letter-spacing:1.5px!important;
    font-size:10px!important;margin-bottom:10px!important;
  }
  body.cq-page-about .cq-about-intro h1{
    font-size:clamp(25px,7.4vw,39px)!important;
    line-height:1.09!important;
    letter-spacing:-.6px!important;
    overflow-wrap:normal;
  }
  body.cq-page-about .cq-about-intro .cq-gold-rule{
    margin:13px 0!important;width:40px!important;height:2px!important;
  }
  body.cq-page-about .cq-about-summary{
    font-size:clamp(11px,2.8vw,14px)!important;
    line-height:1.45!important;
    margin:0 0 13px!important;
    color:#fff!important;
  }
  body.cq-page-about .cq-about-original,
  body.cq-page-about .cq-about-motto{display:none!important}
  body.cq-page-about .cq-pink-action{
    min-height:0!important;
    font-size:11px!important;
    line-height:1.2!important;
    gap:4px!important;padding:12px 9px!important;
    text-align:center!important;
    width:100%;
    white-space:normal;
  }
  body.cq-page-about .cq-about-story{padding-top:32px!important}
  body.cq-page-about .cq-story-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1.55fr) minmax(0,1fr)!important;
    gap:13px!important;
    align-items:start!important;
  }
  body.cq-page-about .cq-story-copy .cq-micro{font-size:8px!important;letter-spacing:1px!important}
  body.cq-page-about .cq-story-copy h2{
    font-size:clamp(24px,6vw,36px)!important;
    letter-spacing:-.5px!important;
    line-height:1.11!important;
    overflow-wrap:normal;
  }
  body.cq-page-about .cq-story-copy .cq-gold-rule{margin:12px 0!important}
  body.cq-page-about .cq-story-copy p:not(.cq-micro){
    font-size:clamp(11px,2.8vw,13px)!important;
    line-height:1.5!important;
    margin-bottom:11px!important;
  }
  body.cq-page-about .cq-story-quote{
    min-width:0;max-width:100%;
    padding:14px 10px 17px!important;
    border-radius:20px!important;
  }
  body.cq-page-about .cq-story-quote>span{font-size:48px!important;line-height:.7!important;margin:0 0 7px!important}
  body.cq-page-about .cq-story-quote p{
    font-size:clamp(12px,3vw,16px)!important;
    line-height:1.28!important;
    overflow-wrap:break-word;
  }
  body.cq-page-about .cq-story-quote cite{font-size:8px!important;letter-spacing:.6px!important}
  body.cq-page-about .cq-values-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.cq-page-about .cq-values-grid strong{min-height:0!important}
  body.cq-page-media .creative-grid{grid-template-columns:1fr!important;gap:24px!important}
  body.cq-page-media .creative-card .creative-visual{aspect-ratio:1100/750!important}
  body.cq-page-media .cq-media-office{
    min-height:0!important;
    height:auto!important;
    aspect-ratio:1100/900!important;
    background-size:contain!important;
  }
  body.cq-page-media .cq-media-hero-grid{gap:14px!important}
}
@media (max-width:380px){
  body.cq-page-about .cq-about-photo{height:330px!important;min-height:330px!important}
  body.cq-page-about .cq-about-intro{padding:17px 9px 42px 6px!important}
  body.cq-page-about .cq-about-intro h1{font-size:25px!important}
  body.cq-page-about .cq-about-summary{font-size:11px!important}
  body.cq-page-about .cq-story-grid{gap:9px!important}
  body.cq-page-about .cq-story-quote{padding:11px 8px!important}
  body.cq-page-about .cq-story-quote p{font-size:12px!important}
}


/* Approved exact-image installation — Oct 2026; source images, not CSS replicas. */
body.cq-page-about .cq-about-photo{
  background:#091a30;
}
body.cq-page-about .cq-about-photo>img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center 29%!important;
  filter:none!important;
}
body.cq-page-about .cq-about-photo:after{
  background:linear-gradient(90deg,transparent 70%,rgba(5,21,46,.45) 100%)!important;
}
body.cq-page-media .cq-media-office-approved{
  position:relative!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:940/1175!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:transparent!important;
  border:1px solid #dcae55!important;
  border-radius:18px!important;
  box-shadow:0 22px 70px rgba(0,0,0,.36)!important;
}
body.cq-page-media .cq-media-office-approved:before,
body.cq-page-media .cq-media-office-approved:after{
  content:none!important;
  display:none!important;
}
body.cq-page-media .cq-media-office-approved img{
  display:block!important;
  position:static!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:940/1175!important;
  max-width:100%!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center!important;
  border:0!important;
}
body.cq-page-media .cq-media-hero-grid{align-items:center}
body.cq-page-media .cq-media-office-approved figcaption.sr-only{
  position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
}
@media(max-width:700px){
 body.cq-page-about .cq-about-photo>img{object-position:50% 26%!important}
 body.cq-page-media .cq-media-office-approved{
   height:auto!important;min-height:0!important;aspect-ratio:940/1175!important;
   border-radius:16px!important;
 }
 body.cq-page-media .cq-media-office-approved img{height:auto!important}
}


/* CREATIVE SHOWCASE — accessible 2026 upgrade; contrast and unclipped artwork */
body.cq-page-media #creative-showcase{
  padding-top:clamp(45px,6vw,84px);
  padding-bottom:clamp(42px,6vw,76px);
  scroll-margin-top:100px;
}
body.cq-page-media #creative-showcase .creative-head{
  max-width:820px;
  margin:0 auto 34px;
  text-align:center;
}
body.cq-page-media #creative-showcase .creative-head .mini{
  color:#eac36f!important;
  font-weight:800!important;
  letter-spacing:.15em;
  line-height:1.65;
}
body.cq-page-media #creative-showcase .creative-head h3{
  color:#f7f8fc!important;
  font-family:"Playfair Display",Georgia,serif!important;
  font-size:clamp(37px,5vw,68px)!important;
  font-weight:700;
  line-height:1.09;
  margin:13px 0 19px!important;
}
body.cq-page-media #creative-showcase .creative-head h3 .cq-creative-first{
  color:#ffffff!important;
}
body.cq-page-media #creative-showcase .creative-head h3 span:not(.cq-creative-first){
  color:#f27ca8!important;
}
body.cq-page-media #creative-showcase .creative-head p{
  color:#e4edf9!important;
  max-width:740px;
  font-size:clamp(15px,1.4vw,18px)!important;
  line-height:1.7;
}
body.cq-page-media #creative-showcase .creative-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(19px,2.3vw,32px);
  align-items:start;
}
body.cq-page-media #creative-showcase .creative-card{
  min-width:0;
  border:1.5px solid #ca9d4a!important;
  border-radius:21px!important;
  overflow:hidden;
  background:#fff9f0!important;
  box-shadow:0 22px 60px #0004!important;
}
body.cq-page-media #creative-showcase .creative-card>a{
  display:block;
  text-decoration:none;
}
body.cq-page-media #creative-showcase .creative-visual{
  aspect-ratio:4 / 3!important;
  width:100%;
  height:auto!important;
  min-height:0!important;
  border-bottom:1px solid #d9b56b;
  overflow:hidden;
}
body.cq-page-media #creative-showcase .creative-visual img{
  position:static!important;
  display:block;
  width:100%!important;
  height:100%!important;
  aspect-ratio:4 / 3!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
}
body.cq-page-media #creative-showcase .creative-card .creative-copy{
  background:#fff9f0!important;
  color:#102740!important;
  padding:22px clamp(19px,2.3vw,31px) 28px!important;
}
body.cq-page-media #creative-showcase .creative-copy strong{
  color:#102740!important;
  font-size:clamp(19px,2vw,25px)!important;
  line-height:1.25;
}
body.cq-page-media #creative-showcase .creative-copy p{
  color:#304057!important;
  font-size:clamp(14px,1.3vw,16px)!important;
  line-height:1.65!important;
}
body.cq-page-media #creative-showcase .concept-pill{
  color:#9d255c!important;
  background:#fff0f5!important;
  border:1px solid #bb688e!important;
}
body.cq-page-media #creative-showcase .showcase-note{
  color:#d9e3f2!important;
  font-size:clamp(12px,1vw,14px)!important;
  line-height:1.65;
  margin-top:30px;
}
@media(max-width:720px){
  body.cq-page-media #creative-showcase .creative-grid{
    grid-template-columns:1fr!important;
  }
  body.cq-page-media #creative-showcase .creative-head h3{
    font-size:clamp(37px,10vw,54px)!important;
  }
  body.cq-page-media #creative-showcase .creative-visual,
  body.cq-page-media #creative-showcase .creative-visual img{
    aspect-ratio:4/3!important;
  }
  body.cq-page-media #creative-showcase .creative-head p{
    font-size:15px!important;
    padding:0 3px;
  }
}


/* Accessibility: preserve legible contrast in FAQ policy and question callout. */
body.cq-page-home .cqa-faq-section .cqa-terms h3 {
  color: #071d3d !important;
}
body.cq-page-home .cqa-faq-section .cqa-faq-bottom p {
  color: #e4ecf7 !important;
}