@font-face{font-family:'Space Grotesk';src:url('/fonts/space-grotesk.ttf') format('truetype');font-weight:300 700;font-style:normal;font-display:swap}
@font-face{font-family:'Manrope';src:url('/fonts/manrope.ttf') format('truetype');font-weight:200 800;font-style:normal;font-display:swap}
:root{--navy:#101e34;--ink:#182941;--gold:#3163e8;--cream:#f5f7fa;--line:#dfe5ed;--muted:#647086;--blue:#3267ed;--display:'Space Grotesk',sans-serif}
body{font-family:'Manrope',sans-serif;background:var(--cream);font-size:16px;line-height:1.75}
h1,h2,h3{font-family:var(--display);font-weight:500;letter-spacing:-.05em;line-height:1.08}
h1{font-weight:500;letter-spacing:-.055em}h2{font-size:clamp(2rem,3.5vw,3.2rem)}h3{font-weight:600}
.eyebrow{font-size:.73rem;letter-spacing:.16em;font-weight:700}.overline{font-weight:700;letter-spacing:.17em;font-size:.7rem}
.topline{background:#0d1a2e;font-size:.65rem;letter-spacing:.11em;padding-top:7px;padding-bottom:7px}
.header{height:96px;background:rgba(255,255,255,.94);border-bottom:1px solid #e4e9f1;position:sticky;top:0;z-index:20;backdrop-filter:blur(18px)}
.brand>span{font-family:var(--display);font-size:1.6rem;letter-spacing:.06em}.brand small{font-family:'Manrope',sans-serif;font-size:.55rem;letter-spacing:.1em;font-weight:600}.brand img{width:60px;height:60px}
.header nav{font-size:.85rem;gap:32px;font-weight:600}.header nav>a:hover,.header nav>a[aria-current=page]{color:var(--blue)}
.header nav>a.nav-cta{background:var(--navy);color:white;border:0;border-radius:30px;padding:12px 23px;box-shadow:0 4px 15px #101e3410}.nav-cta span{margin-left:18px}
.button{border-radius:30px;padding:16px 25px;font-weight:600;box-shadow:0 7px 20px #101e3410;transition:transform .25s,box-shadow .25s,background .25s}.button:hover{transform:translateY(-3px);box-shadow:0 12px 28px #101e3422}.primary{background:var(--blue)}.primary:hover{background:#2451c6}.text-link{font-weight:600;border-color:#a4b0c3}
.hero-shell{position:relative;overflow:hidden;background:radial-gradient(ellipse at 85% 20%,#183b67 0,transparent 53%),linear-gradient(120deg,#0d192c,#102137);color:white}
.hero-shell:before{content:'';position:absolute;width:500px;height:500px;left:-380px;bottom:-150px;border:1px solid #80b0ff20;border-radius:50%;box-shadow:0 0 0 65px #80b0ff04,0 0 0 130px #80b0ff04;pointer-events:none}
.hero{grid-template-columns:1.04fr 1fr;gap:40px;min-height:690px;padding-top:70px;padding-bottom:90px;position:relative}
.hero h1{font-size:clamp(3.1rem,5.5vw,5.1rem);letter-spacing:-.055em;line-height:1.07;margin:25px 0 28px}.hero h1>span{color:#9dc1ff}.hero .eyebrow{color:#b1c7e7;font-size:.67rem;letter-spacing:.13em}.eyebrow i{background:#87b1ff;box-shadow:0 0 0 5px #87b1ff15}.hero-copy>p{font-size:.98rem;color:#b8c5d8;line-height:1.9;max-width:430px;margin-bottom:30px}.hero .primary{background:#f4f7fc;color:#142643}.hero .primary:hover{background:#dce9ff}.hero .text-link{color:#e9f0fc;border-color:#6680a5}.hero-note{color:#99acc7;font-size:.73rem;margin-top:35px}.mini-line{background:#769ad0}
.hero-gallery{position:relative;height:470px;min-width:0;margin-left:10px;perspective:1000px}
.media-technologies,.media-studio,.media-brandworks,.media-cloud,.media-commerce,.media-global{background-image:url('/images/business-atlas-v2.png');background-size:300% 200%;background-repeat:no-repeat;background-color:#15243b}
.media-technologies{background-position:0 0}.media-studio{background-position:50% 0}.media-brandworks{background-position:100% 0}.media-cloud{background-position:0 100%}.media-commerce{background-position:50% 100%}.media-global{background-position:100% 100%}
.gallery-main{position:absolute;top:5%;left:0;width:78%;height:78%;border-radius:26px;box-shadow:0 30px 65px #0005;transform:rotate(-4deg);border:1px solid #8caaff40;overflow:hidden;transition:transform .4s}
.gallery-main:hover{transform:rotate(-2deg) translateY(-5px)}.gallery-main:after,.gallery-creative:after,.gallery-global:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 40%,#081427d9);pointer-events:none}
.gallery-tag{position:absolute;top:22px;left:22px;z-index:1;font-size:.61rem;letter-spacing:.11em;display:flex;align-items:center;gap:12px;color:#ecf3ff;font-weight:600;background:#07172d80;backdrop-filter:blur(10px);border:1px solid #ffffff30;border-radius:25px;padding:7px 11px}.gallery-tag b{font-size:1rem;font-weight:400}
.gallery-creative,.gallery-global{position:absolute;border:5px solid #183354;border-radius:23px;box-shadow:0 20px 40px #0005;overflow:hidden;transition:transform .4s}.gallery-creative{width:45%;height:43%;top:-3%;right:-3%;transform:rotate(7deg)}.gallery-global{width:58%;height:45%;bottom:-4%;right:0;transform:rotate(5deg)}.gallery-creative:hover,.gallery-global:hover{transform:rotate(0)}.gallery-creative>span,.gallery-global>span{position:absolute;bottom:16px;left:15px;right:15px;z-index:1;font-family:var(--display);font-size:.83rem;display:flex;justify-content:space-between}
.gallery-badge{position:absolute;bottom:9%;left:-5%;border:1px solid #aac8ee48;background:#f2f6ff;box-shadow:0 20px 50px #0003;color:var(--ink);padding:15px 19px;border-radius:16px;display:flex;align-items:center;gap:12px;transform:rotate(-4deg);z-index:2}.gallery-badge strong{font-family:var(--display);font-size:2.5rem;font-weight:500;line-height:1}.gallery-badge span{font-size:.49rem;letter-spacing:.07em;line-height:1.8;font-weight:700}.gallery-caption{position:absolute;bottom:-55px;left:8%;font-size:.56rem;letter-spacing:.16em;color:#88a2c4}
.capability-strip{background:#fff;border-color:#e6ebf2;color:#627086;gap:35px;font-weight:600;font-size:.75rem;padding:22px}.capability-strip b{color:#7291d6}
.section{padding-top:85px;padding-bottom:85px}.section-heading{margin-bottom:40px}.section-heading>p{font-size:.9rem;line-height:1.8}.section-heading .eyebrow,.about-grid .eyebrow,.page-intro>.eyebrow{color:#4c71b3}
.unit-grid{gap:25px;grid-template-columns:repeat(3,minmax(0,1fr))}.unit-card{padding:0;border:1px solid #e0e6ef;border-radius:23px;overflow:hidden;background:#fff;box-shadow:0 5px 15px #10213b04;min-height:0;transition:transform .35s,box-shadow .35s,border-color .35s}.unit-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #10213b13;border-color:#bdcee9}
.card-media{height:225px;position:relative;overflow:hidden}.card-media:after{content:'';position:absolute;inset:0;background:linear-gradient(#06132625,transparent 60%,#06132625)}.card-number{position:absolute;top:19px;left:19px;font-family:var(--display);font-size:.67rem;letter-spacing:.08em;color:#fff;background:#0b1a3070;backdrop-filter:blur(10px);border:1px solid #ffffff20;padding:5px 11px;border-radius:30px;z-index:1}.card-arrow{position:absolute;right:17px;top:17px;background:#fffef8;color:#223655;border-radius:50%;width:35px;height:35px;display:grid;place-items:center;font-size:1.1rem;z-index:1;transition:transform .3s}.unit-card:hover .card-arrow{transform:rotate(45deg);background:#e6eeff}
.card-body{padding:26px}.card-body>.overline{color:#7b8da7;font-size:.64rem}.unit-card h3{font-size:1.9rem;margin:8px 0 13px;letter-spacing:-.04em}.unit-card p{font-size:.84rem;max-width:none;min-height:50px;line-height:1.8;margin-bottom:0}.card-link{border-top:1px solid #e6ebf2;padding-top:18px;margin-top:22px;font-size:.74rem;font-weight:700;color:#2d5599}.card-link>span{font-size:1rem}
.about-band{background:#eaf0f8;position:relative}.about-grid{gap:75px}.about-visual{border:1px solid #ffffff25;background:radial-gradient(circle at 100% 0,#245c9a,transparent 70%),#122743;border-radius:28px;box-shadow:0 25px 45px #10213b15;color:#fff;overflow:hidden;padding:38px}.about-visual .eyebrow{color:#99bbeb}.big-six{font-family:var(--display);font-size:9rem;font-weight:500;letter-spacing:-.08em}.big-six span{font-family:'Manrope',sans-serif;color:#d5e3f6;font-size:.65rem}.visual-line{background:#86afe738}.about-visual p{color:#a9c2e3;font-size:.82rem}.steps{gap:23px}.steps>div{border:1px solid #e1e7ef;padding:28px;border-radius:20px;background:#fff}.steps span{font-weight:700;font-size:.67rem;color:#4874ca}.steps h3{font-family:var(--display);font-size:1.3rem;letter-spacing:-.04em;line-height:1.25}.steps p{font-size:.85rem;line-height:1.8;margin-bottom:0}
.cta{margin:0 25px 25px;border-radius:28px;background:radial-gradient(ellipse at 95% 0,#346eca 0,transparent 65%),linear-gradient(110deg,#112640,#1b3861);padding:70px 0}.cta:after{content:'';position:absolute;right:-70px;top:-110px;width:450px;height:450px;border:1px solid #a8c9ff30;border-radius:50%;box-shadow:0 0 0 60px #aacaff07,0 0 0 120px #aacaff04;pointer-events:none}.cta .wrap{position:relative;z-index:1}.cta .eyebrow{color:#a8c4ec;font-size:.66rem}.cta h2{font-size:2.8rem}.gold{background:white;color:#153053}.gold:hover{background:#e4edff}
footer{background:#eaf0f7}.footer-brand{font-family:var(--display);font-size:1.7rem}.footer-brand span{font-family:'Manrope',sans-serif;font-size:.55rem}.footer-main h2{font-family:'Manrope',sans-serif;font-size:.83rem}.footer-main>div>a:not(.footer-brand){font-size:.78rem}.footer-main address{font-size:.78rem}.footer-bottom{border-color:#d3ddea}.original-logo{border-radius:8px}
.page-intro{padding-top:65px;padding-bottom:45px}.page-intro h1{font-size:clamp(2.8rem,5.1vw,4.8rem);line-height:1.1}.page-intro p{font-size:.98rem}.compact{padding-top:25px}
.portfolio-intro{background:radial-gradient(ellipse at 75% 60%,#1c4478,transparent 50%),#101f35;color:#fff;position:relative;overflow:hidden;margin-bottom:25px}.portfolio-intro .page-intro{display:flex;justify-content:space-between;gap:25px;align-items:center;padding-top:65px;padding-bottom:65px}.portfolio-intro .eyebrow{color:#97b7e4;font-size:.67rem}.portfolio-intro h1{font-size:clamp(2.8rem,4.6vw,4.4rem);margin:24px 0}.portfolio-intro h1>span{color:#9ec3ff}.portfolio-intro p{color:#afc2dc;font-size:.92rem;margin-bottom:0}.portfolio-orbit{position:relative;width:240px;height:240px;flex-shrink:0;border:1px solid #81b2ff40;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 0 0 30px #8ebaff07,0 0 0 60px #8ebaff04;margin-right:35px}.portfolio-orbit>span{font-family:var(--display);font-size:6.5rem;line-height:1;font-weight:400;letter-spacing:-.07em;color:#dbeaff}.portfolio-orbit small{font-size:.6rem;line-height:1.8;letter-spacing:.18em;text-align:center;color:#9bb9e5;margin-top:9px}.portfolio-orbit i{position:absolute;top:15%;right:12%;width:12px;height:12px;border-radius:50%;background:#c7dcff;box-shadow:0 0 20px #9ac3ff}
.business-hero{gap:65px;padding-top:40px;padding-bottom:45px}.business-hero h1{font-size:clamp(2.8rem,4.4vw,4.4rem);line-height:1.08}.business-hero .eyebrow{color:#5373aa}.business-hero p{font-size:.9rem}.business-art{position:relative;border-radius:30px;box-shadow:0 25px 60px #152c4820;aspect-ratio:1;display:block;padding:0;overflow:hidden;border:0;transform:rotate(2deg)}.business-art:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 35%,#09182eeb)}.business-art>p{position:absolute;left:32px;bottom:30px;z-index:1;color:#acc3e3;font-size:.65rem;text-align:left;margin:0}.business-art strong{font-family:var(--display);color:white;font-size:2.5rem;margin-top:5px}.business-art>.art-corner{position:absolute;right:25px;top:25px;z-index:1;color:#fff;font-size:2rem;line-height:1}
.service-grid{gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.service-grid>div{border:1px solid #e1e7f0;padding:27px;border-radius:18px;background:#fff;gap:20px}.service-grid span{font-family:var(--display);color:#688bbf}.service-grid h3{font-size:1.1rem;font-weight:500}.outcomes{padding-top:20px;padding-bottom:80px}.outcomes .eyebrow{color:#5375b3}
.company-logo{border-radius:26px;box-shadow:0 20px 50px #12253c08}.directors article{border-radius:22px;border-color:#e0e6ef;background:white}.director-monogram{font-family:var(--display);border-radius:18px;color:#4c74b5;background:#e8effa}.directors h3{font-size:1.35rem;line-height:1.3}.directors small{font-size:.75rem}.contact-grid{gap:65px}.contact-link{font-family:var(--display);font-weight:500;font-size:1.2rem}.contact-grid h3{font-family:var(--display);font-size:1.15rem}.form-panel{border-radius:25px;padding:36px;border-color:#e0e7ef;box-shadow:0 15px 50px #1a315209}.form-panel h2{font-size:1.9rem}label{font-weight:600}.form-panel input,.form-panel select,.form-panel textarea{border-radius:10px;border-color:#ccd6e3;background:#f7f9fc;padding:13px;font-size:.92rem}.form-panel input:focus,.form-panel textarea:focus,.form-panel select:focus{outline:2px solid #9dbafa;outline-offset:1px;background:#fff}.consent{font-weight:400;font-size:.76rem}.consent input{padding:0}.success{border-radius:12px}.prose h2{font-size:1.7rem}.prose p{font-size:.95rem}
@media(max-width:1100px){.hero{gap:30px;min-height:640px;padding-top:60px;padding-bottom:70px}.hero h1{font-size:3.65rem}.hero-gallery{height:390px}.gallery-badge{padding:12px 14px}.gallery-badge strong{font-size:2rem}.gallery-badge span{font-size:.45rem}.hero .actions{gap:20px}.hero .button{gap:16px;font-size:.76rem;padding:14px 19px}.hero .text-link{font-size:.75rem}.gallery-tag{font-size:.5rem;left:18px;right:18px}.card-media{height:190px}.card-body{padding:23px}.unit-grid{gap:20px}.unit-card h3{font-size:1.65rem}.portfolio-orbit{width:180px;height:180px;margin-right:20px}.portfolio-orbit>span{font-size:5rem}}
@media(max-width:850px) and (min-width:701px){.unit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header nav{gap:18px;font-size:.73rem}.brand>span{font-size:1.4rem}.brand small{font-size:.48rem}.brand img{width:48px;height:48px}.hero h1{font-size:3.1rem}.hero-gallery{height:350px}.hero-copy>p{font-size:.88rem}.hero .actions{gap:15px}.hero .text-link{font-size:.7rem}.portfolio-orbit{width:150px;height:150px;margin-right:0}.portfolio-intro h1{font-size:3rem}.portfolio-intro p{font-size:.82rem}.business-hero{gap:35px}.business-hero h1{font-size:3rem}}
@media(max-width:700px){.header{height:82px;padding:0 20px}.header nav{top:81px;background:#fff;border-radius:0 0 20px 20px;box-shadow:0 20px 30px #13274218}.brand img{width:48px;height:48px}.brand>span{font-size:1.3rem}.brand small{font-size:.46rem}.menu-toggle{border-radius:30px;padding:8px 14px;border-color:#d7dfeb;font-size:.75rem;font-weight:600}.hero{grid-template-columns:1fr;gap:25px;padding-top:45px;padding-bottom:75px;min-height:0}.hero h1{font-size:clamp(2.6rem,10.5vw,4rem);margin:23px 0}.hero .eyebrow{font-size:.59rem;letter-spacing:.07em}.hero-copy>p{font-size:.9rem;line-height:1.85}.hero .actions{gap:20px}.hero .button{padding:15px 21px;font-size:.75rem;gap:18px}.hero .text-link{font-size:.76rem}.hero-note{margin-top:25px}.hero-gallery{height:350px;margin:15px 8px 15px}.gallery-main{width:79%;height:79%}.gallery-creative{right:0;top:0}.gallery-global{bottom:0;right:0;width:58%;height:43%}.gallery-badge{left:-3%;bottom:9%;padding:11px 15px}.gallery-caption{bottom:-38px;font-size:.48rem;left:10%}.gallery-tag{font-size:.48rem}.gallery-global>span,.gallery-creative>span{font-size:.7rem;bottom:13px;left:12px;right:12px}.capability-strip{font-size:.62rem;gap:8px 18px;padding:19px}.section{padding-top:55px;padding-bottom:55px}.section-heading{margin-bottom:30px}.section-heading h2{font-size:2.25rem}.unit-grid{grid-template-columns:1fr;gap:23px}.card-media{height:auto;aspect-ratio:1.65}.card-body{padding:25px}.unit-card h3{font-size:2rem}.unit-card p{min-height:0;font-size:.87rem}.card-link{font-size:.77rem}.about-grid{gap:35px}.about-visual{padding:30px}.big-six{font-size:8rem;gap:23px}.big-six span{font-size:.6rem}.steps{gap:15px}.steps>div{padding:25px}.steps h3{font-size:1.35rem}.cta{margin:0 12px 12px;border-radius:23px;padding:45px 0}.cta h2{font-size:2.25rem;margin-top:18px}.cta .eyebrow{font-size:.6rem}.portfolio-intro{margin-bottom:15px}.portfolio-intro .page-intro{padding-top:45px;padding-bottom:45px;display:block}.portfolio-intro h1{font-size:clamp(2.2rem,9.5vw,3.2rem);line-height:1.12}.portfolio-intro p{font-size:.85rem}.portfolio-orbit{display:none}.page-intro h1{font-size:clamp(2.5rem,10vw,3.3rem)}.page-intro p{font-size:.9rem}.compact{padding-top:20px}.business-hero{gap:35px;padding-top:25px;padding-bottom:15px}.business-hero h1{font-size:2.8rem}.business-art{aspect-ratio:1.2;transform:rotate(1deg);margin:0 5px}.business-art>p{left:25px;bottom:22px}.service-grid{grid-template-columns:1fr;gap:13px}.service-grid>div{padding:24px}.service-grid h3{font-size:1.13rem}.outcomes{padding-top:10px;padding-bottom:55px}.directors article{padding:25px}.directors h3{font-size:1.2rem}.director-monogram{width:65px;height:65px;font-size:1.5rem}.contact-grid{gap:30px}.form-panel{padding:25px}.form-panel h2{font-size:1.9rem}.footer-main{gap:30px 20px}footer{padding-top:45px}.footer-bottom{font-size:.64rem}.eyebrow{font-size:.64rem}}
@media(prefers-reduced-motion:no-preference){.hero-copy{animation:enter .8s ease-out both}.hero-gallery{animation:enter 1s ease-out both}.portfolio-intro .page-intro>div{animation:enter .7s ease-out both}@keyframes enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}}