/* One visual language: bold type, black and white, movement with a destination. */
:root{--accent:#161616;--ink:#111;--soft:#f4f4f4}
.vint-intro h2,.outcome-copy h2,.results-head h2,.cost-editorial h2,.web-intro h2,.ai-search h2,.journey-heading h3,.plans h2{font-weight:720;letter-spacing:-.035em;line-height:1.16}
.milestones h3,.plan-grid h3,.web-plan h3{font-weight:680;letter-spacing:-.035em}
.outcome-copy em,.cost-editorial h2 em,.web-cost .cost-editorial h2 em,.web-intro h2 span,.results-head h2 .reveal-line>span,.ai-search h2 .reveal-line>span,.journey-heading h3 em,.footer-cta span{color:inherit}
.outcome-copy h2{font-size:clamp(38px,4.5vw,74px)}.results-head h2{font-size:clamp(38px,4.6vw,76px)}.web-intro h2{font-size:clamp(46px,6vw,96px)}
.metric-number strong,.cost-hero-number strong{font-weight:650}.cost-hero-number strong{letter-spacing:-.025em}.results-head{top:16%}.metrics{top:43%}
.ribbon-track.after i{background:linear-gradient(105deg,#111,#666 50%,#171717)}
.ribbon-track.before i{background:linear-gradient(105deg,#777,#ccc 50%,#888)}
.ribbon-track i{box-shadow:0 5px 12px #0002}.ribbon-track{background:#ededed}
.stat-fill{stroke:#111}.stat-track{stroke:#e5e5e5}.source-result{border-color:#111;background:#f5f5f5}.plan-grid article.featured{background:#111}
.web-panorama{opacity:.18}footer{background:#fff;border-top:1px solid #ddd}.footer-cta{font-weight:700}
.brand-outcomes .milestones article{position:relative}.brand-outcomes .milestones article:before{content:'';position:absolute;top:-1px;left:0;width:100%;height:2px;background:#111;transform:scaleX(var(--on,0));transform-origin:left}
.reach-story{height:380svh;background:#fff}.brand-story{height:400svh;background:#fff;border-top:1px solid #e8e8e8}
.reach-story .motion-stage,.brand-story .motion-stage{min-height:700px}
.story-kicker{position:absolute;top:120px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.06em;color:#777;z-index:30}
.story-foot{position:absolute;bottom:28px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:20px;border-top:1px solid #ddd;font-size:10px;color:#666;z-index:30}
.story-foot small{font-size:9px}.story-foot a{color:#111}.story-foot i{position:absolute;left:0;right:0;top:-1px;height:2px;background:#111;transform:scaleX(var(--story-progress,0));transform-origin:left}
.accumulation-copy{position:absolute;left:var(--pad);top:23%;z-index:8}.accumulation-copy h2{font-size:clamp(40px,4.4vw,70px);line-height:1.12;font-weight:750;letter-spacing:-.035em}.accumulation-copy p{font-size:13px;line-height:1.8;margin-top:22px;color:#666}
.content-accumulator{position:absolute;left:25%;top:65%;width:clamp(130px,12vw,180px);height:clamp(180px,16vw,235px);transform:translate(-50%,-50%) rotate(-4deg);perspective:1200px;z-index:2}
.content-sheet{position:absolute;inset:0;margin:0;border:5px solid #fff;box-shadow:0 15px 35px #0002;will-change:transform;z-index:calc(5 + var(--i));overflow:hidden;background:#fff}.content-sheet img{width:100%;height:100%;object-fit:cover;object-position:center 65%}
.archive-pages{position:absolute;inset:0;z-index:0;opacity:var(--pile,0)}.archive-pages i{position:absolute;inset:0;background:#eee;border:1px solid #c9c9c9;transform:translate(calc(var(--layer)*-3px),calc(var(--layer)*4px)) rotate(calc(var(--layer)*-.6deg));z-index:calc(12 - var(--layer))}
.stack-label{position:absolute;top:calc(100% + 35px);left:-30px;right:-70px;white-space:nowrap;font-size:10px;color:#777;transform:rotate(4deg)}
.accumulated-result{position:absolute;left:44%;right:var(--pad);top:40%;z-index:10}.accumulated-result>p{font-size:12px;font-weight:550;opacity:var(--result,0);transform:translateY(calc((1 - var(--result,0))*25px));margin-bottom:24px}.number-window{overflow:hidden;padding:12px 0 4px}.reach-total{display:flex;gap:8px;align-items:baseline;white-space:nowrap;transform:translateY(calc((1 - var(--result,0))*120%))}.reach-total small{font-size:13px;color:#777}.reach-total strong{font:750 clamp(120px,15.5vw,250px)/.83 Instrument,Wanted,sans-serif;letter-spacing:-.035em}.reach-total b{font-size:clamp(35px,5vw,70px);font-weight:650}
.reach-sources{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ddd;margin-top:28px;padding-top:18px;opacity:var(--result,0);font-size:10px;color:#777}.reach-sources b{display:block;margin-top:8px;font-size:23px;font-weight:650;color:#111}
.brand-cloud{position:absolute;inset:0;perspective:1300px;z-index:3;pointer-events:none}.flying-logo{position:absolute;left:50%;top:50%;width:clamp(90px,8.5vw,140px);height:100px;margin-left:calc(clamp(90px,8.5vw,140px)/-2);margin-top:-50px;background:#fff;border:1px solid #e4e4e4;box-shadow:0 8px 18px #00000008;display:flex;align-items:center;justify-content:center;padding:15px;will-change:transform;transform-origin:center}
.flying-logo img{width:100%;height:52px;object-fit:contain;filter:grayscale(1)}.flying-logo img[src*="client-bmw"],.flying-logo img[src*="client-peugeot"],.flying-logo img[src*="client-porsche"],.flying-logo img[src*="client-volvo"],.flying-logo img[src*="owned-daki"]{max-width:45px}.flying-logo span{display:none}
.brand-manifesto{position:absolute;left:0;right:0;top:39%;text-align:center;z-index:2;opacity:calc(1 - var(--gather,0));transform:translateY(calc(var(--gather,0)*-50px))}.brand-manifesto h2{font-size:clamp(42px,5.3vw,84px);font-weight:760;line-height:1.04;letter-spacing:-.04em}.brand-manifesto h2 span{display:block}.brand-manifesto p{font-size:12px;color:#777;line-height:1.7;margin-top:20px}
.brand-conclusion{position:absolute;left:var(--pad);right:var(--pad);top:27%;text-align:center;opacity:var(--gather,0);transform:translateY(calc((1 - var(--gather,0))*55px));z-index:5;pointer-events:none}.brand-conclusion h3{font-size:clamp(44px,6vw,96px);font-weight:760;line-height:1.1;letter-spacing:-.04em}
/* The budget film becomes a full-frame chapter; all captions live inside it. */
.fullbleed-cost{background:#090909;color:#fff;border:0;height:290svh}.fullbleed-cost .motion-stage{background:#090909}
.fullbleed-cost .cost-film{inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:grayscale(1);opacity:1}
.fullbleed-cost .cost-editorial{top:19%;left:var(--pad);right:var(--pad);max-width:none;pointer-events:none}.fullbleed-cost .cost-editorial h2{font-size:clamp(48px,5.5vw,88px);max-width:70%;margin:25px 0;font-weight:750;line-height:1.08}.fullbleed-cost .cost-editorial h2 em{color:#fff}.fullbleed-cost .cost-editorial>p:not(.eyebrow){color:#c2c2c2;font-size:13px;line-height:1.8}
.fullbleed-cost .cost-hero-number{position:absolute;right:0;top:16px;text-align:right;display:block;margin:0;width:26%}.fullbleed-cost .cost-hero-number>span{display:block;color:#ddd;font-size:12px;margin-bottom:15px}.fullbleed-cost .cost-hero-number strong{font-size:clamp(80px,10vw,155px);font-weight:700}.fullbleed-cost .cost-hero-number strong small{margin-left:6px}.fullbleed-cost .cost-hero-number b{display:block;color:#ddd;margin-top:15px;font-size:11px}
.fullbleed-cost .cost-caption{background:transparent;bottom:30px;border-color:#ffffff40;color:#fff}.fullbleed-cost .cost-caption>div>span,.fullbleed-cost .cost-caption>p{color:#bbb}.fullbleed-cost .cost-caption>button{border-color:#aaa}.fullbleed-cost .cost-caption strong{font-weight:600}
@media(max-width:900px) and (min-width:701px){.accumulation-copy h2{font-size:43px}.flying-logo{padding:12px;width:83px;height:75px;margin-left:-41px;margin-top:-38px}.brand-manifesto h2{font-size:52px}.fullbleed-cost .cost-editorial h2{font-size:55px}}
@media(max-width:700px){
 .vint-intro h2{font-size:30px}.outcome-copy h2,.results-head h2,.cost-editorial h2,.web-intro h2,.ai-search h2,.journey-heading h3,.plans h2{font-size:34px;font-weight:730;line-height:1.15;letter-spacing:-.04em}.milestones h3{font-size:17px}.metrics{top:39%}.results-head{top:16%}
 .reach-story{height:390svh}.brand-story{height:420svh}.story-kicker{top:100px;left:24px;right:24px;font-size:7px}.story-kicker>span:last-child{font-size:6px}.story-foot{left:24px;right:24px;bottom:25px;font-size:8px;flex-wrap:wrap;gap:12px;padding-top:16px}.story-foot small{font-size:7px;width:100%}
 .accumulation-copy{top:20%;left:24px;right:24px}.accumulation-copy h2{font-size:37px;line-height:1.12}.accumulation-copy p{font-size:10px;margin-top:16px}.content-accumulator{left:25%;top:49%;width:90px;height:120px}.content-sheet{border-width:3px}.archive-pages i{transform:translate(calc(var(--layer)*-1.4px),calc(var(--layer)*2px)) rotate(calc(var(--layer)*-.6deg))}.stack-label{top:calc(100% + 42px);left:-25px;right:-50px;font-size:7px}
 .accumulated-result{left:24px;right:24px;top:64%}.accumulated-result>p{font-size:9px;margin-bottom:14px}.reach-total strong{font-size:32vw}.reach-total b{font-size:10vw}.reach-total small{font-size:10px}.reach-sources{margin-top:14px;padding-top:12px;font-size:7px}.reach-sources b{font-size:16px;margin-top:7px}.reach-story .story-foot{bottom:18px}.reach-story .story-foot>span,.reach-story .story-foot>a{display:none}
 .brand-manifesto{top:19%;left:24px;right:24px;text-align:left}.brand-manifesto h2{font-size:40px;line-height:1.06}.brand-manifesto p{font-size:9px;margin-top:15px}.brand-cloud{top:17%;bottom:-17%}.flying-logo{width:66px;height:52px;margin-left:-33px;margin-top:-26px;padding:9px;box-shadow:0 5px 12px #00000008}.flying-logo img{height:30px}.flying-logo img[src*="client-bmw"],.flying-logo img[src*="client-peugeot"],.flying-logo img[src*="client-porsche"],.flying-logo img[src*="client-volvo"],.flying-logo img[src*="owned-daki"]{max-width:27px}.brand-conclusion{top:25%;left:24px;right:24px;text-align:left}.brand-conclusion h3{font-size:43px}.brand-next{font-size:7px}
 .fullbleed-cost .cost-film{inset:0;width:100%;height:100%;object-fit:cover;object-position:59% center}.fullbleed-cost .cost-editorial{top:16%;left:24px;right:24px}.fullbleed-cost .cost-editorial h2{font-size:40px;max-width:none;line-height:1.08}.fullbleed-cost .cost-editorial>.eyebrow{font-size:6px}.fullbleed-cost .cost-editorial>p:not(.eyebrow){font-size:10px;line-height:1.7}.fullbleed-cost .cost-hero-number{top:230px;right:0;width:auto}.fullbleed-cost .cost-hero-number>span{font-size:9px;margin-bottom:10px}.fullbleed-cost .cost-hero-number strong{font-size:86px}.fullbleed-cost .cost-hero-number b{font-size:9px;margin-top:8px}.fullbleed-cost .cost-caption{left:24px;right:24px;bottom:24px;background:none}.fullbleed-cost .cost-caption>p{font-size:7px}.fullbleed-cost .cost-caption>button{font-size:10px}.fullbleed-cost .cost-caption strong{font-size:15px}
}
@media(prefers-reduced-motion:reduce){
 .reach-story,.brand-story{height:auto}.reach-story .motion-stage,.brand-story .motion-stage{height:auto;min-height:0;padding:100px var(--pad) 35px;overflow:visible}.story-kicker,.story-foot{position:relative;inset:auto}.story-foot{margin-top:40px}.story-foot i{display:none}.accumulation-copy{position:relative;inset:auto;margin:40px 0}.content-accumulator{display:none}.accumulated-result{position:relative;inset:auto;margin-top:40px}.accumulated-result>p,.reach-sources{opacity:1}.reach-total{transform:none}.brand-manifesto{position:relative;inset:auto;opacity:1;transform:none;text-align:left;margin:40px 0}.brand-conclusion{display:none}.brand-cloud{position:relative;inset:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.flying-logo{position:relative;inset:auto;width:auto;height:85px;margin:0;transform:none!important;opacity:1!important}.fullbleed-cost .cost-film{display:block}.fullbleed-cost .motion-stage{min-height:850px}
}

.new .ribbon-track i{background:linear-gradient(110deg,#171717,#777 40%,#222 85%);box-shadow:0 4px 0 #333,0 9px 20px #0002}
.plan-grid li:before{color:#111}.plan-grid .featured li:before{color:#fff}

.stack-label{display:none}
.fullbleed-cost .cost-hero-number b,.fullbleed-cost .cost-caption{ text-shadow:0 1px 8px #0008 }
@media(max-width:700px){.content-accumulator{left:32%;top:47%;width:130px;height:175px}.fullbleed-cost .cost-hero-number{top:190px}.fullbleed-cost .cost-hero-number strong{font-size:76px}}
.results-head h2 .reveal-line>span,.ai-search h2 .reveal-line>span{color:#111}
.fullbleed-cost .cost-caption>p{font-size:10px;font-weight:500;color:#fff;background:#0009;padding:8px 10px;max-width:290px}@media(max-width:700px){.fullbleed-cost .cost-caption>p{font-size:8px;padding:6px 8px;max-width:none}}

/* Corporate photographs join the existing content stack beside the reach result. */
.content-sheet.corporate-sheet{width:clamp(200px,20vw,300px);height:72%;top:14%;left:-25%}.corporate-sheet img{object-position:center}
@media(max-width:700px){.content-sheet.corporate-sheet{width:190px;height:112px;left:-25px;top:25px}}

/* One photograph at a time, then four legible works beside the audience result. */
.reach-story{height:700svh}
.reach-story .content-accumulator{left:var(--pad);top:49%;width:36vw;height:35vh;max-height:370px;transform:none;perspective:none}
.reach-story .archive-pages{display:none}
.reach-story .content-sheet.corporate-sheet{inset:0 auto auto 0;width:100%;height:100%;border:0;overflow:hidden;box-shadow:0 8px 25px #00000010;will-change:transform,width,height}
.reach-story .corporate-sheet img{display:block;height:calc(100% - 27px);width:100%;object-fit:cover;object-position:center}
.reach-story .corporate-sheet img{object-fit:cover;background:#fff}
.reach-story .corporate-sheet figcaption{height:27px;padding:8px 9px 0;background:white;color:#555;font-size:9px;line-height:1.2;white-space:nowrap}
@media(max-width:700px){
 .reach-story{height:710svh}
 .reach-story .content-accumulator{left:24px;top:36%;width:calc(100% - 48px);height:26vh;max-height:245px}
 .reach-story .accumulation-copy{top:17%}
 .reach-story .accumulation-copy p{margin-top:12px}
 .reach-story .corporate-sheet figcaption{font-size:7px;padding:7px 5px 0;height:24px}
 .reach-story .corporate-sheet img{height:calc(100% - 24px)}
 .reach-story .accumulated-result{top:65%}
}
@media(prefers-reduced-motion:reduce){
 .reach-story{height:auto}
 .reach-story .content-accumulator{display:grid;position:relative;inset:auto;width:100%;max-width:800px;height:auto;max-height:none;grid-template-columns:repeat(2,1fr);gap:18px}
 .reach-story .content-sheet.corporate-sheet{position:relative;width:100%!important;height:auto!important;transform:none!important;opacity:1!important}
 .reach-story .corporate-sheet img{height:auto;aspect-ratio:1.65;object-fit:cover}
 .reach-story .corporate-sheet figcaption{font-size:10px}
 .reach-story .accumulation-copy,.reach-story .accumulated-result{top:auto}
}

/* Matching photo proportions, collected with a visible diagonal overlap. */
.reach-story{height:520svh}
.reach-story .content-accumulator{height:21.6vw;max-height:none}
@media(max-width:700px){.reach-story{height:540svh}.reach-story .content-accumulator{height:calc((100vw - 48px)*.6)}}
@media(prefers-reduced-motion:reduce){.reach-story{height:auto}.reach-story .content-accumulator{height:auto}}

/* Four equally sized works, held individually before collecting in an overlapping spread. */
.reach-story{height:700svh}
@media(max-width:700px){.reach-story{height:710svh}}
@media(prefers-reduced-motion:reduce){.reach-story{height:auto}}

.reach-story .content-sheet.corporate-sheet{outline:3px solid #fff;box-shadow:0 8px 25px #0002}