/* Motion enhances fully visible server-rendered content. No hidden baseline. */
.content-site .preview-hero h1,.content-site .hero-badge,.content-site .hero-actions,.content-site .hero-meta{animation:none}
.content-site .window-bar,.content-site .window-caption,.content-site .sidebar-label,.content-site .workspace-sidebar button,.content-site .sidebar-bottom,.content-site .demo-tag,.content-site .workflow-step small,.content-site .workflow-footer,.content-site .scope-item,.content-site .workspace-link,.content-site .cinema-chapters .chapter-num,.content-site .marquee-group>span,.content-site .catalogue-tabs button>span,.content-site .mode-switch button,.content-site .filters button,.content-site .course-results,.content-site .section-heading>p{color:#365637}
.content-site .contact-form label,.content-site .contact-form .form-note,.content-site .contact-form .form-note a{color:#355235}
.content-site .workspace-sidebar button.active,.content-site .mode-switch button[aria-pressed=true],.content-site .filters button[aria-pressed=true]{color:#193b23}
.content-site .cinema-chapters button[aria-pressed=true] .chapter-num{color:#193b23}
.page-motion-control{position:fixed;right:18px;bottom:18px;z-index:45;display:flex;align-items:center;gap:7px;padding:10px 13px;border:1px solid #afcda5;border-radius:999px;background:#f7fff2f5;color:#24472d;font-family:inherit;font-weight:500;font-size:11px;line-height:1.2;box-shadow:0 4px 20px #17372112;cursor:pointer}
.page-motion-control:hover{background:#7cf973}.page-motion-control:focus-visible,.offering-scene-control:focus-visible{outline:3px solid #24472d;outline-offset:4px}
.content-site [data-motion-card]{transform:perspective(1100px) translateY(var(--motion-lift,0px)) rotateX(var(--motion-rx,0deg)) rotateY(var(--motion-ry,0deg));transform-origin:50% 60%;transition:box-shadow .25s,border-color .25s;backface-visibility:hidden}
.content-site [data-motion-card]:hover{box-shadow:0 16px 36px #26432914;border-color:#94d386}
.content-site .experience-window{animation:none;transform:perspective(1400px) rotateX(var(--entrance-angle,0deg))}
.content-site .cinema-caption,.content-site .catalogue-copy{animation:none}
.process-grid{position:relative}.process-grid:before{content:"";position:absolute;left:4%;right:4%;top:-15px;height:2px;transform:scaleX(var(--journey-line,1));transform-origin:left;background:linear-gradient(90deg,#7cf973,#4e8d49,transparent);pointer-events:none}
.contact-form{box-shadow:0 0 0 calc(var(--form-focus,0)*3px) #7cf97355;transition:border-color .2s}.contact-form:focus-within{border-color:#83c275}
.content-site .button{position:relative;transition:background .2s,box-shadow .25s,translate .25s}
.content-site .button:hover{translate:0 -2px;box-shadow:0 8px 22px #24472d18}.content-site .button:active{translate:0 0}
.content-site .button svg,.content-site .text-link svg{transition:transform .25s}.content-site .button:hover svg,.content-site .text-link:hover svg{transform:translate(2px,-2px)}
.offering-scene{position:relative;isolation:isolate;height:390px;margin:14px 0 42px;overflow:hidden;border:1px solid #c8dfbd;border-radius:28px;background:radial-gradient(ellipse at 50% 30%,#7cf97330,transparent 60%),linear-gradient(140deg,#eefae7,#fafff5 55%,#e4f4db)}
.offering-scene canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;opacity:0;transition:opacity .35s}.offering-scene[data-scene-ready="true"] canvas{opacity:1}
.offering-scene-grid{position:absolute;inset:45% -30% -55%;background-image:linear-gradient(#92b78725 1px,transparent 1px),linear-gradient(90deg,#92b78725 1px,transparent 1px);background-size:45px 45px;transform:perspective(450px) rotateX(55deg);mask-image:linear-gradient(transparent,#000)}
.offering-scene-fallback{position:absolute;inset:5% 15%;width:70%;height:85%;object-fit:contain;transition:opacity .25s}.offering-scene[data-scene-ready="true"] .offering-scene-fallback{opacity:0}
.offering-scene-caption{position:absolute;bottom:22px;left:25px;z-index:2;display:flex;align-items:center;gap:7px;font-size:10px;font-weight:600;letter-spacing:.12em;color:#365637}
.offering-scene-control{position:absolute;right:22px;bottom:18px;z-index:2;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1px solid #afcda5;background:#fafff5;color:#24472d;cursor:pointer}
@media(max-width:600px){.offering-scene{height:300px;border-radius:20px;margin-bottom:28px}.offering-scene-caption{left:16px;bottom:25px;font-size:8px;letter-spacing:.06em;max-width:75%}.page-motion-control{right:12px;bottom:12px;padding:9px 11px}.process-grid:before{display:none}}
html[data-motion-paused="true"] .content-site *,html[data-motion-paused="true"] .content-site *:before,html[data-motion-paused="true"] .content-site *:after{animation-play-state:paused!important;scroll-behavior:auto!important}
html[data-motion-paused="true"] .content-site [data-motion-card]{transform:none!important}
@media(prefers-reduced-motion:reduce){.content-site [data-motion-card],.content-site .button:hover{transform:none!important;translate:none!important}.offering-scene canvas,.offering-scene-fallback{transition:none}.process-grid:before{transform:none}.page-motion-control{display:none}}

/* Static and mobile journeys keep the controls, without several empty screens. */
.content-site .cinematic-journey.reduced-journey,
.content-site .catalogue-track.reduced-catalogue{height:auto;margin-bottom:40px}
.content-site .reduced-journey .cinema-pin{position:relative;height:760px;min-height:650px}
.content-site .reduced-catalogue .catalogue-stage{position:relative;top:auto;height:760px;min-height:665px}
@media(max-width:650px){
 .content-site .reduced-journey .cinema-pin{height:700px;min-height:700px}
 .content-site .reduced-catalogue .catalogue-stage{height:700px;min-height:700px}
}