/* Original service composition, precise work previews, compact result deck. */
.og-service-logo{display:block;width:auto;height:27px;max-width:155px;object-fit:contain;object-position:left center}
.services .service-card:hover{text-decoration:none}
.services .round-arrow{transition:none}
.services .service-card:hover .round-arrow{background:transparent;color:inherit;transform:none}
.work-teaser{grid-template-columns:230px minmax(0,1fr);gap:45px;padding-top:44px;padding-bottom:44px}
.work-teaser h2{font-size:14px;font-family:'DM Sans',Arial,sans-serif;font-weight:500;letter-spacing:0;margin-top:20px}
.work-names{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}
.format-open{font-size:clamp(17px,1.55vw,23px);padding:15px 0;border-bottom:0;justify-content:flex-start;white-space:nowrap;gap:8px}
.format-open>span{display:none}
.format-open:hover{text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:1px}
.format-peek{transform:translate(-50%,8px) rotate(-3deg);transform-origin:50% 100%;transition:opacity .25s,transform .35s,visibility .25s;padding-bottom:18px}
.peek-open{border-radius:8px;padding:10px;box-shadow:0 15px 35px #0002}.peek-open img{height:190px}
@media(hover:hover) and (pointer:fine){.format-item:hover .format-peek,.format-item:focus-within .format-peek{transform:translate(-50%,-8px) rotate(0deg)}.format-item .format-peek{transition-delay:.12s}.format-item:hover .format-peek{transition-delay:0s}}
.results-reel,.results-reel.is-enhanced{background:#e5edf4;color:#20251f;padding-top:48px;padding-bottom:48px}
.results-pin{max-width:1280px}
.is-enhanced .results-pin{grid-template-columns:minmax(0,1fr) minmax(340px,470px);column-gap:70px;row-gap:34px}
.results-heading .eyebrow{color:#586971;font-size:10px}
.results-heading h2{font-size:clamp(34px,3.7vw,54px);line-height:1.1;max-width:14ch}
.results-heading h2 em{color:#3f626d}
.results-skip{color:#586971;border-color:#9bafb6}
.is-enhanced .results-stage{height:365px;width:100%;margin:0 8px 0 0}
.impact-card{padding:32px;border-radius:18px;box-shadow:0 18px 35px #0003}
.impact-card strong{font-size:clamp(80px,7.7vw,110px);margin:37px 0 25px}
.impact-card h3{font-size:29px;max-width:14ch;line-height:1.15}
.impact-card p{font-size:13px}
.impact-dark{background:#f3f2e9;color:#20251f}
.impact-top{font-size:9px;letter-spacing:.09em}
.impact-arrow{font-size:31px;right:26px;bottom:25px}
.results-track{color:#586971}.results-track i{background:#bfced5}.results-track b{background:#3f626d}
@media(max-width:1100px){.work-teaser{grid-template-columns:190px minmax(0,1fr);gap:35px}.work-names{grid-template-columns:repeat(3,1fr);gap:3px 20px}.is-enhanced .results-pin{column-gap:35px;grid-template-columns:minmax(0,1fr) minmax(320px,420px)}}
@media(max-width:700px){.work-teaser{grid-template-columns:1fr;gap:16px;padding-top:34px;padding-bottom:34px}.work-teaser h2{font-size:20px;margin-top:10px}.work-names{grid-template-columns:repeat(2,1fr);gap:0 20px}.format-open{border-bottom:1px solid #cfd5ca;font-size:19px}.format-open>span{display:block;margin-left:auto}.results-reel,.results-reel.is-enhanced{padding-top:34px;padding-bottom:34px}.is-enhanced .results-pin{grid-template-columns:1fr;grid-template-rows:auto auto auto;row-gap:32px}.results-heading h2{font-size:32px;max-width:none}.is-enhanced .results-stage{height:310px;max-width:410px;margin:0 auto}.impact-card{padding:25px}.impact-card strong{font-size:76px;margin:32px 0 22px}.impact-card h3{font-size:26px}.impact-arrow{font-size:27px}.results-track{position:relative;z-index:6}}
@media(prefers-reduced-motion:reduce){.format-peek{transition:none}.impact-card{min-height:310px}.results-stage{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}}

/* Pale blue section with a brighter blue card for clear separation. */
.results-reel .impact-blue{background:#bfd8ee}
.results-reel .impact-card{box-shadow:0 16px 30px #1834431a}

/* Approved About portrait: responsive crop without distorting the source. */
.about-portrait{position:relative;margin:0;min-height:400px;border-radius:16px;overflow:hidden;background:#252a25}
.about-portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% 50%}
@media(max-width:700px){.about-portrait{min-height:0;aspect-ratio:4/3}.about-portrait img{object-position:65% 50%}}