/* A visible motion system for the two public audience experiences. */
.cinema-progress{position:fixed;inset:0 auto auto 0;height:3px;width:100%;transform:scaleX(var(--read-progress,0));transform-origin:left;background:linear-gradient(90deg,#9de8cf,#f3d291);z-index:40;pointer-events:none}
html.recruiter-motion-page{scroll-padding-top:24px}.recruiter-motion-page #hiring-story{scroll-margin-top:0}
.hero-film{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 80% 30%,#78cbba22,transparent 50%),radial-gradient(ellipse at 8% 70%,#dfba6b13,transparent 48%)}
.film-beam{position:absolute;top:10%;left:-20%;width:70%;height:100%;background:linear-gradient(105deg,transparent,#cde8a90b,transparent);transform:rotate(-28deg);animation:filmBeam 12s ease-in-out infinite}.film-beam.second{left:50%;top:-10%;animation-delay:-6s;animation-direction:reverse}
.hero{position:relative;isolation:isolate}.hero-copy h1{position:relative}.hero-copy h1 em{background:linear-gradient(100deg,#d0ae6e 5%,#fff0bb 35%,#d8c58d 60%,#a8e3c9 80%,#d0ae6e);background-size:220% auto;background-clip:text;-webkit-background-clip:text;color:transparent;animation:headlineLight 10s linear infinite}
.signal-cinema{border-color:#cce3c15c;background:radial-gradient(ellipse at 60% 32%,#316d60,#143c3c 48%,#09252b 85%);box-shadow:0 25px 100px #07191e55,inset 0 1px #e2f6cd22;perspective:900px}.signal-cinema:before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,#f6e7b00a 40%,transparent 60%);background-size:200% 100%;animation:sceneSweep 7s ease-in-out infinite;pointer-events:none}.scene-label{color:#d0e0ca}.scene-grid{background-size:28px 28px;opacity:.65;transform:perspective(600px) rotateX(8deg) scale(1.05)}
.signal-cinema .diamond-core{left:57%;top:27%;width:37%;z-index:3;filter:drop-shadow(0 0 24px #c3f6d369) drop-shadow(0 0 4px #fff8);transform-style:preserve-3d;animation:prismTurn 8s ease-in-out infinite}.diamond-core svg{overflow:visible}.diamond-core svg>path:first-of-type{stroke:#edffd4;stroke-width:.8}.diamond-core svg>path:last-of-type{animation:facetLight 4s ease-in-out infinite}.diamond-core>span{width:2px;height:40px;left:25%;top:23%;background:#fff;animation:crystalFlash 4s ease-in-out infinite}.diamond-core>span:after{width:40px;left:-20px;top:20px;background:#fff}
.signal-cinema .halo{width:72%;left:19%;top:14%;border-color:#e5eac855;box-shadow:0 0 60px #c9e9b820,inset 0 0 45px #c3d98918;animation:haloPulse 6s ease-in-out infinite}.signal-paths ellipse{stroke:#b6dfc12b}.signal-paths .moving-path{stroke-width:2.5;stroke-dasharray:85 200;animation-duration:5s}.signal-paths .moving-path.second{animation-duration:7s}
.signal-cinema .floating-note{transition:opacity .65s,box-shadow .65s,border-color .65s,background .65s;animation:cinemaCard 7s ease-in-out infinite;background:linear-gradient(135deg,#345d50f5,#173d3bf5);border-color:#c3ddbc55;opacity:.66;box-shadow:0 20px 35px #0003}.signal-cinema[data-frame="0"] .note-a,.signal-cinema[data-frame="1"] .note-b,.signal-cinema[data-frame="2"] .note-c{opacity:1;border-color:#f2dda1c9;box-shadow:0 0 0 1px #e3d09924,0 16px 45px #0004,0 0 35px #a7dfa61a;background:linear-gradient(135deg,#446b54f5,#1b4641f5)}
.signal-cinema .note-a{top:17%;left:4%;width:49%}.signal-cinema .note-b{top:56%;right:4%;width:53%;animation-delay:-2s}.signal-cinema .note-c{left:4%;bottom:10%;width:36%;animation-delay:-4s}.signal-cinema .note-number{color:#f4dda0}.signal-cinema .note-a .mini-bars i{transform-origin:bottom;animation:barRise 3.5s ease-in-out infinite}.signal-cinema .note-a .mini-bars i:nth-child(2){animation-delay:.25s}.signal-cinema .note-a .mini-bars i:nth-child(3){animation-delay:.5s}.signal-cinema .note-a .mini-bars i:nth-child(4){animation-delay:.75s}.signal-cinema .note-a .mini-bars i:nth-child(5){animation-delay:1s}
.signal-traffic{position:absolute;inset:0;z-index:1;pointer-events:none}.signal-ticket{position:absolute;width:32px;height:23px;border:1px solid #d6e8bda3;background:linear-gradient(135deg,#96d2b03d,#c0d68b16);border-radius:4px;animation:ticketJourney 7s linear infinite;left:8%;top:46%;opacity:0}.signal-ticket:after{content:'';position:absolute;left:6px;right:6px;top:6px;height:2px;background:#c7e3ba66;box-shadow:0 5px #c7e3ba66}.signal-ticket:nth-child(2){animation-delay:-1.75s}.signal-ticket:nth-child(3){animation-delay:-3.5s}.signal-ticket:nth-child(4){animation-delay:-5.25s}
.scene-reel{position:absolute;bottom:10%;right:9%;width:43%;height:3px;background:#c3d2ba25;border-radius:5px;z-index:4;overflow:hidden}.scene-reel:before{content:'';display:block;width:33.333%;height:100%;background:linear-gradient(90deg,#99dbbd,#f7db9d);transform:translateX(calc(var(--scene-frame,0)*100%));transition:transform .6s}.scene-bottom{color:#c7dcc5}.scene-bottom>span{max-width:65%;line-height:1.6}.scene-chapter{position:absolute;right:8%;top:15%;font-size:7px;color:#d8e4c6;letter-spacing:.13em;z-index:4;text-align:right;line-height:1.6;max-width:38%}
.hero-particles{position:absolute;inset:0;z-index:-1;width:100%;height:100%;pointer-events:none;opacity:.75}
.cinema-ready .hero-copy .eyebrow,.cinema-ready .hero-copy h1,.cinema-ready .hero-copy .intro,.cinema-ready .hero-copy .hero-body,.cinema-ready .hero-copy .actions,.cinema-ready .promise-row{animation:filmEnter .95s both cubic-bezier(.2,.75,.2,1)}.cinema-ready .hero-copy h1{animation-delay:.12s}.cinema-ready .hero-copy .intro{animation-delay:.24s}.cinema-ready .hero-copy .hero-body{animation-delay:.34s}.cinema-ready .hero-copy .actions{animation-delay:.44s}.cinema-ready .promise-row{animation-delay:.54s}.cinema-ready .signal-cinema{animation:sceneEnter 1.5s both cubic-bezier(.2,.75,.2,1)}
.support-strip{position:relative;overflow:hidden}.support-strip:after{content:'';position:absolute;bottom:0;width:35%;left:-35%;height:1px;background:linear-gradient(90deg,transparent,#e5c882,transparent);animation:stripTrace 7s linear infinite}.support-strip b:before{content:'↗';display:inline-block;color:#e7d79f;margin-right:8px}
.story-tools{display:flex;align-items:center;gap:15px;margin:0 0 20px;color:#a8c4b3;font-size:10px}.story-tools button{border:1px solid #bdd4b63d;border-radius:7px;min-height:38px;padding:8px 12px;background:#173c36;color:#e2ead7;font:inherit;font-size:11px;cursor:pointer}.story-tools button:focus-visible{outline:3px solid #e6cd91;outline-offset:4px}.story-progress{height:3px;flex:1;max-width:180px;background:#c5dab525;overflow:hidden;border-radius:5px}.story-progress i{height:100%;width:100%;display:block;transform-origin:left;transform:scaleX(var(--chapter-progress,0));background:linear-gradient(90deg,#94d8b4,#ecd196)}.chapter-stage{position:relative;overflow:hidden}.chapter-stage:before{content:'';position:absolute;width:250px;height:250px;left:-50px;top:20%;border-radius:50%;background:radial-gradient(ellipse,#bcda9620,transparent 70%);pointer-events:none}.chapter-art{perspective:700px}.art-sheet{transform:rotateY(-20deg) rotateZ(-9deg);transition:transform .8s,background .8s,box-shadow .8s;box-shadow:20px 22px #031d203b,0 0 40px #a8cd9c15}.art-sheet:after{content:'';position:absolute;inset:0;border-radius:10px;background:linear-gradient(110deg,transparent,#fff2,transparent);background-size:200%;animation:sceneSweep 5s linear infinite;pointer-events:none}.story-board[data-chapter="1"] .art-sheet{transform:rotateY(20deg) rotateZ(3deg) scale(1.05)}.story-board[data-chapter="2"] .art-sheet{transform:rotateY(-8deg) rotateZ(-3deg) translateY(-6px)}.chapter.active>span{color:#fff0b1}.chapter.active{box-shadow:inset 3px 0 #e2d196}.chapter{position:relative}.chapter-stage h3{max-width:24ch}.chapter-stage .art-chip{transition:background .5s}.story-board[data-chapter="2"] .art-chip{background:#b9ebcd}
.field-buttons button{transition:transform .25s,box-shadow .25s,background .25s}.field-buttons button:hover{transform:translateY(-4px)}.field-buttons button:active{transform:translateY(1px)}.evidence-example,.conversation-prompts,.boundary-card{transform:perspective(1000px) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg));transition:transform .35s,box-shadow .35s;position:relative;isolation:isolate}.evidence-example:hover,.boundary-card:hover{box-shadow:0 18px 50px #071e221c}.evidence-example:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at var(--shine-x,50%) var(--shine-y,50%),#fff9,transparent 65%);opacity:0;transition:opacity .3s;z-index:-1;pointer-events:none}.evidence-example:hover:before{opacity:1}.evidence-workbench{overflow:visible}.evidence-example{border-radius:16px 0 0 16px}.conversation-prompts{border-radius:0 16px 16px 0}.boundary-card{overflow:hidden}.boundary-card:before{font-size:125px;animation:prismTurn 10s ease-in-out infinite}.closing{position:relative;isolation:isolate;overflow:hidden}.closing:before{content:'';position:absolute;width:85%;height:150%;left:8%;top:30%;z-index:-1;border:1px solid #d1dfaa25;border-radius:50%;background:radial-gradient(ellipse,#7bba6b12,transparent 70%);animation:closingRise 10s ease-in-out infinite}.closing .button{box-shadow:0 0 35px #aeeccc22}.button.primary>span{transition:transform .25s}.button.primary:hover>span{transform:translate(5px,-3px)}
.student-questions{position:relative;isolation:isolate;overflow:hidden}.student-questions:before{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 10% 50%,#559f5d1c,transparent 55%)}.student-questions .sq-intro{position:relative}.student-questions details{transition:border-color .3s,background .3s,padding .3s}.student-questions details[open]:not(.sq-source){border-left:2px solid #d2c187;padding-left:16px;background:linear-gradient(90deg,#739b6320,transparent 85%);border-radius:0 10px 10px 0}.student-questions summary{transition:color .25s}.student-questions details[open] summary{color:#eddda7}.student-questions details:not([open]) summary:hover{transform:translateX(3px)}.student-questions .sq-source{margin-top:20px}.sq-signal-art{position:relative;height:160px;max-width:450px;margin-top:32px;isolation:isolate;overflow:hidden;border-top:1px solid #b8cfaa25;border-bottom:1px solid #b8cfaa25}.sq-signal-art .sq-gem{position:absolute;left:44%;top:32px;width:52px;height:70px;object-fit:contain;filter:drop-shadow(0 0 12px #e8d29133);animation:studentGem 6s ease-in-out infinite}.sq-signal-art:before{content:'';position:absolute;top:62px;left:6%;right:6%;height:1px;background:linear-gradient(90deg,transparent,#adc7a45e,#e3d091,transparent)}.sq-input{position:absolute;left:4%;top:45px;padding:6px 10px;border:1px solid #c2d4b34f;border-radius:5px;font-size:8px;letter-spacing:.05em;color:#cee4bf;background:#173a30;animation:skillSignal 6s linear infinite}.sq-input:nth-child(2){top:70px;animation-delay:-2s}.sq-input:nth-child(3){top:25px;animation-delay:-4s}.sq-output{position:absolute;left:64%;top:34px;color:#e8dbb3;font-size:10px;line-height:1.6;max-width:34%;padding:10px 12px;border-left:1px solid #cbcf9f73}.sq-output small{font-size:8px;display:block;color:#b8c8af;margin-top:4px}.sq-art-label{position:absolute;bottom:16px;left:5%;right:5%;display:flex;justify-content:space-between;color:#a4bfa6;letter-spacing:.11em;font-size:7px}.sq-art-label span:nth-child(2){color:#dfca8f}
.cinema-motion-paused *, .cinema-motion-paused *:before,.cinema-motion-paused *:after{animation-play-state:paused!important}.cinema-hero-offscreen .hero-film *,.cinema-hero-offscreen .hero-copy h1 em{animation-play-state:paused!important}.sq-motion-offscreen .sq-signal-art *{animation-play-state:paused!important}
.sq-illustration-toggle{font:10px/1.5 system-ui,sans-serif;color:#cfdec2;background:#14382f;border:1px solid #b5cfa840;border-radius:6px;padding:8px 12px;min-height:36px;margin-top:12px;cursor:pointer}.sq-illustration-toggle:focus-visible{outline:3px solid #e2c986;outline-offset:4px}.sq-illustration-paused .sq-signal-art *{animation-play-state:paused!important}
@keyframes filmBeam{0%,100%{translate:-15% 0;opacity:.3}50%{translate:45% 8%;opacity:1}}@keyframes headlineLight{to{background-position:220% center}}@keyframes sceneSweep{0%{background-position:150% 0}100%{background-position:-50% 0}}@keyframes prismTurn{0%,100%{transform:translateY(3px) rotateY(-20deg) rotateZ(-6deg)}50%{transform:translateY(-16px) rotateY(25deg) rotateZ(5deg)}}@keyframes facetLight{0%,100%{fill-opacity:.15}45%{fill-opacity:.8}}@keyframes crystalFlash{0%,50%,100%{opacity:0;scale:.25}58%,66%{opacity:1;scale:1}78%{opacity:.3;scale:.5}}@keyframes haloPulse{0%,100%{transform:scale(.9);opacity:.4}50%{transform:scale(1.1);opacity:1}}@keyframes cinemaCard{0%,100%{translate:0 5px}50%{translate:0 -8px}}@keyframes barRise{0%,100%{transform:scaleY(.6)}50%{transform:scaleY(1)}}@keyframes ticketJourney{0%{left:6%;top:48%;opacity:0;transform:rotate(-14deg) scale(.8)}12%{opacity:.8}45%{left:57%;top:39%;opacity:.6;transform:rotate(10deg) scale(.6)}60%{opacity:0}85%{left:83%;top:59%;opacity:.8;transform:rotate(0) scale(.7)}100%{left:83%;top:63%;opacity:0}}@keyframes filmEnter{from{opacity:0;transform:translateY(30px);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}@keyframes sceneEnter{from{opacity:0;transform:perspective(1000px) rotateY(-12deg) translateY(30px) scale(.96)}to{opacity:1;transform:none}}@keyframes stripTrace{to{left:130%}}@keyframes closingRise{50%{transform:translateY(-35px) scale(1.04)}}@keyframes skillSignal{0%{translate:0 0;opacity:0}12%{opacity:.9}70%{translate:125px 0;opacity:.8}90%,100%{translate:150px 0;opacity:0}}@keyframes studentGem{50%{transform:translateY(-6px) rotateY(20deg)}}
@media(max-width:850px){.signal-cinema{aspect-ratio:1.08}.story-tools{flex-wrap:wrap}.evidence-example{border-radius:16px 16px 0 0}.conversation-prompts{border-radius:0 0 16px 16px}.hero-film{inset:0}.hero-copy h1 em{animation-duration:12s}.signal-cinema .note-c{bottom:11%}.signal-cinema .note-b{top:55%}.scene-reel{bottom:10%}}
@media(max-width:480px){.signal-cinema .diamond-core{left:57%;top:30%;width:38%}.signal-cinema .note-a{top:17%;width:49%}.signal-cinema .note-b{top:56%;width:53%;padding:11px}.signal-cinema .note-c{bottom:10%;width:36%}.scene-reel{bottom:10%;right:8%;height:2px}.scene-chapter{font-size:5px;top:15%}.scene-bottom>span{font-size:6px;max-width:60%}.story-tools{gap:10px;font-size:9px}.story-progress{max-width:90px}.sq-signal-art{height:145px}.sq-signal-art .sq-gem{left:42%;width:44px}.sq-output{left:62%;font-size:9px;padding:8px}.sq-input{font-size:7px;padding:5px 7px}.sq-art-label{font-size:6px}.student-questions details[open]:not(.sq-source){padding-left:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-copy h1 em{background:none;color:#e6cd91}.cinema-ready .hero-copy>*{opacity:1;transform:none;filter:none}.signal-cinema .floating-note{opacity:1}.signal-ticket{display:none}.signal-cinema .diamond-core{transform:none}.hero-particles{display:none}.scene-reel:before{transition:none}.sq-input{animation:none;opacity:1;translate:0 0}.sq-input:nth-child(2){left:8%}.sq-input:nth-child(3){left:12%}}

/* Keep hit targets stationary during cinematic entrances. */
.cinema-ready .hero-copy .actions{animation-name:filmEnterStill}@keyframes filmEnterStill{from{opacity:0}to{opacity:1}}@keyframes sceneEnter{from{opacity:0;filter:blur(3px)}to{opacity:1;filter:none}}

/* The chapter caption carries hero progress; reserve the footer for its control. */
.scene-reel{display:none}@media(min-width:481px) and (max-width:850px){.signal-cinema{min-height:460px}.signal-cinema .floating-note strong{font-size:16px}}@media(max-width:480px){.signal-cinema{min-height:390px;aspect-ratio:auto}}