.work-page{--work-header:var(--site-header-height);background:var(--paper);color:#fff;min-height:100svh}.work-header{z-index:80;height:var(--work-header);padding:0 var(--site-header-inset);background:var(--paper);color:var(--ink);justify-content:space-between;align-items:center;display:flex;position:fixed;inset:0 0 auto}.work-surface{--gallery-top:0px;--gallery-height:calc(100svh - var(--work-header));--thumb-height:min(46vw, 460px);z-index:10;inset:var(--work-header) 0 0;clip-path:inset(100% 0 0);background:#444;transition:clip-path .95s cubic-bezier(.74,0,.16,1);position:fixed}.work-page.is-ready .work-surface{clip-path:inset(0)}.work-info{z-index:5;pointer-events:none;width:min(370px,29vw);position:absolute;top:50%;left:clamp(28px,4vw,58px);transform:translateY(-50%)}.work-info-inner{transition:opacity .22s}.work-title-wrap{width:100%;position:relative}.work-title-wrap h1{letter-spacing:-.018em;text-wrap:balance;max-width:100%;margin:0;font-family:PP Eiko Thin,PP Eiko,Georgia,serif;font-size:clamp(42px,4.4vw,64px);font-weight:100;line-height:.94}.work-title-flash{background:var(--acid);width:100%;height:2px;animation:.48s linear both title-pulse;position:absolute;top:calc(100% + 7px);left:0}.work-info-inner p{color:#ffffffb8;max-width:340px;margin:27px 0 22px;font-size:clamp(14px,1.05vw,16px);line-height:1.5}.work-services{flex-wrap:wrap;gap:7px;display:flex}.work-services span{white-space:nowrap;border:1px solid #ffffffb8;border-radius:999px;padding:7px 12px;font-size:11px;line-height:1}.work-info-inner small{letter-spacing:.12em;text-transform:uppercase;color:#ffffff6b;margin:0 0 18px;font-size:11px;display:block}.work-gallery{inset:var(--gallery-top) 0 0 clamp(390px, 34vw, 520px);overscroll-behavior:contain;scroll-snap-type:y mandatory;scroll-padding-block:calc((var(--gallery-height) - var(--gallery-top) - var(--thumb-height)) / 2);padding:calc((var(--gallery-height) - var(--gallery-top) - var(--thumb-height)) / 2) clamp(26px, 4vw, 58px);scrollbar-width:none;flex-direction:column;gap:23px;display:flex;position:absolute;overflow-y:auto}.work-gallery::-webkit-scrollbar{display:none}.work-slide{flex:0 0 var(--thumb-height);scroll-snap-align:center;scroll-snap-stop:always;place-items:center;display:grid}.work-slide button{width:min(100%, calc(var(--thumb-height) * 1.7826));color:#fff;aspect-ratio:82/46;background:0 0;border:0;height:100%;padding:0;position:relative;overflow:hidden}.work-slide img{object-fit:cover;width:100%;height:100%;transition:transform .9s cubic-bezier(.2,.7,.2,1),filter .5s;display:block}.work-slide button:hover img{filter:saturate(1.04);transform:scale(1.018)}.work-slide button span{letter-spacing:.08em;text-transform:uppercase;opacity:0;background:#444;padding:7px 10px;font-size:10px;transition:opacity .18s,transform .18s;position:absolute;bottom:14px;right:16px;transform:translateY(5px)}.work-slide button:hover span{opacity:1;transform:none}.case-study{z-index:70;inset:var(--work-header,92px) 0 0;color:#fff;background:#444;animation:.6s cubic-bezier(.74,0,.16,1) both case-in;position:fixed}.case-study.campaign{overflow:hidden}.case-close{z-index:75;left:28px;top:calc(var(--work-header,92px) + 22px);color:#ffffffb8;background:0 0;border:0;border-radius:0;padding:7px 5px;font:12px Matter,Arial,sans-serif;transition:background .12s,color .12s;position:fixed}.case-close:hover{background:var(--acid);color:var(--ink)}.case-intro{text-align:center;width:min(850px,100vw - 48px);margin:5vh auto 8vh}.case-intro .work-title-wrap{margin-inline:auto}.case-intro .work-title-wrap h1{font-size:clamp(38px,4.1vw,58px)}.case-intro .work-info-inner p{max-width:680px;margin-inline:auto}.case-intro .work-services{justify-content:center}.case-vertical{scroll-snap-type:y proximity;height:100%;padding:7vh clamp(28px,5vw,74px);overflow-y:auto}.case-vertical figure{width:min(100%,1100px);margin:0 auto 7vh}.case-vertical img{width:100%;height:auto;display:block}.case-campaign{box-sizing:border-box;height:100%;min-height:0;padding:0;position:relative}.case-campaign .case-intro{z-index:4;top:calc(var(--work-header,92px) + 50%);text-align:left;width:145px;margin:0;position:fixed;left:20px;transform:translateY(-50%)}.case-campaign .case-intro .work-title-wrap{margin-inline:0}.case-campaign .case-intro .work-title-wrap h1{font-size:clamp(25px,2.5vw,34px)}.case-campaign .case-intro .work-info-inner p,.case-campaign .case-intro .work-services{display:none}.case-campaign .case-intro .work-services span{padding:5px 8px;font-size:9px}.case-carousel-wrap{--art-left:12%;--art-right:88%;z-index:2;top:calc(var(--work-header,92px) + 12px);align-items:center;width:auto;height:auto;min-height:0;margin:0;display:flex;position:fixed;bottom:12px;left:182px;right:42px}.case-carousel{scroll-snap-type:none;scrollbar-width:none;gap:0;width:100%;height:100%;padding:0;display:flex;position:absolute;inset:0;overflow-x:hidden}.case-carousel::-webkit-scrollbar{display:none}.case-carousel figure{box-sizing:border-box;flex:0 0 100%;place-items:center;width:100%;height:100%;margin:0;padding:0;display:grid}.case-carousel img{width:auto;max-width:calc(100dvw - 224px);height:auto;max-height:calc(100dvh - var(--work-header,92px) - 24px);display:block}.case-arrows{z-index:2;pointer-events:none;position:absolute;inset:0}.case-arrows button{color:#fff;pointer-events:auto;background:#444444b8;border:0;border-radius:0;width:34px;height:46px;font-size:24px;transition:background .12s,color .12s,transform .12s;position:absolute;top:50%;transform:translateY(-50%)}.case-arrows .previous{left:var(--art-left);transform:translate(-118%,-50%)}.case-arrows .next{left:var(--art-right);transform:translate(18%,-50%)}.case-arrows button:hover{color:var(--acid)}.case-arrows button:active,.case-arrows button.is-lit{color:var(--ink);background:var(--acid)}.case-arrows .previous:active,.case-arrows .previous.is-lit{transform:translate(-118%,-50%)scale(.94)}.case-arrows .next:active,.case-arrows .next.is-lit{transform:translate(18%,-50%)scale(.94)}.case-fullscreen{z-index:3;color:#ffffffb8;background:0 0;border:0;border-radius:0;width:34px;height:34px;padding:0;font-size:20px;line-height:1;transition:color .14s,background .14s;position:absolute;top:0;right:0}.case-fullscreen:hover{color:var(--ink);background:var(--acid)}.case-carousel-wrap:-webkit-full-screen{box-sizing:border-box;cursor:none;background:#444;width:100vw;max-width:none;height:100vh;max-height:none;padding:16px 54px;inset:0}.case-carousel-wrap:fullscreen{box-sizing:border-box;cursor:none;background:#444;width:100vw;max-width:none;height:100vh;max-height:none;padding:16px 54px;inset:0}.case-carousel-wrap:-webkit-full-screen .case-fullscreen{top:18px;right:18px}.case-carousel-wrap:fullscreen .case-fullscreen{top:18px;right:18px}.case-carousel-wrap:-webkit-full-screen .case-arrows{inset:0}.case-carousel-wrap:fullscreen .case-arrows{inset:0}.case-carousel-wrap:-webkit-full-screen .case-carousel img{max-width:calc(100dvw - 108px);max-height:calc(100dvh - 32px)}.case-carousel-wrap:fullscreen .case-carousel img{max-width:calc(100dvw - 108px);max-height:calc(100dvh - 32px)}.case-fullscreen-cursor{z-index:9999;pointer-events:none;width:17.5px;height:17.5px;display:none;position:fixed;top:0;left:0}.case-fullscreen-cursor i{background:var(--acid);width:100%;height:100%;display:block}.case-carousel-wrap:-webkit-full-screen .case-fullscreen-cursor{display:block}.case-carousel-wrap:fullscreen .case-fullscreen-cursor{display:block}.work-cursor{z-index:100}.work-cursor i{background:var(--acid)}@keyframes title-pulse{0%{clip-path:inset(0 100% 0 0);opacity:0}12%{opacity:1}46%{clip-path:inset(0);opacity:1}to{clip-path:inset(0 0 0 100%);opacity:0}}@keyframes case-in{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}@media (max-width:800px){.work-page{--work-header:76px}.work-header{padding:0 16px}.work-info{width:calc(100% - 40px);top:28px;left:20px;transform:none}.work-title-wrap h1{font-size:clamp(32px,9vw,44px);line-height:.94}.work-info-inner p,.work-services,.work-info-inner small{display:none}.work-surface{--gallery-top:88px;--thumb-height:min(52vw, 300px)}.work-gallery{padding-inline:18px;left:0}.case-vertical{padding:72px 18px 30px}.case-intro{margin:3vh auto 6vh}.case-intro .work-info-inner p{display:block}.case-intro .work-services{display:flex}.case-intro .work-info-inner small{display:block}.case-campaign{padding:0}.case-campaign .case-intro{top:calc(var(--work-header) + 10px);text-align:center;width:calc(100% - 108px);left:54px;transform:none}.case-campaign .case-intro .work-title-wrap,.case-campaign .case-intro .work-info-inner p{margin-inline:auto}.case-campaign .case-intro .work-services,.case-campaign .case-intro .work-info-inner p,.case-campaign .case-intro .work-info-inner small{display:none}.case-carousel-wrap{top:calc(var(--work-header) + 48px);width:auto;height:auto;bottom:8px;left:10px;right:10px}.case-carousel{padding:0}.case-carousel figure{flex-basis:100%;height:100%;padding:0 40px}.case-carousel img{max-width:calc(100dvw - 100px);max-height:calc(100dvh - var(--work-header) - 56px)}.case-close{left:14px;top:calc(var(--work-header) + 14px)}}@media (prefers-reduced-motion:reduce){.work-surface,.case-study{transition:none;animation:none}.work-title-flash{animation-duration:1ms}}.case-study.campaign{background:linear-gradient(90deg,#444 50%,#eaeaea 50%);overflow:hidden}.aw-live .case-study.campaign{height:calc(100dvh - var(--site-header-height) - 8px);min-height:0;max-height:calc(100dvh - var(--site-header-height) - 8px)}.aw-live .case-study.campaign .case-carousel{min-height:0;overflow:hidden}.aw-live .case-study.campaign .case-carousel figure{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);min-height:0;overflow:hidden}.aw-live .case-study.campaign .case-carousel img{object-fit:contain;min-width:0;min-height:0}.case-project-nav{justify-content:space-between;align-items:center;gap:16px;margin:40px 0 24px;display:flex}.case-project-nav button{color:#444;background:#eaeaea;border:1px solid #444;justify-content:space-between;align-items:center;gap:22px;padding:12px 16px;font:400 14px Matter,sans-serif;display:flex;cursor:pointer!important}.case-next-hand{width:34px;height:18px;display:block;overflow:hidden}.case-next-hand img{display:block;width:100px!important;max-width:none!important;height:18px!important}.case-project-nav button:first-child .case-next-hand{transform:scaleX(-1)}.case-campaign>.case-project-nav{z-index:10;margin:0;position:absolute;bottom:16px;left:28px;right:28px}.aw-live .case-study.campaign .case-carousel figure{padding-bottom:88px}.aw-live .case-study{inset:calc(var(--site-header-height) + 8px) var(--site-header-inset) 0;overflow-x:clip}.aw-live .case-close{left:calc(var(--site-header-inset) + 28px);top:calc(var(--site-header-height) + 32px);padding:8px 10px}.campaign-editorial{width:100%;max-width:42ch}.campaign-editorial h1{letter-spacing:-.015em;margin:0 0 26px;font:100 clamp(26px,2.6vw,38px)/1.15 PP Eiko Thin,serif}.campaign-editorial p{letter-spacing:0;text-align:left;margin:0 0 1.2em;font:400 clamp(14px,1.1vw,16px)/1.55 Matter,sans-serif}@media (max-width:700px){.campaign-editorial h1{margin-bottom:10px;font-size:20px}.campaign-editorial p{margin-bottom:8px;font-size:14px}.campaign-editorial p:last-child{display:none}}.case-study.campaign .case-campaign{height:100%;display:block}.case-study.campaign .case-intro{color:#eaeaea;text-align:left;flex-direction:column;justify-content:center;width:50%;height:100%;padding:clamp(28px,5vw,80px);display:flex;position:absolute;inset:0 auto 0 0;transform:none}.case-study.campaign .case-intro .work-title-wrap h1{letter-spacing:-.02em;font:100 clamp(36px,4.5vw,72px)/1.08 PP Eiko Thin,serif}.case-study.campaign .case-intro .work-info-inner p{max-width:32ch;margin-top:24px;font:400 16px/1.5 Matter,sans-serif;display:block}.case-study.campaign .case-intro .campaign-statement{letter-spacing:-.02em;margin:36px 0 0;font:500 clamp(22px,2.5vw,38px)/1.15 Matter,sans-serif}.case-study.campaign .case-carousel-wrap:not(:-webkit-full-screen){background:#eaeaea;width:50%;height:100%;padding:0;position:absolute;inset:0 0 0 50%}.case-study.campaign .case-carousel-wrap:not(:fullscreen){background:#eaeaea;width:50%;height:100%;padding:0;position:absolute;inset:0 0 0 50%}.case-study.campaign .case-carousel{width:100%;height:100%;inset:0}.case-study.campaign .case-carousel figure{width:100%;min-width:100%;height:100%;padding:64px 48px}.case-study.campaign .case-carousel img{object-fit:contain;width:100%;max-width:100%;height:100%;max-height:100%}.case-study.campaign .case-arrows button{color:#444;background:0 0;border:0;border-radius:0;width:32px;height:40px;font:400 25px Matter,sans-serif}.case-study.campaign .case-arrows button:hover,.case-study.campaign .case-arrows button.is-lit{color:#444;background:#24ff91}.case-study.campaign .case-arrows .previous{left:clamp(8px,calc(var(--art-left) - 38px),calc(100% - 40px));transform:translateY(-50%)}.case-study.campaign .case-arrows .next{left:clamp(8px,calc(var(--art-right) + 6px),calc(100% - 40px));transform:translateY(-50%)}.case-study.campaign .case-arrows button:active{transform:translateY(-50%)}.case-study.campaign .case-fullscreen{color:#444;background:0 0;top:16px;right:18px}.case-study.campaign .case-carousel-wrap:-webkit-full-screen{background:#eaeaea}.case-study.campaign .case-carousel-wrap:fullscreen{background:#eaeaea}.case-vertical>.case-intro{text-align:left;width:min(100%,1100px);margin:clamp(52px,7vh,88px) auto clamp(64px,9vh,112px)}.case-vertical .case-intro .work-info-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"category.""title copy""services.";align-items:start;gap:16px clamp(40px,7vw,112px);display:grid}.case-vertical .case-intro .work-info-inner>small{letter-spacing:.02em;color:#eaeaea99;grid-area:category;font:400 12px/1.4 Matter,sans-serif}.case-vertical .case-intro .work-title-wrap{grid-area:title;align-self:center;width:auto;margin:0}.case-vertical .case-intro .work-title-wrap h1{letter-spacing:-.025em;text-wrap:balance;margin:0;font:100 clamp(32px,3.4vw,48px)/1.08 PP Eiko Thin,serif}.case-vertical .case-intro .work-title-flash{display:none}.case-vertical .case-intro .work-info-inner>p{letter-spacing:-.018em;text-align:left;grid-area:copy;align-self:center;max-width:42ch;margin:0;font:400 clamp(16px,1.45vw,20px)/1.55 Matter,sans-serif;display:block}.case-vertical .case-intro .work-services{color:#eaeaea99;grid-area:services;justify-content:flex-start;gap:5px 14px;margin:12px 0 0;font:400 12px/1.5 Matter,sans-serif}.case-study .work-services span{background:0 0;border:0;border-radius:0;padding:0}.case-study .campaign-editorial h1{text-wrap:balance}.case-study.campaign .campaign-editorial{grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);align-items:start;gap:16px clamp(20px,2.6vw,42px);max-width:none;display:grid}.case-study.campaign .campaign-editorial h1{grid-area:1/1/span 3;margin:0;font-size:clamp(24px,2.25vw,34px);line-height:1.12}.case-study.campaign .campaign-editorial p{letter-spacing:-.012em;grid-column:2;margin:0;font-size:13px;font-weight:300;line-height:1.5}.case-brand-story{columns:2;column-fill:balance;color:#eaeaea;column-gap:clamp(36px,7vw,112px);width:min(100%,1100px);margin:clamp(48px,7vh,84px) auto clamp(64px,9vh,112px)}.case-brand-story p{letter-spacing:-.01em;text-align:justify;text-align-last:left;-webkit-hyphens:auto;hyphens:auto;orphans:3;widows:3;max-width:none;margin:0 0 1em;font:300 14px/1.6 Matter,sans-serif}.case-brand-story p:last-child{margin-bottom:0}@media (max-width:600px){.case-brand-story{columns:1;margin:40px auto 56px}}.case-study.campaign .case-intro{padding:64px clamp(24px,3vw,48px) 88px}@media (max-width:900px){.case-study.campaign .campaign-editorial{display:block}.case-study.campaign .campaign-editorial h1{margin-bottom:20px}.case-study.campaign .campaign-editorial p+p{margin-top:12px}}@media (max-width:600px){.case-vertical .case-intro .work-info-inner{grid-template-columns:1fr;grid-template-areas:"category""title""copy""services";row-gap:20px}.case-vertical>.case-intro{margin:48px auto 56px}.case-vertical .case-intro .work-info-inner>p{font-size:16px;line-height:1.5}}.case-study[data-project-type=branding] .case-intro .work-info-inner{grid-template-areas:"title copy";align-items:end;row-gap:0;min-height:220px}.case-study[data-project-type=branding] .case-intro .work-title-wrap,.case-study[data-project-type=branding] .case-intro .work-info-inner>p{align-self:end}.case-study[data-project-type=branding] .case-intro .work-title-wrap h1{font-size:42px;line-height:1.08}.case-study[data-project-type=branding] .case-intro .work-info-inner>p{font-size:16px;line-height:1.5}.case-study .case-intro .work-info-inner>small,.case-study .case-intro .work-services{display:none}@media (max-width:600px){.case-study[data-project-type=branding] .case-intro .work-info-inner{grid-template-areas:"title""copy";row-gap:28px;min-height:0}.case-study[data-project-type=branding] .case-intro .work-title-wrap h1{font-size:34px}}@media (max-width:700px){.case-study.campaign{background:linear-gradient(#444 32%,#eaeaea 32%)}.case-study.campaign .case-intro{justify-content:center;width:100%;height:32%;padding:38px 24px 12px}.case-study.campaign .case-intro .work-title-wrap h1{font-size:30px}.case-study.campaign .case-intro .work-info-inner p,.case-study.campaign .campaign-statement{display:none}.case-study.campaign .case-carousel-wrap:not(:-webkit-full-screen){width:100%;height:68%;top:32%;left:0}.case-study.campaign .case-carousel-wrap:not(:fullscreen){width:100%;height:68%;top:32%;left:0}.case-study.campaign .case-carousel figure{padding:44px 38px}}