/* Work: an editorial grid with a pair of opposing curved corners. */
.work-page{--work-gutter:clamp(22px,5vw,80px)}
.work-page .site-nav{z-index:100}
.work-page .site-nav-links>a[aria-current=page]{text-decoration:underline;text-underline-offset:7px}
.work-page main{isolation:isolate}
.work-intro{position:relative;padding:clamp(64px,8vw,112px) var(--work-gutter) 70px;max-width:1600px;margin:auto}
.work-intro::before{content:"";position:absolute;inset:-40px 0 -80px;z-index:-1;background:radial-gradient(ellipse at 66% 25%,#cdd0ca70,transparent 65%);filter:blur(32px);pointer-events:none}
.work-eyebrow{text-transform:uppercase;letter-spacing:.09em;font-size:12px;color:#62665f;line-height:1.5}
.work-intro-grid{display:grid;grid-template-columns:1.5fr 1fr;align-items:end;gap:7vw}
.work-intro h1{white-space:pre-line;font-size:clamp(52px,6.1vw,96px);font-weight:500;line-height:1.04;letter-spacing:-.06em}
.work-intro-copy{max-width:34ch;font-size:clamp(17px,1.55vw,23px);line-height:1.55;color:#62665f;padding-bottom:7px}
.work-projects{max-width:1600px;margin:auto;padding:0 var(--work-gutter)}
.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:68px 28px}
.work-card{min-width:0}
.work-project{display:block;width:100%;padding:0;border:0;background:none;text-align:left;color:inherit;cursor:pointer}
.work-project:focus-visible{outline:2px solid #34382a;outline-offset:8px;border-radius:4px}
.work-art{position:relative;isolation:isolate;aspect-ratio:1.14;overflow:hidden;background:transparent;border-radius:8px;transition:border-radius .8s var(--ease),transform .8s var(--ease);transform:translateZ(0)}
.work-media{position:absolute;inset:0;background:var(--project-color)}
.work-cover,.work-art video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;transition:opacity .45s,transform 1s var(--ease)}
.work-art video{opacity:0;background:var(--project-color);pointer-events:none}
.work-project.is-playing .work-art video{opacity:1}
.work-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:22px}
.work-category{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px;color:var(--ink)}
.work-category>span{display:inline-flex;align-items:center;min-height:26px;padding:4px 10px;border:1px solid #16161633;border-radius:999px;font-size:11px;line-height:1.3;letter-spacing:normal;text-transform:none}
.work-project.is-coming-soon{cursor:default}
.work-coming-label{display:block;flex-shrink:0;color:#686c65;font-size:12px;line-height:1.5}
.work-caption>div{min-width:0}
.work-caption h2{font-size:clamp(25px,2.55vw,38px);font-weight:500;letter-spacing:-.045em;line-height:1.15}
.work-caption p{font-size:14px;line-height:1.6;color:#686c65;margin-top:9px}
.work-project-action{flex-shrink:0;display:flex;align-items:center;gap:12px}
.work-project-action>span{font-size:12px;display:none}
.work-project-action i{display:grid;place-items:center;font-style:normal;font-size:25px;border:0;background:none;width:48px;height:48px;transition:transform .5s var(--ease)}
.work-cursor{display:none;position:absolute;left:var(--cursor-x,50%);top:var(--cursor-y,50%);z-index:3;padding:11px 18px;background:#161616;color:#f1f2ed;border-radius:40px;font-size:13px;white-space:nowrap;pointer-events:none;transform:translate(-50%,-50%) scale(.8);opacity:0;transition:opacity .2s,transform .3s var(--ease)}
.work-cta{padding:clamp(96px,12vw,180px) var(--work-gutter);text-align:center;position:relative}
.work-cta::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at bottom,#e5e8dc70,transparent 65%);pointer-events:none}
.work-cta h2{white-space:pre-line;font-size:clamp(44px,6.2vw,86px);font-weight:500;letter-spacing:-.055em;line-height:1.06;margin:24px 0 36px}
.work-cta .website-search-cta{margin:auto}
.work-skip{position:fixed;top:12px;left:12px;padding:15px;background:var(--lime);z-index:200;transform:translateY(-150%)}
.work-skip:focus{transform:none}
.work-page .home-text-reveal{white-space:normal}
.work-page .home-text-reveal>span{display:block}
.work-card.is-prepared{opacity:0;transform:translateY(36px);filter:blur(6px);transition:opacity .7s,transform .9s var(--ease),filter .7s}
.work-card.is-prepared.is-visible{opacity:1;transform:none;filter:none}
@media(hover:hover) and (pointer:fine){
 /* The rectangle retracts to reveal the supplied transparent isologo mask.
    The cursor stays outside this layer so it remains readable in the cutouts. */
 .work-media{-webkit-mask-image:linear-gradient(#000,#000),url('/images/work/terslab-hover-mask.png');mask-image:linear-gradient(#000,#000),url('/images/work/terslab-hover-mask.png');-webkit-mask-size:100% 100%,contain;mask-size:100% 100%,contain;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;transition:mask-size .75s var(--ease),-webkit-mask-size .75s var(--ease)}
 .work-project:hover .work-media,.work-project:focus-visible .work-media{-webkit-mask-size:0% 100%,contain;mask-size:0% 100%,contain}
 .work-project:hover .work-art,.work-project:focus-visible .work-art{border-radius:0;transform:scale(.985)}
 .work-project:hover .work-cover{transform:scale(1.055)}
 .work-cursor{display:block}
 .work-art.is-pointer-inside .work-cursor{opacity:1;transform:translate(-50%,-50%) scale(1)}
}
@media(max-width:900px){
 .work-intro-grid{gap:28px;grid-template-columns:1.3fr 1fr}
 .work-intro h1{font-size:clamp(48px,7vw,68px)}
 .work-intro{padding-top:60px;padding-bottom:50px}
 .work-grid{gap:48px 20px}
 .work-caption{align-items:flex-start}
 .work-caption p{font-size:13px}
 .work-project-action i{width:40px;height:40px;font-size:22px}
}
@media(max-width:600px){
 .work-intro{padding-top:46px;padding-bottom:38px}
 .work-intro-grid{display:block}
 .work-intro h1{font-size:clamp(43px,11vw,65px)}
 .work-intro-copy{font-size:16px;line-height:1.6;margin-top:24px;max-width:34ch;padding:0}
 .work-grid{grid-template-columns:1fr;gap:38px}
 .work-art{aspect-ratio:1.06;border-radius:7px}
 .work-caption{padding-top:18px;display:block}
 .work-caption h2{font-size:28px}
 .work-caption p{font-size:14px;margin-top:7px}
 .work-category{margin-bottom:10px}
 .work-category>span{font-size:10px;min-height:24px;padding:4px 9px}
 .work-coming-label{margin-top:14px}
 .work-project-action{justify-content:space-between;margin-top:14px;border-top:1px solid #16161620;padding-top:10px}
 .work-project-action>span{display:block}
 .work-project-action i{width:36px;height:36px;background:none;border:0}
 .work-cta{padding-block:88px}
 .work-cta h2{font-size:clamp(39px,10vw,60px)}
}
@media(prefers-reduced-motion:reduce){
 .work-media{transition:none}
 .work-art,.work-cover,.work-art video,.work-cursor,.work-project-action i,.work-card.is-prepared{transition:none;filter:none;transform:none;opacity:1}
 .work-art video:not(.unused){opacity:0}
 .work-cursor{display:none}
 .work-project:hover .work-art,.work-project:focus-visible .work-art{transform:none}
}

.work-country-flags{display:inline-flex;align-items:center;gap:.35em;margin-left:.3em;font-size:.85em;line-height:1;vertical-align:baseline;white-space:nowrap}