.branding-service{--deep:var(--ekat-deep,#082f3e);--navy:var(--ekat-navy,#124f67);--aqua:var(--ekat-aqua,#00a3af);--ink:var(--ekat-ink,#11191c);--muted:var(--ekat-muted,#667277);--paper:var(--ekat-paper,#f5f6f4);--line:var(--ekat-line,#d8dfdf);--container:var(--ekat-container,1220px);background:#fff;color:var(--ink)}
.branding-service .shell{width:min(var(--container),calc(100% - 48px));margin-inline:auto}.branding-service .section-tag{display:inline-flex;width:max-content;padding:7px 10px;border-radius:4px;background:rgba(0,163,175,.12);color:var(--navy);font-size:12px;line-height:1}.branding-service h1,.branding-service h2,.branding-service h3{font-family:var(--ekat-font-display,"Manrope",sans-serif);letter-spacing:-.055em}.branding-service main p{color:var(--muted);font-size:15px;line-height:1.75}
.service-header{position:relative;overflow:hidden;color:#fff;background:linear-gradient(90deg,rgba(8,47,62,.9),rgba(8,47,62,.5)),url("../../branding-profile/page-10-clean.jpg") center 48%/cover}.service-header nav{width:min(var(--container),calc(100% - 48px));margin-inline:auto}.service-title{display:flex;min-height:400px;width:min(var(--container),calc(100% - 48px));margin-inline:auto;padding:78px 0 88px;flex-direction:column;justify-content:center}.service-title>span{color:#d8e7e9;font-size:14px}.service-title>span a{color:inherit;text-decoration:none}.service-title h1{margin:24px 0 15px;color:#fff;font-size:clamp(52px,5vw,72px);font-weight:400;line-height:.98}.service-title p{max-width:650px;margin:0;color:#d8e7e9;font-size:16px;line-height:1.65}
.service-overview{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1fr);gap:clamp(64px,8vw,120px);align-items:center;padding-block:112px}.overview-image{position:relative;height:620px;overflow:hidden;background:var(--paper)}.overview-image img{width:100%;height:100%;display:block;object-fit:cover}.overview-image>span{position:absolute;left:0;bottom:0;padding:13px 16px;color:#fff;background:rgba(8,47,62,.9);font-size:12px}.overview-copy h2{margin:22px 0 28px;color:var(--deep);font-size:clamp(42px,4.4vw,64px);font-weight:400;line-height:1.04}.overview-copy>p:first-of-type{color:#2e4249;font-size:17px}.overview-copy dl{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:45px 0 0}.overview-copy dl div{padding-top:18px;border-top:1px solid var(--line)}.overview-copy dt{color:var(--aqua);font:400 46px/1 "Manrope",sans-serif;letter-spacing:-.06em}.overview-copy dd{max-width:160px;margin:10px 0 0;color:var(--muted);font-size:12px;line-height:1.5;text-transform:uppercase;letter-spacing:.06em}
.applications{padding-block:112px;background:var(--paper)}.branding-service .section-head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.55fr);align-items:end;gap:80px;width:100%;margin:0 0 60px}.branding-service .section-head h2{margin:18px 0 0;color:var(--deep);font-size:clamp(40px,4.1vw,62px);font-weight:400;line-height:1.04}.branding-service .section-head p{max-width:460px;margin:0;font-size:15px}.application-list{border-top:1px solid var(--line)}.application-list article{display:grid;grid-template-columns:70px minmax(260px,.75fr) 1fr;gap:35px;padding:28px 4px;border-bottom:1px solid var(--line)}.application-list article>span{padding-top:4px;color:var(--aqua);font-size:12px}.application-list h3{margin:0;color:var(--deep);font-size:25px;font-weight:400}.application-list p{max-width:520px;margin:0}
.delivery{padding-block:112px;color:#fff;background:var(--navy)}.delivery .section-tag{color:#fff;background:rgba(255,255,255,.1)}.delivery .section-head h2{color:#fff}.delivery .section-head p{color:rgba(255,255,255,.65)}.delivery ol{display:grid;grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.2)}.delivery li{min-height:265px;padding:24px;border-right:1px solid rgba(255,255,255,.2)}.delivery li:last-child{border-right:0}.delivery li>span{color:var(--aqua);font-size:12px}.delivery h3{margin:76px 0 10px;font-size:24px;font-weight:400}.delivery li p{margin:0;color:rgba(255,255,255,.62);font-size:13px}
.service-header{background-position:center calc(48% + var(--hero-y,0px))}
.overview-image img{height:112%;transform:translateY(var(--overview-y,-5%));will-change:transform}
.service-ticker{overflow:hidden;padding:18px 0;background:var(--aqua)}.service-ticker>div{display:flex;width:max-content;align-items:center;gap:26px;color:var(--deep);font:500 13px "Manrope",sans-serif;letter-spacing:.08em;animation:tickerMove 26s linear infinite}.service-ticker i{font-style:normal}@keyframes tickerMove{to{transform:translateX(-48%)}}
.application-list article{grid-template-columns:48px 52px minmax(250px,.72fr) 1fr;gap:24px;align-items:center;transition:padding .3s ease,background .3s ease}.application-list article:hover{padding-inline:18px;background:#fff}.app-icon{display:grid;width:46px;height:46px;place-items:center;border-radius:50%;background:rgba(0,163,175,.1);transition:background .3s ease,transform .3s ease}.application-list article:hover .app-icon{background:var(--aqua);transform:rotate(-5deg)}.app-icon svg{width:25px;height:25px;fill:none;stroke:var(--deep);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.delivery li{position:relative;overflow:hidden;transition:background .3s ease,transform .3s ease}.delivery li:hover{background:rgba(255,255,255,.06);transform:translateY(-5px)}
.work-samples{padding-block:112px}.sample-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:28px}.sample{display:grid;grid-template-rows:390px auto;overflow:hidden;border:1px solid var(--line);background:var(--paper);transition:transform .35s ease,border-color .35s ease}.sample:hover{transform:translateY(-4px);border-color:rgba(0,163,175,.45)}.sample-featured{grid-row:span 2;grid-template-rows:690px auto}.sample-wide{grid-column:1/-1;grid-template-columns:1.2fr .8fr;grid-template-rows:470px}.sample img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .7s ease}.sample:hover img{transform:scale(1.025)}.sample>div{padding:22px 24px 25px}.sample>div>span{color:var(--aqua);font-size:12px;text-transform:uppercase;letter-spacing:.06em}.sample h3{margin:8px 0 5px;color:var(--deep);font-size:28px;font-weight:400}.sample p{margin:0}.sample-wide>div{display:flex;flex-direction:column;justify-content:flex-end;padding:40px}
.service-cta{display:grid;grid-template-columns:1.05fr .95fr;gap:100px;padding:100px max(24px,calc((100vw - var(--container))/2));background:var(--aqua)}.service-cta>div:first-child>span{color:var(--deep);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.service-cta h2{margin:18px 0 0;color:var(--deep);font-size:clamp(48px,5vw,72px);font-weight:400;line-height:1.02}.service-cta>div:last-child{align-self:end}.service-cta p{max-width:500px;color:rgba(8,47,62,.72)}.service-cta a{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:58px;margin-top:20px;padding:15px 24px;border:0;border-radius:999px;color:var(--deep);background:var(--white);text-decoration:none;font-size:14px;font-weight:600;text-transform:uppercase;transition:background .25s ease,transform .25s ease}.service-cta a::after{content:"\2197";font-size:15px;line-height:1}.service-cta a:hover,.service-cta a:focus-visible{background:rgba(255,255,255,.86);outline:none;transform:translateY(-2px)}
.motion-ready [data-reveal]{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .75s cubic-bezier(.2,.7,.2,1)}.motion-ready [data-reveal].is-visible{opacity:1;transform:none}
@media(max-width:900px){.service-overview{gap:55px}.overview-image{height:540px}.application-list article{grid-template-columns:50px 1fr}.application-list article p{grid-column:2}.delivery ol{grid-template-columns:1fr 1fr}.sample-grid{grid-template-columns:1fr 1fr}.sample-featured{grid-column:1/-1;grid-row:auto;grid-template-rows:560px auto}.sample-wide{grid-template-columns:1fr 1fr}.service-cta{gap:55px}}
@media(max-width:650px){.branding-service .shell,.service-header nav,.service-title{width:calc(100% - 32px)}.service-title{min-height:350px;padding:60px 0 70px}.service-title h1{font-size:48px}.service-overview{grid-template-columns:1fr;padding-block:82px}.overview-image{height:430px}.overview-copy h2{font-size:42px}.applications,.delivery,.work-samples{padding-block:82px}.branding-service .section-head{display:block}.branding-service .section-head p{margin-top:24px}.application-list article{grid-template-columns:38px 1fr;gap:18px}.application-list h3{font-size:21px}.delivery ol{grid-template-columns:1fr}.delivery li{min-height:200px;border-right:0;border-bottom:1px solid rgba(255,255,255,.2)}.delivery h3{margin-top:48px}.sample-grid{grid-template-columns:1fr;gap:16px}.sample,.sample-featured{grid-column:auto;grid-template-rows:360px auto}.sample-wide{grid-column:auto;grid-template-columns:1fr;grid-template-rows:360px auto}.sample-wide>div{padding:22px 24px 25px}.service-cta{grid-template-columns:1fr;gap:40px;padding:80px 16px}}
@media(prefers-reduced-motion:reduce){.branding-service *{transition-duration:.01ms!important}}
@media(max-width:900px){.application-list article{grid-template-columns:42px 50px 1fr}.application-list article p{grid-column:3}}
@media(max-width:650px){.application-list article{grid-template-columns:32px 44px 1fr;gap:12px}.application-list article p{grid-column:2/-1}.app-icon{width:40px;height:40px}.service-ticker>div{animation-duration:34s}}
@media(prefers-reduced-motion:reduce){.service-ticker>div{animation:none}}

/* Visual capability cards */
.capability-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.capability-cards article{position:relative;min-height:510px;overflow:hidden;border-radius:var(--radius-media);background:var(--deep);color:#fff}.capability-cards article>img{position:absolute;inset:0;width:100%;height:100%;border-radius:0!important;object-fit:cover;opacity:.5;transition:opacity .45s ease,transform .75s ease}.capability-cards article::after{position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,47,62,.97),rgba(8,47,62,.08) 72%);content:""}.capability-cards article:hover>img{opacity:.72;transform:scale(1.045)}.capability-cards article>span,.capability-cards article>h3,.capability-cards article>p,.capability-icon{position:absolute;z-index:2}.capability-cards article>span{top:22px;left:24px;color:#fff;font:400 30px/1 "Manrope",sans-serif;letter-spacing:-.05em}.capability-icon{bottom:146px;left:24px;display:grid;width:70px;height:70px;place-items:center;background:transparent;transition:transform .4s ease}.capability-cards article:hover .capability-icon{transform:translateY(-6px)}.capability-icon svg{width:62px;height:62px;fill:none;stroke:var(--aqua);stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}.capability-cards article>h3{right:24px;bottom:82px;left:24px;margin:0;color:#fff;font-size:30px;font-weight:400}.capability-cards article>p{right:24px;bottom:20px;left:24px;margin:0;color:rgba(255,255,255,.68);font-size:13px;line-height:1.55}

/* Image-led methodology */
.method-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:stretch}.method-image{position:relative;min-height:720px;margin:0;overflow:hidden;background:var(--deep)}.method-visual{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;opacity:0;transform:scale(1.025);transition:opacity .6s ease,transform 1s cubic-bezier(.2,.7,.2,1)}.method-visual.is-active{z-index:1;opacity:1;transform:scale(1)}.method-image figcaption{position:absolute;z-index:2;right:0;bottom:0;left:0;padding:55px 22px 20px;color:#fff;background:linear-gradient(transparent,rgba(8,47,62,.92));font-size:12px}.method-content{padding-block:20px}.method-content>h2{margin:22px 0 48px;color:#fff;font-size:clamp(42px,4vw,60px);font-weight:400;line-height:1.04}.method-steps{border-top:1px solid rgba(255,255,255,.2)}.method-steps article{display:grid;grid-template-columns:78px 36px 1fr;gap:18px;align-items:center;min-height:128px;padding-inline:18px;border-bottom:1px solid rgba(255,255,255,.2);outline:none;transition:background-color .45s ease,box-shadow .45s ease}.method-steps article:hover,.method-steps article:focus-visible,.method-steps article.is-active{background:rgba(255,255,255,.07);box-shadow:inset 3px 0 var(--aqua)}.method-icon{display:grid;width:66px;height:66px;place-items:center;border-radius:50%;border:1px solid rgba(255,255,255,.38);transition:border-color .4s ease,background-color .4s ease}.method-steps article:hover .method-icon,.method-steps article:focus-visible .method-icon,.method-steps article.is-active .method-icon{border-color:var(--aqua);background:rgba(0,163,175,.09)}.method-icon svg{width:36px;height:36px;fill:none;stroke:var(--aqua);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.method-steps article>span{color:var(--aqua);font-size:12px}.method-steps h3{margin:0 0 5px;color:#fff;font-size:23px;font-weight:400}.branding-service main .method-steps p{margin:0;color:#fff;font-size:13px}

/* Horizontal work filmstrip */
.work-samples{width:min(var(--container),calc(100% - 48px));overflow:visible}.work-intro{align-self:end}.work-intro p{margin:0}.work-controls{display:flex;gap:10px;margin-top:28px}.work-arrow{display:grid;width:52px;height:52px;padding:0;place-items:center;border:1px solid rgba(8,47,62,.22);border-radius:50%;color:var(--deep);background:transparent;cursor:pointer;transition:color .25s ease,background .25s ease,border-color .25s ease,opacity .25s ease}.work-arrow:hover{color:#fff;border-color:var(--aqua);background:var(--aqua)}.work-arrow:focus-visible{outline:2px solid var(--aqua);outline-offset:3px}.work-arrow:disabled{opacity:.28;cursor:not-allowed;background:transparent;color:var(--deep);border-color:rgba(8,47,62,.22)}.work-arrow svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.sample-filmstrip{display:flex;gap:24px;width:calc(100vw - max(24px,calc((100vw - var(--container))/2)));overflow-x:auto;padding:0;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}.sample-filmstrip::-webkit-scrollbar{display:none}.sample-filmstrip .sample{display:grid;min-width:min(520px,78vw);grid-template-rows:430px auto;scroll-snap-align:start}.sample-filmstrip .sample>div{min-height:145px}.sample-filmstrip .sample h3{font-size:30px}

@media(max-width:900px){.capability-cards{grid-template-columns:1fr 1fr}.method-layout{grid-template-columns:minmax(230px,.78fr) minmax(0,1.22fr);gap:32px}.method-image{min-height:650px}.method-content{padding-top:0}.method-content>h2{font-size:clamp(36px,5vw,48px);margin-bottom:32px}.method-steps article{grid-template-columns:58px 26px 1fr;gap:12px;min-height:120px;padding-inline:14px}.method-icon{width:52px;height:52px}.method-icon svg{width:29px;height:29px}.method-steps h3{font-size:20px}}
@media(max-width:650px){.capability-cards{grid-template-columns:1fr}.capability-cards article{min-height:460px}.capability-cards article>span{font-size:26px}.capability-icon{bottom:142px}.capability-icon svg{width:56px;height:56px}.method-layout{grid-template-columns:1fr;gap:40px}.method-image{min-height:430px}.method-steps article{grid-template-columns:58px 28px 1fr;gap:10px}.method-icon{width:52px;height:52px}.method-icon svg{width:28px;height:28px}.method-steps h3{font-size:20px}.work-controls{margin-top:22px}.work-arrow{width:48px;height:48px}.sample-filmstrip{width:calc(100vw - 16px)}.sample-filmstrip .sample{min-width:84vw;grid-template-rows:340px auto}}

/* Service single hero — aligned with the approved single-page system */
.service-header{background:radial-gradient(circle at 78% 24%,rgba(0,163,175,.2),transparent 30%),var(--deep)}
.service-title.service-hero-inner{display:grid;min-height:400px;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:clamp(60px,8vw,120px);align-items:center;padding-block:64px 72px;flex-direction:initial;justify-content:initial}
.service-hero-copy>span{display:flex;gap:9px;margin-bottom:34px;color:rgba(255,255,255,.62);font-size:14px}
.service-hero-copy>span a{color:inherit;text-decoration:none}
.service-hero-copy h1{max-width:680px;margin:22px 0 24px;color:#fff;font-size:clamp(52px,5vw,72px);font-weight:300;line-height:.98;letter-spacing:-.065em}
.service-hero-copy p{max-width:570px;margin:0;color:rgba(255,255,255,.72);font-size:16px;line-height:1.75}
.service-hero-image{position:relative;height:360px;margin:0;overflow:hidden;border-radius:4px}
.service-hero-image::after{position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(8,47,62,.85));content:""}
.service-hero-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.service-hero-image:hover img{transform:scale(1.035)}
.service-hero-image figcaption{position:absolute;z-index:1;right:28px;bottom:25px;left:28px;display:flex;align-items:end;justify-content:space-between;gap:20px}
.service-hero-image figcaption span{color:rgba(255,255,255,.66);font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.service-hero-image figcaption strong{color:#fff;font:400 18px var(--ekat-font-display)}
@media(max-width:900px){.service-title.service-hero-inner{min-height:360px;grid-template-columns:1fr .9fr;gap:38px;padding-block:54px 62px}.service-hero-copy h1{font-size:clamp(48px,7vw,68px)}.service-hero-image{height:340px}}
@media(max-width:650px){.service-title.service-hero-inner{width:calc(100% - 32px);min-height:auto;grid-template-columns:1fr;gap:45px;padding-block:48px 62px}.service-hero-copy>span{margin-bottom:38px}.service-hero-copy h1{font-size:50px}.service-hero-image{height:320px}}

/* Approved single-page hero pattern */
.service-header{background:linear-gradient(90deg,rgba(8,47,62,.9),rgba(8,47,62,.54)),url("../../branding-profile/branding-hero.jpg") center 52%/cover}
.service-title.service-hero-inner{display:flex;min-height:400px;max-width:var(--container);flex-direction:column;align-items:flex-start;justify-content:center;padding-block:78px 88px}
.service-hero-image{display:none}
.service-hero-copy>span{margin-bottom:0;color:#d8e7e9;font-size:14px}
.service-hero-copy h1{max-width:760px;margin:24px 0 15px;color:#fff;font-size:clamp(52px,5vw,72px);font-weight:300;line-height:.98;letter-spacing:-.06em}
.service-hero-copy p{max-width:650px;color:#d8e7e9;font-size:16px;line-height:1.65}
@media(max-width:650px){.service-title.service-hero-inner{min-height:360px;padding-block:62px 72px}}

/* Clickable capability and project cards */
.capability-card-link{position:absolute;z-index:3;inset:0}.capability-card-link::after{position:absolute;top:22px;right:22px;display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(255,255,255,.55);border-radius:50%;color:#fff;background:rgba(8,47,62,.25);content:"↗";font-size:17px;transition:color .3s ease,background-color .3s ease,border-color .3s ease,transform .3s ease}.capability-cards article:hover .capability-card-link::after,.capability-cards article:focus-within .capability-card-link::after{color:var(--deep);border-color:var(--aqua);background:var(--aqua);transform:translate(2px,-2px)}.capability-card-link:focus-visible{outline:2px solid var(--aqua);outline-offset:-4px}
.sample-filmstrip .sample{position:relative;color:inherit;text-decoration:none}.sample-filmstrip .sample::after{position:absolute;z-index:2;top:18px;right:18px;display:grid;width:44px;height:44px;place-items:center;border-radius:50%;color:#fff;background:rgba(8,47,62,.78);content:"↗";font-size:17px;transition:color .3s ease,background-color .3s ease,transform .3s ease}.sample-filmstrip .sample:hover,.sample-filmstrip .sample:focus-visible{outline:none}.sample-filmstrip .sample:hover::after,.sample-filmstrip .sample:focus-visible::after{color:var(--deep);background:var(--aqua);transform:translate(2px,-2px)}
.capability-card-link::after,
.sample-filmstrip .sample::after{
  content:"\2197";
}

.branding-service .overview-image,
.branding-service .sample,
.branding-service .method-image,
.branding-service .service-hero-image {
  border-radius: var(--radius-media);
  overflow: hidden;
}

.branding-service .overview-image img,
.branding-service .sample img,
.branding-service .method-image img,
.branding-service .service-hero-image img,
.branding-service .capability-cards article > img {
  display: block;
  border-radius: 0 !important;
}

.branding-service .service-cta p {
  color: var(--deep);
}