.about-body .site-header { position: relative; inset: auto; }
.about-page { position: relative; overflow: clip; margin-top: -72px; color: var(--dels-ink); font-size: 23px; line-height: 1.08; }
.about-body.about-value-open .about-page, .about-body.about-value-open .site-header { color: #fff; }
.about-body.about-value-open .brand-wordmark { background: #fff; }
.about-page h1, .about-page h2, .about-page h3, .about-page p { font-weight: 400; }
.about-page h1, .about-page h2, .about-page h3, .about-page p, .about-page ol { margin: 0; }
.about-page [data-about-reveal]:not(.about-line-ready) { clip-path: inset(100% 0 0); transform: translateY(18px); transition: clip-path .8s cubic-bezier(.22,1,.36,1), transform .8s cubic-bezier(.22,1,.36,1); }
.about-page [data-about-reveal]:not(.about-line-ready).is-visible { clip-path: inset(0 0 0); transform: translateY(0); }
.about-page .about-line-mask { display: block; overflow: hidden; }
.about-page .about-headline .about-line-mask, .about-page .about-values h2 .about-line-mask, .about-page .about-process h2 .about-line-mask { padding-bottom: .16em; margin-bottom: -.16em; }
.about-page .about-line { display: block; white-space: nowrap; transform: translateY(calc(105% + .16em)); transition: transform .85s cubic-bezier(.22,1,.36,1); transition-delay: calc(var(--about-line-index, 0) * 70ms); }
.about-page .is-visible .about-line { transform: translateY(0); }
.about-page .about-reveal-source { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }

.about-opening { position: relative; min-height: 0; padding-top: 126px; }
.about-headline { width: min(1120px, 76.6vw); margin-left: var(--dels-edge) !important; font-size: clamp(76px, 7.03vw, 90.144px); line-height: .94; letter-spacing: -.04em; white-space: pre-line; }
.about-opening-grid { display: grid; grid-template-columns: 57.3% 1fr; margin-top: clamp(158px, calc(35vw - 290px), 214px); }
.about-opening-media { position: sticky; bottom: 16px; align-self: end; width: 20.6vw; min-width: 260px; aspect-ratio: .8; margin-left: var(--dels-edge); overflow: hidden; }
.about-opening-media-item { position: absolute; inset: 0; overflow: hidden; background: color-mix(in srgb, var(--dels-ink) 13%, var(--dels-bg)); }
.about-opening-media-item:nth-child(1) { z-index: 1; }
.about-opening-media-item:nth-child(n+2) { z-index: 2; clip-path: inset(0 0 100% 0); }
.about-opening-media-item:nth-child(n+3) { z-index: 3; }
.about-opening-media-file, .about-value-media { display: block; width: 100%; height: 100%; object-fit: cover; }
.about-media-placeholder { display: flex; align-items: flex-end; padding: 12px; background: linear-gradient(140deg, #8b8e87, #3c4649); color: #fff; font-size: 11px; line-height: 1; text-transform: uppercase; }
.about-opening-media-item:nth-child(2) .about-media-placeholder { background: linear-gradient(150deg, #9c9c9c, #353535); }
.about-opening-media-item:nth-child(3) .about-media-placeholder { background: linear-gradient(150deg, #9b998c, #494638); }
.about-opening-copy { max-width: 571px; padding-right: 0; }
.about-copy-block { margin-bottom: 98px; }
.about-copy-block h2 { margin-bottom: 36px; font-size: 1em; line-height: 1; text-transform: uppercase; }
.about-copy-block p + p { margin-top: 30px; }
.about-copy-block .about-editorial-heading { margin: 42px 0 24px; font-size: 1.45em; line-height: 1.02; letter-spacing: -.035em; }
.about-copy-block .about-editorial-subheading { margin: 32px 0 22px; font-size: 1em; line-height: 1; text-transform: uppercase; }
.about-copy-block ol + p, .about-copy-block ol + .about-editorial-text, .about-copy-block p + .about-editorial-text { margin-top: 30px; }
.about-editorial-text p + p { margin-top: 30px; }
.about-services ol { list-style: none; padding: 0; }
.about-services li { display: grid; grid-template-columns: 56px 1fr; line-height: 1.12; }
.about-network-cta { margin-top: 30px !important; }
.about-network-cta a { text-decoration-thickness: 1px; text-underline-offset: 3px; }

.about-values { position: relative; z-index: 1; min-height: 0; padding-top: 132px; }
.about-values h2 { width: min(801px, 55.6vw); margin-left: 29.1%; font-size: clamp(76px, 7.03vw, 90.144px); line-height: .9; letter-spacing: -.04em; }
.about-value-track { position: relative; display: flex; gap: 8px; width: 100%; margin-top: 224px; padding: 0 var(--dels-edge); }
.about-values.has-many .about-value-track { margin-top: 185px; padding-top: 70px; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; }
.about-values.has-many .about-value-track::-webkit-scrollbar { display: none; }
.about-value-card { position: relative; flex: 0 0 calc((85.1vw - 16px) / 3); max-width: 397px; height: 496px; padding: 0; border: 0; background: none; color: var(--dels-ink); text-align: left; cursor: pointer; transition: background .65s ease, color .65s ease; }
.about-value-title { position: absolute; z-index: 2; top: -76px; left: 0; display: flex; flex-direction: column; font-size: 23px; line-height: 1.02; text-transform: uppercase; transition: top .65s cubic-bezier(.22,1,.36,1), left .65s cubic-bezier(.22,1,.36,1); }
.about-value-visual { position: absolute; inset: 0; display: block; overflow: hidden; }
.about-value-visual { background: color-mix(in srgb, var(--dels-ink) 14%, var(--dels-bg)); }
.about-value-card:not(.is-revealed) .about-value-visual { clip-path: inset(0 0 100% 0); }
.about-value-card.is-revealed .about-value-visual { clip-path: inset(0 0 0 0); }
.about-value-visual { transition: clip-path .85s cubic-bezier(.22,1,.36,1); }
.about-value-media { transition: opacity .65s ease, transform .85s cubic-bezier(.22,1,.36,1); }
.about-value-description { position: absolute; z-index: 2; right: 12%; bottom: 9%; left: 8%; font-size: 23px; line-height: 1.1; opacity: 0; transform: translateY(20px); transition: opacity .4s ease, transform .65s cubic-bezier(.22,1,.36,1); pointer-events: none; }
.about-value-toggle { position: absolute; z-index: 2; top: 21px; right: 22px; display: none; font-size: 26px; line-height: 1; }
.about-value-card:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.about-value-backdrop { position: fixed; z-index: -1; inset: 0; overflow: hidden; opacity: 0; pointer-events: none; transition: opacity .7s ease; }
.about-value-backdrop::after { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,.58); }
.about-value-backdrop img, .about-value-backdrop video { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; }
.about-value-backdrop video { opacity: 0; }
.about-value-backdrop.has-video video { opacity: 1; }
.about-values.has-active .about-value-backdrop { opacity: var(--about-backdrop-opacity, 1); }
.about-values.has-active .about-value-card { border: 1px solid rgba(255,255,255,.86); color: #fff; }
.about-values.has-active .about-value-title { top: 32px; left: 32px; }
.about-values.has-active .about-value-media { opacity: 0; }
.about-values.has-active .about-value-visual { background: transparent; }
.about-values.has-active .about-value-card.is-active { border-color: transparent; background: rgba(236,239,232,.74); color: #111; }
.about-values.has-active .about-value-card.is-active .about-value-description { opacity: 1; transform: translateY(0); }
.about-values.has-active .about-value-card.is-active .about-value-toggle { display: block; transform: rotate(45deg); }

.about-process { position: relative; z-index: 2; height: calc(var(--about-process-pin-height,1205px) + 60svh + var(--about-process-travel) * 60svh); min-height: 100svh; }
.about-process-sticky { position: sticky; top: calc(100svh - var(--about-process-pin-height,1205px)); height: var(--about-process-pin-height,1205px); overflow: hidden; }
.about-process h2 { position: relative; top: auto; margin-top: 211px; margin-left: var(--dels-edge) !important; width: min(801px, 55.6vw); font-size: clamp(76px, 7.03vw, 90.144px); line-height: .9; letter-spacing: -.04em; }
.about-process-track { position: relative; top: auto; margin-top: 126px; left: 57.3%; display: flex; width: max-content; transform: translateX(calc(var(--about-active-index, 0) * -1 * var(--about-step-stride, 144px))); transition: transform .55s cubic-bezier(.22,1,.36,1); }
.about-process-step { flex: 0 0 var(--about-step-stride,144px); width: var(--about-step-stride,144px); opacity: .3; transition: opacity .55s ease, width .55s cubic-bezier(.22,1,.36,1), flex-basis .55s cubic-bezier(.22,1,.36,1); }
.about-process-step.is-active { flex-basis: max(405px,var(--about-step-stride,144px)); width: max(405px,var(--about-step-stride,144px)); opacity: 1; }
.about-process-step h3 { display: flex; flex-direction: column; font-size: 23px; line-height: 1.04; text-transform: uppercase; }
.about-process-step p, .about-process-step em { display: block; width: 400px; max-width: calc(100vw - 48px); opacity: 0; transition: opacity .35s ease; pointer-events: none; }
.about-process-step p { margin-top: 55px; font-size: 23px; line-height: 1.06; }
.about-process-step em { margin-top: 28px; font-size: 22px; line-height: 1.1; }
.about-process-step.is-active p, .about-process-step.is-active em { opacity: 1; transition-delay: .18s; }
.about-process-step .about-line { transition-duration: .65s; transition-delay: calc(var(--about-line-index, 0) * 45ms); }
.about-process-step.is-active .about-line { transform: translateY(0); }
.about-process-progress { display: none; }

@media (min-width: 701px) and (max-width: 1300px) {
  .about-page { font-size: 22px; }
  .about-opening { padding-top: 115px; }
  .about-opening-grid { grid-template-columns: 57.3% 1fr; }
  .about-opening-media { width: 20.6vw; min-width: 0; }
  .about-value-card { height: 460px; }
}

@media (min-width: 1301px) {
  .about-opening-grid { margin-top: 140px; }
}

@media (max-width: 700px) {
  .about-page { font-size: 17px; line-height: 1.05; }
  .about-opening { min-height: 0; padding-top: 95px; padding-bottom: 97px; }
  .about-headline { width: calc(100% - 16px); margin-left: var(--dels-edge) !important; font-size: 54px; line-height: 1.04; letter-spacing: -.04em; white-space: normal; }
  .about-opening-grid { display: block; margin-top: 96px; }
  .about-opening-media { position: relative; bottom: auto; width: auto; min-width: 0; height: auto; margin-left: 34.8%; margin-right: var(--dels-edge); }
  .about-opening-media-item { position: absolute; width: 100%; height: 100%; }
  .about-opening-media-item:nth-child(n+2) { display: none; }
  .about-opening-copy { margin: 46px var(--dels-edge) 0 34.8%; padding: 0; }
  .about-copy-block { margin-bottom: 93px; }
  .about-copy-block h2 { margin-bottom: 26px; }
  .about-copy-block p + p { margin-top: 20px; }
  .about-copy-block .about-editorial-heading { margin: 32px 0 20px; }
  .about-copy-block .about-editorial-subheading { margin: 26px 0 18px; }
  .about-editorial-text p + p { margin-top: 20px; }
  .about-services li { grid-template-columns: 36px 1fr; line-height: 1; white-space: nowrap; }
  .about-network-cta { margin-top: 19px !important; }

  .about-values { min-height: 0; padding-top: 0; }
  .about-values h2 { width: calc(100% - 16px); margin-left: var(--dels-edge); font-size: 54px; line-height: 1.04; letter-spacing: -.04em; }
  .about-value-track { gap: 8px; margin-top: 88px; padding: 45px var(--dels-edge) 0; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; touch-action: pan-x; scroll-snap-type: x proximity; scroll-padding-left: var(--dels-edge); }
  .about-value-track::-webkit-scrollbar { display: none; }
  .about-value-card { flex-basis: 63.3vw; max-width: none; height: calc(63.3vw / .8); scroll-snap-align: start; }
  .about-value-title { top: -49px; font-size: 16px; }
  .about-value-description { right: 10%; bottom: 8%; left: 9%; font-size: 16px; line-height: 1.08; }
  .about-value-toggle { display: block; top: 17px; right: 21px; color: var(--dels-ink); font-size: 22px; }
  .about-values.has-active .about-value-title { top: 21px; left: 22px; }
  .about-values.has-active .about-value-toggle { color: #fff; }
  .about-values.has-active .about-value-card.is-active .about-value-toggle { color: #111; }

  .about-process { height: 100svh; min-height: 844px; }
  .about-process-sticky { position: relative; top: auto; height: 100%; }
  .about-process h2 { position: absolute; top: 100px; left: var(--dels-edge); margin-top: 0; margin-left: 0 !important; width: calc(100% - 38px); font-size: 54px; line-height: 1.04; letter-spacing: -.04em; transform: none !important; }
  .about-process-track { position: absolute; top: auto; bottom: 59px; margin-top: 0; left: 0; display: flex; width: 100%; height: 220px; padding: 0 34.8%; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; scroll-snap-type: x proximity; scroll-padding-left: 34.8vw; touch-action: pan-x; transform: none; transition: none; cursor: grab; }
  .about-process-track::-webkit-scrollbar { display: none; }
  .about-process-track.is-dragging { cursor: grabbing; user-select: none; }
  .about-process-step, .about-process-step.is-active { flex: 0 0 var(--about-step-stride,140px); width: var(--about-step-stride,140px); scroll-snap-align: start; }
  .about-process-step h3 { font-size: 16px; }
  .about-process-step p, .about-process-step em { width: 245px; max-width: none; font-size: 16px; }
  .about-process-step p { margin-top: 30px; }
  .about-process-step em { margin-top: 22px; }
  .about-process-progress { position: absolute; right: var(--dels-edge); bottom: 60px; left: 34.8%; display: block; height: 1px; background: color-mix(in srgb, var(--dels-ink) 25%, transparent); }
  .about-process-progress span { display: block; width: var(--about-progress, 16.666%); height: 1px; background: var(--dels-ink); transition: width .3s ease; }
}

@media (prefers-reduced-motion: reduce) {
  .about-page [data-about-reveal], .about-page .about-line, .about-value-card, .about-value-visual, .about-value-media, .about-value-description, .about-value-backdrop, .about-process-track, .about-process-step { transition-duration: .01ms !important; }
}

/* Content fit only: preserve stage widths, timings and scroll selection. */
@media(max-width:700px){
 .about-services li { white-space:normal; }
 .about-process { min-height:var(--about-content-min-height,844px); }
 .about-process-track { height:var(--about-content-rail-height,220px); }
}
.about-opening-copy { min-width:0; }

/* Local editorial gutters and content-driven rail spacing. */
.about-process-step h3 { padding-right:24px; }
@media(min-width:701px){
 .about-process-step p,.about-process-step em { max-width:calc(100vw - 57.3vw - 36px); }
}
@media(max-width:700px){
 .about-opening-copy { margin-right:36px; }
 .about-services ol { display:grid; row-gap:.25em; }
 .about-services li { grid-template-columns:36px minmax(0,1fr); align-items:start; }
 .about-network-cta a { text-decoration-line:underline; }
 .about-page .about-network-cta[data-about-reveal].is-visible { clip-path:inset(0 0 -.3em); }
 .about-value-track { --about-value-title-lift:49px; --about-value-title-room:76px; padding-top:calc(var(--about-value-title-room) + .25em); margin-top:calc(133px - var(--about-value-title-room) - .25em); }
 .about-value-title { top:calc(-1 * var(--about-value-title-lift)); }
 .about-process-step p,.about-process-step em { width:calc(100vw - 34.8vw - 36px); max-width:none; translate:var(--about-content-shift,0px) 0; }
}

.about-process-step .about-line-mask { padding-bottom:.16em; margin-bottom:-.16em; }

/* Keep the longest Process word inside its reveal mask at tablet widths. */
@media (min-width: 701px) and (max-width: 820px) {
  .about-process h2 { width: max(55.6vw, 6em); }
}

/* Dedicated tablet editorial column and accessible Principles rail. */
@media (min-width: 768px) and (max-width: 1024px) {
  .about-opening-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 8px; row-gap: 60px; margin-inline: var(--dels-edge); }
  .about-opening-media { grid-column: 2; grid-row: 1; position: relative; bottom: auto; align-self: start; width: 100%; min-width: 0; margin: 0; }
  .about-opening-copy { grid-column: 2; grid-row: 2; }
  .about-value-track, .about-values.has-many .about-value-track {
    --about-tablet-title-room: calc(76px + .25em);
    margin-top: calc(224px - var(--about-tablet-title-room));
    padding-top: var(--about-tablet-title-room);
    padding-bottom: 4px;
    overflow-x: auto; overflow-y: hidden;
    scrollbar-width: none; scroll-snap-type: x proximity;
    scroll-padding-inline: var(--dels-edge); overscroll-behavior-x: contain;
  }
  .about-value-track::-webkit-scrollbar { display: none; }
  .about-value-card { flex: 0 0 35.3vw; max-width: none; height: auto; aspect-ratio: 4 / 5; scroll-snap-align: start; }
  .about-value-description { bottom: 7%; }
  .about-value-media { -webkit-user-drag: none; }
  .about-value-track.is-dragging { cursor: grabbing; user-select: none; }
}