/* A quieter editorial layer over the original BrandOneX system. */
:root{--line:#d9dce5;--muted:#525a6b}
.brand-topbar{display:none}
.site-header{height:84px}
.header-inner{min-height:84px}
.site-logo{width:186px}
.main-navigation{gap:25px}
.nav-cta{margin-left:4px}
.hero-badge{display:inline-flex;align-items:center;gap:7px;width:max-content;margin:-12px 0 30px;padding:9px 14px;border-radius:100px;background:var(--navy);color:#fff;font-size:12px;font-weight:700;letter-spacing:.035em;line-height:1}
.hero-badge strong{color:var(--yellow);font-weight:700}
.hero-badge-dot{width:9px;height:9px;margin-right:1px;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 5px #fecc0b2b}
/* Animate the original brand mark without drawing a second outline over it. */
.hero-studio .studio-core-glow{position:absolute;left:50%;top:50%;z-index:0;width:31%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;background:#fecc0b;filter:blur(25px);opacity:.16;pointer-events:none;mix-blend-mode:screen}
.hero-studio .cube-core>img{z-index:1}
.motion-ready:not([data-motion=paused]) .hero-studio .cube-core{animation:studio-logo-pulse 3.6s ease-in-out 1s infinite}
.motion-ready:not([data-motion=paused]) .hero-studio .cube-core>img{animation:studio-mark-arrive .9s cubic-bezier(.16,1,.3,1) both}
.motion-ready:not([data-motion=paused]) .hero-studio .studio-core-glow{animation:studio-soft-glow 3.6s ease-in-out 1s infinite}
.motion-ready:not([data-motion=paused]) .hero-studio .studio-chip{animation:studio-card-arrive .65s cubic-bezier(.16,1,.3,1) both}
.motion-ready:not([data-motion=paused]) .hero-studio .chip-strategy{animation-delay:.75s}
.motion-ready:not([data-motion=paused]) .hero-studio .chip-web{animation-delay:1.08s}
.motion-ready:not([data-motion=paused]) .hero-studio .chip-growth{animation-delay:1.41s}
@keyframes studio-mark-arrive{from{opacity:.25;transform:scale(.86)}to{opacity:1;transform:scale(1)}}
@keyframes studio-logo-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
@keyframes studio-soft-glow{0%,100%{opacity:.13;scale:.96}50%{opacity:.34;scale:1.15}}
@keyframes studio-card-arrive{from{opacity:0;translate:0 15px;filter:blur(3px)}to{opacity:1;translate:0 0;filter:blur(0)}}
.office-addresses{display:grid;gap:14px}
.office-addresses>span{display:block}
.office-addresses strong{display:block;margin-bottom:4px;color:var(--navy);font-size:11px;font-style:normal;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.contact-details .office-addresses{max-width:420px}
@media(min-width:1500px){.page-home .hero{min-height:620px}.page-home .hero-studio{height:500px}.page-home .hero h1{font-size:66px}.page-home .hero-lead{max-width:510px;font-size:18px}.page-home .hero .button{min-height:54px;padding-inline:25px}}
.proof-section{border-top:1px solid var(--line)}
.focus-section{background:#ffffff;border-block:1px solid var(--line)}
.focus-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(50px,8vw,130px);align-items:start}
.focus-layout>div:first-child h2{max-width:530px;font-size:clamp(36px,3.5vw,54px);line-height:1.12;letter-spacing:-.05em}
.focus-layout>div:first-child>p:not(.eyebrow){max-width:515px;margin:27px 0 20px;font-size:17px;line-height:1.7}
.focus-list{border-top:1px solid var(--navy)}
.focus-list a{position:relative;display:grid;grid-template-columns:90px minmax(0,1fr) 30px;column-gap:18px;align-items:baseline;padding:25px 0;border-bottom:1px solid var(--line)}
.focus-list a>span{grid-row:1/3;color:var(--muted);font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.focus-list strong{font-size:clamp(22px,2.1vw,30px);font-weight:560;letter-spacing:-.035em}
.focus-list small{grid-column:2;color:var(--muted);font-size:14px;line-height:1.55;margin-top:8px}
.focus-list a>span:last-child{grid-column:3;grid-row:1/3;align-self:center;font-size:25px;color:var(--violet)}
.focus-list a:hover strong,.focus-list a:focus-visible strong{color:var(--violet)}
.work-section{background:radial-gradient(circle at 87% 10%,#e9edff 0,transparent 38%),linear-gradient(155deg,#fbfcff 0%,#f3f6ff 100%);color:var(--navy);border-block:1px solid #dce4fb;isolation:isolate}
.work-section::before{display:block;content:'';position:absolute;inset:0;width:auto;height:auto;opacity:1;background:url('../img/visuals/work-tech-blueprint.svg') center top/cover no-repeat;pointer-events:none;z-index:0}
.work-section .wrap{position:relative;z-index:1}
.work-section .eyebrow{color:var(--brand-blue)}
.work-section .section-heading p:not(.eyebrow),.work-section .project p{color:#46516c}
.work-section .text-link{color:var(--brand-blue)}
.work-section .project-meta,.work-section .project-scope{color:#55617e}
.work-section .accent{color:var(--yellow);text-shadow:0 1px 0 #9e7700}
.work-section :focus-visible{outline-color:var(--brand-blue)}
@media(max-width:760px){.work-section::before{background-position:64% top;background-size:auto 100%;opacity:.65}}
.project-image{border-radius:3px;box-shadow:none;background:#ffffff;border:1px solid var(--line)}
.project-image img,.project-image:hover img,[data-motion=paused] .project-image img{transform:none!important}
.project-image:hover img{filter:contrast(1.06) saturate(1.05)}
.project-image--udyogini{background:#ffffff}
.project-cover{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(22px,3vw,42px);color:#183b30;background:linear-gradient(145deg,#edf3e9 0%,#f8faf7 60%,#dfe9dc 100%)}
.project-cover::after{content:'';position:absolute;right:-10%;bottom:13%;width:62%;aspect-ratio:1;border:1px solid #3a705532;border-radius:50%;box-shadow:0 0 0 36px #3a70550b,0 0 0 72px #3a705508;pointer-events:none}
.project-cover-top,.project-cover-bottom{position:relative;z-index:1;display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:12px;line-height:1.4}
.project-cover-top{text-transform:uppercase;letter-spacing:.12em}
.project-cover-top b{font-weight:500;color:#5e7161}
.project-cover>img{position:relative;z-index:1;width:min(78%,320px);height:auto;max-height:150px;object-fit:contain;object-position:left;mix-blend-mode:multiply}
.project-cover-bottom{max-width:390px;font-size:clamp(18px,1.8vw,25px);font-weight:570;letter-spacing:-.035em}
.project-cover-bottom b{font-size:27px;font-weight:400}
.project-image--udyogini .project-open{display:none}
.work-section .project-image--udyogini{background:#ffffff}
.working-section{background:#fff;border-block:1px solid var(--line)}
.working-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.working-grid article{border-top:1px solid var(--navy);padding-top:25px}
.working-grid span{display:block;color:var(--violet);font-size:12px;letter-spacing:.12em;margin-bottom:38px}
.working-grid h3{font-size:clamp(23px,2.2vw,31px);letter-spacing:-.04em;line-height:1.2}
.working-grid p{max-width:330px;margin-top:17px;font-size:15px;line-height:1.65}
.work-gallery .project-image{aspect-ratio:1.2/1}
.project-evidence img{display:block;width:100%;height:auto;border-radius:4px}
.project-evidence .project-cover--detail{position:relative;min-height:480px;border:1px solid #dbe5d9;border-radius:4px}
.project-evidence .project-cover--detail img{width:min(75%,360px);height:auto;border:0;border-radius:0}
.home-insight-media>.editorial-cover,.blog-listing-media>.editorial-cover{position:absolute;inset:0;display:flex;width:100%;height:100%;border-radius:0}
.blog-listing-media{position:relative}
.article-cover .editorial-cover{min-height:400px}
.editorial-cover{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;min-height:100%;padding:clamp(20px,2.7vw,38px);background:#e9edf8;color:#162047}
.editorial-cover::before{content:'';position:absolute;z-index:-1;width:62%;aspect-ratio:1;right:-8%;top:8%;border:1px solid #2849a23a;border-radius:50%;box-shadow:0 0 0 38px #2849a212,0 0 0 76px #2849a20a}
.editorial-cover::after{content:'';position:absolute;z-index:-1;left:0;bottom:27%;width:100%;height:1px;background:#16204724}
.editorial-cover--commerce{background:#eef1e8;color:#253e2e}
.editorial-cover--automation{background:#e7f0ef;color:#164b4a}
.editorial-cover--strategy{background:#edeaf4;color:#30255d}
.home-insight-media>.editorial-cover--commerce{background:#eef1e8;color:#253e2e}
.home-insight-media>.editorial-cover--automation{background:#e7f0ef;color:#164b4a}
.home-insight-media>.editorial-cover--strategy{background:#edeaf4;color:#30255d}
.editorial-cover-top{font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.editorial-cover-top i{font-style:normal;opacity:.5;padding-inline:6px}
.editorial-cover strong{position:relative;max-width:78%;font-size:clamp(31px,3vw,49px);font-weight:580;line-height:1.08;letter-spacing:-.055em}
.editorial-cover-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:12px;letter-spacing:.035em}
.editorial-cover-bottom b{font-size:30px;font-weight:400}
.home-insight-media:hover .editorial-cover,.blog-listing-media:hover .editorial-cover{filter:saturate(1.1)}
.pillar-visual--art{background:#e9edff}
.pillar-visual--art img{display:block;width:100%;height:auto;aspect-ratio:1200/694;object-fit:contain}
.pillar-visual--art .visual-caption{padding:14px 12px 16px;background:#eef0fa;color:var(--navy);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.pillar-visual--art.visual-xecute .visual-caption{background:#eee9ff}
.pillar-visual--art.visual-xpand .visual-caption{background:#fff3bb}
.home-insight-media>img,.blog-listing-media>img{display:block;width:100%;height:100%;object-fit:cover}
.article-cover>img{display:block;width:100%;height:auto}
@media(max-width:760px){.page-home .pillar-visual--art{float:none;width:100%;max-width:none;margin:0 0 20px}.page-home .pillar-visual--art .visual-caption{display:block}}
.home-insight-card,.blog-listing-card{border-radius:3px}
.home-insights::after{display:none}
.home-insights{background:#ffffff;color:var(--navy);border-top:1px solid var(--line)}
.home-insights .eyebrow,.home-insights p{color:var(--muted)}
.home-insights-head .text-link,.home-insight-copy .text-link{color:var(--violet)}
.home-insight-card{background:white;border:1px solid var(--line)}
.home-insight-copy h3 a:hover{color:var(--violet)}
.home-insight-topics span{color:var(--muted);border-color:var(--line)}
.page-intro::after{opacity:.25}
.motion-ready:not([data-motion=paused]) .is-visible .visual-rotate,
.motion-ready:not([data-motion=paused]) .is-visible .visual-float,
.motion-ready:not([data-motion=paused]) .is-visible .visual-layer,
.motion-ready:not([data-motion=paused]) .is-visible .visual-chart,
.motion-ready:not([data-motion=paused]) .is-visible .visual-pulse{animation:none!important}
@media(max-width:1100px){.focus-layout{gap:55px}}
@media(max-width:760px){.site-header{height:auto}.header-inner{min-height:72px}.site-logo{width:165px}.hero-badge{margin:-7px 0 24px;padding:8px 11px;font-size:10px}.focus-layout{grid-template-columns:1fr;gap:35px}.focus-list a{grid-template-columns:70px minmax(0,1fr) 22px;column-gap:10px;padding:21px 0}.focus-list strong{font-size:22px}.focus-list small{font-size:13px}.focus-list a>span{font-size:10px}.working-grid{grid-template-columns:1fr;gap:25px}.working-grid span{margin-bottom:20px}.project-cover{padding:24px}.project-cover-top{font-size:9px}.project-cover-bottom{font-size:20px}.project-cover>img{width:min(75%,290px)}.editorial-cover strong{font-size:34px}.article-cover .editorial-cover{min-height:290px}}
@media(max-width:760px){.process-timeline::after{transform:scaleY(1)}}

/* Services directory: one divider between the list and the closing section. */
.page-services .services-section{padding-bottom:0}
.page-services .services-section + .section-line{border-top:0;padding-top:72px}
.page-services .service-icon-tile{transition:background-color .2s,color .2s,transform .2s,box-shadow .2s}
.page-services .service-icon-tile:hover,.page-services .service-icon-tile:focus-visible{background:var(--navy);color:#fff;transform:translateY(-2px);box-shadow:0 6px 16px #00004020}
.page-services .service-icon-tile:focus-visible{outline:2px solid var(--violet);outline-offset:3px}
@media(max-width:760px){.page-services .services-section + .section-line{padding-top:48px}}
@media(prefers-reduced-motion:reduce){.page-services .service-icon-tile{transition:none}.page-services .service-icon-tile:hover,.page-services .service-icon-tile:focus-visible{transform:none}}

/* Footer: quiet technical linework behind the content. */
.site-footer{background:#ffffff;padding-block:56px 24px}
.site-footer::after{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(to right,#192bea0b 1px,transparent 1px),linear-gradient(to bottom,#192bea0b 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to right,transparent 40%,#000 100%);-webkit-mask-image:linear-gradient(to right,transparent 40%,#000 100%)}
.footer-layout{grid-template-columns:minmax(0,1.05fr) minmax(0,.62fr) minmax(0,1.28fr);gap:clamp(36px,4.5vw,72px);align-items:start;padding-bottom:48px}
.footer-brand>p{max-width:310px;margin-top:24px;font-size:18px;line-height:1.45}
.footer-pillars{gap:16px;margin-top:30px}
.footer-explore>div{gap:0 12px}
.footer-explore a{min-height:38px}
.footer-contact{min-width:0}
.footer-contact .footer-email{font-size:clamp(17px,1.5vw,21px);font-weight:600;line-height:1.3}
.footer-contact .footer-phone{margin-top:4px}
.footer-contact .office-addresses{display:grid;gap:18px;max-width:none;margin-top:25px;line-height:1.55}
.footer-contact .office-addresses>span{padding-left:14px;border-left:2px solid #dfe3f2;overflow-wrap:anywhere}
.footer-contact .office-addresses strong{margin-bottom:5px;color:var(--navy)}
.footer-follow{max-width:310px;margin-top:32px}
.footer-follow .footer-social-label{margin:0;padding-top:18px;border-top:1px solid #dfe3f2;color:var(--navy);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.footer-follow .footer-socials{margin-top:12px;flex-wrap:wrap}
.footer-art{position:absolute;right:-150px;bottom:-105px;z-index:0;width:min(520px,38vw);height:auto;pointer-events:none;opacity:.16}
.footer-art img{display:block;width:100%;height:auto}
.site-footer .footer-bottom{border-top-color:#dfe3f2}
@media(max-width:1000px) and (min-width:761px){
  .footer-layout{grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:38px 50px}
  .footer-contact{grid-column:1 / -1;max-width:690px}
  .footer-contact .office-addresses{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
  .footer-art{right:-170px;width:460px;opacity:.12}
}
@media(max-width:760px){
  .site-footer{padding-block:40px 48px}
  .footer-layout{grid-template-columns:1fr;gap:32px;padding-bottom:32px}
  .footer-brand{display:block}
  .footer-brand>p{margin-top:20px;font-size:15px}
  .footer-pillars{margin-top:20px}
  .footer-contact .office-addresses{grid-template-columns:1fr;gap:17px;margin-top:21px}
  .footer-follow{max-width:none;margin-top:26px}
  .footer-follow .footer-social-label{padding-top:17px}
  .footer-art{right:-130px;bottom:-70px;width:340px;opacity:.1}
}
