/* White editorial canvas. Motion belongs to films and information, not dark overlays. */
:root{--paper:#fff;--soft:#f4f5f8;--accent:#6558ee}
.cinema-case{height:410svh;background:#fff;color:var(--ink)}
.cinema-case .motion-stage{background:#fff}
.cinema-case .world-shade{display:none}
.cinema-case .world-background{inset:60% auto auto var(--pad);width:34%;height:26%;object-fit:cover;opacity:1;filter:none;transform:none}
.cinema-case .world-top{top:112px;left:var(--pad);right:auto;width:34%;gap:15px;align-items:center}
.cinema-case .vint-mark{width:135px;height:50px}
.cinema-case .vint-case-label{display:none}
.cinema-case .subtle-button{color:#35353c;border-color:#bcbcc3;font-size:10px;white-space:nowrap}
.vint-intro{top:26%;right:auto;width:37%}
.vint-intro>p{color:#666;font-size:11px;margin-bottom:20px}
.vint-intro h2{font-size:clamp(30px,3.25vw,54px);line-height:1.24;letter-spacing:-.035em}
.vint-intro>span{color:#777;font-size:12px;max-width:350px;line-height:1.85;margin-top:22px}
.cinema-case .orbit-gallery{inset:0 4% 0 49%;width:auto;height:auto;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start;transform:rotate(-5deg);transform-origin:50% 50%;perspective:none}
.film-column{display:flex;flex-direction:column;gap:24px;transform:translate3d(0,calc(var(--col-start,0px) - var(--p,0)*var(--col-travel,1000px)),0);will-change:transform}
.cinema-case .orbit-film,.cinema-case .orbit-film:nth-child(n){width:100%;height:auto;aspect-ratio:9/16;align-self:auto;max-width:none;min-height:0;flex-shrink:0;box-shadow:none;transform:none;border-radius:2px}
.cinema-case .orbit-film video{width:100%;height:100%;aspect-ratio:9/16;object-fit:cover}
.cinema-case .world-bottom{left:var(--pad);right:auto;width:34%;bottom:5%;color:#666}
.cinema-case .world-bottom>p,.cinema-case .world-bottom>span:last-child{display:none}
.cinema-case .gallery-hint{color:#555;font-size:11px!important;opacity:1}
.cinema-case .gallery-hint b{display:inline-block;transform:rotate(135deg)}
.cinema-case.has-focus .world-background{filter:none;opacity:.2}
.cinema-case.has-focus .vint-intro{opacity:.15}
.cinema-case.has-focus .orbit-film{opacity:.17}
.cinema-case #film-focus{background:#ffffff45}
.cinema-case .focus-close{background:#fff;color:#18191d;border-color:#aaa}
.cinema-case .focus-sound{background:#fff;color:#18191d;box-shadow:0 2px 15px #0001}

/* Brand outcomes continue on the same canvas. */
.brand-outcomes{height:200svh;background:#fff;color:var(--ink);border-top:1px solid #ececf0}
.outcome-film{display:none}
.outcome-copy{top:19%}
.outcome-copy h2{font-size:clamp(32px,4vw,64px);max-width:65%;letter-spacing:-.035em}
.outcome-copy em{color:#6558ee}
.outcome-copy>p:not(.eyebrow){color:#777;font-size:13px}
.milestones{margin-top:55px;gap:4vw;width:100%}
.milestones article{border-top:1px solid #dcdce4;padding-top:20px;max-width:none;flex:1}
.milestones small{color:#777}.milestones h3{font-size:clamp(24px,2.2vw,36px);margin:16px 0 12px}.milestones p{color:#777;font-size:11px}
.collab-proof{width:25%;top:19%;right:var(--pad);opacity:1;transform:translateY(calc((1 - var(--p,0))*18px))}
.collab-proof img{width:100%;object-fit:contain}.collab-proof figcaption{color:#777;letter-spacing:.04em}

/* Earned reach: one large number, a clear breakdown, then the actual work. */
.daki-world{height:160svh;background:#fff;color:var(--ink);border-top:1px solid #ececf0}
.reach-lines{display:none}.daki-world .world-top{font-size:10px;color:#777;top:115px}
.daki-title{top:23%;left:var(--pad);right:var(--pad);display:grid;grid-template-columns:1fr 1.15fr;column-gap:6vw;align-items:start}
.daki-title h2{font-size:clamp(32px,3.3vw,54px);line-height:1.27;max-width:500px;font-weight:500;letter-spacing:-.03em;grid-column:1;grid-row:1}
.daki-monument{grid-column:2;grid-row:1;margin:0;line-height:.9;letter-spacing:-.02em;transform:translateY(calc((1 - var(--p,0))*35px));align-items:baseline;white-space:nowrap;gap:5px}
.daki-monument>span{font-size:clamp(110px,15.5vw,250px);font-weight:450}.daki-monument>b{font-size:clamp(35px,4.5vw,72px);margin-left:5px}.daki-monument small{font-size:14px;color:#777}
.daki-title>p{grid-column:2;color:#777;font-size:12px;margin-top:20px}
.reach-platforms{grid-column:2;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #dcdce5;padding-top:26px;margin-top:35px;font-size:11px;color:#666}
.reach-platforms span{display:flex;flex-direction:column;gap:12px}.reach-platforms b{font-size:24px;font-weight:500;color:var(--ink)}
.ten-years{top:57%;left:var(--pad);right:auto;bottom:auto;display:block;color:#8d8b9c}.ten-years span{font-size:11px;line-height:1.65;letter-spacing:.08em}
.daki-world .world-bottom{border-color:#dddde6;bottom:7%;color:#777}.daki-world .world-bottom p{font-size:12px}.daki-world .world-bottom a{color:#333;font-size:11px}.daki-world .world-bottom small{color:#888;font-size:9px}
.proof-reels{background:#fff;color:var(--ink);height:240svh}
.proof-head{top:15%}.proof-head h2{font-size:clamp(32px,3.5vw,56px)}.proof-head p,.proof-head p span{color:#777}.proof-scroll-hint{color:#35353c}
.proof-track{top:44%;height:48%;gap:26px}
.proof-reel{width:24vw;max-width:370px;min-width:260px;overflow:hidden;background:#fff;color:var(--ink);border:1px solid #e4e4e8;display:flex;flex-direction:column}
.proof-reel img{position:absolute;inset:0;width:100%;height:59%;object-fit:cover;object-position:center 16%;filter:none}
.proof-reel:after{display:none}.proof-reel>div{position:absolute;left:20px;right:20px;bottom:16px;top:62%;color:var(--ink);display:flex;flex-direction:column;justify-content:center}
.proof-reel strong{font-size:clamp(40px,4.2vw,65px);font-weight:450;line-height:1}.proof-reel strong small{color:#555;font-size:15px;margin-left:7px}.proof-reel p{font-size:12px;margin:9px 0;max-width:90%}.proof-reel>div>span{color:#777;font-size:9px}.proof-reel .proof-play{color:#222;border-color:#ccc;background:#fff;bottom:17px;backdrop-filter:none}
.partners-world{height:200svh}.partner-heading h2{letter-spacing:-.025em}.logo-cell{filter:none}.logo-cell img{filter:grayscale(1);opacity:.9}.logo-cell:hover img{filter:none;opacity:1}

/* Each graph gets an entrance, growth, and a long settled reading interval. */
.results-world{height:640svh}
.metric-scene{transition:opacity .65s ease,transform .8s cubic-bezier(.22,.8,.18,1)}
.ribbon-track i{transition:transform .14s linear}
.results-bottom>span{font-size:11px;color:#777}

/* Keep generated dark footage inside a film window instead of darkening the page. */
.cost-cinema{background:#fff;color:var(--ink);border-top:1px solid #ececf0}
.cost-cinema .cost-film{inset:24% 4% auto auto;width:48%;height:50%;object-fit:cover;background:#fff}
.cost-editorial{max-width:43%;top:18%}.cost-editorial h2{font-size:clamp(32px,3.8vw,62px)}.cost-editorial h2 em{color:#6558ee}
.cost-editorial>p:not(.eyebrow),.cost-hero-number>span,.cost-hero-number b{color:#777}
.cost-hero-number{margin-top:30px}.cost-hero-number strong{font-size:clamp(85px,9vw,145px)}
.cost-caption{border-color:#dcdce5;background:#fff;bottom:30px;padding-top:22px}.cost-caption>div>span,.cost-caption>p{color:#777}.cost-caption>button{border-color:#999}
.web-cost .cost-film{inset:18% 3% auto auto;width:51%;height:59%;object-fit:contain}.web-cost .cost-editorial h2 em{color:#6558ee}
.web-intro{background:#fff;color:var(--ink)}.web-intro h2{color:var(--ink);text-shadow:none}.web-intro h2 span{color:#6558ee}.web-intro-bottom p{color:#555}.web-intro-bottom a{color:#222;border-color:#777}
.web-panorama{opacity:.23}.web-panorama:after{background:linear-gradient(90deg,#ffffffbf,transparent 75%)}.floating-web{box-shadow:0 20px 60px #15152218}
footer{background:#f4f5f8;color:var(--ink)}.footer-cta span{color:#6558ee}.footer-bottom{border-color:#d5d6df}

@media(max-width:900px) and (min-width:701px){.vint-intro h2{font-size:32px}.cinema-case .world-top{top:110px;flex-wrap:wrap}.vint-intro{top:28%}.collab-proof{width:26%}.outcome-copy h2{font-size:38px}.milestones{margin-top:65px}.proof-reel{min-width:220px}.daki-monument>span{font-size:16vw}.reach-platforms{gap:12px}.reach-platforms b{font-size:19px}}
@media(max-width:700px){
 .cinema-case{height:400svh}.cinema-case .world-top{top:98px;left:24px;width:calc(100% - 48px);right:24px;flex-wrap:nowrap}.cinema-case .vint-mark{width:92px;height:35px}.cinema-case .subtle-button{font-size:8px}.vint-intro{top:20%;left:24px;width:calc(100% - 48px);right:24px}.vint-intro>p{font-size:9px;margin-bottom:14px}.vint-intro h2{font-size:29px;line-height:1.25}.vint-intro>span{font-size:10px;line-height:1.7;max-width:290px;margin-top:15px}.cinema-case .world-background{display:none}.cinema-case .orbit-gallery{inset:47% 3% 0 13%;gap:14px;transform:rotate(-5deg)}.film-column{gap:14px}.cinema-case .orbit-film:nth-child(n){border-radius:1px}.cinema-case .world-bottom{bottom:15px;width:auto;left:24px;right:auto;z-index:4;background:#fffffff2;padding:8px 10px}.cinema-case .gallery-hint{font-size:9px!important}.cinema-case .world-bottom b{font-size:14px}.cinema-case .focus-top{top:-48px}
 .brand-outcomes{height:210svh}.outcome-copy{top:16%}.outcome-copy h2{max-width:none;font-size:31px;margin:20px 0}.outcome-copy>p:not(.eyebrow){font-size:11px}.collab-proof{width:calc(100% - 48px);top:auto;bottom:35px;right:24px}.collab-proof img{max-height:22svh}.milestones{gap:15px;margin-top:30px}.milestones article{padding-top:13px}.milestones small{font-size:6px}.milestones h3{font-size:17px}.milestones p{font-size:8px}
 .daki-world{height:150svh}.daki-world .world-top{top:110px;font-size:7px;gap:15px}.daki-title{top:22%;left:24px;right:24px;display:block}.daki-title h2{font-size:30px;max-width:300px}.daki-monument{margin:40px 0 0;transform:none;gap:4px}.daki-monument>span{font-size:36vw}.daki-monument>b{font-size:12vw}.daki-monument small{font-size:10px}.daki-title>p{font-size:10px;margin-top:18px}.reach-platforms{margin-top:26px;padding-top:20px;gap:15px;font-size:9px}.reach-platforms b{font-size:19px}.ten-years{display:none}.daki-world .world-bottom{left:24px;right:24px;bottom:35px;gap:15px;flex-wrap:wrap}.daki-world .world-bottom p{display:none}.daki-world .world-bottom small{font-size:7px}.daki-world .world-bottom a{font-size:10px}
 .proof-reels{height:230svh}.proof-head{top:16%}.proof-head h2{font-size:30px}.proof-head p{font-size:9px}.proof-track{top:40%;height:50%;gap:18px}.proof-reel{width:72vw;min-width:0}.proof-reel img{height:60%;object-position:center 14%}.proof-reel>div{top:63%;left:18px;bottom:16px}.proof-reel strong{font-size:48px}.proof-reel p{font-size:11px;max-width:95%;line-height:1.4}.proof-reel strong small{font-size:13px}.proof-reel>div>span{font-size:8px}.proof-reel .proof-play{width:27px;height:27px;right:10px;bottom:12px}
 .partners-world{height:220svh}.results-world{height:680svh}.results-bottom>span{font-size:8px}
 .cost-cinema .cost-editorial{top:14%;max-width:none}.cost-editorial h2{font-size:32px}.cost-cinema .cost-film{inset:49% 0 auto auto;width:56%;height:25%;object-fit:cover}.cost-hero-number{margin-top:24px;width:55%}.cost-hero-number strong{font-size:88px}.cost-hero-number>span{font-size:11px}.cost-hero-number b{font-size:9px}.cost-caption{bottom:24px;padding-top:18px}.cost-caption>p{font-size:8px}.web-cost .cost-film{inset:46% 0 auto auto;width:60%;height:28%;object-fit:contain}.web-cost .cost-hero-number{width:60%}.web-cost .cost-hero-number strong{font-size:76px}.web-cost .cost-hero-number b{max-width:160px}.web-cost .cost-caption{background:#fff;bottom:24px}.web-intro h2{font-size:35px}.web-panorama{opacity:.2}
}
@media(prefers-reduced-motion:reduce){
 .cinema-case,.brand-outcomes,.daki-world,.proof-reels,.partners-world,.results-world{height:auto}.cinema-case .motion-stage{min-height:1000px}.cinema-case .orbit-gallery{position:absolute;top:50%;left:var(--pad);right:var(--pad);bottom:7%;height:auto;width:auto;display:flex;transform:none;overflow:auto;max-width:none}.film-column{display:contents;transform:none!important}.cinema-case .orbit-film:nth-child(n){width:200px;height:100%;aspect-ratio:9/16}.cinema-case .world-background{display:none}.vint-intro{width:80%}.cinema-case .world-bottom{width:auto}.proof-track{transform:none;overflow:auto;right:var(--pad)}.daki-monument{transform:none}.brand-outcomes .milestones article{transform:none}.cost-cinema .cost-film{display:none}.results-world .motion-stage{height:auto;min-height:1000px}.results-bottom>span{display:none}
}

.daki-title h2 span{color:inherit}.vint-intro>span{word-break:keep-all;max-width:440px}
#daki-heading .reveal-line>span{color:var(--ink)}
.results-bottom:before{content:'';position:absolute;left:0;right:0;top:-2px;height:2px;background:var(--accent);transform:scaleX(var(--p,0));transform-origin:left}
.daki-title{width:auto}.proof-reel img{object-position:center 75%}
@media(max-width:700px) and (prefers-reduced-motion:no-preference){.cinema-case .orbit-gallery{overflow:hidden}}
.nav{background:transparent}
.logo-cell img{opacity:1;filter:grayscale(1)}
.logo-cell img[src*="brands-v2/ex-"],.logo-cell img[src*="brands-v2/koroad-"],.logo-cell img[src*="brands-v2/benz-"],.logo-cell img[src*="brands-v2/kb-"],.logo-cell img[src*="brands-v2/seasall"]{max-width:150px;height:38px}
.logo-cell img[src*="client-lg"],.logo-cell img[src*="client-audi"],.logo-cell img[src*="client-ford"],.logo-cell img[src*="brands-v2/getcha"]{max-width:95px;height:35px}
.logo-cell img[src*="client-bmw"],.logo-cell img[src*="client-porsche"],.logo-cell img[src*="client-peugeot"],.logo-cell img[src*="client-volvo"]{max-width:65px;height:45px}
@media(max-width:700px){.cinema-case .world-bottom{top:42%;bottom:auto;background:none;padding:0;left:24px}.logo-cell img[src*="brands-v2/"]{height:28px}.logo-cell img[src*="client-bmw"],.logo-cell img[src*="client-porsche"],.logo-cell img[src*="client-peugeot"],.logo-cell img[src*="client-volvo"]{height:30px}}
@media(min-width:701px){.cinema-case .focus-panel{width:calc(86svh * .5625)}.cinema-case .focus-panel video{height:86svh}}
