/* Additive motion only. Deployed marketing typography, colours and layout remain the base. */
.motion-addition{--accent:var(--coral);--white:#fffefa}
.motion-addition.cut-section{position:relative;padding:96px 0 80px;min-height:860px}
.motion-addition .cut-sticky{position:relative}
.motion-ready .motion-addition.cut-section{height:calc(var(--cut-sticky-height,720px) + var(--cut-scroll-distance,1080px));padding:0}
.motion-ready .motion-addition .cut-sticky{position:sticky;top:var(--cut-sticky-top,0px);padding-top:58px;padding-bottom:32px}
.motion-addition .cut-stage{height:350px;position:relative;overflow:hidden;background:#e9e8e0;border:1px solid #d8d8cc}
.motion-addition .stage-grid{position:absolute;inset:0;background-image:linear-gradient(#25251c05 1px,transparent 1px),linear-gradient(90deg,#25251c05 1px,transparent 1px);background-size:32px 32px}
.motion-addition .stage-label{position:absolute;top:21px;font-size:8px;letter-spacing:.12em;z-index:3}
.motion-addition .stage-label.left{left:25px}
.motion-addition .stage-label.right{right:25px}
.motion-addition .stage-label.right>span{margin-left:30px}
.motion-addition .paper-field{position:absolute;inset:0}
.motion-addition .cv-paper{position:absolute;left:23%;top:48%;width:103px;height:139px;padding:12px;background:#fffdf7;border:1px solid #dbd9d0;box-shadow:0 4px 12px #20231e0b}
.motion-addition .cv-paper b{display:block;font-size:6px;margin-bottom:8px}
.motion-addition .cv-paper i{display:block;height:2px;background:#d4d3ca;margin-bottom:5px;width:100%}
.motion-addition .cv-paper i:nth-child(3n){width:68%}
.motion-addition .cv-paper i:nth-child(5n){background:#bfc8ae}
.motion-addition .cv-paper small{font-size:5px;color:#787e6d}
.motion-addition .cut-line{position:absolute;left:48%;width:1px;background:var(--accent);top:30px;bottom:40px;z-index:5}
.motion-addition .cut-line>span{position:absolute;top:36px;left:-7px;writing-mode:vertical-rl;font-size:7px;letter-spacing:.14em;background:#e9e8e0;padding:10px 3px;color:#ad5437}
.motion-addition .signal-fragments{position:absolute;left:51%;top:105px;display:grid;gap:14px;opacity:0}
.motion-addition .signal-fragments>span{background:#f4f2ec;border-left:2px solid var(--accent);padding:10px 14px;font-size:10px;box-shadow:0 3px 8px #20231e08}
.motion-addition .shortlist-output{position:absolute;top:70px;right:5%;width:39%;background:var(--white);box-shadow:0 8px 30px #20231e08;padding:20px;opacity:1}
.motion-addition .output-heading{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.1em;margin-bottom:13px}
.motion-addition .output-heading span:last-child{color:#818778}
.motion-addition .result-row{display:flex;align-items:center;gap:14px;border-top:1px solid var(--line);padding:13px 0;transition:background .2s}
.motion-addition .result-row:hover{background:#f4f2ec}
.motion-addition .rank{font:10px monospace;color:#8c907f}
.motion-addition .result-row strong{display:block;font-size:12px;font-weight:500}
.motion-addition .result-row small{font-size:8px;color:#777e6b}
.motion-addition .result-tag{font-size:8px;color:#677855;margin-left:auto;white-space:nowrap}
.motion-addition .shortlist-output>p{font-size:8px;color:#858978;margin-top:7px}
.motion-addition .stage-footer{position:absolute;bottom:18px;left:25px;right:25px;display:flex;justify-content:space-between;gap:12px;font-size:8px;color:#787f6e}
.motion-addition .stage-footer>span:last-child{font-size:7px;letter-spacing:.07em}
.motion-addition .cut-controls{display:flex;justify-content:space-between;align-items:center;margin-top:23px;gap:30px}
.motion-addition .stage-tabs{display:flex;gap:30px}
.motion-addition .stage-tabs button{background:none;border:0;border-bottom:1px solid transparent;padding:9px 0;font-size:11px;color:#858878}
.motion-addition .stage-tabs button span{font:9px monospace;margin-right:9px}
.motion-addition .stage-tabs button[aria-pressed=true]{color:var(--ink);border-color:var(--accent)}
.motion-addition .scrub-label{display:flex;align-items:center;gap:12px;font-size:9px;color:#767d6c}
.motion-addition .scrub-label input{width:135px;height:3px;accent-color:#bb5637;cursor:ew-resize}
.motion-addition .cut-footnote{font-size:10px;color:#818675;margin-top:22px}
@media(max-width:1100px){
.motion-addition .stage-tabs{gap:20px}
}
@media(max-width:760px){
.motion-addition.cut-section{padding:65px 0 55px;min-height:auto}
.motion-ready .motion-addition .cut-sticky{padding-top:28px;padding-bottom:20px}
.motion-addition .cut-sticky .section-heading{margin-bottom:22px}
.motion-addition .cut-sticky .eyebrow{margin-bottom:12px}
.motion-addition .cut-sticky h2{font-size:clamp(34px,7vw,46px)}
.motion-addition .cut-sticky .section-heading>p{font-size:11px;line-height:1.6;margin-top:12px;max-width:420px}
.motion-addition .cut-stage{height:350px}
.motion-addition .stage-label{font-size:6px;top:17px}
.motion-addition .stage-label.left{left:15px}
.motion-addition .stage-label.right{right:15px}
.motion-addition .stage-label.right>span{margin-left:5px}
.motion-addition .stage-label .status-dot{width:4px;height:4px;margin-right:4px}
.motion-addition .cv-paper{width:69px;height:99px;padding:8px;left:25%;top:36%}
.motion-addition .cv-paper b{font-size:5px}
.motion-addition .cv-paper i{height:1px;margin-bottom:4px}
.motion-addition .cv-paper small{font-size:4px}
.motion-addition .cut-line{left:48%;top:44px;bottom:35px}
.motion-addition .cut-line>span{font-size:6px;top:10px}
.motion-addition .signal-fragments{left:42%;top:80px;gap:9px;z-index:6}
.motion-addition .signal-fragments>span{font-size:8px;padding:9px 10px}
.motion-addition .shortlist-output{width:90%;top:126px;right:5%;padding:16px;z-index:7}
.motion-addition .output-heading{font-size:7px;margin-bottom:8px}
.motion-addition .result-row{padding:10px 0;gap:10px}
.motion-addition .result-row strong{font-size:11px}
.motion-addition .result-row small{font-size:7px}
.motion-addition .result-tag{font-size:7px}
.motion-addition .shortlist-output>p{font-size:7px}
.motion-addition .stage-footer{left:15px;right:15px;bottom:15px;font-size:7px}
.motion-addition .stage-footer>span:last-child{font-size:5px;max-width:110px;text-align:right;line-height:1.5}
.motion-addition .cut-controls{align-items:flex-start;flex-direction:column;gap:5px;margin-top:12px}
.motion-addition .stage-tabs{width:100%;justify-content:space-between;gap:14px}
.motion-addition .stage-tabs button{font-size:10px;min-height:40px}
.motion-addition .stage-tabs button span{font-size:8px;margin-right:5px}
.motion-addition .scrub-label{width:100%;justify-content:flex-end;font-size:8px}
.motion-addition .scrub-label input{flex:1;max-width:none;height:24px}
.motion-addition .cut-footnote{font-size:9px;line-height:1.6;margin-top:12px}
}
@media(prefers-reduced-motion:reduce){
.motion-ready .motion-addition.cut-section{height:auto;padding:65px 0}
.motion-ready .motion-addition .cut-sticky{position:relative;padding:0}
}
.motion-paused .motion-addition.cut-section{height:auto;padding:65px 0}
.motion-paused .motion-addition .cut-sticky{position:relative;top:auto;padding:0}
@media(min-width:761px) and (max-height:800px){
.motion-ready .motion-addition .cut-sticky{padding-top:30px;padding-bottom:22px}
.motion-addition .cut-sticky .section-heading{margin-bottom:28px}
.motion-addition .cut-sticky h2{font-size:48px}
.motion-addition .cut-sticky .eyebrow{margin-bottom:17px}
.motion-addition .cut-stage{height:325px}
.motion-addition .shortlist-output{top:55px}
.motion-addition .cut-controls{margin-top:15px}
.motion-addition .cut-footnote{margin-top:14px}
}
@media(max-width:380px){
.motion-addition .stage-tabs{gap:8px}
.motion-addition .stage-tabs button{font-size:9px}
}
.motion-addition .cut-tally{position:absolute;left:8%;top:108px;display:flex;flex-direction:column;gap:13px;opacity:0}
.motion-addition .cut-tally strong{font-size:72px;font-weight:400;letter-spacing:-.07em;line-height:1}
.motion-addition .cut-tally em{font-family:'DM Sans',sans-serif;font-style:normal;color:#b37155;font-size:40px;margin:0 10px}
.motion-addition .cut-tally>span{font-size:10px;color:#7b826e}
.motion-addition .shortlist-output{padding:16px 20px}
.motion-addition .result-row{padding:9px 0}
@media(max-width:760px){
.motion-addition .cut-tally{left:8%;top:48px;gap:5px}
.motion-addition .cut-tally strong{font-size:52px}
.motion-addition .cut-tally em{font-size:30px}
.motion-addition .cut-tally>span{font-size:8px}
.motion-addition .shortlist-output{padding:12px}
.motion-addition .output-heading{margin-bottom:6px;line-height:1.2}
.motion-addition .result-row{padding:7px 0;gap:8px}
.motion-addition .result-row>div{flex:1;min-width:0}
.motion-addition .result-row strong{line-height:1.2}
.motion-addition .result-row small{display:block;line-height:1.2;margin-top:2px}
.motion-addition .result-tag{flex-shrink:0}
.motion-addition .shortlist-output>p{margin-top:8px;line-height:1.3}
}
.motion-addition .cut-stage{background:#efefe7}
.motion-addition .cut-line>span{background:#efefe7}
.motion-addition .signal-fragments>span{background:#f9f8f4}
.motion-addition.walkthrough-section{padding-top:100px;padding-bottom:90px}
.motion-addition .walkthrough-player{position:relative;border:1px solid var(--line);border-radius:10px;background:#eaf0e4;overflow:hidden;aspect-ratio:16/9;box-shadow:0 22px 60px -30px #404b3333}
.motion-addition .walkthrough-player video{display:block;width:100%;height:100%;object-fit:contain}
.motion-addition .tour-chapters{display:flex;justify-content:space-between;gap:15px;padding:22px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}
.motion-addition .tour-chapters button{background:transparent;border:0;color:#989f8c;font-size:8px;padding:7px 0;display:flex;gap:9px;align-items:center}
.motion-addition .tour-chapters button>span{font-size:10px;color:#636e58}
.motion-addition .tour-chapters button[aria-current=true]>span{color:#b65138}
.motion-addition .tour-chapters button[aria-current=true]{color:var(--accent)}
.motion-addition .tour-caption{display:flex;justify-content:space-between;gap:30px;padding-top:16px;font-size:9px;color:#89917e;line-height:1.7}
.motion-addition .tour-caption a{white-space:nowrap;color:#66745b}
.motion-addition .tour-caption a:hover{color:var(--accent)}
@media(max-width:760px){
.motion-addition.walkthrough-section{padding-top:60px;padding-bottom:45px}
.motion-addition .tour-chapters{justify-content:flex-start;gap:6px 20px;padding:17px 0}
.motion-addition .tour-chapters button{font-size:7px;gap:5px}
.motion-addition .tour-chapters button>span{font-size:9px}
.motion-addition .tour-caption{flex-direction:column;gap:8px;font-size:8px}
}
.motion-addition .walkthrough-player video:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}
.motion-addition .tour-caption{font-size:10px;color:#747f65}
.motion-addition .tour-chapters button{min-height:36px}
.motion-addition .motion-serif{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:400}
.motion-addition .section-heading{opacity:1;transform:none;transition:none}
.motion-addition .section-heading h2{font-family:var(--heading);font-weight:500;letter-spacing:-1.9px}
.motion-addition .cut-stage,.motion-addition .cut-controls,.motion-addition .cut-footnote{line-height:normal}
.motion-addition .section-heading>div>p:not(.eyebrow){font-size:13px;line-height:1.85;color:var(--muted)}
.motion-addition .section-heading>div>.text-link{margin-top:14px}
.motion-addition .status-dot{display:inline-block;width:6px;height:6px;background:var(--coral);border-radius:50%;margin-right:8px}
.motion-addition .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.motion-addition .cut-stage{background:#efefe7}
.motion-addition .cut-line>span{background:#efefe7}
@media(max-width:760px){
 .motion-addition .section-heading{display:block;gap:0}
 .motion-addition .section-heading>p,.motion-addition .section-heading>div>p:not(.eyebrow){max-width:420px;margin-top:12px;font-size:12px;line-height:1.6}
 .motion-addition .section-heading>p br{display:none}
 .motion-addition .cut-sticky h2{font-size:34px;line-height:1.1}
 .motion-addition .cut-footnote{line-height:1.6}
}
@media(max-width:760px) and (max-height:650px){.motion-addition .cut-stage{height:300px}.motion-addition .cut-tally{top:39px}.motion-addition .cut-tally strong{font-size:44px}.motion-addition .shortlist-output{top:94px}.motion-addition .stage-footer{bottom:12px}}
@media(prefers-reduced-motion:reduce){.motion-addition .cut-sticky{top:auto!important}.motion-addition *{transition:none!important}}