@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap";#work.wrap{padding-block:var(--section-pad-v);padding-inline:var(--section-gutter);scroll-margin-top:clamp(72px,calc(1.4vw + 60px),80px);padding-top:clamp(48px,4vw,66px)}@media(max-width:1023px){#work.wrap{padding-inline:24px}}#work .section-head{display:flex;justify-content:space-between;align-items:baseline;gap:24px;flex-wrap:wrap}#work .work-list{display:flex;flex-direction:column;gap:clamp(24px,3vw,40px)}#work .work-list .tile{--card-pad: clamp(20px, 2.6vw, 32px);position:relative;display:grid;grid-template-columns:1fr;gap:clamp(20px,2.4vw,32px);align-items:stretch;min-height:clamp(540px,calc(58vh + 100px),720px);background:#fff;border:0;border-radius:clamp(18px,2vw,24px);padding:0;overflow:hidden;cursor:pointer;box-shadow:0 0 #16161600;transition:transform .36s cubic-bezier(.2,.7,.2,1),box-shadow .36s cubic-bezier(.2,.7,.2,1);transform-origin:center;will-change:transform}#work .work-list .tile:hover{background:#fff;transform:scale(1.012);box-shadow:0 6px 14px -6px #16161614,0 24px 48px -20px #1616162e}:root[data-theme=dark] #work .work-list .tile,:root[data-theme=dark] #work .work-list .tile:hover{background:#141414;box-shadow:none}@media(prefers-reduced-motion:reduce){#work .work-list .tile{transition:box-shadow .2s ease}#work .work-list .tile:hover{transform:none}}@media(min-width:900px){#work .work-list .tile{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0}}@media(max-width:899px){#work .work-list .tile{min-height:0;gap:40px}}#work .work-list .tile-body{display:flex;flex-direction:column;gap:18px;padding:var(--card-pad)}@media(max-width:899px){#work .work-list .tile-body{padding-top:0;padding-bottom:40px;gap:26px}}#work .work-list .tile-title{font-family:var(--sans);font-weight:500;font-size:clamp(28px,3vw,40px);line-height:1.05;letter-spacing:-.02em;color:var(--ink);margin:0}#work .work-list .tile-outcome{font-family:var(--sans);font-style:normal;font-size:clamp(15px,1.15vw,17px);line-height:1.5;color:var(--mute);max-width:none;margin:0;text-wrap:pretty}@media(max-width:899px){#work .work-list .tile-title+.tile-outcome{margin-top:-14px}}#work .work-list .tile-data{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;position:relative}@media(max-width:899px){#work .work-list .tile-data{margin-top:0}}@media(max-width:768px){#work .work-list .tile-data{gap:12px}}@media(max-width:599px){#work .work-list .tile-data{display:none}}#work .work-list .tile-data li{display:flex;flex-direction:column;gap:6px;padding:22px 0 0;border:0;min-width:0;position:relative}@media(max-width:768px){#work .work-list .tile-data li{padding:16px 0 0}}:root[data-theme=dark] .tile-data{--datapoint-pulse-color: rgba(255, 255, 255, .7)}.tile-data-label{font-family:var(--sans);font-size:14px;color:var(--mute);line-height:1.3}.tile-data-value{font-family:var(--sans);font-weight:500;font-size:clamp(28px,3vw,40px);letter-spacing:-.02em;color:var(--ink);line-height:1.05}@media(max-width:768px){.tile-data-value{font-size:clamp(20px,5vw,28px)}}#work .work-list .tile-cta:after{content:"";position:absolute;inset:0;z-index:1}#work .work-list .tile-cta{font-family:var(--sans);font-size:18px;font-weight:500;color:var(--ink);display:inline-flex;align-items:center;gap:10px;margin-top:auto;padding-top:12px;text-decoration:none;align-self:flex-start;cursor:pointer;line-height:1.2;transition:color .24s ease}@media(max-width:899px){#work .work-list .tile-cta{margin-top:0;padding-top:0}}#work .work-list .tile-cta .arr{transition:transform .24s cubic-bezier(.2,.7,.2,1)}#work .work-list .tile-cta:hover .arr{transform:translate(6px)}#work .work-list .tile-cta:hover .char{transform:translateY(-100%)}.tile-art-wrap{position:relative;width:100%;align-self:stretch;display:flex;flex-direction:column;min-height:0;background:var(--art-col-bg, transparent)}#work .work-list .tile-art-wrap:has([data-slug=glacier-drop]){--art-col-bg: var(--gd-tile-bg)}#work .work-list .tile-art-wrap:has([data-slug=marlowe]){--art-col-bg: var(--marlowe-tile-bg)}#work .work-list .tile-art-wrap:has([data-slug=mortgage-hub]){--art-col-bg: var(--mh-tile-bg)}#work .work-list .tile-art-wrap:has([data-slug=dyson]){--art-col-bg: var(--dyson-tile-bg)}#work .work-list .tile-art-wrap:has([data-slug=itf-tennis]){--art-col-bg: var(--itf-tile-bg)}#work .work-list .tile-art-wrap:has([data-slug=squared-online]){--art-col-bg: var(--sq-tile-bg)}#work .work-list .tile--coming-soon{cursor:default}#work .work-list .tile--coming-soon:hover{transform:none;box-shadow:none}#work .work-list .tile-cta--coming-soon{color:var(--mute);cursor:default}.tile-art-wrap>.animation-tile{flex:1;min-height:0}@media(max-width:899px){.tile-art-wrap{order:-1}}@media(max-width:899px){#work .work-list .tile-art-wrap .animation-tile-inner{padding:20px}#work .work-list .tile-art-wrap .glacier-mock,#work .work-list .tile-art-wrap .marlowe-mock,#work .work-list .tile-art-wrap .mhub-mock,#work .work-list .tile-art-wrap .dyson-mock,#work .work-list .tile-art-wrap .itf-mock,#work .work-list .tile-art-wrap .squared-mock{padding:0}#work .work-list .tile-art-wrap .marlowe-pager{display:none}}
