.hero{grid-template-columns:1.2fr .85fr;gap:60px}.comparison-hero{width:100%;max-width:460px!important;margin-left:auto;background:#1b2019}.compare-heading{display:flex;justify-content:space-between;padding:15px 18px;font-size:10px;letter-spacing:1px;color:#d9f875}.compare-heading b{color:#9aa393;font-weight:400}.compare-stage{position:relative;aspect-ratio:3/4;overflow:hidden;background:#23251e;isolation:isolate}.compare-photo{position:absolute;inset:0;background-image:var(--photo);background-size:200% 100%;background-repeat:no-repeat}.after-photo{background-position:100% 0}.before-photo{background-position:0 0}.compare-before{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--split)) 0 0)}.compare-label{position:absolute;top:18px;padding:7px 10px;border-radius:5px;font-size:10px;letter-spacing:1.5px;font-weight:700;pointer-events:none}.before-label{left:16px;background:#111c;color:#fff}.after-label{right:16px;background:#d9f875;color:#17240f}.compare-handle{position:absolute;left:var(--split);top:0;bottom:0;transform:translateX(-50%);width:2px;background:#fff;display:flex;align-items:center;justify-content:center;color:#111;font-size:23px;pointer-events:none}.compare-handle:after{content:'↔';display:grid;place-items:center;position:absolute;top:48%;background:#f7f1e5;width:44px;height:44px;border-radius:50%;box-shadow:0 2px 20px #0004}.compare-concept{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:1px;white-space:nowrap;color:white;background:#111b;padding:6px 9px;border-radius:3px;pointer-events:none}.compare-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}.compare-stage:focus-within{outline:3px solid #ff642b;outline-offset:-3px}.compare-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#1b2019;padding:12px;color:#f7f1e5}.compare-controls>span{font-size:10px;color:#aeb8a6}.compare-controls button{border:1px solid #59644e;background:none;color:#f7f1e5;border-radius:6px;padding:10px;font-size:11px;min-height:40px}.compare-controls button[aria-pressed=true]{background:#d9f875;border-color:#d9f875;color:#182312}.visual-compare[data-view=after] .before-label,.visual-compare[data-view=before] .after-label{opacity:0}.visual-compare[data-view=after] .compare-handle,.visual-compare[data-view=before] .compare-handle{opacity:0}.campaign-film{padding:0;border:0;border-top:1px solid #3d4935}.campaign-film>summary{padding:15px 18px;font-size:11px;color:#d9f875}.campaign-film .art-top,.campaign-film .hero-video-cta{display:none}.campaign-film video{max-height:500px}.comparison-hero .art-bottom{font-size:10px}.hero h1{font-size:clamp(48px,5.4vw,76px);line-height:1.05}.hero .intro{max-width:550px;line-height:1.65}.hero .actions{margin:28px 0 18px}.hero .actions>.btn{font-size:13px}.hero .small{font-size:11px}#work{padding-top:70px!important}.examples{padding:38px}.examples .sectiontop h2{max-width:620px}.examples .sectiontop p{max-width:345px}.case-tabs{display:flex;gap:10px;margin:20px 0 30px;flex-wrap:wrap}.case-tabs button{border:1px solid #b8c0ac;padding:14px 20px;border-radius:40px;color:#26311d;background:transparent;font-weight:600;font-size:13px}.case-tabs span{font-size:10px;margin-right:12px;opacity:.6}.case-tabs button[aria-pressed=true]{background:#1c291a;color:#f7f1e5;border-color:#1c291a}.feature-case{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.feature-case .visual-compare{max-width:460px;margin:auto;overflow:hidden;border-radius:12px}.case-story>small{font-size:10px;letter-spacing:1.4px;color:#63734c}.case-story h3{font-size:clamp(28px,3.3vw,43px);line-height:1.12;letter-spacing:-1.5px;margin:20px 0 28px}.case-explainer{display:flex;gap:20px;padding:16px 0;border-top:1px solid #c8cfbd}.case-explainer>span{font-size:11px;color:#7d8a6b;padding-top:3px}.case-explainer b{font-size:13px}.case-explainer p{font-size:14px;line-height:1.65;color:#5b6750;margin:8px 0 0}.case-story .btn{margin-top:22px;max-width:100%;font-size:12px;gap:10px}.case-disclosure{font-size:10px!important;line-height:1.6;color:#657158;margin-top:16px}.campaign-rollout{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding:40px;margin:40px 0;background:#e8e8dd;border-radius:15px}.campaign-rollout h3{font-size:32px;letter-spacing:-1px;line-height:1.1;margin:20px 0}.campaign-rollout p{font-size:14px;line-height:1.7;max-width:400px;color:#5b6750}.campaign-rollout .eyebrow{font-size:9px;line-height:1.6}.channel-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.channel-tabs button{border:1px solid #bbc1af;background:transparent;padding:11px 13px;border-radius:6px;color:#20331c;font-size:11px}.channel-tabs button[aria-pressed=true]{background:#263c21;border-color:#263c21;color:#f8f3e7}.social-mock{max-width:300px;margin:auto;border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 20px 35px #22301720}.social-header{display:flex;align-items:center;gap:8px;padding:10px 13px;font-size:9px}.social-header>span{height:22px;width:22px;display:grid;place-items:center;border-radius:50%;color:#fff}.social-header i{margin-left:auto;font-style:normal}.rollout-photo{background-size:200% 100%;background-position:100% 0;position:relative;aspect-ratio:3/4}.social-mock .rollout-photo{min-height:0}.campaign-copy{position:absolute;top:18px;left:18px;right:18px;text-align:center;color:white;text-shadow:0 1px 10px #0005}.campaign-copy>small{font-size:8px;letter-spacing:2.5px}.campaign-copy h4{font:500 22px/1.03 'Space Grotesk',sans-serif;letter-spacing:-.7px;margin:8px 0}.mock-cta{display:inline-block;background:#f7f0e3;color:#20261b;border-radius:4px;padding:9px 13px;font-size:9px}.social-mock .mock-cta{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);white-space:nowrap}.social-footer{display:flex;align-items:center;justify-content:space-between;padding:11px 13px;font-size:15px}.social-footer b{font-size:7px;color:#78836c;letter-spacing:.5px}.vertical-mock{max-width:246px}.vertical-mock .rollout-photo{aspect-ratio:9/16;background-size:267% 100%;background-position:80% 0}.vertical-mock .campaign-copy{top:24px}.vertical-mock .campaign-copy h4{font-size:27px}.mini-product{background:#fff;padding:17px;border-radius:10px;box-shadow:0 20px 35px #22301720}.mini-product-nav{display:flex;justify-content:space-between;gap:8px;font-size:10px;font-weight:700;padding-bottom:15px;border-bottom:1px solid #e8e8dd}.mini-product-nav span{font-size:6px;letter-spacing:1px}.mini-product-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:15px;align-items:center}.mini-product-grid .rollout-photo{border-radius:5px}.mini-product-grid small{font-size:6px;letter-spacing:1px}.mini-product-grid h4{font-size:20px;line-height:1.1;letter-spacing:-1px;margin:12px 0}.mini-product-grid p{font-size:8px;line-height:1.4}.mini-product-grid .mock-cta{font-size:7px;padding:7px;background:#1b2b17;color:#fff}.more-portfolio{border-top:1px solid #bfc8b3;border-bottom:0;padding-bottom:0}.more-portfolio>summary{display:flex;justify-content:space-between;font-size:14px}.more-portfolio #demo{margin-top:25px;align-items:stretch}.more-portfolio:not([open]) #demo{display:none}.brand-project{padding:8px 0 60px}.brand-project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.brand-project-grid article{padding:28px;border:1px solid #47523c;border-radius:12px;display:flex;flex-direction:column;background:#1a2117}.project-number{color:#ff642b;font-size:12px}.brand-project-grid h3{font-size:24px;line-height:1.15}.brand-project-grid p{font-size:13px;line-height:1.75;color:#b8c4ad;margin:0 0 23px}.brand-project-grid small{margin-top:auto;color:#d9f875;font-size:11px;line-height:1.6}.brand-project-grid a{margin-top:22px;font-size:12px;align-self:flex-start}.scope-confidence{display:flex;gap:16px 24px;flex-wrap:wrap;margin-top:25px;font-size:10px;color:#bdc7b1}.scope-confidence b{color:#f8f1e5}.scope-confidence span:before{content:'✓ ';color:#d9f875}.planning-details{margin:15px 0 60px;border:1px solid #48563a;border-radius:12px;padding:0 22px}.planning-details>summary{display:flex;justify-content:space-between;padding:22px 0;font-size:14px}.planning-details .outcome-scenarios{padding:30px 0}.planning-details .calc-section{margin-bottom:25px}.nav-contact{color:#d9f875!important}.navlinks{gap:20px;align-items:center}.hero .textlink{font-size:13px}
@media(max-width:1000px){.hero{gap:28px;grid-template-columns:1.05fr .9fr}.hero h1{font-size:55px}.feature-case{gap:25px}.campaign-rollout{padding:25px;gap:25px}.nav-contact{display:none}.compare-controls>span{font-size:9px}.compare-controls button{padding:9px 7px}.brand-project-grid{gap:12px}.brand-project-grid article{padding:20px}}
@media(max-width:850px){.hero{grid-template-columns:1fr}.hero .actions{display:flex}.hero>div:first-child>.small{display:block}.hero h1{max-width:670px}.comparison-hero{margin:0 auto;max-width:430px!important}.feature-case{grid-template-columns:1fr 1fr}.case-story h3{font-size:28px}.case-explainer p{font-size:12px}.brand-project-grid{grid-template-columns:1fr}.brand-project-grid article{padding:25px}.campaign-rollout{grid-template-columns:1fr 1fr}.campaign-rollout h3{font-size:25px}.examples{padding:25px}.hero .actions{gap:15px}.hero .intro{max-width:640px}}
@media(max-width:600px){.hero h1{font-size:46px;letter-spacing:-2px}.hero .intro{font-size:15px}.hero .actions{flex-wrap:wrap;margin:23px 0 15px}.hero .actions>.btn{width:100%;justify-content:center;padding:17px}.hero .actions>.textlink{font-size:12px}.hero .small{font-size:10px}.comparison-hero{max-width:100%!important}.compare-heading{font-size:9px;padding:13px}.compare-controls{padding:10px 8px}.compare-controls button{font-size:10px;min-height:42px;padding:9px}.compare-controls>span{font-size:9px}.compare-label{font-size:9px;top:12px}.compare-handle:after{width:36px;height:36px}.compare-concept{font-size:7px}.examples{padding:23px 14px;border-radius:12px}#work{padding-top:45px!important}.examples h2{font-size:34px;letter-spacing:-1.6px}.case-tabs{gap:6px;margin:15px 0 20px}.case-tabs button{font-size:11px;padding:12px 10px}.case-tabs span{display:none}.feature-case{grid-template-columns:1fr;gap:25px}.case-story{padding:0 5px}.case-story h3{font-size:32px;margin:15px 0 22px}.case-explainer p{font-size:13px}.case-story .btn{width:100%;justify-content:center}.campaign-rollout{grid-template-columns:1fr;padding:22px 16px;gap:25px;margin:28px 0}.campaign-rollout h3{font-size:30px}.channel-tabs{gap:5px}.channel-tabs button{font-size:10px;padding:11px 9px}.social-mock{max-width:270px}.vertical-mock{max-width:230px}.mini-product{padding:12px}.mini-product-grid{gap:10px}.mini-product-grid h4{font-size:17px}.more-portfolio>summary{font-size:12px;line-height:1.6;gap:15px}.scope-confidence{gap:12px 18px;font-size:10px}.scope-confidence b{width:100%}.planning-details{padding:0 15px}.planning-details>summary{font-size:12px;gap:15px}.planning-details h2{font-size:28px}.brand-project .sectiontop h2{font-size:34px}.brand-project{padding-bottom:35px}.hero{padding-top:25px}.case-disclosure{font-size:10px!important}}