
.work-editorial{background:#fff;color:#15384f}.work-title{padding-top:55px;padding-bottom:30px}.work-title h1{font:500 clamp(48px,6vw,86px)/1.04 var(--serif);letter-spacing:-.04em;margin:25px 0}.work-title em{color:#216d9c;font-weight:500}.work-title p{font:400 16px/1.7 var(--sans);color:#506675;margin:0}.work-filter{display:flex;gap:9px;flex-wrap:wrap;padding-top:15px;padding-bottom:35px}.work-filter button{border:1px solid #d9e5ed;background:white;color:#526e80;border-radius:25px;font:500 12px var(--sans);padding:11px 16px;cursor:pointer}.work-filter button[aria-pressed=true]{background:#176d9c;border-color:#176d9c;color:#fff}.work-filter button:focus-visible,.work-image-grid a:focus-visible{outline:2px solid #176d9c;outline-offset:4px}.work-client{padding-top:30px;padding-bottom:30px}.work-client-heading{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:25px}.work-client-heading h2{font:500 clamp(34px,4vw,54px)/1.1 var(--serif);letter-spacing:-.025em;margin:14px 0 0}.work-client-heading>img{width:150px;height:85px;object-fit:contain;background:#fff}.work-image-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.work-image-grid figure{margin:0;min-width:0}.work-image-grid figure:first-child:nth-last-child(3){grid-column:1/-1}.work-image-grid a{position:relative;display:block;overflow:hidden;background:#f3f6f8}.work-image-grid img{display:block;width:100%;height:530px;object-fit:contain;transition:transform .6s}.work-image-grid figure:first-child:nth-last-child(3) img{height:560px;object-fit:cover;object-position:center 45%}.work-image-grid a:hover img{transform:scale(1.025)}.work-image-open{position:absolute;bottom:18px;right:18px;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#ffffffeb;color:#15384f}.work-image-grid figcaption{display:flex;justify-content:space-between;align-items:center;padding:13px 0;font:500 16px var(--sans)}.work-image-grid figcaption small{font:400 10px var(--sans);letter-spacing:.12em;color:#7892a1}.work-image-grid.single{grid-template-columns:1fr}.work-image-grid.single img{height:620px;object-fit:contain}.work-abstract-divider{height:45px;margin:20px 0;width:100%;overflow:hidden}.work-abstract-divider svg{width:100%;height:100%}.work-client-brava .work-image-grid img{object-fit:contain}.work-client-global-travel .work-image-grid figure:first-child img,.work-client-ferragosto .work-image-grid figure:first-child img{object-fit:contain}.work-client-qahwa .work-image-grid figure:first-child img{object-position:center 38%}
@media(max-width:750px){.work-title{padding-top:35px;padding-bottom:20px}.work-title h1{font-size:48px}.work-filter{padding-bottom:15px;gap:7px}.work-filter button{padding:9px 12px;font-size:11px}.work-client{padding-top:22px;padding-bottom:20px}.work-client-heading{gap:15px}.work-client-heading>img{width:100px;height:65px}.work-client-heading h2{font-size:34px}.work-image-grid{grid-template-columns:1fr;gap:18px}.work-image-grid figure:first-child:nth-last-child(3){grid-column:auto}.work-image-grid img,.work-image-grid.single img,.work-image-grid figure:first-child:nth-last-child(3) img{height:auto;max-height:600px;object-fit:contain}.work-abstract-divider{margin:5px 0;height:30px}.work-image-grid figcaption{font-size:14px}}
@media(prefers-reduced-motion:reduce){.work-image-grid img{transition:none}}
/* Keep the supplied portrait compositions intact. */
.work-image-grid:has(figure:nth-child(3)){grid-template-columns:repeat(3,minmax(0,1fr))}.work-image-grid figure:first-child:nth-last-child(3){grid-column:auto}.work-image-grid figure:first-child:nth-last-child(3) img{height:530px;object-fit:contain}.work-client-arabanji .work-image-grid.single img{object-fit:cover;height:auto;max-height:680px}.work-client-bricks .work-image-grid.single img{height:640px}.work-client-bricks .work-image-grid.single{max-width:800px;margin:auto}
@media(max-width:750px){.work-image-grid:has(figure:nth-child(3)){grid-template-columns:1fr}.work-image-grid figure:first-child:nth-last-child(3) img{height:auto;max-height:600px}.work-client-bricks .work-image-grid.single img{height:auto}}

/* Natural image ratios remove the letterbox space around artwork. */
.work-image-grid,.work-image-grid:has(figure:nth-child(3)){grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:28px}.work-image-grid.wide-designs{grid-template-columns:repeat(2,minmax(0,1fr))}.work-image-grid.single{grid-template-columns:1fr}.work-image-grid a{background:transparent;border-radius:5px;box-shadow:0 8px 25px #14364d0a}.work-image-grid img,.work-image-grid figure:first-child:nth-last-child(3) img,.work-client-bricks .work-image-grid.single img{height:auto!important;max-height:none;width:100%;object-fit:initial!important}.work-client-bricks .work-image-grid{max-width:none;margin:0}.work-image-grid figure{padding:0}.work-image-grid figcaption{padding:12px 2px 4px}.work-client-story{display:grid;grid-template-columns:150px minmax(0,1fr);gap:28px;margin:0 0 30px;padding-top:18px;border-top:1px solid #e1eaf0}.work-project-type{text-transform:uppercase;font:500 11px var(--sans);letter-spacing:.13em;color:#216d9c;padding-top:7px}.work-client-story h3{font:500 28px/1.2 var(--serif);margin:0 0 10px}.work-client-story p{font:400 15px/1.75 var(--sans);color:#506675;max-width:780px;margin:0}.work-client-story:has(.work-result){grid-template-columns:150px minmax(0,1fr) 220px}.work-result{border-left:1px solid #b8d4e5;padding-left:24px}.work-result strong{font:500 56px/1 var(--serif);color:#176d9c}.work-result p{font-size:13px;margin-top:10px}.work-client-heading{margin-bottom:22px}
@media(max-width:900px){.work-client-story:has(.work-result){grid-template-columns:110px 1fr}.work-result{grid-column:2}.work-client-story{grid-template-columns:110px 1fr}}
@media(max-width:750px){.work-image-grid,.work-image-grid:has(figure:nth-child(3)),.work-image-grid.wide-designs{grid-template-columns:1fr 1fr;gap:16px}.work-image-grid.wide-designs{grid-template-columns:1fr}.work-client-story,.work-client-story:has(.work-result){grid-template-columns:1fr;gap:14px}.work-result{grid-column:auto}.work-client-story h3{font-size:26px}.work-client-story p{font-size:14px}.work-image-grid figcaption{font-size:12px;gap:8px}.work-image-open{width:29px;height:29px;right:8px;bottom:8px}}
@media(max-width:420px){.work-image-grid,.work-image-grid:has(figure:nth-child(3)){grid-template-columns:1fr}}
.work-image-grid.wide-designs:has(figure:nth-child(3)){grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:750px){.work-image-grid.wide-designs:has(figure:nth-child(3)){grid-template-columns:1fr}}

/* Curated single-row campaign presentations. */
.work-image-grid.pair{grid-template-columns:repeat(2,minmax(0,1fr));max-width:980px;margin:auto}.work-gallery-controls{display:flex;justify-content:space-between;align-items:center;margin-top:20px;font:500 11px var(--sans);color:#668699}.work-gallery-controls>div{display:flex;gap:8px}.work-gallery-controls button{border:1px solid #cddde7;border-radius:24px;background:#fff;padding:10px 16px;color:#15384f;cursor:pointer}.work-gallery-controls button:focus-visible{outline:2px solid #176d9c;outline-offset:3px}.gallery-arabanji .work-image-grid,.gallery-global-travel .work-image-grid{min-height:0}.gallery-arabanji figure,.gallery-global-travel figure{animation:work-reveal .45s ease both}.gallery-smash{padding:32px 28px 20px;background:linear-gradient(145deg,#fff8da,#fffdf5);border-radius:18px}.gallery-smash .work-image-grid{align-items:center;gap:28px}.gallery-smash figure:first-child{transform:rotate(-2deg)}.gallery-smash figure:nth-child(2){transform:translateY(-10px);z-index:1}.gallery-smash figure:nth-child(3){transform:rotate(2deg)}.gallery-smash .work-image-grid a{border:6px solid #fff;box-shadow:0 14px 28px #58440018;border-radius:9px}.gallery-smash .work-image-grid figcaption{padding-top:16px}.gallery-ferragosto .work-image-grid{align-items:center}.gallery-ferragosto figure:nth-child(2){transform:translateY(-10px)}
@keyframes work-reveal{from{opacity:.55;transform:translateX(-14px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:750px){.gallery-smash{padding:22px 15px 15px}.gallery-smash .work-image-grid{gap:16px}.work-image-grid.pair{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-ferragosto figure:nth-child(2){transform:none}}
@media(max-width:420px){.work-image-grid.pair{grid-template-columns:1fr}.gallery-smash figure{transform:none!important}.gallery-ferragosto figure:nth-child(2){order:-1}}
@media(prefers-reduced-motion:reduce){.gallery-arabanji figure,.gallery-global-travel figure{animation:none}}

.work-brand-logo{width:170px;height:90px;flex-shrink:0;overflow:hidden}.work-client-act .work-brand-logo,.work-client-ferragosto .work-brand-logo{width:200px}.service-point-number{display:inline-block;margin-right:14px;font:500 13px var(--sans);color:#216d9c}@media(max-width:750px){.work-brand-logo,.work-client-act .work-brand-logo,.work-client-ferragosto .work-brand-logo{width:100px;height:65px}}
