/* A photographic interlude. One photograph, two overlapping reading planes.
   Motion changes the photograph's aperture and crop, never document flow. */
.service.direction .editorial-human{
 --human-inset:0%;--human-scale:1;--human-drift:0px;
 position:relative;display:block;isolation:isolate;
 max-width:1600px;margin:0 auto;padding:64px clamp(24px,4vw,64px) 72px;
 background:#fbfaf7;color:#303c2b;
}
.service.direction .editorial-human .human-stage{
 position:relative;isolation:isolate;min-height:460px;
 height:clamp(460px,44vw,630px);background:#30392c;
 clip-path:inset(0 var(--human-inset));
 scroll-margin-top:calc(var(--preview-header-height,86px) + 16px);
}
.service.direction .editorial-human .service-detail-photo{
 position:absolute;inset:0;display:block;max-width:none;width:100%;height:100%;
 margin:0;padding:0;transform:none;background:#30392c;color:#fffaf3;
}
.service.direction .editorial-human .human-photo-window{position:absolute;inset:0;overflow:hidden}
.service.direction .editorial-human .service-detail-photo img{
 display:block;position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;
 object-fit:cover;object-position:var(--human-image-position,50% 45%);
 border-radius:0;transform:translate3d(0,var(--human-drift),0) scale(var(--human-scale));
 transform-origin:50% 45%;
}
.service.direction .editorial-human .human-stage:after{
 content:'';position:absolute;inset:0;pointer-events:none;z-index:1;
 background:linear-gradient(0deg,rgba(19,28,20,.94),rgba(19,28,20,.57) 28%,transparent 65%),
 linear-gradient(90deg,rgba(19,28,20,.20),transparent 65%);
}
.service.direction .editorial-human .human-heading{
 position:absolute;z-index:2;bottom:90px;left:clamp(32px,5vw,76px);right:clamp(32px,5vw,76px);
 max-width:700px;padding:0;color:#fffaf3;
}
.service.direction .editorial-human .eyebrow{
 color:#efc9aa;font:600 10px/1.5 var(--body);letter-spacing:.16em;
 text-transform:uppercase;margin:0 0 19px;
}
.service.direction .editorial-human h2{
 font:400 clamp(36px,4.3vw,62px)/1.07 var(--display);
 color:#fffaf3;letter-spacing:-.03em;text-wrap:balance;margin:0;max-width:22ch;
 scroll-margin-top:calc(var(--preview-header-height,86px) + 28px);
}
.service.direction .editorial-human .service-detail-photo figcaption{
 position:absolute;z-index:2;left:clamp(32px,5vw,76px);bottom:27px;
 max-width:calc(41% - clamp(32px,5vw,76px) - 24px);padding:0;margin:0;background:none;color:#eeede6;
 font:400 11px/1.5 var(--body);letter-spacing:.01em;
}
.service.direction .editorial-human .human-copy{
 position:relative;z-index:3;width:min(590px,55%);max-width:none;
 margin:-53px 4% 0 auto;padding:31px 38px 24px;
 color:#303c2b;background:#f2f0e8;
}
.service.direction .editorial-human .human-copy>p:not(.eyebrow){
 color:#414d38;font:400 16px/1.7 var(--body);max-width:47ch;margin:0 0 14px;
}
.service.direction .editorial-human .text-link{
 display:inline-flex;align-items:center;min-height:46px;gap:0;
 padding:8px 0 7px;border:0;border-bottom:1px solid #7b856f;
 color:#303c2b;font:500 14px/1.4 var(--body);letter-spacing:0;
 text-transform:none;text-decoration:none;
}
.service.direction .editorial-human .text-link:hover{color:#8b5135;border-color:currentColor}
.service.direction .editorial-human .text-link:focus-visible{outline:2px solid #8b5135;outline-offset:6px}
.service.direction .editorial-human.is-motion-active .human-photo-window img{will-change:transform}
.service.direction .editorial-human.is-motion-active .human-stage{will-change:clip-path}
@media(min-width:720px) and (max-width:1100px){
 .service.direction .editorial-human{padding:46px 28px 52px}
 .service.direction .editorial-human .human-stage{height:510px}
 .service.direction .editorial-human h2{font-size:clamp(36px,5vw,49px);max-width:23ch}
 .service.direction .editorial-human .human-heading{left:38px;right:38px;bottom:100px}
 .service.direction .editorial-human .human-copy{width:68%;margin-right:3%;padding:27px 30px 21px}
 .service.direction .editorial-human .service-detail-photo figcaption{left:38px;max-width:calc(29% - 56px);font-size:10px;bottom:24px}
}
@media(max-width:719px){
 .service.direction .editorial-human{padding:30px 0 40px}
 .service.direction .editorial-human .human-stage{min-height:0;height:clamp(420px,112vw,530px)}
 .service.direction .editorial-human .service-detail-photo img{object-position:var(--human-image-mobile-position,50% 40%)}
 .service.direction .editorial-human .human-stage:after{
  background:linear-gradient(0deg,rgba(19,28,20,.97),rgba(19,28,20,.75) 23%,rgba(19,28,20,.05) 60%,transparent);
 }
 .service.direction .editorial-human .human-heading{left:26px;right:26px;bottom:67px;max-width:none}
 .service.direction .editorial-human .eyebrow{font-size:9px;letter-spacing:.14em;margin-bottom:15px}
 .service.direction .editorial-human h2{font-size:clamp(30px,8.3vw,42px);line-height:1.09;max-width:22ch;text-wrap:pretty}
 .service.direction .editorial-human .service-detail-photo figcaption{left:26px;right:26px;max-width:none;bottom:25px;font-size:11px;line-height:1.4}
 .service.direction .editorial-human .human-copy{width:auto;margin:-1px 0 0;padding:25px 26px 28px;background:#f2f0e8}
 .service.direction .editorial-human .human-copy>p:not(.eyebrow){font-size:15px;line-height:1.65;max-width:48ch;margin-bottom:9px}
 .service.direction .editorial-human .text-link{font-size:14px}
}
@media(max-height:500px) and (min-width:600px){
 .service.direction .editorial-human .human-stage{height:420px;min-height:0}
}
@media(prefers-reduced-motion:reduce){
 .service.direction .editorial-human .human-stage{clip-path:none!important;will-change:auto!important}
 .service.direction .editorial-human .service-detail-photo img{transform:none!important;will-change:auto!important}
}