/* A photo-led look at the real work, using the site's existing reveal lifecycle. */
.workflow-page .site-header.on-light::before{background:#eeedebed}
.workflow-intro{padding:160px var(--gutter) 86px}
.workflow-label{display:flex;align-items:center;gap:13px;font-size:11px;letter-spacing:.025em}
.workflow-label::before{content:"";flex:none;width:8px;height:8px;background:var(--accent);transform:rotate(-17deg)}
.workflow-intro-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,.8fr);gap:7%;align-items:end;margin-top:43px}
.workflow-intro h1{font-size:clamp(72px,10.2vw,160px);line-height:.97;letter-spacing:-.065em}
.workflow-intro h1>span{display:block}
.workflow-intro h1>span:last-child{color:var(--accent)}
.workflow-intro-copy{padding-bottom:8px;max-width:370px}
.workflow-intro-copy>p{font-size:clamp(17px,1.55vw,22px);line-height:1.6;color:#b4b0ae}
.workflow-intro-copy>.inline-link{font:12px/1.6 var(--mono);margin-top:28px}
.workflow-chapter{padding:85px var(--gutter);scroll-margin-top:100px}
.workflow-chapter-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:10%;max-width:1360px;margin-inline:auto}
.workflow-copy{max-width:525px;min-width:0}
.workflow-copy>.workflow-label{margin-bottom:32px}
.workflow-copy h2{font-size:clamp(42px,5.1vw,76px);line-height:1.07;letter-spacing:-.055em;overflow-wrap:normal}
.workflow-description{margin-top:30px;font-size:clamp(17px,1.5vw,21px);line-height:1.65;max-width:490px;letter-spacing:-.012em}
.workflow-note{margin-top:24px;padding-top:22px;border-top:1px solid #14131425;font-size:14px;line-height:1.6;color:#68635f;max-width:445px}
.workflow-photo{margin:0;width:100%;max-width:520px;justify-self:end}
.workflow-photo-window{overflow:hidden;aspect-ratio:3/4;background:#d3d0cc}
.workflow-photo img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s cubic-bezier(.22,1,.36,1)}
.js .workflow-photo.reveal:not(.visible) img{transform:scale(1.035)}
.workflow-photo figcaption{margin-top:15px;font:10px/1.65 var(--mono);color:#68635f;max-width:95%}
.workflow-chapter--reverse .workflow-copy{grid-column:2;grid-row:1;justify-self:end}
.workflow-chapter--reverse .workflow-photo{grid-column:1;grid-row:1;justify-self:start}
.workflow-chapter.light-section+.workflow-chapter.light-section{padding-top:0}
.workflow-chapter.light-section+.workflow-chapter.light-section>.workflow-chapter-inner{padding-top:85px;border-top:1px solid #14131425}
.workflow-chapter--dark{padding-block:110px}
.workflow-chapter--dark .workflow-label::before{transform:rotate(22deg)}
.workflow-chapter--dark .workflow-description{color:#d0ccca}
.workflow-chapter--dark .workflow-note{border-color:#ffffff25;color:#aaa6a4}
.workflow-chapter--dark .workflow-photo figcaption{color:#aaa6a4}
.workflow-cta{padding:85px var(--gutter) 100px;border-bottom:1px solid #ffffff25}
.workflow-cta>.workflow-label{margin-bottom:40px}
.workflow-cta>div{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:10%;align-items:end}
.workflow-cta h2{font-size:clamp(52px,7vw,108px);line-height:1.03;letter-spacing:-.06em}
.workflow-cta-copy{max-width:390px}
.workflow-cta-copy>p{font-size:clamp(17px,1.5vw,21px);line-height:1.65;color:#aaa6a4;margin-bottom:30px}
@media(min-width:1800px){.workflow-intro-grid,.workflow-cta>div{max-width:1600px}.workflow-chapter-inner{gap:12%}}
@media(min-width:761px) and (max-width:1050px){
 .workflow-intro-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:6%}
 .workflow-intro h1{font-size:9.8vw}
 .workflow-chapter-inner{gap:7%}
 .workflow-copy h2{font-size:4.85vw}
 .workflow-copy>.workflow-label{margin-bottom:24px}
 .workflow-description{margin-top:24px;font-size:17px}
 .workflow-note{font-size:13px;margin-top:20px;padding-top:18px}
}
@media(max-width:760px){
 .workflow-intro{padding:130px 20px 56px}
 .workflow-label{font-size:10px;gap:11px}
 .workflow-intro-grid{grid-template-columns:minmax(0,1fr);gap:30px;margin-top:33px}
 .workflow-intro h1{font-size:clamp(57px,13.8vw,102px);line-height:1;letter-spacing:-.06em}
 .workflow-intro-copy{max-width:470px;padding:0}
 .workflow-intro-copy>p{font-size:17px}
 .workflow-intro-copy>.inline-link{font-size:11px;margin-top:24px}
 .workflow-chapter{padding:56px 20px;scroll-margin-top:85px}
 .workflow-chapter-inner{grid-template-columns:minmax(0,1fr);gap:32px}
 .workflow-copy,.workflow-chapter--reverse .workflow-copy{grid-column:1;grid-row:auto;justify-self:start;max-width:540px}
 .workflow-photo,.workflow-chapter--reverse .workflow-photo{grid-column:1;grid-row:auto;justify-self:start;max-width:520px}
 .workflow-copy>.workflow-label{margin-bottom:23px}
 .workflow-copy h2{font-size:clamp(36px,9.4vw,61px);line-height:1.08;letter-spacing:-.05em}
 .workflow-description{font-size:17px;margin-top:23px;line-height:1.6}
 .workflow-note{font-size:13px;margin-top:20px;padding-top:19px}
 .workflow-photo figcaption{font-size:9px;margin-top:12px}
 .workflow-chapter.light-section+.workflow-chapter.light-section>.workflow-chapter-inner{padding-top:55px}
 .workflow-cta{padding:60px 20px 65px}
 .workflow-cta>.workflow-label{margin-bottom:28px}
 .workflow-cta>div{grid-template-columns:minmax(0,1fr);gap:29px}
 .workflow-cta h2{font-size:clamp(46px,11.5vw,78px)}
 .workflow-cta-copy>p{font-size:17px;margin-bottom:26px}
}
@media(prefers-reduced-motion:reduce){.workflow-photo img{transition:none;transform:none!important}}