.page-hero { padding-block-start: calc(var(--header-height) + 5rem); }
.page-hero--navy { width: 100%; max-width: none; padding-inline: max(1rem, calc((100vw - var(--content-max)) / 2)); background: var(--color-navy); color: white; }
.page-hero--compact { padding-block-start: calc(var(--header-height) + 4rem); padding-block-end: clamp(3.5rem, 6vw, 6rem); }
.story-section { display: grid; gap: clamp(1.5rem, 3vw, 3rem); }
.about-visual { padding-block-end: 0; }
.about-visual__placeholder { min-height: clamp(22rem, 50vw, 38rem); overflow: hidden; border-radius: var(--radius-card); background: radial-gradient(circle at 18% 30%, rgb(243 111 50 / 78%) 0 8%, transparent 8.5%), radial-gradient(circle at 78% 66%, rgb(245 241 232 / 18%) 0 16%, transparent 16.5%), linear-gradient(120deg, var(--color-navy), var(--color-navy-soft)); box-shadow: var(--shadow-soft); }
.value-grid { display: grid; gap: 1rem; }
.value-card { min-height: 16rem; border: 1px solid var(--color-paper-deep); border-radius: var(--radius-card); padding: 1.75rem; background: var(--color-white); }
.value-card h2 { font-size: clamp(1.5rem, 2.5vw, 2.25rem); }
.value-card > p:last-child { max-width: 34rem; color: var(--color-muted); }
.regional-footprint { display: grid; gap: clamp(1.5rem, 5vw, 4rem); align-items: center; border-block: 1px solid #c9c3b8; }
.regional-footprint__markets { overflow: hidden; border-radius: var(--radius-card); padding: .65rem 1.5rem; background: var(--color-navy); color: white; }
.regional-footprint__markets li { display: grid; grid-template-columns: 2rem minmax(0, 1fr); align-items: center; gap: 1rem; min-height: 4.5rem; border-block-end: 1px solid rgb(255 255 255 / 18%); }
.regional-footprint__markets li:last-child { border-block-end: 0; }
.regional-footprint__markets span { color: var(--color-orange); font-size: .8rem; font-weight: 800; }
.regional-footprint__markets strong { font-size: clamp(1.15rem, 2vw, 1.55rem); line-height: 1.25; }
.about-grid { display: grid; gap: 1rem; }
.about-grid article { min-height: 18rem; border-radius: var(--radius-card); padding: 1.75rem; background: var(--color-white); box-shadow: var(--shadow-soft); }
.about-grid article:nth-child(2), .about-grid article:nth-child(3) { background: var(--color-orange); color: white; }
.about-grid article > p:last-child { max-width: 34rem; }
.integration-section { border-block: 1px solid #c9c3b8; }
.services-index__heading { margin-block-end: 2.5rem; }
.services-index__heading h2 { color: white; }
.integration-section { display: grid; gap: 2.5rem; }
.integration-flow { display: grid; gap: 1px; background: #c9c3b8; }
.integration-flow li { display: grid; gap: .75rem; min-height: 8rem; padding: 1.25rem; background: var(--color-paper); }
.integration-flow span { color: var(--color-orange); font-size: .75rem; font-weight: 800; }
.integration-flow strong { font-size: 1.05rem; }
.service-hero { display: grid; gap: 2rem; padding-block-start: calc(var(--header-height) + 4rem); }
.service-hero picture { display: block; }
.service-hero img { width: 100%; border-radius: var(--radius-card); box-shadow: var(--shadow-soft); }
.service-section-nav { z-index: 20; overflow-x: auto; border-block: 1px solid #c9c3b8; background: rgb(245 241 232 / 96%); scrollbar-width: thin; }
.service-section-nav > div { display: flex; width: max-content; min-width: 100%; gap: 1.5rem; padding: .9rem max(1rem, calc((100vw - var(--content-max)) / 2)); }
.service-section-nav a { white-space: nowrap; font-size: .86rem; font-weight: 800; }
.service-section-nav a:hover, .service-section-nav a:focus-visible { color: var(--color-orange); }
.deliverables-list { border-block-start: 1px solid #c9c3b8; }
.deliverables-list li { display: grid; grid-template-columns: 3rem 1fr; gap: 1rem; padding-block: 1rem; border-block-end: 1px solid #c9c3b8; font-size: clamp(1.05rem, 2vw, 1.5rem); }
.deliverables-list span { color: var(--color-orange); font-weight: 800; }
.capability-story { display: grid; gap: 2rem; align-items: center; }
.capability-story picture, .capability-story img { width: 100%; }
.capability-story img { max-height: 34rem; border-radius: var(--radius-card); object-fit: cover; box-shadow: var(--shadow-soft); }
.faq-list details { border-block-end: 1px solid #c9c3b8; padding-block: 1.25rem; }
.faq-list summary { cursor: pointer; font-size: 1.1rem; font-weight: 800; }
.faq-list details p { max-width: 48rem; margin: 1rem 0 0; color: var(--color-muted); }
.related-section > ul { display: grid; gap: 1rem; }
.related-section li a { display: grid; grid-template-columns: 1fr auto; gap: .5rem 1rem; min-height: 10rem; border-radius: var(--radius-card); padding: 1.5rem; background: var(--color-navy); color: white; }
.partners-section--page { padding-block: 4rem; }
.work-feature-grid { display: grid; gap: 2rem; }
.work-capabilities { padding-block: 0 clamp(3rem, 5vw, 5rem); }
.selected-work { display: grid; gap: clamp(2rem, 3vw, 3rem); padding-block: clamp(3rem, 5vw, 5rem); }
.selected-work .section-heading { margin-block-end: 0; }
.work-capability-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.work-capability { min-width: 0; overflow: hidden; border-radius: var(--radius-card); background: var(--color-white); box-shadow: var(--shadow-soft); scroll-margin-top: calc(var(--header-height) + 2rem); }
.work-capability a { display: grid; height: 100%; color: var(--color-ink); }
.work-capability picture { display: block; overflow: hidden; }
.work-capability img { display: block; width: 100%; height: clamp(12rem, 19vw, 18rem); object-fit: cover; transition: transform 400ms ease; }
.work-capability:hover img, .work-capability:focus-within img { transform: scale(1.035); }
.work-capability__copy { display: grid; align-content: start; gap: .6rem; padding: 1.25rem; }
.work-capability__copy small { color: var(--color-orange); font-weight: 800; }
.work-capability__copy strong { font-size: clamp(1.25rem, 1.8vw, 1.7rem); line-height: 1.2; }
.work-capability__copy > span { color: var(--color-muted); }
@media (min-width: 72rem) { .work-capability-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); } .work-capability { grid-column: span 2; } .work-capability:nth-last-child(-n + 2) { grid-column: span 3; } }
@media (max-width: 47.99rem) { .work-capability-grid { grid-template-columns: minmax(0, 1fr); } .work-capability img { height: 13rem; } }
.work-project { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(1.5rem, 3vw, 3rem); align-items: center; scroll-margin-top: calc(var(--header-height) + 3rem); }
.work-project + .work-project { border-block-start: 1px solid #c9c3b8; padding-block-start: clamp(2rem, 3vw, 3rem); }
.work-project__copy, .work-project__media { min-width: 0; }
.work-project__copy h2 { font-size: clamp(1.7rem, 2.6vw, 2.4rem); }
.work-project__copy p:not(.eyebrow) { color: var(--color-muted); }
.work-project__media { display: grid; gap: .75rem; }
.work-project__media picture { display: block; overflow: hidden; border-radius: var(--radius-card); }
.work-project__media img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 10; max-height: 25rem; object-fit: cover; }
.work-project__extras { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
.work-project__extras img { aspect-ratio: 16 / 9; max-height: 7.5rem; }
.work-category-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; border-block: 1px solid #c9c3b8; }
.work-category-grid li { min-height: 0; padding: 1.25rem; border-inline-end: 1px solid #c9c3b8; }
.work-category-grid li:last-child { border-inline-end: 0; }
.work-category-grid span { color: var(--color-orange); font-size: .8rem; font-weight: 800; }
.work-category-grid h2 { margin: .5rem 0 0; font-size: clamp(1rem, 1.3vw, 1.25rem); }
.contact-layout { display: grid; gap: 1rem; }
.office-grid { display: grid; gap: 1rem; }
.contact-card-grid { display: grid; gap: 1rem; padding-block-end: 0; }
.contact-card { display: grid; grid-template-columns: auto 1fr; gap: .35rem 1rem; min-height: 10rem; border: 1px solid var(--color-paper-deep); border-radius: var(--radius-card); padding: 1.5rem; background: var(--color-white); box-shadow: var(--shadow-soft); }
.contact-card > span { grid-row: 1 / 3; display: grid; place-items: center; width: 3rem; height: 3rem; border-radius: 50%; background: var(--color-paper); color: var(--color-orange); }
.contact-card svg { width: 1.25rem; height: 1.25rem; }
.contact-card small { align-self: end; color: var(--color-muted); }
.contact-card strong { overflow-wrap: anywhere; }
.contact-office { display: grid; align-content: start; justify-items: start; gap: .85rem; min-width: 0; border-radius: var(--radius-card); padding: clamp(1.5rem, 3vw, 2.5rem); background: var(--color-navy); color: white; }
.contact-office h2 { max-width: 26ch; margin: 0; font-size: clamp(1.35rem, 2vw, 1.75rem); overflow-wrap: anywhere; }
.contact-office__icon { display: grid; place-items: center; width: 3.25rem; height: 3.25rem; margin-block-end: .5rem; border-radius: 50%; background: var(--color-orange); }
.contact-office__icon svg { width: 1.35rem; height: 1.35rem; }
.contact-office__phone { color: white; font-weight: 800; }
.contact-office__country { display: inline-block; color: #ffb18b; font-size: .82rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.contact-office__landlines { display: flex; flex-wrap: wrap; gap: .55rem 1rem; padding-block: .35rem; }
.contact-office__landlines strong { flex-basis: 100%; color: rgb(255 255 255 / 78%); font-size: .8rem; }
.contact-office__landlines a { color: white; font-size: .88rem; font-weight: 700; }
.contact-office__landlines a:hover, .contact-office__landlines a:focus-visible { color: #ffb18b; }
.contact-office .text-link svg { width: 1rem; height: 1rem; }
.regional-note { margin-block-start: 2.5rem; border-inline-start: 3px solid var(--color-orange); padding-inline-start: 1rem; color: rgb(255 255 255 / 72%); }
.regional-note p { max-width: 34rem; margin: .35rem 0 0; }
.contact-map { min-height: 26rem; overflow: hidden; border-radius: var(--radius-card); box-shadow: var(--shadow-soft); }
.contact-map iframe { display: block; width: 100%; height: 100%; min-height: 26rem; border: 0; }
.contact-form-section { display: grid; gap: 2rem; }
.contact-form-section .proposal-form { align-self: start; }
.status-note { border-inline-start: .25rem solid var(--color-orange); padding: 1rem 1.25rem; background: var(--color-white); }
.direct-contact { display: grid; gap: .75rem; }
.proposal-form { display: grid; gap: 1rem; border-radius: var(--radius-card); padding: 1.25rem; background: var(--color-white); box-shadow: var(--shadow-soft); }
.proposal-form label { display: grid; gap: .4rem; font-weight: 700; }
.proposal-form input:not([type="checkbox"]), .proposal-form select, .proposal-form textarea { width: 100%; min-height: 3.25rem; border: 1px solid #b7b2a9; border-radius: .7rem; padding: .75rem; background: #fffcf7; }
.proposal-form textarea { resize: vertical; }
.checkbox-row { grid-template-columns: auto 1fr; align-items: start; }
.checkbox-row input { width: 1.25rem; height: 1.25rem; margin-block-start: .15rem; accent-color: var(--color-orange); }
.form-error-summary { border: 2px solid #b3261e; border-radius: .7rem; padding: 1rem; color: #801b17; }
.form-status { border-radius: .7rem; padding: 1rem; background: #eef1f7; }
.form-status.is-success { border-inline-start: .3rem solid #2f7d4b; background: #eaf6ee; }
.form-status.is-error { border-inline-start: .3rem solid #b3261e; background: #fff0ef; }
.proposal-form small { color: var(--color-muted); font-weight: 500; }
.proposal-form[aria-busy="true"] { opacity: .78; }
.honeypot { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
[data-page="contact"] .project-fab { display: none; }
.legal-hero .section-shell { padding-block: 2rem; }
.legal-content { display: grid; gap: 2rem; max-width: 58rem; }
.legal-content article { border-block-end: 1px solid #c9c3b8; padding-block-end: 2rem; }
.legal-content article p { color: var(--color-muted); }
.legal-updated { font-weight: 700; }
.footer-legal { display: flex; flex-wrap: wrap; gap: 1rem; }
.not-found { min-height: 100svh; display: grid; place-content: center; justify-items: start; gap: 1rem; }

.editorial-hero { min-height: clamp(31.25rem, 44vw, 35rem); overflow: hidden; background: var(--color-navy); color: white; }
.editorial-hero__inner { display: grid; grid-template-columns: minmax(0, .92fr) minmax(22rem, 1.08fr); min-height: inherit; padding-block: calc(var(--header-height) + 1rem) 1.25rem; }
.editorial-hero__copy { align-self: center; max-width: 42rem; padding-inline-end: clamp(2rem, 5vw, 5rem); }
.editorial-hero__copy h1 { max-width: 16ch; margin-block-end: 1.25rem; font-size: clamp(3.125rem, 4.4vw, 3.5rem); line-height: .98; }
.editorial-hero__copy .large-copy { max-width: 38rem; color: rgb(255 255 255 / 76%); font-size: clamp(1rem, 1.35vw, 1.125rem); }
.editorial-hero__media { min-height: 24rem; overflow: hidden; border-radius: var(--radius-card); box-shadow: 0 1.5rem 4rem rgb(4 11 26 / 32%); }
.editorial-hero__picture { display: block; width: 100%; height: 100%; }
.editorial-hero__media img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 650ms ease; }
.editorial-hero__media:hover > picture img { transform: scale(1.025); }
.editorial-hero__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem; margin-block-start: 1.5rem; }
.editorial-hero__actions .text-link { color: white; }
.editorial-hero__mosaic { display: grid; grid-template-columns: 1fr .82fr; grid-template-rows: 1fr 1fr; gap: .65rem; height: 100%; }
.editorial-hero__mosaic picture { min-height: 0; overflow: hidden; }
.editorial-hero__mosaic picture:first-child { grid-row: 1 / -1; }
.editorial-hero__logos { display: grid; grid-template-columns: repeat(3, 1fr); gap: .75rem; height: 100%; padding: 1.25rem; background: var(--color-navy-soft); }
.editorial-hero__logos li { display: grid; place-items: center; border: 1px solid rgb(255 255 255 / 8%); border-radius: var(--radius-small); background: rgb(255 255 255 / 3%); }
.editorial-hero__logos img { width: min(100%, 7rem); height: auto; object-fit: contain; opacity: .72; filter: grayscale(1); }
.editorial-hero--work { min-height: clamp(23rem, 33vw, 28rem); }
.editorial-hero--work .editorial-hero__inner { min-height: inherit; }
.editorial-hero--work .editorial-hero__media { min-height: 18rem; }
.work-hero-art { position: relative; display: grid; place-items: center; width: 100%; height: 100%; overflow: hidden; background: radial-gradient(circle at 75% 30%, #3b4773, transparent 48%), #101c3b; }
.work-hero-art__ring { position: absolute; width: 18rem; aspect-ratio: 1; border: 2.5rem solid var(--color-orange); border-radius: 50%; transform: translate(25%, -10%); opacity: .9; }
.work-hero-art__mark { position: relative; color: white; font-size: clamp(4rem, 9vw, 9rem); font-weight: 800; letter-spacing: -.08em; }
.work-hero-art__line { position: absolute; inset: auto 8% 14%; height: 1px; background: rgb(255 255 255 / 45%); }
.work-showreel { position: relative; width: 100%; height: 100%; min-height: inherit; overflow: hidden; border-radius: var(--radius-card); background: var(--color-navy); }
.work-showreel video { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; background: var(--color-navy); }
.work-showreel__toggle { position: absolute; z-index: 2; inset: auto auto 1rem 1rem; display: grid; place-items: center; width: 2.75rem; height: 2.75rem; border: 1px solid rgb(255 255 255 / 36%); border-radius: 50%; background: rgb(16 28 59 / 88%); color: white; font-size: 1.1rem; }
.work-showreel__external { position: absolute; z-index: 2; inset: auto 1rem 1rem auto; border-radius: 99rem; padding: .4rem .7rem; background: rgb(16 28 59 / 84%); color: white; font-size: .8rem; font-weight: 700; }
[dir="rtl"] .work-showreel__external { inset: auto auto 1rem 1rem; }
[dir="rtl"] .work-showreel__toggle { inset: auto 1rem 1rem auto; }
.service-overview { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(2rem, 7vw, 7rem); align-items: start; }
.service-overview h2, .deliverables-section h2, .process-section h2, .related-section h2 { font-size: clamp(2.375rem, 3.6vw, 2.75rem); }
.service-overview__panel { border-inline-start: 3px solid var(--color-orange); padding-inline-start: 1.5rem; }
.deliverables-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; border: 0; background: #c9c3b8; }
.deliverables-list li { display: grid; grid-template-columns: auto 1fr; gap: 1rem; min-height: 9rem; border: 0; padding: 1.5rem; background: var(--color-white); font-size: clamp(1.05rem, 1.5vw, 1.3rem); }
.process-track { position: relative; }
.process-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.process-grid li { position: relative; z-index: 2; border-block-start: 2px solid var(--color-orange); }
.capability-story--text { display: grid; grid-template-columns: minmax(0, .65fr) minmax(0, 1fr); gap: clamp(1.5rem, 5vw, 5rem); border-radius: var(--radius-card); padding: clamp(1.5rem, 4vw, 4rem); background: var(--color-navy); color: white; }
.capability-story--text > * { min-width: 0; }
.capability-story--text .eyebrow { margin-block-end: 0; }
.capability-story--text h2 { max-width: 24ch; font-size: clamp(1.75rem, 3vw, 2.75rem); overflow-wrap: anywhere; }
.capability-story--text .large-copy { color: rgb(255 255 255 / 72%); }
.related-section > ul { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.related-section li a.related-service-card { display: grid; grid-template-columns: 1fr; gap: 0; min-height: 100%; overflow: hidden; padding: 0; background: var(--color-white); color: var(--color-ink); box-shadow: var(--shadow-soft); }
.related-service-card picture { display: block; aspect-ratio: 4 / 3; overflow: hidden; }
.related-service-card img { width: 100%; height: 100%; object-fit: cover; transition: transform 300ms ease; }
.related-service-card:hover img, .related-service-card:focus-within img { transform: scale(1.03); }
.related-service-card__body { display: grid; grid-template-columns: 1fr auto; gap: .75rem 1rem; padding: 1.25rem; }
.related-service-card__body strong { color: var(--color-ink); }
.related-service-card__body > span { grid-column: 1 / -1; color: var(--color-muted); }
.related-section li .related-service-card__body i { grid-row: 1; grid-column: 2; align-self: center; color: var(--color-orange); }
.related-service-card__body svg { width: 1.2rem; height: 1.2rem; }
.related-work { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(1.5rem, 5vw, 4rem); align-items: center; }
.related-work > * { min-width: 0; }
.related-work h2 { max-width: 22ch; font-size: clamp(2rem, 3.5vw, 3rem); color: var(--color-ink); }
.related-work p:not(.eyebrow) { color: var(--color-muted); }
.related-work picture { display: block; overflow: hidden; border-radius: var(--radius-card); }
.related-work img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; }
[data-stagger].is-visible > * { animation: editorial-reveal 520ms ease both; }
[data-stagger].is-visible > :nth-child(2) { animation-delay: 80ms; }
[data-stagger].is-visible > :nth-child(3) { animation-delay: 160ms; }
[data-stagger].is-visible > :nth-child(4) { animation-delay: 240ms; }
.service-section-nav a[aria-current] { color: var(--color-orange); }
.contact-map { min-height: 28rem; }
.contact-map iframe { min-height: 28rem; }

@media (min-width: 48rem) {
  .office-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .about-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .proposal-form { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 2rem; }
  .form-span { grid-column: 1 / -1; }
  .related-section > ul { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .value-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .regional-footprint { grid-template-columns: minmax(18rem, .8fr) minmax(0, 1.2fr); }
  .integration-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .capability-story { grid-template-columns: minmax(0, 1.15fr) minmax(18rem, .85fr); }
  .contact-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 72rem) {
  .story-section { grid-template-columns: 1fr 1fr; }
  .service-hero { grid-template-columns: 1fr 1fr; align-items: center; }
  .service-section-nav { position: sticky; top: var(--header-height); }
  .deliverables-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .deliverables-list li { padding-inline: 1.25rem; }
  .process-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .contact-form-section { grid-template-columns: minmax(18rem, .65fr) minmax(0, 1.35fr); align-items: start; }
  .contact-card-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .work-category-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .integration-section { grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); align-items: center; }
  .integration-flow { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

[dir="rtl"] .deliverables-list li { grid-template-columns: 3rem 1fr; }
[dir="rtl"] .service-section-nav > div { direction: rtl; }
[dir="rtl"] .contact-office .text-link svg { transform: rotate(180deg); }
[dir="rtl"] .contact-card { text-align: right; }

@media (max-width: 71.99rem) {
  .work-category-grid li:last-child { grid-column: 1 / -1; border-block-start: 1px solid #c9c3b8; }
  .work-category-grid li:nth-child(even) { border-inline-end: 0; }
}

@media (max-width: 47.99rem) {
  .story-section { gap: 1.25rem; padding-block-end: 0; }
  .story-section .display-copy { max-width: none; margin: 0; font-size: clamp(1.2rem, 5.2vw, 1.5rem); line-height: 1.48; }
  .value-grid { padding-block-start: 2rem; }
  .value-card { min-height: 0; padding: 1.5rem; }
  .regional-footprint { padding-block: 3rem; }
  .regional-footprint__markets { padding-inline: 1.25rem; }
  .related-work { grid-template-columns: minmax(0, 1fr); }
  .work-project { grid-template-columns: minmax(0, 1fr); }
  .value-grid, .contact-card-grid, .contact-layout, .contact-form-section, .regional-footprint, .capability-story { grid-template-columns: 1fr; }
  .editorial-hero { min-height: auto; }
  .editorial-hero__inner { grid-template-columns: 1fr; gap: 2rem; padding-block: calc(var(--header-height) + 2rem) 2.5rem; }
  .editorial-hero__copy { padding-inline-end: 0; }
  .editorial-hero__copy h1 { font-size: clamp(2.25rem, 11vw, 2.625rem); }
  .editorial-hero__actions .text-link { margin-inline-end: 4.75rem; }
  .editorial-hero__media { min-height: 16rem; max-height: 22rem; }
  .editorial-hero--work .editorial-hero__inner { gap: 1rem; padding-block: calc(var(--header-height) + 1rem) 1.5rem; }
  .editorial-hero--work .editorial-hero__media { min-height: 12rem; max-height: 14rem; }
  .editorial-hero__logos { grid-template-columns: repeat(3, 1fr); }
  .service-overview, .capability-story--text { grid-template-columns: minmax(0, 1fr); }
  .capability-story--text { gap: 1rem; padding: 1.5rem; }
  .capability-story--text h2 { max-width: 100%; font-size: clamp(1.7rem, 8vw, 2.25rem); }
  .service-overview h2, .deliverables-section h2, .process-section h2, .related-section h2, .capability-story--text h2 { max-width: 100%; font-size: clamp(2rem, 9.5vw, 2.375rem); }
  .deliverables-list, .related-section > ul { grid-template-columns: 1fr; }
  .process-grid { grid-template-columns: 1fr; }
  .service-section-nav { position: static; }
  .page-hero--compact { padding-block-start: calc(var(--header-height) + 3rem); }
}

@media (max-width: 21.99rem) {
  .work-category-grid { grid-template-columns: minmax(0, 1fr); }
  .work-category-grid li { border-inline-end: 0; border-block-end: 1px solid #c9c3b8; }
  .work-category-grid li:last-child { border-block-end: 0; }
}

[dir="rtl"] .editorial-hero__copy { padding-inline: 0 clamp(2rem, 5vw, 5rem); }
[dir="rtl"] .related-service-card svg { transform: rotate(180deg); }

@media (max-width: 47.99rem) {
  [dir="rtl"] .editorial-hero__copy { padding-inline: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .editorial-hero__media img, .related-service-card img { transition: none; transform: none; }
  [data-stagger].is-visible > * { animation: none; opacity: 1; transform: none; }
}