/* Past team experience, using Outpace's existing type, spacing and palette. */
@font-face{font-family:Arquitectura;src:url('/assets/arquitectura-regular.otf') format('opentype');font-style:normal;font-weight:400;font-display:swap}
.home .client-strip{padding:48px 0 42px;background:#fff;overflow:hidden}
.home .client-strip .trust-heading{margin:0 5vw 26px;display:block}
.home .client-strip .trust-heading h2{font-size:clamp(22px,2.8vw,38px);font-weight:600;letter-spacing:-.035em;line-height:1.1}
.home .client-strip>div.logo-marquee{display:block;border:0;width:100%;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.logo-track{display:flex;width:max-content;animation:logo-drift 64s linear infinite;will-change:transform}
.logo-marquee:hover .logo-track,.logo-marquee:focus-within .logo-track{animation-play-state:paused}
.logo-group{display:flex;flex:none}
.home .client-strip .logo-cell,.home .client-strip .logo-cell:last-child{display:flex;flex:none;align-items:center;justify-content:center;width:190px;height:88px;border:0;border-right:1px solid #123c2d24;padding:8px 22px}
.home .client-strip .logo-cell img,.home .client-strip .logo-cell:first-child img,.home .client-strip .logo-cell:nth-child(4) img,.home .client-strip .logo-cell:last-child img{width:auto;height:auto;max-width:142px;max-height:46px;object-fit:contain;filter:grayscale(1)}
.home .client-strip .logo-cell.trust-adlo img,.home .client-strip .logo-cell[href*="ptarmon"] img{filter:brightness(0)}
.home .client-strip .southern-fitness-wordmark{font-family:Arquitectura,"DM Sans",sans-serif;font-size:24px;font-weight:400;letter-spacing:.025em;line-height:1;white-space:nowrap;color:#111}
.home .client-strip .logo-cell:focus-visible{outline:2px solid var(--ink);outline-offset:-4px}
@keyframes logo-drift{to{transform:translateX(-50%)}}
.project-mohawk .portfolio-photo{background:#d8e0d6}.project-kingspan .portfolio-photo{background:#e8e4db}
.project-mohawk .portfolio-photo img,.project-kingspan .portfolio-photo img{object-fit:contain;padding:4% 12%;mix-blend-mode:multiply}
.project-mohawk .portfolio-photo img{padding:0 5%}
.portfolio-caption p span{font-size:12px;letter-spacing:.03em;text-transform:uppercase;align-self:center;color:#52675a}
.past-work-hero{min-height:650px}.past-work-hero h1{font-size:clamp(56px,8vw,125px)}
.mohawk-hero{background:#d8e0d6;color:#17261f}.kingspan-hero{background:#e8e4db;color:#17261f}
.past-work-panel{display:grid;grid-template-columns:1.15fr .85fr;gap:5vw;align-items:center;padding:110px 8vw;background:#e6e7df}
.past-work-panel>div:first-child{max-width:700px}.past-work-kicker{font-size:13px;font-weight:600;letter-spacing:.11em;text-transform:uppercase}
.past-work-panel h2{font-size:clamp(42px,5vw,76px);margin:26px 0 36px}
.past-work-panel p{font-size:18px;max-width:620px}.past-work-panel p a{text-decoration:underline;text-underline-offset:4px}
.past-work-action{display:inline-flex;gap:18px;border-bottom:1px solid currentColor;margin-top:25px;padding-bottom:8px;font-size:16px}
.past-work-art{min-height:430px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:30px}
.mohawk-art{background:#f9faf5}.mohawk-art img{width:90%;height:auto;mix-blend-mode:multiply}.mohawk-art>span{position:absolute;bottom:30px;right:30px;font-size:12px;letter-spacing:.12em;line-height:1.4;text-align:right}
.mohawk-cure{background:#f6f5f0}.cure-art{background:#d8e0d6;color:#123c2d}.cure-art>span{font-size:clamp(38px,5vw,78px);font-weight:500;letter-spacing:-.07em;line-height:1.08;text-align:center}.cure-art .art-plus{display:block;color:#6c986d;font-size:.8em;line-height:1.3}
.past-work-next{background:#193e30;min-height:370px}.past-work-next:after{display:none}.past-work-next h2{font-size:clamp(40px,5vw,76px)}
.kingspan-positioning{background:#e8e4db}.kingspan-videos{padding:110px 8vw;background:#f6f5f0}.video-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:5vw;align-items:end;margin-bottom:50px}.video-heading .past-work-kicker{grid-column:1/-1}.video-heading h2{font-size:clamp(42px,5vw,76px);margin:0}.video-heading p{font-size:18px;max-width:550px;margin:0}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.video-card{display:flex;flex-direction:column;border-top:1px solid #17261f;padding-top:20px;min-width:0}.video-image{position:relative;overflow:hidden;background:#d8dcd6;display:block;aspect-ratio:16/9}.video-image img{width:100%;height:100%;object-fit:cover;display:block}.play-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:58px;height:58px;border-radius:50%;background:#073c2ee8;color:#fff;display:grid;place-items:center;font-size:20px;padding-left:3px}.video-title{font-size:25px;letter-spacing:-.04em;line-height:1.1;margin:22px 0 12px}.video-summary{font-size:15px;line-height:1.5;color:#415649;flex:1}.video-link{font-size:14px;border-bottom:1px solid currentColor;width:max-content;margin-top:20px;padding-bottom:7px}.video-card:hover .video-title{text-decoration:underline;text-underline-offset:4px}.kingspan-statement{background:#173b2d}
@media(max-width:920px){.past-work-panel{grid-template-columns:1fr;padding:80px 6vw}.past-work-art{min-height:340px}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.video-heading{grid-template-columns:1fr}.kingspan-videos{padding:80px 6vw}}
@media(max-width:760px){.home .client-strip{padding:40px 0 34px}.home .client-strip .trust-heading{margin:0 6vw 21px}.home .client-strip .logo-cell,.home .client-strip .logo-cell:last-child{width:148px;height:70px;padding:5px 15px}.home .client-strip .logo-cell img,.home .client-strip .logo-cell:first-child img,.home .client-strip .logo-cell:nth-child(4) img,.home .client-strip .logo-cell:last-child img{max-width:112px;max-height:40px}.past-work-hero h1{font-size:clamp(52px,11vw,75px)}.past-work-panel{padding:65px 6vw}.past-work-panel h2{font-size:40px}.past-work-panel p{font-size:17px}.past-work-art{min-height:260px}.kingspan-videos{padding:65px 6vw}.video-grid{grid-template-columns:1fr;gap:35px}.video-heading h2{font-size:40px}.video-heading p{font-size:17px}.video-title{font-size:23px}}
@media(prefers-reduced-motion:reduce){.logo-track{width:100%;animation:none;will-change:auto}.logo-group{width:100%;flex-wrap:wrap;justify-content:center}.logo-group[aria-hidden="true"]{display:none}.home .client-strip>div.logo-marquee{mask-image:none}.home .client-strip .logo-cell,.home .client-strip .logo-cell:last-child{border:0}}
@media(max-width:760px){.home .client-strip .southern-fitness-wordmark{font-size:18px;letter-spacing:.01em}}
