.photo-colour{filter:grayscale(var(--photo-grayscale,1));transition:filter 750ms ease-out}
/* Editorial photographs: real layout dimensions, no scale/translate effects. */
/* Section titles start at the content edge after removing home chapter labels. */
.work__title>h2:first-child,.projects-home__head>h2:first-child,.people__grid>div>h2:first-child,.join-band__inner>div:first-child>h2{margin-top:0}
.intro{min-height:0}
.tools-intro h2{margin-top:0}
/* No reserved label spacing when the numbered chapter label is absent. */
:is(.page-hero__inner,.detail-hero>.container)>h1:first-child,
:is(.section-heading,.source-panel,.split-section,.split-section>div,.chairman>div,.enquiry-grid>div)>h2:first-child,
:is(.feature-project__content,.project-secondary__item>div)>h3:first-child{margin-top:0}
.source-panel--light.source-panel--compact{border-top:0}
.source-panel--compact h2{margin-top:0;font-size:clamp(24px,2.5vw,34px);line-height:1.4;letter-spacing:-.015em;hyphens:none}
.tone-scene .eyebrow,.tone-scene .projects-index__number{transition:color 700ms ease}
.page-hero,.join-band,.feature-project,.work__title,.source-panel:not(.source-panel--light){--pending-tone:var(--sand)}
.tone-scene:not(.tone-ready) .eyebrow,.tone-scene:not(.tone-ready) .projects-index__number{color:var(--pending-tone,var(--muted))}
.editorial-spread{padding-block:0 clamp(60px,7vw,110px)}
.editorial-spread__grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(240px,.65fr);gap:clamp(32px,5vw,80px);align-items:end}
.editorial-spread__image{position:relative;margin:0;aspect-ratio:16/10;overflow:hidden;background:var(--sand)}
.editorial-spread__image img{width:100%;height:100%;object-fit:cover}
.editorial-spread__copy{padding-block:20px}
.editorial-spread__copy h2{font-size:clamp(30px,3vw,44px);line-height:1.12;margin-top:26px}
.editorial-spread__copy p{font-size:17px;line-height:1.65;color:var(--muted);margin-top:22px}
.editorial-spread--reverse .editorial-spread__image{order:2}
.editorial-spread--reverse .editorial-spread__grid{grid-template-columns:minmax(240px,.65fr) minmax(0,1.65fr)}
.editorial-spread--reverse .editorial-spread__copy{order:1}
.page-hero--illustrated{padding-bottom:clamp(40px,5vw,80px)}
@media(max-width:800px){.editorial-spread__grid,.editorial-spread--reverse .editorial-spread__grid{grid-template-columns:1fr;gap:24px}.editorial-spread--reverse .editorial-spread__image{order:0}.editorial-spread__image{aspect-ratio:16/10}.editorial-spread__copy{padding:0}.editorial-spread__copy h2{margin-top:16px}.editorial-spread__copy p{margin-top:16px;max-width:60ch}}
@media(prefers-reduced-motion:reduce){.photo-colour{filter:none;transition:none}.tone-scene .eyebrow,.tone-scene .projects-index__number{transition:none}}
.achievement-areas h2{font-size:clamp(38px,4.4vw,64px);max-width:1000px}
.achievement-areas>p{margin-top:24px;max-width:920px;font-size:18px;line-height:1.7;color:var(--muted)}
.achievement-areas>ul{list-style:none;padding:0;margin:44px 0 60px;display:grid;grid-template-columns:1fr 1fr;gap:0 60px;counter-reset:field}
.achievement-areas>ul>li{counter-increment:field;display:grid;grid-template-columns:30px 1fr;gap:16px;border-top:1px solid var(--line);padding:24px 0;font-size:21px;line-height:1.4}
.achievement-areas>ul>li::before{content:counter(field,decimal-leading-zero);font-size:13px;line-height:2.3;color:var(--gold)}
.achievement-areas>h3{font-size:32px;margin-top:50px}
.achievement-areas>.text-link{margin-top:28px}
@media(max-width:600px){.achievement-areas>ul{grid-template-columns:1fr;margin:32px 0 42px}.achievement-areas>ul>li{font-size:18px;padding:20px 0}.achievement-areas>p{font-size:17px}}

/* The project number sits behind the title without reserving a column. */
.projects-index__row {
  position: relative;
  isolation: isolate;
  grid-template-columns: minmax(0, 1fr) minmax(0, .77fr);
}
.projects-index__row > .projects-index__number {
  position: absolute;
  inset-block-start: 8px;
  inset-inline-start: 0;
  z-index: -1;
  font-size: clamp(108px, 15vw, 224px);
  line-height: 1;
  opacity: .12;
  pointer-events: none;
  user-select: none;
}
@media (max-width: 800px) {
  .projects-index__row {
    grid-template-columns: minmax(0, 1fr);
  }
  .projects-index__row > .projects-index__image {
    grid-column: 1;
  }
}
@media(prefers-reduced-motion:no-preference){
 .heading-reveal{transition:opacity 560ms cubic-bezier(.23,1,.32,1)}
 .heading-reveal-pending:not(:focus-within):not(:target){opacity:0;transition:none}
}

.tools-list__row > .container {
  position: relative;
  isolation: isolate;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
.tools-list__row > .container > span:first-child {
  position: absolute;
  inset-block-start: 8px;
  inset-inline-end: 0;
  z-index: -1;
  font-size: clamp(108px, 15vw, 224px);
  line-height: 1;
  opacity: .12;
  pointer-events: none;
  user-select: none;
}
@media (max-width: 800px) {
  .tools-list__row > .container {
    grid-template-columns: minmax(0, 1fr);
  }
  .tools-list__row > .container > p {
    grid-column: 1;
  }
}

@media (min-width: 801px) {
  .tools-list__row > .container > span:first-child {
    inset-block-start: 50%;
    inset-inline-end: calc(50% + 25px);
    transform: translateY(-50%);
    font-size: clamp(90px, 9vw, 136px);
  }
}

#propose .rich-copy > .button + p {
  margin-top: 16px;
}
