@import "https://fonts.googleapis.com/css2?family=Cactus+Classical+Serif&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#fff;--color-fg:#222;--color-accent:#1f2eff;--font-serif:"Cactus Classical Serif", Georgia, serif;--font-sans:"Helvetica Neue", Helvetica, Arial, sans-serif;--font-grotesk:"BT Grotesk", "Helvetica Neue", Helvetica, Arial, sans-serif;--page-padding:32px;--nav-height:48px;--hero-type-size:clamp(34px, 5vw, 66px);--grid-gutter:16px;--media-width:100%;--case-rail:180px;--case-rail-gap:130px;--block-gap:80px;--projects-peek:calc(12.5vw + 22px)}html{scroll-behavior:smooth}html,body{background-color:var(--color-bg);color:var(--color-fg);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.link,.about-link,.case-next a{color:var(--color-accent)}.link,.about-link{--hl-y:.22em;--hl-x:.2em;padding:var(--hl-y) var(--hl-x);margin:0 calc(var(--hl-x) * -1)}.hero-subtitle .link,.about-link{--hl-y:.1em;--hl-x:.1em}.about-link{margin:calc(var(--hl-y) * -1) calc(var(--hl-x) * -1)}@supports (text-box:trim-both cap alphabetic){.link,.about-link{text-box:trim-both cap alphabetic}.about-link{margin:0 calc(var(--hl-x) * -1) calc(1.05em - 1cap - 2 * var(--hl-y))}.about-link:last-child{margin-bottom:0}}.link:hover,.about-link:hover,.case-next a:hover,.project-card:hover .project-title{background-color:var(--color-accent);color:#fff}.case-next a:hover,.project-card:hover .project-title{box-shadow:0 0 0 2px var(--color-accent)}.nav-name:hover,.nav-links a:hover,.case-nav a:hover{color:var(--color-accent);opacity:1}.nav{height:var(--nav-height);padding:0 var(--page-padding);background:var(--color-bg);z-index:100;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.nav-name{font-family:var(--font-sans);letter-spacing:.08em;font-size:13px;font-weight:400}.nav-links{gap:40px;display:flex}.nav-links a{font-family:var(--font-sans);letter-spacing:.08em;font-size:13px;font-weight:400;transition:opacity .2s}.main{padding-top:var(--nav-height)}.hero{padding:48px var(--page-padding);min-height:calc(100vh - var(--nav-height) - var(--projects-peek));flex-direction:column;justify-content:center;display:flex}@keyframes rise-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.hero-title,.hero-subtitle,.hero-meta .meta-item{animation:.85s cubic-bezier(.22,1,.36,1) both rise-in}.hero-title{animation-delay:60ms}.hero-subtitle{animation-delay:.2s}.hero-meta .meta-item:first-child{animation-delay:.34s}.hero-meta .meta-item:nth-child(2){animation-delay:.42s}.hero-title,.hero-subtitle{font-family:var(--font-serif);font-size:var(--hero-type-size);letter-spacing:-.02em;max-width:none;font-weight:400;line-height:1.05}.hero-title{margin-bottom:.55em}.hero-subtitle{margin-bottom:64px}.hero-meta,.about-list{flex-direction:column;gap:5px;display:flex}.meta-item{font-family:var(--font-sans);letter-spacing:.07em;align-items:center;gap:10px;font-size:13px;font-weight:400;display:flex}.meta-icon{flex-shrink:0;font-size:16px}.projects{padding:calc(var(--grid-gutter) / 2) var(--page-padding) calc(var(--grid-gutter) / 2)}.projects-grid{gap:var(--grid-gutter);grid-template-columns:1fr 1fr;align-items:start;display:grid}.projects-col{gap:var(--grid-gutter);flex-direction:column;display:flex}.project-card{cursor:pointer;display:block}.project-image{aspect-ratio:16/10;width:100%;margin-bottom:16px;position:relative;overflow:hidden}.project-image img,.project-image video{object-fit:cover;transition:transform .4s}.project-image--tinted{isolation:isolate}.project-image--tinted video{mix-blend-mode:multiply}.endcard{z-index:2;background:#211d8f;justify-content:center;align-items:center;transition:opacity .28s;display:flex;position:absolute;inset:0}.endcard-text{font-family:var(--font-sans);letter-spacing:-.01em;color:#fff;white-space:pre;align-items:center;gap:.28em;font-size:clamp(15px,2.1vw,28px);font-weight:400;display:flex}.endcard-caret{background:#f98b5a;border-radius:50%;flex:none;width:.58em;height:.58em;animation:.42s cubic-bezier(.2,.9,.3,1.2) both dot-in}@keyframes dot-in{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}.project-image video{width:100%;height:100%;position:absolute;inset:0}.project-card:hover .project-image img,.project-card:hover .project-image video{transform:scale(1.02)}.project-placeholder{background-color:#555;width:100%;height:100%}.project-title{font-family:var(--font-sans);letter-spacing:.04em;margin-bottom:8px;font-size:14px;font-weight:400;display:inline-block}.project-subheader{font-family:var(--font-sans);letter-spacing:.06em;color:#777;font-size:12px;font-weight:400;line-height:1.5}.project-desc{font-family:var(--font-sans);color:#333;max-width:420px;font-size:13px;font-weight:400;line-height:1.5}.hl{-webkit-box-decoration-break:clone;box-decoration-break:clone;background-color:#e1ff8c;padding:0 .12em}.gate{max-width:56ch;margin-left:calc(var(--case-rail) + var(--case-rail-gap));padding:96px 0 160px}.gate-form{align-items:flex-end;gap:12px;margin-top:40px;display:flex}.gate-field{flex-direction:column;gap:8px;display:flex}.gate-field-label{font-family:var(--font-sans);letter-spacing:.07em;color:var(--color-accent);font-size:13px}.gate-input{font-family:var(--font-sans);color:#222;background:#fff;border:1px solid #d8d8d8;border-radius:0;width:260px;padding:10px 12px;font-size:15px;line-height:19px}.gate-input:focus{border-color:var(--color-accent);outline:none}.gate-button{font-family:var(--font-sans);letter-spacing:.07em;color:#fff;background:var(--color-accent);cursor:pointer;border:0;padding:11px 20px;font-size:13px}.gate-note{font-family:var(--font-sans);color:#585858;max-width:52ch;margin-top:20px;font-size:15px;line-height:19px}.gate-note--error{color:#c0392b}@media (max-width:768px){.gate{margin-left:0;padding:56px 0 96px}.gate-form{flex-direction:column;align-items:stretch}.gate-input{width:100%}}.case{padding:0 var(--page-padding) 120px}.case-hero,.case-video{margin-left:calc(var(--case-rail) + var(--case-rail-gap));max-width:calc(100% - var(--case-rail) - var(--case-rail-gap))}.case-hero{padding:64px 0 40px}.case-title{font-family:var(--font-serif);letter-spacing:-.01em;text-transform:uppercase;white-space:nowrap;margin-bottom:.5em;font-size:clamp(28px,4.6vw,52px);font-weight:400;line-height:1.1}.case-question{font-family:var(--font-serif);letter-spacing:-.01em;color:#555;max-width:28ch;margin-bottom:56px;font-size:clamp(23px,3vw,40px);font-weight:400;line-height:1.2}.case-meta{border-top:1px solid #e0e0e0;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-top:64px;display:grid}.case-meta-row dt{font-family:var(--font-sans);letter-spacing:.07em;color:var(--color-accent);margin-bottom:18px;font-size:13px}.case-meta-row dd{font-family:var(--font-sans);color:#585858;font-size:15px;line-height:19px}.case-ph{width:100%;max-width:var(--media-width);margin-top:var(--block-gap);background-color:#555}.case-ph-hero{aspect-ratio:21/9;margin-bottom:96px}.case-video{aspect-ratio:16/9;background-color:#555;width:100%;margin-bottom:80px;overflow:hidden}.case-video iframe{border:0;width:100%;height:100%;display:block}.case-video-idle{width:100%;height:100%}.brief-art{min-height:460px;max-width:var(--media-width);margin-bottom:48px;margin-top:var(--block-gap);background-color:#fff7dc;place-items:center;padding:72px clamp(24px,8vw,120px);display:grid;position:relative;overflow:hidden}.brief-art-question{z-index:1;font-family:var(--font-serif);letter-spacing:-.02em;text-align:center;text-wrap:balance;max-width:23ch;font-size:clamp(24px,3.4vw,46px);font-weight:400;line-height:1.15;position:relative}.brief-art-piece{display:block;position:absolute}.brief-art-piece svg{width:100%;height:auto;display:block}.brief-art--in{width:clamp(78px,11vw,132px);top:8%;left:3%}.brief-art--out{width:clamp(74px,10vw,124px);top:13%;right:4%}.brief-art--pasta{width:clamp(64px,9vw,104px);bottom:10%;left:8%}.brief-art--ramen{width:clamp(58px,8vw,94px);bottom:8%;right:11%}.brief-art--timer{width:clamp(40px,5vw,62px);top:47%;left:6%}.brief-art--listening{width:clamp(42px,5.5vw,66px);top:44%;right:6%}.cui-states{aspect-ratio:1920/945;width:100%;max-width:var(--media-width);margin-top:var(--block-gap);position:relative;overflow:hidden}.cui-states video{width:100%;height:auto;display:block;position:absolute;top:-14.29%;left:0}.case-body{grid-template-columns:var(--case-rail) minmax(0, 1fr);gap:var(--case-rail-gap);align-items:start;display:grid}.case-nav{top:calc(var(--nav-height) + 48px);flex-direction:column;align-items:flex-start;gap:5px;display:flex;position:sticky}.case-nav a{font-family:var(--font-sans);letter-spacing:.07em;opacity:.35;font-size:13px;transition:opacity .2s}.case-nav a:hover,.case-nav a.is-active{opacity:1}.case-section{scroll-margin-top:calc(var(--nav-height) + 32px);padding-bottom:128px}.case-section:last-child{padding-bottom:0}.case-heading{font-family:var(--font-sans);letter-spacing:.07em;color:var(--color-accent);margin-bottom:8px;font-size:13px;font-weight:400;line-height:1.4}.case-heading:not(:first-child){margin-top:var(--block-gap)}.case-text{font-family:var(--font-sans);color:#585858;text-wrap:pretty;max-width:62ch;margin-bottom:6px;font-size:15px;line-height:19px}.case-lead,.case-insight-title{font-family:var(--font-grotesk);text-transform:uppercase;letter-spacing:0;color:#757575;white-space:nowrap;text-wrap:pretty;max-width:none;margin-bottom:10px;font-size:24px;font-weight:400;line-height:1.3}.case-text--hero{max-width:52ch;margin-bottom:60px}.case-caption{font-family:var(--font-sans);letter-spacing:.07em;color:#888;margin-top:12px;margin-bottom:32px;font-size:13px}.case-grid-2{gap:var(--grid-gutter);grid-template-columns:1fr 1fr;display:grid}.case-icons{gap:32px var(--grid-gutter);grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:16px;display:grid}.case-icon{margin:0}.case-icon svg{width:100%;max-width:240px;height:auto;margin-bottom:22px;display:block}.case-icon-title{font-family:var(--font-sans);color:#222;margin-bottom:6px;font-size:18px;font-weight:400}.case-icon-label{font-family:var(--font-sans);text-wrap:pretty;color:#585858;max-width:26ch;font-size:15px;line-height:19px}.feature-video{aspect-ratio:16/9;width:100%;max-width:var(--media-width);margin-bottom:16px;margin-top:var(--block-gap);background-color:#f2f0ed;position:relative;overflow:hidden}.feature-video video{object-fit:cover;width:100%;height:100%;transition:opacity .2s;position:absolute;inset:0}.deep-dives{align-items:flex-start;gap:20px;margin-bottom:16px;display:flex}.deep-dive{flex:1;min-width:0;margin:0}.deep-dive svg{width:100%;max-width:190px;height:auto;margin-bottom:16px;display:block}.deep-dive-number{font-family:var(--font-sans);letter-spacing:.1em;color:#999;margin-bottom:14px;font-size:11px;display:block}.deep-dive-title{font-family:var(--font-sans);letter-spacing:0;color:#222;margin-bottom:6px;font-size:18px;font-weight:400}.deep-dive-note{font-family:var(--font-sans);color:#585858;text-wrap:balance;font-size:17px;line-height:22px}.deep-dive-step{flex:none;align-self:center;width:26px;padding-top:24px}.deep-dive-step svg{opacity:.5;width:100%;height:auto;display:block}.case-insights{flex-direction:column;gap:32px;display:flex}.case-insight{gap:20px;margin-bottom:88px;padding-top:4px;display:flex}.case-insight:last-child{margin-bottom:0}.case-insight>div{flex:1;min-width:0}.case-insight-number{font-family:var(--font-sans);letter-spacing:.07em;color:#888;flex-shrink:0;width:28px;font-size:13px}.case-insight .feature-video{width:calc(100% + 48px);max-width:none;margin-left:-48px}.case-insight .case-text{margin-bottom:0}.case-next{font-family:var(--font-sans);letter-spacing:.07em;margin-top:32px;font-size:13px}.about{padding:48px var(--page-padding);min-height:calc(100vh - var(--nav-height));align-items:center;display:flex}.about-row{align-items:stretch;gap:48px;width:100%;display:flex}.about-portrait{background-color:#555;flex:none;width:26%;position:relative;overflow:hidden}.about-text{flex:1}.about-side{flex:0 0 250px;align-self:flex-start}.about-side .about-lead,.about-side .meta-item{white-space:nowrap}.about-links{flex-direction:column;align-items:flex-start;display:flex}.about-link{font-family:var(--font-serif);font-size:var(--hero-type-size);letter-spacing:-.02em;font-weight:400;line-height:1.05;transition:opacity .2s}.about-extra{margin-top:64px}.about-lead{font-family:var(--font-sans);letter-spacing:.07em;margin-bottom:8px;font-size:13px;font-weight:400}.play{inset:var(--nav-height) 0 0 0;cursor:grab;touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;position:fixed;overflow:hidden}.play.is-dragging{cursor:grabbing}.play-canvas{will-change:transform;position:absolute;top:0;left:0}.play-tile{position:absolute;top:0;left:0}.play-item{transform:translate3d(calc(var(--px,0) * var(--d,1) * 18px), calc(var(--py,0) * var(--d,1) * 18px), 0);position:absolute}.play-box{cursor:pointer;background:#fff;border:0;width:100%;padding:0;display:block;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ececec,0 6px 18px #0000000f}.play-box img,.play-box video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.play-frame{opacity:0;animation-timing-function:linear;animation-iteration-count:infinite}.play-frame--fade-3{animation-name:frame-fade-3}.play-frame--fade-5{animation-name:frame-fade-5}.play-frame--fade-6{animation-name:frame-fade-6}@keyframes frame-fade-3{0%,29%{opacity:1}33.4%,to{opacity:0}}@keyframes frame-fade-5{0%,17%{opacity:1}20.1%,to{opacity:0}}@keyframes frame-fade-6{0%,14%{opacity:1}18%,to{opacity:0}}.play-frame--cut-3{animation-name:frame-cut-3}.play-frame--cut-5{animation-name:frame-cut-5}.play-frame--cut-6{animation-name:frame-cut-6}@keyframes frame-cut-3{0%,33.32%{opacity:1}33.33%,to{opacity:0}}@keyframes frame-cut-5{0%,19.99%{opacity:1}20%,to{opacity:0}}@keyframes frame-cut-6{0%,16.65%{opacity:1}16.66%,to{opacity:0}}.viewer{z-index:1000;-webkit-backdrop-filter:blur(28px)saturate(1.1);cursor:zoom-out;background:#ffffffb8;grid-template-rows:1fr auto;gap:24px;padding:64px 104px 36px;display:grid;position:fixed;inset:0}.viewer-stage{cursor:default;justify-content:center;align-items:center;min-height:0;display:flex}.viewer-image{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;box-shadow:0 18px 60px #00000024}.viewer-embed{aspect-ratio:16/9;width:min(100%,177.778vh - 408.889px);box-shadow:0 18px 60px #00000024}.viewer-embed iframe{border:0;width:100%;height:100%;display:block}.viewer-caption{text-align:center;cursor:default}.viewer-title{font-family:var(--font-sans);letter-spacing:.07em;color:#222;font-size:13px}.viewer-description{font-family:var(--font-sans);color:#585858;max-width:60ch;margin:8px auto 0;font-size:15px;line-height:19px}.viewer-count{font-family:var(--font-sans);letter-spacing:.07em;color:#999;margin-top:10px;font-size:13px}.viewer-arrow{font-family:var(--font-sans);letter-spacing:.07em;text-transform:uppercase;color:#222;cursor:pointer;background:0 0;border:0;padding:10px 4px;font-size:13px;transition:color .2s;position:absolute}.viewer-arrow:hover{color:var(--color-accent)}.viewer-arrow--prev{top:50%;left:32px;transform:translateY(-50%)}.viewer-arrow--next{top:50%;right:32px;transform:translateY(-50%)}@media (max-width:768px){.viewer{padding:56px 20px 28px}.viewer-arrow--prev{left:14px}.viewer-arrow--next{right:14px}}.play-caption{font-family:var(--font-sans);letter-spacing:.07em;margin-top:14px;font-size:13px;font-weight:400}.play-hint{text-align:center;font-family:var(--font-sans);letter-spacing:.07em;color:#888;pointer-events:none;font-size:13px;position:fixed;bottom:24px;left:0;right:0}.nav-links a.is-active{opacity:.5}@media (max-width:768px){:root{--page-padding:20px;--projects-peek:calc(25vw + 22px)}.projects-grid{gap:var(--grid-gutter);flex-direction:column;display:flex}.projects-col{display:contents}.nav-links{gap:24px}.about-row{flex-direction:column;gap:40px}.about-portrait{aspect-ratio:2/3;flex:none;width:100%}.about-side{flex:none}.case-meta{grid-template-columns:1fr 1fr}.case-body{grid-template-columns:1fr;gap:40px}.case-icons{grid-template-columns:1fr}.deep-dives{flex-direction:column;gap:28px}.deep-dive-step{align-self:flex-start;padding-top:0;transform:rotate(90deg)}.case-hero,.case-video{margin-left:0}.case-title{white-space:normal}.case-meta{grid-template-columns:1fr 1fr;padding-top:40px}.case-lead,.case-insight-title{white-space:normal;font-size:20px}.brief-art{min-height:340px;padding:56px 20px}.brief-art--pasta,.brief-art--ramen,.brief-art--timer,.brief-art--listening{display:none}.case-nav{flex-flow:wrap;gap:16px;position:static}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-title,.hero-subtitle,.hero-meta .meta-item{animation:none}.project-image img,.project-image video{transition:none}.play-item{transform:none}}