/* Content chapter finishes: preserve every existing layout and motion path. */
.service-brand-content {
  --content-ice:#b8eaff;
  --content-violet:#c8b7ff;
  --content-glass:linear-gradient(135deg,#b8eaff0e,transparent 42%,#8abfff08),linear-gradient(155deg,#1b2936,#0c1219 76%);
}
.service-brand-content :is(.studio-work-stream,.case-studies,.studio-flow-cta) {
  color:#f4f3fa;
  background:radial-gradient(ellipse at 8% 8%,#94dfff0b,transparent 45%),radial-gradient(ellipse at 95% 85%,#398bd00b,transparent 48%),#09090e;
}
.service-brand-content :is(.studio-work-heading h2 strong,.studio-flow-cta h2 strong) {color:var(--content-ice);}
.service-brand-content :is(.studio-work-heading p,.case-studies-intro p,.studio-booking-intro) {color:#b4b4c4;}
.service-brand-content :is(.studio-flow-cta>span) {color:var(--content-violet);}
.service-brand-content .studio-work-stream[data-managed-marquee] .studio-work-tile {
  border-color:#c5d9ff40;
  border-radius:18px;
  box-shadow:inset 0 1px 0 #ffffff35,0 18px 36px #0007,0 0 20px #a48cff08;
}
.service-brand-content .studio-work-stream[data-managed-marquee] .studio-work-tile:hover {border-color:var(--content-ice);box-shadow:0 18px 44px #0009,0 0 24px #b8eaff20;}
.service-brand-content .case-tile {
  border:1px solid #cad6ff35;
  border-radius:22px;
  box-shadow:inset 0 1px 0 #ffffff35,0 22px 50px #0008;
}
.service-brand-content .case-tile:is(:hover,:focus-visible,.is-active) {border-color:#c5dcff99;box-shadow:inset 0 1px 0 #ffffff66,0 22px 50px #0008,0 0 28px #bca5ff1a;}
.service-brand-content .case-rail-wrap::before {background:linear-gradient(90deg,#09090e,transparent);}
.service-brand-content .case-rail-wrap::after {background:linear-gradient(-90deg,#09090e,transparent);}
.service-brand-content :is(.case-rail-controls button,.case-detail,.studio-contact-console,.studio-contact-card) {
  color:#f4f3fa;
  border:1px solid #a8d9ff30;
  background:var(--content-glass);
  box-shadow:inset 0 1px 0 #ffffff26,0 20px 50px #0005;
}
.service-brand-content :is(.case-detail-index,.case-detail-main a,.case-detail-grid p,.case-detail-grid li,.case-evidence) {color:#babacb;border-color:#a8d9ff26;}
.service-brand-content :is(.case-detail-main>div>span,.case-detail-grid span,.case-detail-index>span:first-child) {color:var(--content-ice);}
.service-brand-content :is(.case-detail-grid,.case-detail-grid article) {border-color:#a8d9ff26;}
.service-brand-content .case-detail-close {color:#f5f3ff;border-color:#ffffff35;background:#25232f;}
.service-brand-content .case-detail-close span {color:#14121c;background:var(--content-violet);}
.service-brand-content .studio-flow-cta {--studio-blue:#b8eaff;}
.service-brand-content .studio-contact-console {border-radius:22px;}
.service-brand-content .studio-contact-console :is(.meeting-console-bar,.meeting-roster,.meeting-profile,.meeting-console-foot) {background:transparent;border-color:#a8d9ff24;}
.service-brand-content .studio-contact-console .meeting-person.is-active {background:linear-gradient(135deg,#b8eaff18,#c8b7ff12);border-color:#a8d9ff60;}

/* The brick sequence keeps its original paper-white canvas. */
.service-brand-content .studio-flow-intro {background:var(--studio-paper,#f1f0eb);}

/* Each word lands in sequence after the phone scene reveals the headline. */
.service-brand-content .studio-impact-word {display:inline-block;transform-origin:50% 100%;}
.service-brand-content .studio-phone-copy h1 strong {background:none;filter:none;}
.service-brand-content .studio-phone-copy h1 strong .studio-impact-word {
  background:linear-gradient(96deg,#b8efff,#79a7ff 55%,#dce7f7);
  background-clip:text;-webkit-background-clip:text;color:transparent;
}
@media(prefers-reduced-motion:no-preference) {
  .studio-phone-universe:is(.is-phase-48,.is-phase-100) .studio-impact-word {animation:studioWordImpact .58s both;animation-delay:.12s;}
  .studio-phone-universe:is(.is-phase-48,.is-phase-100) strong .studio-impact-word:first-child {animation-delay:.43s;}
  .studio-phone-universe:is(.is-phase-48,.is-phase-100) strong .studio-impact-word:last-child {animation-delay:.74s;}
}
@keyframes studioWordImpact {
  0% {opacity:0;transform:translateY(-110px) scaleY(1.12);animation-timing-function:cubic-bezier(.55,0,1,.5);}
  58% {opacity:1;transform:translateY(0) scaleX(1.025) scaleY(.9);animation-timing-function:ease-out;}
  78% {transform:translateY(-7px) scaleX(.995) scaleY(1.025);animation-timing-function:ease-in;}
  100% {opacity:1;transform:none;}
}
