/* New content follows the existing Stanley type, colour and directional system. */
.work-card-image.preserve-composition{background:#eae7e1}
.work-card-image.preserve-composition img{object-fit:contain}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.content-section{padding:100px max(64px,calc((100vw - 1440px)/2 + 64px));scroll-margin-top:0}
.content-section-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:48px;margin-bottom:52px}
.content-kicker{margin:0 0 22px;font-size:13px;font-weight:900;letter-spacing:3px;line-height:1.2}
.content-section h2{font-size:clamp(48px,6.1vw,88px);font-weight:900;letter-spacing:-.055em;line-height:1;margin:0}
.content-text-link{display:inline-flex;align-items:center;gap:12px;font-size:15px;font-weight:500;text-underline-offset:5px;text-decoration-thickness:1px}
.content-text-link svg{width:22px;height:22px;flex:none;transition:transform .2s ease}
.content-text-link:hover svg{transform:translateX(4px)}
.content-section a:focus-visible,.case-hero-media button:focus-visible{outline:3px solid #f56834;outline-offset:6px}
.work-section{background:#f5f3ee}
.work-intro-copy{max-width:325px;padding-bottom:3px}
.work-intro-copy>p,.companies-intro{font-size:20px;line-height:1.4;margin:0 0 24px}
.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 28px}
.work-card{display:block;min-width:0;text-decoration:none}
.work-card-image{position:relative;aspect-ratio:16/10;overflow:hidden;background:#d8d6d1}
.work-card-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}
.work-card:hover .work-card-image img{transform:scale(1.035)}
.work-card-number{position:absolute;left:18px;top:18px;color:#fff;font-size:12px;font-weight:500;line-height:1;background:#171717b3;padding:8px 9px;border-radius:2px}
.work-card-arrow{position:absolute;right:18px;bottom:18px;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:#f5f3ee;color:#171717;transition:background .2s ease,transform .2s ease}
.work-card-arrow svg{width:22px;height:22px}
.work-card:hover .work-card-arrow{transform:rotate(-35deg);background:#ffad29}
.work-card-copy{padding-top:22px}
.work-client{font-size:12px;line-height:1.35;letter-spacing:.08em;font-weight:500;text-transform:uppercase;margin:0 0 10px}
.work-card h3{font-size:clamp(25px,2.15vw,32px);line-height:1.08;font-weight:900;letter-spacing:-.045em;margin:0}
.work-summary{font-size:16px;line-height:1.45;max-width:34em;margin:14px 0 18px}
.work-card-link{font-size:13px;font-weight:500;text-decoration:underline;text-underline-offset:5px}
.companies-section{color:#f5f3ee;background:#171717}
.companies-section .content-kicker{color:#ffad29}
.companies-section .content-section-intro{align-items:flex-end}
.companies-section h2{max-width:750px}
.companies-intro{max-width:310px;margin:0;padding-bottom:3px}
.companies-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:52px}
.company-card{position:relative;display:flex;gap:24px;align-items:flex-start;padding:36px 0;border-top:1px solid #ffffff4d;min-height:225px;text-decoration:none}
.company-card:last-child{grid-column:1/-1;min-height:190px}
.company-number{flex:none;font-size:12px;line-height:1;margin-top:9px;color:#ffad29}
.company-copy{min-width:0;padding-right:50px}
.company-logo{display:flex;align-items:center;justify-content:center;width:220px;max-width:100%;height:70px;padding:12px 16px;margin-bottom:20px;background:#f5f3ee;border-radius:3px}
.company-logo img{display:block;width:100%;height:100%;object-fit:contain}
.company-card h3{font-size:clamp(27px,2.6vw,38px);line-height:1.05;letter-spacing:-.045em;font-weight:900;margin:0}
.company-note{display:block;color:#ffad29;font-size:12px;line-height:1.4;margin-top:10px}
.company-card p{max-width:390px;font-size:16px;line-height:1.5;margin:16px 0 14px;color:#e4e1dc}
.company-url{font-size:12px;line-height:1.4;overflow-wrap:anywhere;color:#bab8b3}
.company-arrow{position:absolute;right:0;top:34px;width:46px;height:46px;display:flex;align-items:center;justify-content:center;border:1px solid #ffad29;border-radius:50%;color:#ffad29;transition:background .2s ease,color .2s ease,transform .2s ease}
.company-arrow svg{width:24px;height:24px}
.company-card:hover .company-arrow{background:#ffad29;color:#171717;transform:translate(2px,-2px)}
.company-card:hover h3{text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:1px}
.case-page{padding-top:calc(105*var(--u))}
.case-intro{padding-top:66px;padding-bottom:64px}
.case-back{margin-bottom:64px;text-decoration:none}
.case-back svg{transform:rotate(180deg)}
.case-back:hover svg{transform:translateX(-4px) rotate(180deg)}
.case-intro .content-kicker{margin-bottom:30px}
.case-client{font-size:19px;line-height:1.3;margin:0 0 14px}
.case-intro h1{font-size:clamp(48px,6.7vw,98px);max-width:1080px;line-height:1;letter-spacing:-.06em;font-weight:900;margin:0;text-wrap:balance}
.case-hero-media{position:relative;margin:0;aspect-ratio:16/9;background:#171717;overflow:hidden}
.case-hero-media>img,.case-hero-media>iframe{display:block;width:100%;height:100%;object-fit:cover;border:0}
.case-video-trigger{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:flex-end;gap:12px;padding:38px max(64px,calc((100vw - 1440px)/2 + 64px));border:0;background:linear-gradient(transparent 65%,#0006);color:#171717;cursor:pointer}
.case-video-trigger>span:last-child{display:flex;align-items:center;min-height:52px;padding:16px 24px 16px 0;background:#f5f3ee;border-radius:0 30px 30px 0;font-size:15px;font-weight:500;margin-left:-12px}
.case-play-icon{display:flex;align-items:center;justify-content:center;width:58px;min-height:52px;border-radius:30px 0 0 30px;background:#f5f3ee}
.case-play-icon svg{width:22px;height:22px}
.case-video-trigger:hover>span{background:#ffad29}
.case-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px;padding-top:90px;padding-bottom:100px}
.case-lead{font-size:clamp(27px,2.8vw,40px);font-weight:500;letter-spacing:-.035em;line-height:1.2;margin:0;max-width:570px}
.case-body{max-width:610px}
.case-body>p{font-size:19px;line-height:1.6;margin:0 0 22px}
.case-body>.content-text-link{margin-top:16px;font-size:14px}
.case-services{margin:32px 0}
.case-story .case-services h2{font-size:13px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:14px}
.case-services ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px;margin:0}
.case-services li{font-size:12px;line-height:1.3;padding:8px 12px;border:1px solid #17171740;border-radius:30px}
.case-related{background:#eae7e1}
.case-related .content-section-intro{align-items:center}
.case-related h2{font-size:clamp(40px,4.5vw,64px)}
.case-contact{background:linear-gradient(100deg,#ffad29,#f56834);display:flex;align-items:center;justify-content:space-between;gap:40px}
.case-contact h2{font-size:clamp(42px,5.5vw,80px)}
.content-pill{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:56px;padding:16px 26px;background:#171717;color:#fff;border-radius:40px;text-decoration:none;font-size:16px;font-weight:500}
.content-pill svg{width:24px;height:24px}
@media(min-width:1800px){.content-section{padding-left:max(90px,calc((100vw - 1550px)/2));padding-right:max(90px,calc((100vw - 1550px)/2))}.case-video-trigger{padding-right:max(90px,calc((100vw - 1550px)/2))}}
@media(max-width:1023px){
 .content-section{padding:64px 28px;scroll-margin-top:0}
 .content-section-intro{gap:28px;margin-bottom:38px}
 .content-section h2{font-size:clamp(45px,7vw,68px)}
 .work-intro-copy{max-width:250px}
 .work-intro-copy>p,.companies-intro{font-size:17px}
 .work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 22px}
 .work-card h3{font-size:28px}
 .companies-grid{column-gap:30px}
 .company-card{gap:15px;min-height:240px}
 .company-card h3{font-size:30px}
 .company-copy{padding-right:40px}
 .company-arrow{width:36px;height:36px}
 .company-arrow svg{width:21px;height:21px}
 .case-page{padding-top:72px}
 .case-intro{padding-top:44px;padding-bottom:44px}
 .case-back{margin-bottom:44px}
 .case-intro h1{font-size:clamp(46px,8vw,80px)}
 .case-story{gap:36px}
 .case-lead{font-size:30px}
 .case-body>p{font-size:17px}
 .case-video-trigger{padding:24px 28px}
 .case-related .work-grid>a:last-child{display:none}
 .case-contact h2{font-size:clamp(40px,6vw,64px)}
}
@media(max-width:600px){
 .content-section{padding:54px 24px}
 .content-section-intro{display:block;margin-bottom:32px}
 .content-kicker{font-size:11px;letter-spacing:2.4px;margin-bottom:18px}
 .content-section h2{font-size:49px}
 .work-intro-copy{margin-top:24px;max-width:310px}
 .work-intro-copy>p{margin-bottom:17px}
 .work-grid{grid-template-columns:minmax(0,1fr);gap:38px}
 .work-card-image{aspect-ratio:16/10}
 .work-card-copy{padding-top:18px}
 .work-card h3{font-size:30px}
 .work-summary{font-size:16px;margin-top:12px;margin-bottom:16px}
 .companies-intro{margin-top:24px;max-width:300px}
 .companies-grid{grid-template-columns:minmax(0,1fr)}
 .company-card,.company-card:last-child{grid-column:auto;padding:28px 0;min-height:0;gap:16px}
 .company-card h3{font-size:29px}
 .company-copy{padding-right:37px}
 .company-card p{font-size:15px;margin-top:14px}
 .company-arrow{top:26px}
 .case-intro{padding-top:32px;padding-bottom:34px}
 .case-back{margin-bottom:40px;font-size:13px}
 .case-intro .content-kicker{font-size:10px;margin-bottom:23px}
 .case-client{font-size:16px;margin-bottom:12px}
 .case-intro h1{font-size:46px;line-height:1.02}
 .case-video-trigger{padding:16px}
 .case-video-trigger>span:last-child{font-size:12px;min-height:40px;padding:11px 17px 11px 0}
 .case-play-icon{width:43px;min-height:40px}
 .case-play-icon svg{width:18px;height:18px}
 .case-story{display:block;padding-top:40px;padding-bottom:48px}
 .case-lead{font-size:29px;margin-bottom:28px}
 .case-body>p{font-size:17px;line-height:1.55}
 .case-related .content-section-intro{display:flex;gap:15px;align-items:center}
 .case-related h2{font-size:35px}
 .case-related .content-text-link{font-size:12px;gap:7px;white-space:nowrap}
 .case-related .content-text-link svg{width:17px}
 .case-contact{display:block}
 .case-contact h2{font-size:48px}
 .case-contact .content-pill{margin-top:30px}
}
@media(prefers-reduced-motion:reduce){.work-card-image img,.work-card-arrow,.company-arrow,.content-text-link svg{transition:none}.work-card:hover .work-card-image img{transform:none}}