/* Services partnership bands and process rows share About’s reading rhythm. */
/* The approved travelling question stays; its choices become flat, full-bleed brand chapters. */
.services-page .services-editorial :is(.agency-engagement,.agency-process,.agency-faq,.engagement-options,.engagement-options>div){border:0}
.services-page .services-editorial .agency-engagement{padding-block:clamp(85px,8vw,154px) 0;border-radius:0;transform:none}
.services-page .services-editorial .agency-engagement .agency-lead{margin-left:50%;font-size:clamp(21px,1.65vw,32px);line-height:1.5}
.services-page .services-editorial .engagement-options{display:block;margin:clamp(55px,6vw,115px) calc(-1*var(--agency-gutter)) 0;padding:0}
.services-page .services-editorial .engagement-options>div{--studio-surface:var(--musou-paper);--studio-ink:var(--musou-ui-ink);--musou-ink:var(--studio-ink);--musou-muted:var(--studio-ink);display:grid;grid-template-columns:5% minmax(0,1.25fr) minmax(0,.75fr);gap:3vw;align-items:start;align-content:center;min-height:clamp(340px,45svh,540px);padding:clamp(45px,4vw,77px) var(--agency-gutter);margin:0;background:var(--studio-surface);color:var(--studio-ink)}
.services-page .services-editorial .engagement-options>div+div{--studio-surface:var(--musou-soft);--studio-ink:var(--musou-ui-ink);margin:0}
.services-page .services-editorial .engagement-options>div{position:relative;isolation:isolate;background:var(--musou-soft)}
.services-page .services-editorial .engagement-options>div+div{background:var(--musou-backdrop)}
.services-page .services-editorial .engagement-options>div::after{content:"";position:absolute;inset:0;z-index:-1;background:var(--studio-surface);transform:scaleX(1);transform-origin:left;pointer-events:none}
.services-page .services-editorial .engagement-options>div+div::after{transform-origin:right}
.services-page.has-services-body .services-editorial .engagement-options>div::after{transform:scaleX(var(--service-band-reveal,1))}
.services-editorial .engagement-number{grid-column:1;grid-row:1;align-self:start;margin:20px 0 0;font-size:13px;line-height:1;color:inherit}
.services-page .services-editorial .engagement-options h3{grid-column:2;grid-row:1;font-size:clamp(42px,6vw,115px);font-weight:500;line-height:1.06;letter-spacing:-.035em;margin:0;max-width:none}
.services-page .services-editorial .engagement-options p{grid-column:3;grid-row:1;align-self:end;font-size:clamp(18px,1.3vw,25px);line-height:1.55;margin:0;max-width:none}
/* One inverse band travels over native, always-readable process rows. */
.services-page .services-editorial .agency-process{--process-band-surface:var(--musou-ui-ink);--process-band-ink:var(--musou-backdrop);display:block;padding-block:clamp(88px,8vw,152px)}
:root[data-theme="light"] .services-page .agency-process{--process-band-ink:var(--musou-color-cream)}
.services-page .services-editorial .agency-process>.service-process-aside{position:static;top:auto;margin:0 0 clamp(64px,6vw,112px)}
.services-page .services-editorial .agency-process .agency-heading{font-size:clamp(48px,5.6vw,104px);line-height:1.08;letter-spacing:-.035em;max-width:none;text-align:left}
.services-page .services-editorial .agency-process ol{display:block;position:relative;isolation:isolate;margin:0 calc(-1*var(--agency-gutter));padding:0;list-style:none}
.services-page .services-editorial .agency-process :is(li,.process-mask-row){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:9vw;align-items:center;position:relative;padding:clamp(32px,3vw,56px) var(--agency-gutter);min-height:180px;border:0;border-top:1px solid var(--agency-rule)}
.services-page .services-editorial .agency-process li:last-of-type{border-bottom:1px solid var(--agency-rule)}
.services-page .services-editorial .agency-process li::before{display:none}
.services-page .services-editorial .agency-process :is(h3,.process-mask-title){grid-column:1;grid-row:1;display:block;font-size:clamp(48px,5.2vw,104px);font-weight:500;line-height:1.08;letter-spacing:-.035em;margin:0;min-width:0;overflow-wrap:anywhere}
.services-page .services-editorial .agency-process .process-stage-copy{grid-column:2;grid-row:1;display:block;min-width:0}
.services-page .services-editorial .agency-process p{font-size:clamp(18px,1.15vw,21px);line-height:1.5;margin:0;max-width:48ch;text-wrap:pretty}
.services-page .services-editorial .agency-process .process-output{font-size:clamp(14px,.85vw,16px);font-weight:400;line-height:1.5;border:0;padding:0;margin-top:16px}
.services-page .services-editorial .agency-process .process-stage-trigger{display:block;width:100%;font:inherit;letter-spacing:inherit;text-align:left;color:inherit;background:none;border:0;border-radius:0;padding:0;cursor:pointer}
.services-page .services-editorial .agency-process .process-stage-trigger:focus-visible{outline:2px solid currentColor;outline-offset:8px}
.services-page .services-editorial .process-band-mask{position:absolute;inset:0;z-index:1;background:var(--process-band-surface);color:var(--process-band-ink);clip-path:inset(var(--process-band-y,0px) 0 calc(100% - var(--process-band-y,0px) - var(--process-band-height,0px)) 0);transition:clip-path 600ms cubic-bezier(.22,.68,.2,1);pointer-events:none;user-select:none}
.services-page .services-editorial .agency-process .process-mask-row{border-color:transparent}
.services-page .services-editorial .agency-process .process-mask-row:last-child{border-bottom:1px solid transparent}
.services-page .services-editorial .process-mask-row[data-process-focus] .process-mask-title{outline:2px solid currentColor;outline-offset:8px}
@media(max-width:1100px){
 .services-page .services-editorial .engagement-options>div{grid-template-columns:20px minmax(0,1fr) minmax(0,.85fr);gap:4vw}
 .services-page .services-editorial .engagement-options h3{font-size:6vw}
}
@media(max-width:700px){
 .services-page .services-editorial .agency-engagement{padding-block:65px 0}
 .services-page .services-editorial .agency-engagement .agency-lead{font-size:22px;margin:30px 0 0}
 .services-page .services-editorial .engagement-options{margin-top:45px}
 .services-page .services-editorial .engagement-options>div{grid-template-columns:18px minmax(0,1fr);gap:22px 14px;min-height:0;padding-block:42px}
 .services-editorial .engagement-number{margin:9px 0 0;font-size:10px}
 .services-page .services-editorial .engagement-options h3{grid-column:2;grid-row:1;font-size:11vw;line-height:1.08}
 .services-page .services-editorial .engagement-options p{grid-column:2;grid-row:2;font-size:18px}
 .services-page .services-editorial .agency-process{padding-block:72px}
 .services-page .services-editorial .agency-process>.service-process-aside{margin-bottom:48px}
 .services-page .services-editorial .agency-process .agency-heading{font-size:12vw}
 .services-page .services-editorial .agency-process :is(li,.process-mask-row){grid-template-columns:minmax(0,1fr);gap:24px;min-height:0;padding-block:32px}
 .services-page .services-editorial .agency-process :is(h3,.process-mask-title){font-size:clamp(40px,11vw,64px)}
 .services-page .services-editorial .agency-process .process-stage-copy{grid-column:1;grid-row:2}
 .services-page .services-editorial .agency-process p{font-size:18px}
 .services-page .services-editorial .agency-process .process-output{font-size:14px;margin-top:16px}
}
@media(prefers-reduced-motion:reduce){
 .services-page .services-editorial .agency-process li::before{transform:none}
 .services-page.has-services-body .services-editorial .engagement-options>div::after{transform:none}
 .services-page .services-editorial .process-band-mask{transition:none}
}
@media print{
 .services-page .services-editorial :is(.agency-process,.agency-engagement){padding-block:8mm}
 .services-page .services-editorial .agency-process .agency-heading{font-size:26pt;text-align:left}
 .services-page .services-editorial .engagement-options{margin:10mm 0}
 .services-page .services-editorial .engagement-options>div{background:#fff!important;color:#000!important;padding:6mm 0;min-height:0;break-inside:avoid;border-top:1px solid #aaa}
 .services-page .services-editorial .engagement-options h3{font-size:23pt}
 .services-page .services-editorial .agency-process li{min-height:0;break-inside:avoid;padding-block:6mm}
 .services-page .services-editorial .agency-process h3{font-size:24pt}
 .services-page .services-editorial .process-band-mask,.services-page .services-editorial .engagement-options>div::after{display:none}
 .services-page .services-editorial .agency-process li::before{display:none}
 .services-page .services-editorial :is(.agency-process,.agency-engagement,.services-overview) p{font-size:11pt;line-height:1.5}
}