body.v5-direction .v5-service-cases{padding-block:clamp(52px,7vw,110px);color:#f3f2e9;background:#151613}
body.v5-direction .v5-service-cases__intro{display:grid;grid-template-columns:1.3fr 1fr;gap:12px 60px;margin-bottom:40px;align-items:end}
body.v5-direction .v5-service-cases__intro>.sc-eyebrow{grid-column:1/-1;color:#c2c4b9}
body.v5-direction .v5-service-cases__intro h2{font-size:clamp(32px,4vw,58px);line-height:1.08;letter-spacing:-.04em;margin:0;color:#f3f2e9;max-width:18ch}
body.v5-direction .v5-service-cases__intro>p:last-child{margin:0;max-width:55ch;line-height:1.7;color:#bfc3b7;font-size:16px}
body.v5-direction .v5-service-case{display:grid;grid-template-columns:minmax(190px,.7fr) minmax(0,1.5fr);gap:clamp(28px,6vw,90px);padding:40px 0;border-top:1px solid #ffffff32}
body.v5-direction .v5-service-case--lead{padding-block:48px 58px;grid-template-columns:minmax(220px,1fr) minmax(0,1.3fr)}
body.v5-direction .v5-client-logo{width:min(100%,290px);height:116px;background:#fff;display:flex;align-items:center;justify-content:center;padding:22px 28px;box-sizing:border-box;margin-bottom:23px}
body.v5-direction .v5-client-logo img{display:block;width:100%;height:100%;object-fit:contain;filter:none;mix-blend-mode:normal}
body.v5-direction .v5-service-case--lead .v5-client-logo{height:150px;width:min(100%,360px)}
body.v5-direction .v5-service-case__identity h3{font-size:clamp(25px,2.5vw,35px);font-weight:500;letter-spacing:-.025em;line-height:1.2;margin:0 0 12px;color:#f3f2e9}
body.v5-direction .v5-service-case__role{font-size:13px;color:#bfc3b7;line-height:1.65;max-width:38ch;margin:0}
body.v5-direction .v5-service-case__index{font-size:12px;letter-spacing:.08em;color:#ec8a75;margin:0 0 12px}
body.v5-direction .v5-service-case__work h4{font-size:clamp(24px,2.4vw,34px);letter-spacing:-.025em;line-height:1.2;color:#f3f2e9;margin:0 0 18px;font-weight:500}
body.v5-direction .v5-service-case--lead .v5-service-case__work h4{font-size:clamp(28px,3.2vw,44px)}
body.v5-direction .v5-service-case__work>p:not(.v5-service-case__index){font-size:17px;line-height:1.7;color:#c6c9bf;max-width:65ch;margin:0 0 24px}
body.v5-direction .v5-service-case__work .v5-service-case__deliverable{padding-top:18px;border-top:1px solid #ffffff22;font-size:14px!important}
body.v5-direction .v5-service-case__deliverable span{display:block;font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:#f3f2e9;margin-bottom:7px}
body.v5-direction .v5-service-cases__note{border-top:1px solid #ffffff32;padding-top:23px;font-size:12px;line-height:1.7;color:#bfc3b7;max-width:100ch}
@media(max-width:760px){body.v5-direction .v5-service-cases__intro{grid-template-columns:1fr;gap:18px;margin-bottom:32px}body.v5-direction .v5-service-case,body.v5-direction .v5-service-case--lead{grid-template-columns:1fr;gap:28px;padding-block:30px 38px}body.v5-direction .v5-client-logo,body.v5-direction .v5-service-case--lead .v5-client-logo{width:230px;height:104px}body.v5-direction .v5-service-case__work>p:not(.v5-service-case__index){font-size:16px}body.v5-direction .v5-service-cases__intro h2{max-width:21ch}}
body.v5-direction .v5-client-logo--archimat{background:#151613;border:1px solid #ffffff25}
body.v5-direction .v5-client-logo--foyer{height:160px;padding:0 20px}
body.v5-direction .v5-service-case__media{margin:32px 0 0;max-height:450px;overflow:hidden;position:relative;background:#eeede5}
body.v5-direction .v5-service-case__media img{display:block;width:100%;height:370px;object-fit:cover;object-position:top}
body.v5-direction .v5-service-case__media figcaption{padding:12px 16px;color:#363831;background:#eeede5;font-size:12px;line-height:1.5}
@media(max-width:760px){body.v5-direction .v5-service-case__media img{height:280px}}