/* Keep the living studio visible throughout every chapter. */
#format-chapter .format-cover{background:transparent!important}
#format-chapter .studio-camera{animation:studio-visible-motion 10s ease-in-out infinite alternate}
@keyframes studio-visible-motion{from{transform:scale(1.03) translate(-1%,0)}to{transform:scale(1.19) translate(2%,-1%)}}
#format-chapter .studio-screen-glow{animation:studio-screen-breathe 3s ease-in-out infinite alternate}
#format-chapter .format-card{width:68vw;height:62vh;max-height:650px;top:51%;padding:3.5%;overflow:hidden;box-shadow:0 28px 90px #0005}
#format-chapter .brief-visual{position:absolute;right:0;top:0;width:46%;height:100%;object-fit:cover}
#format-chapter .format-card h2{font-size:clamp(30px,4vw,76px);margin-top:17vh;position:relative;width:52%}
#format-chapter .card-index{right:auto;left:5.2%;top:15%;font-size:11px;line-height:1.7}
#format-chapter .format-card p{max-width:48%;font-size:clamp(11px,1vw,17px)}
#format-chapter .format-finale{background:linear-gradient(90deg,#0b1014ed 0%,#0b1014ca 48%,#0b101452 100%)!important;overflow:hidden}
#format-chapter .finale-visual{position:absolute;right:4%;top:16%;width:37%;height:70%;background:url('/wp-content/themes/digitoria-motion/assets/img/creative-process/creative-production.webp') center/cover;border:1px solid #ffffff30;box-shadow:0 30px 90px #0008;transform:rotate(4deg);animation:finale-image-drift 7s ease-in-out infinite alternate}
@keyframes finale-image-drift{to{transform:rotate(1deg) translateY(-18px)}}
#format-chapter .finale-circle{left:6%;top:19%;width:9vh;height:9vh;background:transparent;border:2px solid #f4d632;box-shadow:inset 0 0 25px #f4d63230,0 0 30px #f4d63220}
#format-chapter .finale-circle:after{content:'↗';display:grid;place-items:center;height:100%;font-size:5vh;color:#f4d632}
#format-chapter .format-finale h2{left:6%;top:37%;width:54%;font-size:clamp(30px,4.4vw,86px);line-height:1.05;z-index:1}
#format-chapter .format-finale small{left:6%;right:auto;bottom:17%;font-size:10px;letter-spacing:.1em}
@media(max-width:700px){#format-chapter .format-card{width:88vw;height:66vh;top:52%;padding:6%}#format-chapter .brief-visual{top:0;width:100%;height:34%;opacity:1}#format-chapter .format-card>small{position:relative;display:block;margin-top:25vh;font-size:8px}#format-chapter .card-index{display:none}#format-chapter .format-card h2{margin-top:16px;width:100%;font-size:8vw}#format-chapter .format-card p{max-width:100%;margin-top:12px}#format-chapter .finale-visual{right:6%;top:14%;height:35%;width:58%;opacity:.8}#format-chapter .finale-circle{top:23%;width:8vh;height:8vh}#format-chapter .format-finale h2{top:53%;width:90%;font-size:7.5vw}#format-chapter .format-finale small{bottom:10%;font-size:8px}}
@media(prefers-reduced-motion:reduce){html:not(.force-motion) #format-chapter .studio-camera,html:not(.force-motion) #format-chapter .studio-screen-glow,html:not(.force-motion) #format-chapter .finale-visual{animation:none}}

/* A straight, uncropped production photo, aligned with the closing copy. */
#format-chapter .finale-visual{right:5%;top:16%;width:36%;height:70%;background-size:contain;background-repeat:no-repeat;background-color:#101418;border:0;box-shadow:none;transform:none;animation:none}
#format-chapter .format-finale h2{width:50%;font-size:clamp(30px,4.1vw,80px)}
@media(max-width:700px){#format-chapter .finale-visual{right:6%;top:13%;width:55%;height:36%;background-color:transparent}#format-chapter .format-finale h2{width:90%;font-size:7.5vw}}

/* A distinct marketing workspace for the people and process chapter. */
#perspectives-stage .perspective-artboard{background:#0d1115}
.marketing-studio-background{position:absolute;inset:-3%;pointer-events:none;background:linear-gradient(#090e142b,#090e1440),url('/wp-content/themes/digitoria-motion/assets/img/creative-process/marketing-studio-clean.webp') center/cover;animation:marketing-camera 12s ease-in-out infinite alternate;will-change:transform}
#perspectives-stage .perspective-backdrop{background:none!important;opacity:0!important}
@keyframes marketing-camera{from{transform:scale(1.01) translateX(-.5%)}to{transform:scale(1.12) translateX(.8%)}}
@media(prefers-reduced-motion:reduce){html:not(.force-motion) .marketing-studio-background{animation:none}}