.brand-signet{background-image:url("../../hero-assets/dsgn-fctry-signet-farbig.png")}
.project-intro{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.project-intro h1{font-size:clamp(44px,5.5vw,76px)}
.project-intro .hero{margin:32px 0}
.concept{color:var(--muted);font-size:16px;line-height:1.6;max-width:48ch}
.project-action{display:inline-flex;align-items:center;gap:12px;min-height:48px;font-size:18px;margin:12px 0}
.details .intro{margin:0}
.film{margin:0 auto 72px;max-width:560px}
.film video{display:block;width:100%;max-height:78vh;aspect-ratio:3/4;border-radius:16px;background:var(--ground);object-fit:contain}
.film{position:relative}
.film video{transition:filter .24s ease}
.film:has(> .film-play:not([hidden])) video{
  filter:brightness(.59) blur(4px);
  clip-path:inset(0 round 16px);
}
.film-play{
  position:absolute;inset:0;margin:auto;width:clamp(54px,5vw,68px);height:auto;aspect-ratio:1;
  padding:0;border:0;border-radius:50%;background:#fff;color:#141414;cursor:pointer;
  display:grid;place-items:center;
}
.film-play[hidden]{display:none}
.film-play::after{
  content:"";width:32%;height:36%;margin-left:6%;background:currentColor;
  clip-path:polygon(0 0,100% 50%,0 100%);
}
.film-play:focus-visible{outline:3px solid white;outline-offset:5px}
@media(prefers-reduced-motion:reduce){.film video{transition:none}}
.campaign-pair{align-items:center;gap:56px}
#film{scroll-margin-top:24px}
.device-composition{container-type:inline-size;margin-top:72px}
.device-composition iframe{display:block;width:100%;height:calc(75.676cqw + 90px);border:0;border-radius:16px;margin-top:32px}
@media(max-width:700px){.project-intro{grid-template-columns:1fr;gap:0}.project-intro .hero{margin:24px 0 48px}.campaign-pair{gap:28px}.film{margin-bottom:48px}.top{flex-wrap:wrap;gap:12px}.project-intro h1{font-size:clamp(44px,10vw,70px)}}

.branch-back{gap:10px;transition:color .25s ease}
.branch-back svg{width:22px;height:22px;flex:none}
.branch-back:is(:hover,:focus-visible){color:#ff4b33}

.campaign-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px}
.campaign-actions .campaign-cta{margin-left:auto;min-height:50px;padding:16px 24px;color:#ff4b33;font-size:18px;font-weight:600;text-decoration:none;transition:color .2s,background .2s,box-shadow .2s}
.campaign-cta svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;transform:rotate(-45deg)}
.campaign-cta:focus-visible{outline:2px solid #ff4b33;outline-offset:5px}
@media(max-width:700px){.campaign-actions .campaign-cta{font-size:16px}}
@media(prefers-reduced-motion:reduce){.campaign-actions .campaign-cta{transition:none}}