/* Shared palette for every career chapter. */
:root{--career-ink:#121212;--career-paper:#f7f5ee;--career-yellow:#f2cf36;--career-muted:#bdbdb5;--career-muted-ink:#595951;--career-gold-ink:#826800;--career-line:#ffffff30}
body,#stage,#join,#format-journey,#format-journey #format-chapter,#perspectives-journey,#perspectives-stage,.perspective-artboard,.format-cover,.format-finale,.perspective-poster{background-color:var(--career-ink);color:var(--career-paper)}
#intro .hero-atmosphere{background:linear-gradient(90deg,#121212f2 0%,#121212b3 44%,transparent 76%)}
#intro h1,#craft h2,#possibilities h2,#together h2,#join h2{color:var(--career-paper)}
#intro h1 em,#join em,.format-finale em,.perspective-endline span{color:var(--career-yellow)!important}
#intro p,#together p,.hero-eyebrow,.hero-tags,.hero-footnote,.hero-art-label,.perspective-notes{color:var(--career-muted)}
#intro .hero-eyebrow,#intro .hero-tags{color:var(--career-muted);border-color:var(--career-line)}
.hero-cta,#enable-motion{background:var(--career-yellow);color:var(--career-ink)}
.hero-cta b{background:var(--career-ink);color:var(--career-yellow)}
.hero-cta:hover{background:#ffe26a}
.hero-orbit{border-color:#f2cf3640}.hero-orbit:after{background:var(--career-yellow)}
#growth,#landing,#arrival,.arrival-title h2,.flight-copy h2{color:var(--career-ink)}
#growth p,#landing p,#arrival p,.arrival-coordinate,.arrival-kicker,.flight-note,.flight-eyebrow,.flight-disciplines{color:var(--career-muted-ink)}
.arrival-title h2 em,.arrival-coordinate b,.triptych-type em{color:var(--career-gold-ink)}
.arrival-kicker i,.flight-note i{background:var(--career-yellow)}
.arrival-action a{background:var(--career-ink);color:var(--career-paper)}
.arrival-action a span{background:var(--career-yellow);color:var(--career-ink)}
.arrival-action a:hover{background:#303030}
#join>a{border-color:var(--career-yellow)}
a:focus-visible,button:focus-visible{outline-color:var(--career-yellow)}
.format-top,.format-dial,.format-card,.format-circles>div,.format-panels,.collage-disc,.perspective-triptych,.perspective-gallery{background-color:var(--career-paper);color:var(--career-ink)}
.format-photo{background:#0c1012;filter:none;opacity:1;overflow:hidden;pointer-events:none}
.format-panels img{filter:none}
.panel-note{background:var(--career-yellow);color:var(--career-ink)}
.circle-type{border-color:var(--career-ink)}
.circle-clock i,.format-dial i{background:var(--career-ink)}
.finale-circle,.perspective-seed,.perspective-ball{background-color:var(--career-yellow)}
.perspective-paper{background-color:var(--career-yellow)}
.perspective-wheel{border-color:var(--career-paper);color:var(--career-ink)}
.perspective-wheel.right{border-color:var(--career-yellow)}
.perspective-triangle{color:var(--career-ink)}
.perspective-bar,.perspective-footer,.format-bottom{color:var(--career-paper);border-color:#f2cf3640}
.perspective-colour-photo{border-color:var(--career-paper)}
.perspective-poster{border-color:#f7f5ee66}
.collage-hub{background:radial-gradient(circle at 35% 27%,#fff5c0,var(--career-yellow) 43%,#756115 85%)}
@media(max-width:700px){#intro .hero-atmosphere{background:linear-gradient(180deg,#121212e6,transparent 62%)}}


/* Photographic studio with slow camera movement and reflected screen light. */
.studio-camera{position:absolute;inset:-3%;background:linear-gradient(90deg,#070b1026,#090c122e 50%,#070b1026),url('/wp-content/themes/digitoria-motion/assets/img/creative-process/digital-studio.webp') center/cover;transform:scale(1.02);animation:studio-camera-drift 26s ease-in-out infinite alternate;will-change:transform}
.studio-screen-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 1% 45%,#c3dce526,transparent 35%),radial-gradient(ellipse at 98% 48%,#efce491c,transparent 32%);mix-blend-mode:screen;animation:studio-screen-breathe 7s ease-in-out infinite alternate;pointer-events:none}
@keyframes studio-camera-drift{from{transform:scale(1.02) translateX(-.6%)}to{transform:scale(1.09) translateX(.6%)}}
@keyframes studio-screen-breathe{from{opacity:.2}to{opacity:.8}}
@media(prefers-reduced-motion:reduce){html:not(.force-motion) .studio-camera,html:not(.force-motion) .studio-screen-glow{animation:none}}