/* AD1 FILM 0.11.8 / Stage 52 — Start Project mockup contract. */
.ad1spr{background:var(--ad1-color-background-light);color:var(--ad1-color-text);overflow-x:clip}
.ad1spr *{box-sizing:border-box;min-width:0}
.ad1spr-shell{width:min(1280px,calc(100% - 96px));margin-inline:auto}
.ad1spr-hero.ad1-internal-hero{--ad1-hero-media-start:44%;--ad1-hero-min-h:460px;--ad1-hero-mobile-media-h:260px;background:var(--ad1-color-background-dark);color:var(--ad1-color-text-light)}
.ad1spr .ad1spr-hero__media.ad1-internal-hero__media{background-image:var(--ad1spr-image,none)}
.ad1spr .ad1spr-hero__inner.ad1-internal-hero__content{width:min(1280px,calc(100% - 96px));min-height:var(--ad1-hero-min-h);padding-block:36px 24px;display:grid;grid-template-columns:minmax(0,470px) minmax(0,1fr);grid-template-rows:1fr auto;column-gap:52px;row-gap:26px;align-items:center}
.ad1spr .ad1spr-hero__copy{grid-column:1;grid-row:1;width:100%;max-width:470px}
.ad1spr .ad1spr-eyebrow{margin:0 0 11px;color:var(--ad1-color-accent)}
.ad1spr .ad1spr-hero h1{margin:0 0 13px;color:var(--ad1-color-text-light);max-width:13ch}.ad1spr .ad1spr-hero h1 span{display:block;white-space:normal}
.ad1spr .ad1spr-intro{max-width:40ch;margin:0 0 10px;color:var(--ad1-color-text-light)}
.ad1spr .ad1spr-note{max-width:43ch;margin:0;color:var(--ad1-color-meta-on-dark)}
.ad1spr .ad1spr-note a{color:inherit;text-decoration:underline;text-underline-offset:.2em}
.ad1spr-audience-routes{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:min(860px,100%)}
.ad1spr .ad1spr-audience-card{appearance:none;width:100%;min-height:150px;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--ad1-color-border-on-dark);background:color-mix(in srgb,var(--ad1-color-background-dark) 72%,transparent);color:var(--ad1-color-text-light);text-align:left;cursor:pointer;transition:.18s ease}
.ad1spr .ad1spr-audience-card:is(:hover,:focus-visible),.ad1spr .ad1spr-audience-card.is-selected{border-color:var(--ad1-color-accent);background:color-mix(in srgb,var(--ad1-color-accent) 7%,var(--ad1-color-background-dark));outline:0}
.ad1spr .ad1spr-audience-card.is-selected{box-shadow:inset 3px 0 0 var(--ad1-color-accent)}
.ad1spr-audience-card__icon{width:32px;height:32px;display:grid;place-items:center;color:var(--ad1-color-accent)}.ad1spr-audience-card__icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.5}
.ad1spr .ad1spr-audience-card strong{display:block;color:var(--ad1-color-text-light)}.ad1spr .ad1spr-audience-card small{display:block;margin-top:6px;color:var(--ad1-color-meta-on-dark)}.ad1spr .ad1spr-audience-card__cta{display:inline-flex;align-items:center;gap:6px;margin-top:10px;color:var(--ad1-color-text-light);font-family:var(--ad1-type-button-ui-family);font-size:var(--ad1-type-button-ui-size);font-weight:var(--ad1-type-button-ui-weight);line-height:var(--ad1-type-button-ui-line-height);letter-spacing:var(--ad1-type-button-ui-letter-spacing);font-style:normal;text-transform:uppercase}.ad1spr-audience-card__arrow{display:none}
.ad1spr-form-region{background:var(--ad1-color-background-light)}.ad1spr-dependency{padding-block:48px;color:var(--ad1-color-text)}
@media(max-width:1024px) and (min-width:768px){
 .ad1spr-shell,.ad1spr .ad1spr-hero__inner.ad1-internal-hero__content{width:min(100% - 64px,1120px)}
 .ad1spr-hero.ad1-internal-hero,.ad1spr .ad1spr-hero__inner.ad1-internal-hero__content{min-height:500px}
 .ad1spr .ad1spr-hero__inner.ad1-internal-hero__content{grid-template-columns:minmax(0,47%) minmax(0,1fr);column-gap:28px;padding-block:38px 26px}
 .ad1spr-audience-routes{width:100%;gap:10px}.ad1spr .ad1spr-audience-card{min-height:160px;padding:14px}
}
@media(max-width:767px){
 .ad1spr-shell{width:calc(100% - 28px)}
 .ad1spr .ad1spr-hero__inner.ad1-internal-hero__content{width:calc(100% - 28px);min-height:0;padding:146px 0 20px;display:flex;flex-direction:column;align-items:stretch}
 .ad1spr .ad1spr-hero__copy{width:100%;max-width:none}.ad1spr .ad1spr-note{display:none}.ad1spr .ad1spr-intro{max-width:31ch}
 .ad1spr-audience-routes{width:100%;grid-template-columns:1fr;gap:9px;margin-top:18px}.ad1spr .ad1spr-audience-card{min-height:0;padding:14px 12px;grid-template-columns:30px minmax(0,1fr);align-items:start}
 .ad1spr-audience-card__icon{width:28px;height:28px}
}
@media(max-width:390px){.ad1spr-shell,.ad1spr .ad1spr-hero__inner.ad1-internal-hero__content{width:calc(100% - 24px)}}
@media(prefers-reduced-motion:reduce){.ad1spr .ad1spr-audience-card{transition:none}}

