.hero-context{position:relative;z-index:4;width:min(calc(100% - (2*max(6vw,24px))),1200px);margin-inline:auto;padding:calc(var(--hero-art-center) + clamp(110px,15vw,166.667px) + 10px) 0 0;pointer-events:none}.city-indicator{display:grid;grid-template-columns:18px 100px;justify-content:end;align-items:center;gap:4px;transform:translateY(-10px);max-width:1000px;margin-inline:auto;color:#5e6055;font-size:12px;line-height:1}#current-city{min-width:0;text-align:left;white-space:nowrap}.city-refresh{position:relative;display:grid;place-items:center;width:18px;height:28px;flex:0 0 18px;padding:0;border-radius:50%;color:inherit;pointer-events:auto;transition:background-color .2s ease,color .2s ease}.city-refresh:before{content:"";position:absolute;inset:-5px -4px}.city-refresh svg{width:14px;height:14px}.city-refresh:hover{background:#2b33270c;color:#272d25}.city-refresh[aria-disabled=true]{cursor:wait}.hero-experience{display:flex;flex-direction:column;align-items:center;gap:8px;margin:clamp(32px,5vw,64px) auto;text-align:center;padding:0;list-style:none;color:#34362e;font-size:12px;line-height:1.5}.hero-experience li{display:flex;justify-content:center;align-items:center;gap:7px}.hero-experience strong{font-weight:700}.hero-experience img{object-fit:contain;flex-shrink:0;width:12px;height:12px}@media(max-width:580px){.city-indicator{justify-content:center}.city-refresh{height:32px}}@media(prefers-reduced-motion:reduce){.city-refresh,.city-refresh svg{transition:none}}.hero-company{display:inline-flex;align-items:center;gap:7px;pointer-events:auto;transform-origin:center;transition:transform .18s ease-out}.hero-experience li:nth-child(1) .hero-company{--company-tilt: -5deg}.hero-experience li:nth-child(2) .hero-company{--company-tilt: 5deg}.hero-experience li:nth-child(3) .hero-company{--company-tilt: -4deg}@media(hover:hover)and (prefers-reduced-motion:no-preference){.hero-company:hover{transform:translateY(-2px) rotate(var(--company-tilt)) scale(1.04)}}@media(prefers-reduced-motion:reduce){.hero-company{transition:none}}.city-landscape .city-image{transition:none}.city-watercolor-canvas{position:absolute;inset:0;display:none;width:100%;height:100%;pointer-events:none}.is-watercolor-transition .city-watercolor-canvas{display:block}.is-watercolor-transition .city-image{visibility:hidden}.is-watercolor-transition .city-paper-layer{opacity:0;transition:opacity .3s ease;pointer-events:none}.is-watercolor-transition .city-paper-popout{pointer-events:none!important}.city-landscape:not(.is-watercolor-transition) .city-paper-layer{transition:opacity .65s ease}@media(prefers-reduced-motion:reduce){.city-watercolor-canvas{display:none}.city-paper-layer{transition:none!important}}.snuffed-flame{display:block;width:min(76cqw,74cqh);height:auto;overflow:visible;pointer-events:none}@media(prefers-reduced-motion:reduce){.snuffed-embers{display:none}}.selected-work:has(.home-case-gallery){padding-top:clamp(20px,3vw,44px)}.selected-work:has(.home-case-gallery){padding-inline:var(--site-page-gutter, 9vw)}#case-studies.home-case-gallery{max-width:var(--site-content-max, 1040px)}#case-studies.home-case-gallery{--case-gap: clamp(12px, 1.9vw, 26px);display:grid;grid-template-columns:minmax(0,1fr);gap:var(--case-gap)}.home-case-row{display:grid;gap:var(--case-gap)}.home-case-row--feature{aspect-ratio:2.2}.home-case-row--contrast,.home-case-row--pair{aspect-ratio:2.86;min-height:240px}.home-case-row--contrast{aspect-ratio:2.6;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.home-case-row--pair{grid-template-columns:repeat(2,minmax(0,1fr))}.home-case-card{min-width:0}.home-case-frame{--case-company-height: 44px;--case-inset: 8px;--case-open: 1;position:relative;display:block;height:100%;overflow:hidden;isolation:isolate;border-radius:var(--home-card-radius);background:var(--home-paper)}.home-case-frame[href]{cursor:pointer}.home-case-frame:focus-visible{outline:2px solid #536451;outline-offset:4px}.home-case-art{z-index:2;position:absolute;inset:calc(var(--case-company-height) * var(--case-open)) calc(var(--case-inset) * var(--case-open)) calc(var(--case-inset) * var(--case-open));display:grid;place-items:center;overflow:hidden;border-radius:calc(var(--home-card-radius) - var(--case-open) * 8px);container-type:size;transition:inset .42s cubic-bezier(.22,1,.36,1),border-radius .42s cubic-bezier(.22,1,.36,1)}[data-project=expedia] .home-case-art{background:radial-gradient(ellipse at 52% 32%,#faf9f7,#e8e9ed 90%)}[data-project=milieu] .home-case-art{background:radial-gradient(ellipse at 46% 37%,#f1f0e7,#e4e7da 90%)}[data-project=snuffed] .home-case-art{background:radial-gradient(ellipse at 50% 49%,#2b1912,#180f0d 63%,#150e0d)}[data-project=too-good-to-go] .home-case-art{background:#086465}[data-project=deepfile] .home-case-art{background:radial-gradient(ellipse at 43% 37%,#51476e,#302840 94%)}.home-case-devices{position:relative;width:min(86cqw,76cqh);aspect-ratio:1.03;perspective:850px}.home-case-phone{--phone-tilt: 0deg;--phone-turn: 0deg;--phone-travel: -4%;position:absolute;overflow:hidden;width:50%;aspect-ratio:.49;border:clamp(2px,.38cqh,4px) solid #292d37;border-radius:14%/7%;background:#fff;box-shadow:0 0 0 1px #747680,0 15px 30px -11px #3232486b;transform:rotateY(var(--phone-turn)) rotate(var(--phone-tilt))}.home-case-phone img{display:block;width:100%;-webkit-user-select:none;user-select:none}.home-case-phone--photos{--phone-tilt: 10deg;--phone-turn: -12deg;--phone-travel: 3%;right:3%;top:1%}.home-case-phone--property{--phone-tilt: -9deg;--phone-turn: 12deg;left:6%;top:-8%}.home-case-object{display:block;height:auto;-webkit-user-select:none;user-select:none}.milieu-forest{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.milieu-composition{position:relative;width:100%;height:100%;perspective:1100px}.milieu-desktop{position:absolute;width:58%;left:20%;top:12%;overflow:hidden;background:#626341;border-radius:8px;box-shadow:0 22px 50px #0005;transform:rotate(-5deg) rotateY(8deg)}.milieu-desktop img{display:block;width:100%;margin-top:-3px}.milieu-mobile{--milieu-angle: -9deg;position:absolute;width:21%;aspect-ratio:.48;overflow:hidden;border:clamp(3px,.65cqh,6px) solid #20231e;border-radius:14%/7%;background:#f9f7f4;box-shadow:0 0 0 1px #9a9d8b88,0 24px 40px #0006;transform:rotate(var(--milieu-angle))}.milieu-mobile:after{content:"";position:absolute;top:2%;left:34%;width:32%;height:3%;border-radius:20px;background:#20231e}.milieu-mobile img{display:block;width:100%}.milieu-mobile--dashboard{padding-top:0}.milieu-timeline-crop{margin-top:12%}.milieu-timeline-crop,.milieu-insight-crop{position:relative;overflow:hidden;width:100%}.milieu-timeline-crop{aspect-ratio:.68}.milieu-insight-crop{aspect-ratio:2.55;margin-top:3%}.milieu-timeline-crop img,.milieu-insight-crop img{position:absolute;top:0;left:0}.milieu-timeline-crop img{transform:translateY(-18.1%)}.milieu-insight-crop img{transform:translateY(-55.1%)}.milieu-mobile--dashboard:after{z-index:2}.milieu-mobile--membership{left:10%;top:26%}.milieu-mobile--dashboard{--milieu-angle: 9deg;right:9%;top:17%}@media(prefers-reduced-motion:no-preference){.is-in-view .milieu-mobile{animation:milieu-screen-drift 7s ease-in-out infinite}.is-in-view .milieu-mobile--dashboard{animation-delay:-3.5s}.is-backgrounded .milieu-mobile{animation-play-state:paused}}@keyframes milieu-screen-drift{50%{transform:translateY(-3%) rotate(calc(var(--milieu-angle) + 2deg))}}@media(max-width:680px){.milieu-desktop{width:76%;left:12%;top:14%}.milieu-mobile{width:29%}.milieu-mobile--membership{left:7%;top:35%}.milieu-mobile--dashboard{right:7%;top:28%}}[data-project=too-good-to-go] .home-case-object{width:min(46cqw,54cqh);filter:brightness(0) invert(1)}[data-project=deepfile] .home-case-object{width:min(72cqw,91cqh);filter:drop-shadow(0 13px 15px #253b4c40)}[data-project=deepfile] .deepfile-monitor{position:relative;aspect-ratio:885 / 665;border:1px solid #727982;border-left:6px solid #bfc6cc;border-radius:12px 9px 9px 12px;background:#101113;box-shadow:inset 2px 1px 2px #fff8,inset -2px -2px 3px #000;transform:perspective(1000px) rotateY(13deg) rotate(1deg);transform-origin:50% 90%}.deepfile-viewport{position:absolute;inset:5% 3% 5% 4%;overflow:hidden;border-radius:2px;background:#fff;container-type:size}[data-project=deepfile] .deepfile-page{display:block;width:100%;height:auto}.home-case-caption{position:absolute;z-index:1;inset:0;overflow:hidden;border-radius:inherit;background:#e9e9e5;clip-path:polygon(0 0,calc(100% - 76px) 0,calc(100% - 62px) 11px,100% 11px,100% 100%,0 100%);opacity:var(--case-open);color:#252921;font-size:14px;font-weight:400;line-height:1.41;pointer-events:none;transition:opacity .24s ease}.home-case-company{display:flex;align-items:center;gap:9px;height:var(--case-company-height);padding:0 38px 0 20px}.home-case-work-type{position:absolute;z-index:3;bottom:calc(var(--case-inset) + 12px);left:calc(var(--case-inset) + 12px);padding:8px 12px;border-radius:30px;background:var(--home-card-surface);color:#252921;box-shadow:0 0 0 1px #32291d12,0 4px 14px #231c1410;font-size:12px;font-weight:400;line-height:1.41;opacity:var(--case-open);pointer-events:none;translate:0 calc((1 - var(--case-open)) * 6px);transition:opacity .24s ease,translate .42s cubic-bezier(.22,1,.36,1)}@supports (clip-path: shape(from 0 0,line to 100% 0,line to 100% 100%,close)){.home-case-caption{clip-path:shape(from 0 0,line to calc(100% - 80px) 0,curve to calc(100% - 71px) 4px with calc(100% - 75px) 0,line to calc(100% - 65px) 8px,curve to calc(100% - 56px) 11px with calc(100% - 61px) 11px,line to calc(100% - 14px) 11px,curve to 100% 25px with 100% 11px,line to 100% 100%,line to 0 100%,close)}}.home-case-caption h3{margin:0;font:inherit}@media(min-width:681px)and (hover:hover)and (pointer:fine){.home-case-frame{--case-open: 0}.home-case-frame:is(:hover,:focus-visible){--case-open: 1}}@media(prefers-reduced-motion:no-preference){.home-case-phone{animation:case-phone-float 6s ease-in-out infinite paused}.home-case-phone--property img{animation:case-property-scroll 9s ease-in-out infinite paused}[data-project=deepfile] .deepfile-page{animation:case-deepfile-scroll 42s linear infinite paused}.home-case-gallery:not(.is-backgrounded) [data-project=deepfile].is-in-view .deepfile-page{animation-play-state:running}.home-case-gallery:not(.is-backgrounded) .is-in-view :is(.home-case-phone,.home-case-phone--property img,.home-case-object){animation-play-state:running}}@keyframes case-phone-float{50%{transform:translateY(var(--phone-travel)) rotateY(var(--phone-turn)) rotate(calc(var(--phone-tilt) * .78))}}@keyframes case-property-scroll{32%,65%{transform:translateY(-8%)}}@keyframes case-deepfile-scroll{0%,8%{transform:translateY(0)}66%,75%{transform:translateY(calc(-100% + 100cqh))}96%,to{transform:translateY(0)}}@media(max-width:680px){.home-case-row--feature,.home-case-row--contrast,.home-case-row--pair{aspect-ratio:auto;min-height:0;grid-template-columns:minmax(0,1fr)}.home-case-frame{--case-company-height: 38px;aspect-ratio:1.35}.home-case-caption{font-size:13px}.home-case-company{padding-left:16px}}.home-case-caption .home-case-logo{display:block;width:22px;height:22px;flex:0 0 22px;object-fit:contain}[data-project=milieu] .home-case-caption .home-case-logo{mix-blend-mode:multiply}[data-project=snuffed] .home-case-caption .home-case-logo{border-radius:50%;object-fit:cover}@media(prefers-reduced-motion:reduce){.home-case-art,.home-case-caption,.home-case-work-type{transition:none}}