/* Three services share one photographic space. The enquiry example opens on request. */
.service-gallery{padding-block:72px 54px;border-top:1px solid var(--rule);scroll-margin-top:112px}
.gallery-heading{display:grid;grid-template-columns:29% 1fr;gap:5%;align-items:end;margin-bottom:36px}
.gallery-heading h2{font:400 clamp(30px,3vw,44px)/1.2 var(--serif);letter-spacing:-.025em}
.service-tabs{display:flex;gap:38px;border-bottom:1px solid var(--rule)}
.service-tabs button{position:relative;min-height:54px;padding:0 0 18px;background:none;border:0;color:var(--muted);font:500 15px/1.4 var(--sans);cursor:pointer;white-space:nowrap}
.service-tabs button::after{content:"";position:absolute;inset:auto 0 -1px;height:2px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}
.service-tabs button[aria-selected=true]{color:var(--ink)}
.service-tabs button[aria-selected=true]::after{transform:scaleX(1)}
.service-tabs button:hover{color:var(--ink)}
.service-panel{display:grid;grid-template-columns:29% 1fr;gap:5%;outline-offset:8px}
.service-panel[hidden]{display:none}
.service-copy{padding-top:27px;display:flex;flex-direction:column;align-items:flex-start}
.service-copy h3{font:400 clamp(25px,2.6vw,38px)/1.28 var(--serif);letter-spacing:-.025em;text-wrap:initial;max-width:15ch}
.service-copy>p{max-width:32ch;font-size:15px;line-height:1.8;color:var(--muted);margin-top:24px}
.service-copy .service-scope{font-size:12px;line-height:1.9;margin-top:23px;max-width:30ch}
.service-copy>.text-link{margin-top:auto;padding-top:28px;margin-bottom:51px;font-size:13px!important}
.service-artwork{min-width:0;margin:0}
.service-image-link{display:block;overflow:hidden;background:#dddcd5;aspect-ratio:3/2}
.service-image-link img{width:100%;height:100%;display:block;object-fit:cover;transition:transform 1.1s var(--ease)}
@media(hover:hover){.service-image-link:hover img{transform:scale(1.035)}}
.service-artwork figcaption{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:13px;font-size:12px;line-height:1.5;color:var(--muted)}
.service-artwork figcaption .text-link{font-size:12px!important;white-space:nowrap;min-height:38px;gap:12px;padding:0;color:var(--ink)}
.service-artwork figcaption .arrow-window{width:24px;height:24px}
.inside-section{padding-block:0 36px;border-top:1px solid var(--rule)}
.workflow-example{overflow:visible}
.workflow-summary{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-block:30px;list-style:none;cursor:pointer}
.workflow-summary::-webkit-details-marker{display:none}
.workflow-summary h2{font:400 clamp(25px,2.4vw,34px)/1.3 var(--serif);letter-spacing:-.025em}
.workflow-summary p{font-size:14px;line-height:1.7;color:var(--muted);margin-top:10px}
.workflow-summary-action{display:flex;gap:24px;align-items:center;font-size:13px;white-space:nowrap}
.workflow-summary .plus{width:24px;height:24px;flex:none}
.workflow-summary .plus::before,.workflow-summary .plus::after{top:12px;left:2px}
.workflow-close-label{display:none}
.workflow-example[open] .workflow-open-label{display:none}
.workflow-example[open] .workflow-close-label{display:inline}
.workflow-example[open] .plus::after{transform:rotate(0)}
.workflow-example .inside-layout{padding-top:25px;padding-bottom:36px}
.editorial-footer{padding-top:46px}
.editorial-footer .footer-top{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:start;gap:30px;padding-bottom:48px}
.editorial-footer .wordmark{font-size:clamp(28px,3.5vw,48px)}
.footer-studio-note>p{font-size:14px!important;line-height:1.7!important;max-width:none!important}
.footer-studio-note>a{display:inline-block;margin-top:20px;font-size:13px;text-decoration:underline;text-underline-offset:5px;text-decoration-color:var(--rule)}
.footer-directory{display:flex;flex-direction:column;align-items:stretch}
.footer-directory>.text-link{font:400 28px/1.2 var(--serif)!important;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--rule)}
.editorial-footer .footer-top>.text-link{grid-column:3;justify-self:end;margin-top:-6px;font-size:12px!important}
.motion-reduced .service-image-link img{transition:none;transform:none}
@media(max-width:1100px){.service-tabs{gap:28px}.service-copy h3{font-size:29px}.service-copy>p{font-size:14px}.service-copy .service-scope{font-size:11px}.service-copy>.text-link{margin-bottom:46px}.service-copy{padding-top:12px}}
@media(max-width:900px){.gallery-heading{grid-template-columns:1fr;margin-bottom:28px;gap:24px}.service-gallery{padding-top:44px}.service-panel{grid-template-columns:32% 1fr;gap:5%}.service-copy h3{font-size:26px}.service-copy>p{margin-top:16px}.service-copy .service-scope{display:none}.service-copy>.text-link{margin-top:24px;margin-bottom:0}.service-artwork figcaption>span{max-width:19ch}.service-artwork figcaption{align-items:start}.editorial-footer .footer-top{grid-template-columns:1fr 1fr}.footer-studio-note{grid-column:1;grid-row:2}.footer-directory{grid-column:2;grid-row:1 / 3}.editorial-footer .footer-top>.text-link{grid-column:2}.workflow-summary-action{gap:12px}}
@media(max-width:620px){.service-gallery{padding-block:38px 30px;scroll-margin-top:88px}.gallery-heading h2{font-size:31px}.gallery-heading{gap:22px;margin-bottom:26px}.service-tabs{gap:0;justify-content:space-between}.service-tabs button{font-size:13px;min-height:44px;padding-bottom:14px}.service-panel{display:flex;flex-direction:column;gap:27px}.service-copy{padding:0}.service-copy h3{font-size:29px;max-width:22ch}.service-copy h3 br{display:none}.service-copy>p{font-size:14px;max-width:39ch;margin-top:16px}.service-copy>.text-link{margin-top:16px;padding-top:0;min-height:42px}.service-artwork figcaption{margin-top:10px;font-size:11px;gap:10px;align-items:center}.service-artwork figcaption .text-link{font-size:11px!important;gap:5px}.service-artwork figcaption>span{max-width:18ch}.workflow-summary{padding-block:24px;align-items:flex-start;gap:18px}.workflow-summary h2{font-size:26px}.workflow-summary p{font-size:13px;max-width:25ch;line-height:1.7}.workflow-summary-action{padding-top:5px}.workflow-summary-action>span:not(.plus){display:none}.workflow-example .inside-layout{padding-top:10px;padding-bottom:8px}.inside-section{padding-bottom:12px}.editorial-footer .footer-top{gap:24px}.editorial-footer .wordmark{font-size:30px}.footer-studio-note>a{font-size:12px;word-break:break-word}.footer-directory>.text-link{font-size:23px!important}.footer-studio-note>p{font-size:13px!important}.footer-directory .arrow-window{width:26px;height:26px}}
@media(prefers-reduced-motion:reduce){.service-image-link img,.service-tabs button::after{transition:none;transform:none}.service-tabs button::after{display:none}.service-tabs button[aria-selected=true]::after{display:block}}