@media(min-width:768px){
 .ad1spr .ad1spr-hero__inner.ad1-internal-hero__content{min-height:500px;display:grid;grid-template-columns:minmax(0,470px) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;align-items:center;visibility:visible;opacity:1}
 .ad1spr .ad1spr-hero__copy{display:block!important;position:relative;z-index:3;grid-column:1;grid-row:1;align-self:center;visibility:visible!important;opacity:1!important;transform:none!important}
 .ad1spr-audience-routes{position:relative;z-index:4;grid-column:1/-1;grid-row:2;width:min(880px,100%)}
}
@media(max-width:767px){
 .ad1spr .ad1spr-hero__inner.ad1-internal-hero__content{padding:222px 0 20px;display:flex;visibility:visible;opacity:1}
 .ad1spr .ad1spr-hero__copy{display:block!important;visibility:visible!important;opacity:1!important;transform:none!important}
}


@media (min-width:768px) {
   .ad1spr .ad1spr-hero__inner.ad1-internal-hero__content { min-height:460px; width:min(1280px,calc(100% - 96px)); grid-template-columns:minmax(0,520px) minmax(0,1fr); padding-block:36px 24px; }
  .ad1spr .ad1spr-hero__copy { max-width:520px; }
  .ad1spr .ad1spr-hero__copy h1 { max-width:10ch; text-wrap:balance; }
  .ad1spr-audience-routes { width:min(920px,100%); margin-top:16px; }
}
@media (max-width:767px) {
  .ad1spr .ad1spr-hero__inner.ad1-internal-hero__content { width:calc(100% - 28px); padding:20px 0 22px; }
  .ad1spr .ad1spr-hero__copy h1 { max-width:12ch; }
}


/* Stage 74 — audience route labels stay inside their button at every language/width. */
.ad1spr .ad1spr-audience-card,
.ad1spr .ad1spr-audience-card > *{min-width:0;max-width:100%;}
.ad1spr .ad1spr-audience-card strong,
.ad1spr .ad1spr-audience-card small{
  max-width:100%;
  overflow-wrap:break-word;
  word-break:normal;
  hyphens:auto;
}
@media(min-width:768px) and (max-width:1100px){
  .ad1spr .ad1spr-audience-card{grid-template-columns:30px minmax(0,1fr);padding-inline:12px;}
}
