/* Direction 2: campaign editorial, sharp typography and kinetic geometry. */
:root{--ink:#082653;--blue:#007bbb;--deep:#062351;--accent:#a2ebff;--paper:#f1faff}
body{background:white}.site-header,.site-header.scrolled{transform:none;visibility:visible;background:white;border-bottom:4px solid #0baee0}.header-inner{height:76px}.brand-word::after{width:100%;height:5px}.header-contact{background:#062351;border-radius:0}
.feature-hero{padding-top:76px;overflow:hidden;background:#fff}.impact-inner{min-height:700px;display:grid;grid-template-columns:58% 42%;position:relative}.impact-copy{position:relative;z-index:2;padding:72px 4vw 65px max(5vw,35px)}.hero-kicker{font:800 11px var(--en);letter-spacing:.2em;color:#008cbf;margin-bottom:35px}.impact-intro{font-size:clamp(22px,2.6vw,38px);font-weight:900;line-height:1.4;margin-bottom:15px;letter-spacing:-.04em}.impact-hero h1{line-height:1.12;letter-spacing:-.08em}.impact-hero h1 span{display:block;font-size:clamp(39px,4.4vw,74px);font-weight:900;animation:slam .7s .15s both}.impact-hero h1 strong{display:block;font-size:clamp(66px,8vw,130px);font-weight:900;color:#062351;animation:slam .8s .26s both}.impact-hero h1 strong::after{content:'';display:block;width:75%;height:13px;margin:13px 0 0;background:#00b8e9;transform:skewX(-25deg)}.impact-desc{margin-top:25px;font-size:18px;font-weight:700;line-height:1.85}.hero-cta{display:inline-flex;align-items:center;gap:55px;padding:17px 25px;background:#062351;color:white;font-size:17px;font-weight:900;margin-top:27px;transition:background .2s,transform .2s}.hero-cta:hover{background:#078cc5;transform:translateY(-4px)}.hero-cta span{font-size:28px}.impact-copy small{display:block;margin-top:11px;font-weight:700;color:#53728f}
.impact-visual{background:#08b5e4;position:relative;overflow:hidden;min-height:600px;clip-path:polygon(12% 0,100% 0,100% 100%,0 100%)}.impact-visual::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(125deg,#ffffff18 0 2px,transparent 2px 75px)}.impact-orbit{position:absolute;width:660px;height:660px;border:2px solid #ffffff6b;border-radius:50%;top:6%;left:10%;animation:orbit 18s linear infinite}.orbit-two{width:390px;height:390px;top:25%;left:28%;border-width:16px;border-color:#ffffff26;animation-direction:reverse}.impact-a{position:absolute;inset:13% 0 auto;white-space:nowrap;text-align:center;font:900 clamp(190px,28vw,450px)/1 var(--en);letter-spacing:-.15em;color:#062351;transform:rotate(-13deg);text-shadow:17px 23px 0 #ffffff38;animation:float 5s ease-in-out infinite}.impact-a span{color:white;font-size:.3em;vertical-align:top;margin-left:20px}.visual-label,.visual-foot{position:absolute;left:20%;top:9%;font:800 12px var(--en);letter-spacing:.25em;color:#082653}.visual-foot{top:auto;bottom:11%;left:18%;color:white}.visual-lines{position:absolute;left:16%;right:6%;bottom:15%;display:flex;gap:7px;transform:rotate(-10deg)}.visual-lines b{font-size:clamp(18px,2.3vw,32px);background:white;padding:11px 22px;box-shadow:8px 8px 0 #062351;color:#062351}.visual-lines b:nth-child(2){transform:translateY(-35px)}.visual-lines b:nth-child(3){transform:translateY(-70px)}
.impact-ticker{background:#062351;color:white;overflow:hidden;white-space:nowrap;font-size:15px;font-weight:800;padding:13px 0}.impact-ticker div{width:max-content;animation:marquee 28s linear infinite}.impact-ticker span{color:#32c5ed;margin-inline:36px}
.section{padding-block:115px}.section-heading h2{font-size:clamp(48px,5.8vw,82px);line-height:1.25;letter-spacing:-.06em}.section-heading h2 em{background:#8be2fa;color:#062351;padding-inline:.1em}.eyebrow{font-weight:900}.concerns{background:#062351;color:white}.concerns .section-heading h2>.phrase:last-child{color:#91e7ff}.concerns .section-lead,.concern-item p{color:#c4d8e9}.concern-item{border-color:#ffffff40}.concern-answer{border-color:#ffffff40}.concern-answer strong{color:#90eaff}.concern-answer svg{stroke:#90eaff}.approach{background:#f4faff}.approach-board{transform:rotate(3deg);border:5px solid #062351;box-shadow:16px 16px 0 #15bce8}.outcomes{border-color:#90cfe9}.outcome{border-color:#90cfe9}.services{background:#039ccc}.services::after{border-color:#ffffff24}.service-row{background:#073465;margin:9px 0;padding:24px;gap:18px;border:0}.service-note>p,.services .section-lead{color:white}.service-tag{border-color:white;color:white}.works{background:#fff}.work-item:nth-child(even){transform:translateY(45px)}.work-image{border:4px solid #062351;border-radius:0;background:#b5eaff}.work-copy h3{font-size:31px}.team{background:#e4f8ff}.process{background:#062351;color:white}.process .section-lead,.process-grid p,.pricing-note>div>p{color:#cce1f2}.process-grid li{border-color:#ffffff45}.pricing-note{background:#0d3c6d;border-color:#2f729e;color:white}.pricing-note strong{color:#96eaff}.faq{background:#f7fcff}.consultation{background:#06a9d5}.consultation h2 em{color:#062351}.consultation .button--primary{background:#062351;color:white}
@keyframes slam{from{opacity:0;transform:translateX(-45px) skewX(-6deg)}to{opacity:1;transform:none}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes float{50%{transform:rotate(-10deg) translateY(-15px)}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(max-width:1100px){.impact-inner{grid-template-columns:56% 44%;min-height:610px}.impact-copy{padding-left:5vw}.impact-hero h1 strong{font-size:clamp(60px,7vw,100px)}.impact-a{top:23%;font-size:29vw}.visual-lines{left:13%}}
@media(min-width:901px) and (max-height:750px){.impact-inner{min-height:550px}.impact-copy{padding-top:18px;padding-bottom:30px}.hero-kicker{margin-bottom:18px}.impact-intro{font-size:26px;margin-bottom:6px}.impact-hero h1 span{font-size:51px}.impact-hero h1 strong{font-size:clamp(65px,6.5vw,88px)}.impact-hero h1 strong::after{height:8px;margin-top:7px}.impact-desc{margin-top:13px;font-size:15px}.hero-cta{margin-top:16px;padding:12px 20px;font-size:15px}.impact-visual{min-height:550px}}
@media(max-width:900px){.impact-inner{display:block}.impact-copy{padding:58px 7% 55px}.impact-hero h1 strong{font-size:clamp(66px,10vw,100px)}.impact-visual{min-height:300px;clip-path:none}.impact-a{font-size:280px;top:-8%;line-height:1}.visual-lines{bottom:15%;left:40%;right:3%}.work-item:nth-child(even){transform:none}}
@media(max-width:600px){.feature-hero{padding-top:68px}.impact-copy{padding:48px 6% 48px}.hero-kicker{font-size:9px;margin-bottom:26px}.impact-intro{font-size:22px}.impact-hero h1 span{font-size:clamp(34px,8.3vw,47px)}.impact-hero h1 strong{font-size:clamp(58px,13.7vw,80px)}.impact-hero h1 strong::after{height:7px}.impact-desc{font-size:14px;margin-top:20px}.impact-desc br{display:none}.hero-cta{width:100%;justify-content:space-between;font-size:15px;gap:5px}.impact-visual{min-height:240px}.impact-a{font-size:240px;left:-8%;top:0}.visual-lines{left:47%;bottom:14%;gap:0}.visual-lines b{font-size:15px;padding:4px 6px;box-shadow:3px 3px 0 #062351}.visual-lines b:nth-child(2){transform:translateY(-20px)}.visual-lines b:nth-child(3){transform:translateY(-40px)}.visual-label,.visual-foot{font-size:8px}.section{padding-block:78px}.section-heading h2{font-size:clamp(34px,8.7vw,47px)}.service-row{padding:20px 12px;margin:6px 0}.approach-board{transform:none;box-shadow:7px 7px 0 #15bce8;border-width:3px}.work-copy h3{font-size:25px}}
@media(prefers-reduced-motion:reduce){.impact-hero h1 span,.impact-hero h1 strong,.impact-orbit,.impact-a,.impact-ticker div{animation:none!important}}
