.branding-feature{background:#eef5f8}.branding-feature__grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.branding-feature h2{font-size:clamp(38px,4.7vw,64px)}.branding-feature__intro{font-size:17px;line-height:1.7;max-width:440px}.branding-tags{display:flex;flex-wrap:wrap;gap:9px;padding:0;margin:26px 0 30px;list-style:none}.branding-tags li{font-size:11px;border:1px solid #c6d8e1;border-radius:30px;padding:7px 13px}.branding-feature__images{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-width:0}.branding-feature__images img{width:100%;aspect-ratio:1.35;object-fit:cover;border-radius:10px}.branding-feature__images .branding-feature__main{grid-column:1/-1;aspect-ratio:1.9}.branding-hero{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.branding-hero>div{min-width:0}.branding-hero h1{font-size:clamp(38px,4.3vw,62px)}.branding-hero .lead{font-size:19px}.branding-hero__actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.branding-hero__actions .button{font-size:13px;gap:18px}.branding-hero__image{margin:0;min-width:0}.branding-hero__image img{width:100%;border-radius:12px}.branding-hero__image figcaption{font-size:10px;color:var(--muted);margin-top:12px}.branding-services{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.branding-services article{border-top:1px solid #c6d8e1;padding-top:22px;min-width:0}.branding-services article>span{font-size:11px;color:var(--blue-dark)}.branding-services h3{font-size:24px;overflow-wrap:anywhere;margin:28px 0 16px}.branding-services p{font-size:14px;line-height:1.75;color:var(--muted);margin:0}.branding-showreel{background:#142b37;color:white}.branding-showreel__grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.branding-showreel .eyebrow{color:#72ccef}.branding-showreel p:not(.eyebrow){font-size:15px;line-height:1.7;color:#b4c6cf;max-width:370px}.branding-showreel .text-link{font-size:12px}.branding-video{aspect-ratio:16/9;background:#10232d;overflow:hidden;border-radius:12px}.branding-video__play{display:block;position:relative;padding:0;border:0;width:100%;height:100%;background:#10232d;color:#fff;text-align:center}.branding-video__play img{width:100%;height:100%;object-fit:cover;opacity:.45}.branding-video__play>span{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:18px;font-weight:600;gap:8px;background:#10232d25}.branding-video__play b{display:grid;place-items:center;width:58px;height:58px;border:1px solid #ffffff88;border-radius:50%;font-size:20px;margin-bottom:6px}.branding-video__play small{font-size:10px;font-weight:400}.branding-video iframe{width:100%;height:100%;display:block;border:0}.branding-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.branding-filters button{border:1px solid var(--line);border-radius:30px;padding:10px 17px;background:white;color:var(--ink);font-size:12px}.branding-filters button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:white}.branding-filters button span{font-size:10px;margin-left:6px;opacity:.65}.branding-count{font-size:11px;color:var(--muted);margin-bottom:25px}.branding-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 24px}.branding-work{margin:0;min-width:0}.branding-work[hidden],.branding-more[hidden]{display:none!important}.branding-work a{display:block}.branding-work a>div{position:relative;background:var(--soft);border-radius:12px;overflow:hidden;aspect-ratio:1.35}.branding-work img{width:100%;height:100%;object-fit:contain;transition:transform .3s}.branding-work a:hover img{transform:scale(1.025)}.branding-work a>div>span{position:absolute;right:12px;bottom:12px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#ffffffee;color:var(--ink);font-size:17px}.branding-work figcaption{padding-top:15px}.branding-work figcaption>span{font-size:10px;color:var(--muted)}.branding-work h3{font-size:18px;line-height:1.3;margin:7px 0 0;overflow-wrap:anywhere}.branding-more{display:flex;margin:40px auto 0}.branding-lightbox{width:min(1200px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;border:0;border-radius:14px;color:white;background:#10232d;box-shadow:0 20px 100px #0005}.branding-lightbox::backdrop{background:#10232dee}.branding-lightbox__inner{position:relative;padding:48px 24px 20px}.branding-lightbox__close{position:absolute;top:10px;right:12px;display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:50%;background:#ffffff22;color:#fff;font-size:26px;line-height:1}.branding-lightbox__image{display:block;width:100%;height:min(68dvh,750px);object-fit:contain}.branding-lightbox__footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:20px;text-align:center}.branding-lightbox__footer>button{flex:0 0 auto;display:grid;place-items:center;width:40px;height:40px;border:1px solid #ffffff55;background:transparent;color:white;border-radius:50%;font-size:22px}.branding-lightbox__title{font-size:13px;line-height:1.4;margin-bottom:4px}.branding-lightbox__counter{font-size:10px;color:#adc1cb}.branding-lightbox:focus{outline:0}
@media(max-width:900px){.branding-feature__grid,.branding-hero{gap:35px}.branding-services{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.branding-showreel__grid{gap:35px}.branding-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.branding-hero h1{font-size:42px}.branding-feature__intro{font-size:15px}}
@media(max-width:600px){.branding-feature__grid,.branding-hero,.branding-showreel__grid{grid-template-columns:1fr;gap:32px}.branding-feature h2{font-size:42px}.branding-feature__images{gap:9px}.branding-feature__intro{font-size:15px}.branding-hero h1{font-size:clamp(32px,9vw,44px);hyphens:auto}.branding-hero .lead{font-size:18px}.branding-hero__actions{gap:20px}.branding-hero__image figcaption{font-size:9px}.branding-services{gap:28px 20px}.branding-services h3{font-size:21px;margin-top:20px}.branding-services p{font-size:12px}.branding-showreel h2 br{display:none}.branding-showreel h2{max-width:330px}.branding-showreel p:not(.eyebrow){font-size:14px}.branding-filters{gap:7px}.branding-filters button{font-size:10px;padding:9px 12px}.branding-gallery{gap:26px 12px}.branding-work a>div{aspect-ratio:1}.branding-work h3{font-size:13px}.branding-work figcaption>span{font-size:9px}.branding-work a>div>span{width:24px;height:24px;font-size:14px;right:8px;bottom:8px}.branding-lightbox__inner{padding:46px 12px 16px}.branding-lightbox__image{height:60dvh}.branding-lightbox__title{font-size:11px}.branding-lightbox__footer{gap:10px}.branding-lightbox__footer>button{width:34px;height:34px}}
@media(prefers-reduced-motion:reduce){.branding-work img{transition:none}}