/* Horizontal reels keep their native scroll; each case owns its comparison. */
.work-reel{padding:74px 0 32px;border-top:1px solid var(--page-rule);scroll-margin-top:24px;overflow:hidden}
.reel-heading{display:flex;justify-content:space-between;align-items:end;gap:28px;padding:0 6vw 32px}
.reel-heading h2{font:300 clamp(38px,5.4vw,80px)/1.06 UkraineHead,Fixel,sans-serif;letter-spacing:-.045em;margin:0}
.rail-navigation{display:flex;align-items:center;gap:10px}.rail-count{font-size:13px;margin-right:16px;font-variant-numeric:tabular-nums}
.rail-navigation button{background:transparent;border:1px solid var(--page-rule);width:48px;height:48px;display:grid;place-items:center;font-size:24px;border-radius:50%}.rail-navigation button:disabled{opacity:.28;cursor:default}.rail-navigation button:not(:disabled):hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.work-track{display:flex;gap:32px;overflow-x:auto;padding:0 6vw 20px;scroll-padding-inline:6vw;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#a7aaa0 transparent;cursor:grab;overscroll-behavior-x:contain}
.work-track.is-dragging,.flow-track.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}
.reel-card{flex:0 0 min(46vw,706px);min-width:0;scroll-snap-align:start;scroll-snap-stop:normal}
.reel-media{aspect-ratio:16/10;background:#18201b;position:relative;overflow:hidden;container-type:inline-size}
.reel-media video{width:100%;height:100%;object-fit:cover;display:block}.motion-toggle{position:absolute;right:18px;bottom:18px;min-height:44px;padding:10px 18px;background:#f6f3eb;color:#282e2a;font-size:13px;border:1px solid #282e2a33}
.reel-caption{display:flex;align-items:start;justify-content:space-between;gap:20px;padding-top:20px}.reel-type{font-size:12px;color:var(--page-muted)}.reel-caption h3{font:300 clamp(29px,3.5vw,48px)/1.15 UkraineHead,Fixel,sans-serif;letter-spacing:-.045em;margin:6px 0 10px}.reel-caption p{font-size:16px;line-height:1.5;margin:0;max-width:540px;color:#51594d}.reel-caption>a{width:44px;height:44px;display:grid;place-items:center;font-size:28px;flex-shrink:0}
.before-design,.after-design{position:absolute;inset:0}.before-design{background:#f5f7fb;color:#223051;padding:5cqw 6cqw;font-family:Arial,sans-serif;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center}
.ai-nav{position:absolute;top:3cqw;left:5cqw;right:5cqw;display:flex;justify-content:space-between;font-size:1.3cqw}.ai-nav span:first-child{font-weight:bold}.ai-h{font-size:4.5cqw;line-height:1.15;font-weight:700;max-width:75%;margin-bottom:2cqw}.ai-sub{font-size:1.7cqw;line-height:1.5;max-width:65%}.ai-cta{background:#5665ce;color:white;border-radius:6px;padding:1.3cqw 2.8cqw;font-size:1.5cqw;margin-top:3cqw}
.after-design{clip-path:inset(0 calc(100% - var(--split)) 0 0);transition:clip-path .5s cubic-bezier(.22,.75,.2,1);background:#ece9df}.after-design img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.comparison-ui[hidden],.comparison-disclaimer[hidden]{display:none}.comparison-ui{position:absolute;inset:0}.compare-label{position:absolute;top:16px;padding:7px 10px;background:#f6f3eb;color:#282e2a;font-size:12px;pointer-events:none}.compare-after{left:16px}.compare-before{right:16px}
.comparison-divider{position:absolute;top:0;bottom:0;left:var(--split);width:2px;background:white;pointer-events:none;transition:left .5s cubic-bezier(.22,.75,.2,1)}.comparison-divider>span{position:absolute;left:0;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:44px;height:44px;background:var(--page-red);color:white;border:2px solid white;border-radius:50%;font-size:24px}
.comparison-ui input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}.comparison:focus-within{outline:3px solid var(--page-red);outline-offset:4px}.comparison.is-comparing .after-design,.comparison.is-comparing .comparison-divider{transition:none}
.comparison-actions{margin-top:18px}.compare-toggle{display:flex;align-items:center;gap:40px;padding:10px 0;border-bottom:1px solid currentColor;background:transparent;font-size:14px}.compare-toggle span{font-size:22px}.comparison-disclaimer{font-size:12px;line-height:1.5;color:var(--page-muted);max-width:470px;margin:14px 0 0}
.reel-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 6vw 0;font-size:13px;color:var(--page-muted)}.reel-footer p{margin:0;color:var(--ink)}.reel-footer>span{font-size:12px}
.ai-reality{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:start;padding-top:110px;padding-bottom:110px}.ai-reality h2{font-size:clamp(40px,4.6vw,70px)}.ai-reality p:not(.author-signature){font-size:20px;line-height:1.5;max-width:475px;margin:26px 0}.ai-reality .page-link{font-size:14px}.reality-answer h3{font:300 clamp(30px,3.25vw,50px)/1.15 UkraineHead,Fixel,sans-serif;letter-spacing:-.04em;color:var(--page-red);margin:0}.author-signature{display:flex;align-items:center;gap:20px;margin:32px 0 0;font-size:13px;line-height:1.6}.signature-mark{font-size:72px;font-weight:650;letter-spacing:-.09em;line-height:1;color:var(--page-red)}.author-signature a{text-decoration:underline;text-underline-offset:4px}
.visually-hidden{position:absolute;left:0;top:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.page-cta{position:relative;overflow:hidden;padding-bottom:60px}.cta-layout{position:relative;z-index:1;grid-template-columns:1.25fr 1fr;align-items:start}.page-cta h2{font-size:clamp(46px,6.3vw,100px);line-height:1.04}.cta-copy{padding-top:8px}.cta-copy p{font-size:18px;line-height:1.5}.cta-copy p.cta-options{font-size:14px;line-height:1.6;margin-top:20px}.cta-wordmark{font-size:clamp(100px,24vw,400px);font-weight:650;line-height:.8;letter-spacing:-.085em;opacity:.18;margin:65px 0 -15px;white-space:nowrap;user-select:none;pointer-events:none}
@media(max-width:760px){
 .work-reel{padding-top:50px}.reel-heading{align-items:center;padding-bottom:26px}.reel-heading h2{font-size:38px}.rail-navigation{gap:7px}.rail-navigation button{width:40px;height:40px;font-size:21px}.rail-count{font-size:11px;margin-right:4px}.work-track{gap:16px}.reel-card{flex-basis:88vw}.reel-media{aspect-ratio:16/10}.reel-caption h3{font-size:32px}.reel-caption p{font-size:15px}.reel-caption{padding-top:17px}.motion-toggle{right:10px;bottom:10px;min-height:40px;font-size:11px;padding:8px 12px}
 .compare-label{font-size:10px;padding:5px 6px;top:8px}.compare-before{right:8px}.compare-after{left:8px}.comparison-divider>span{width:36px;height:36px;font-size:21px}.compare-toggle{font-size:14px}.comparison-disclaimer{font-size:12px}.reel-footer{display:block;padding-top:18px}.reel-footer>span{display:block;margin-top:12px;max-width:270px;line-height:1.5}
 .ai-reality{display:block;padding:60px 6vw}.ai-reality h2{font-size:39px}.ai-reality p:not(.author-signature){font-size:18px;margin:22px 0}.reality-answer{margin-top:42px}.reality-answer h3{font-size:32px}.author-signature{font-size:12px;gap:16px}
 .faq-layout,.cta-layout{display:block}.page-cta h2{font-size:44px}.cta-copy p{font-size:17px}.cta-wordmark{margin:48px 0 0;font-size:24vw}.cta-copy .page-link{font-size:18px}
}
@media(prefers-reduced-motion:reduce){.after-design,.comparison-divider{transition:none}}