@layer components{.work-view{overflow-anchor:none}.work-view[data-work-view=grid] .work-shelf__viewport,.work-view[data-work-view=shelf] .work-locked,.work-view[data-work-view=list] .work-shelf__viewport,.work-view[data-work-view=list] .work-locked,.work-view[data-work-view=shelf] .work-list,.work-view[data-work-view=grid] .work-list{display:none}.work-shelf[data-unlocked=false] .work-shelf__label,.work-view[data-work-locked] .work-listing__card-title{font-family:"Flow Circular",var(--jumbo-font-family);font-weight:400}.work-view[data-work-morphing]:where([data-work-view=shelf],[data-work-view=list]) .work-locked,.work-view[data-work-morphing]:where([data-work-view=shelf],[data-work-view=grid]) .work-list{display:block;visibility:hidden}.work-view[data-work-morphing]:where([data-work-view=list]) .work-locked{position:absolute;inset-inline:0}.work-shelf{width:min(100% - (2 * var(--grid-gutter)),var(--grid-max));margin-inline:auto;padding-block-end:var(--value-hotel);--_step: clamp(260px, 38vw, 460px);--_bar-stick-top: calc(var(--value-india) + 2 * var(--navbar-inset));--_bar-stick-top-hidden: 0}@media(width<=768px){.work-shelf{--_bar-stick-top: var(--value-india)}}.work-shelf__bar{position:sticky;top:var(--_bar-stick-top);z-index:90;transition:top .32s cubic-bezier(.4,0,.2,1),background .2s ease,border-color .2s ease,box-shadow .2s ease,-webkit-backdrop-filter .2s ease,backdrop-filter .2s ease;display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;gap:var(--value-foxtrot);width:fit-content;max-width:100%;margin-inline:auto;margin-block-end:calc(var(--value-echo) + var(--_bar-hold, 0px));border-radius:999px;--_bar-pad: var(--value-charlie)}.work-shelf__bar[data-stuck]{padding:var(--_bar-pad);padding-inline:var(--value-echo) calc(var(--_bar-pad) + var(--value-bravo));flex-flow:row nowrap;justify-content:space-between;gap:var(--value-echo);width:100%;margin-block:calc(var(--_bar-pad) * -1);margin-block-end:calc(var(--value-echo) - var(--_bar-pad) + var(--_bar-hold, 0px));--_sf-bg-a: color-mix(in srgb, var(--grey-dark-60) 88%, transparent);--_sf-bg-b: color-mix(in srgb, var(--grey-dark-70) 88%, transparent)}:where(:root[data-theme=light]) .work-shelf__bar[data-stuck]{--_sf-bg-a: color-mix(in srgb, var(--grey-white) 88%, transparent);--_sf-bg-b: color-mix(in srgb, var(--grey-light-5) 88%, transparent)}.work-view[data-work-view=grid] .work-shelf,.work-view[data-work-view=list] .work-shelf{position:sticky;top:var(--_bar-stick-top);z-index:90;pointer-events:none}.work-view[data-work-view=grid] .work-shelf__bar,.work-view[data-work-view=list] .work-shelf__bar{pointer-events:auto}body:where(:has(.navbar.navbar--scroll-hidden)) .work-shelf__bar,:where(body:has(.navbar.navbar--scroll-hidden)) .work-view[data-work-view=grid] .work-shelf,:where(body:has(.navbar.navbar--scroll-hidden)) .work-view[data-work-view=list] .work-shelf{top:var(--_bar-stick-top-hidden)}@media(width<=768px){body .work-shelf__bar,.work-view[data-work-view=grid] .work-shelf,.work-view[data-work-view=list] .work-shelf{top:calc(var(--_bar-stick-top) * var(--nav-reveal, 1))}.work-shelf__bar{transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,-webkit-backdrop-filter .2s ease,backdrop-filter .2s ease}}.work-view .work-shelf__bar[data-stuck]{width:100vw;max-width:100vw;margin-inline:calc(50% - 50vw);padding-inline:max(var(--value-echo),calc((100vw - var(--grid-max)) / 2));border-radius:0}@media(width<=768px){.work-shelf__bar.surface[data-stuck]{border:0;border-block-end:.2px solid var(--_sf-border);background:var(--theme-bar);box-shadow:0 0 8px -4px var(--_sf-s1),0 9px 20px 0 var(--_sf-s3);-webkit-backdrop-filter:none;backdrop-filter:none}}@media(width>768px){:where(body:not(:has(.navbar.navbar--scroll-hidden))) .work-view .work-shelf__bar[data-stuck]{width:100%;max-width:100%;margin-inline:0;padding-inline:var(--value-echo) calc(var(--_bar-pad) + var(--value-bravo));border-radius:var(--radius-card-md)}:where(.work-view) .work-shelf:where(:not([data-sticking])):has(>.work-shelf__bar[data-stuck]){transition:top .32s cubic-bezier(.4,0,.2,1)}:where(.work-view .work-shelf:not([data-sticking])) .work-shelf__bar[data-stuck]{transition:width .32s cubic-bezier(.4,0,.2,1),max-width .32s cubic-bezier(.4,0,.2,1),margin-left .32s cubic-bezier(.4,0,.2,1),margin-right .32s cubic-bezier(.4,0,.2,1),padding-left .32s cubic-bezier(.4,0,.2,1),padding-right .32s cubic-bezier(.4,0,.2,1),border-radius .32s cubic-bezier(.4,0,.2,1),background .2s ease,border-color .2s ease,box-shadow .2s ease,-webkit-backdrop-filter .2s ease,backdrop-filter .2s ease}}.work-shelf__peek{display:none}.work-shelf__peek .material-symbols-rounded{transition:rotate .2s ease}:where(body:not(:has(.navbar.navbar--scroll-hidden)) .work-shelf__bar[data-stuck]) .work-shelf__peek .material-symbols-rounded{rotate:180deg}.work-shelf__bar[data-stuck] .work-shelf__peek{display:flex;align-items:center;justify-content:center;padding:var(--value-bravo);border:0;background:none;color:var(--theme-text-muted);cursor:pointer;transition:color .18s ease}.work-shelf__peek:hover{color:var(--theme-text)}.work-shelf__peek:focus-visible{outline:2px solid var(--accent-light-30);outline-offset:2px;border-radius:var(--value-bravo)}.work-shelf__controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--value-delta) var(--value-echo)}.work-shelf__bar[data-stuck] .work-shelf__intro{max-width:none;margin:0;text-align:left}.work-shelf__bar[data-stuck] .sh__description{display:none}.work-hub .belief-tabs[data-reveal]{opacity:0;transform:translateY(var(--value-golf));transition:opacity .6s cubic-bezier(.2,.7,.2,1),transform .6s cubic-bezier(.2,.7,.2,1)}.work-hub .belief-tabs[data-reveal=in]{opacity:1;transform:none}.work-shelf__viewport{position:relative;height:clamp(420px,64vh,640px)}.work-shelf__canvas{position:fixed;inset:0;width:100vw;height:100vh;z-index:0;pointer-events:none;opacity:0;transition:opacity .4s ease}.work-view>.work-shelf__canvas,.work-list__stage>.work-shelf__canvas{z-index:40}.home>.work-shelf__canvas{z-index:40}[data-work-canvas][data-ready],[data-work-canvas][data-work-live],:where(.work-view:has([data-work-shelf][data-ready])) [data-work-canvas],:where([data-work-3d-hero]) [data-work-canvas]{opacity:1}@media(prefers-reduced-motion:reduce){.work-shelf__canvas{transition:none}}@supports (animation-timeline: scroll()){[data-work-canvas]{animation:work-canvas-ride linear both;animation-timeline:scroll(root block);animation-range:0 100000px}[data-work-canvas][data-work-ride-off]{animation:none}}@keyframes work-canvas-ride{0%{transform:translateY(0)}to{transform:translateY(-100000px)}}@supports (animation-timeline: scroll()){@media(width<768px){[data-work-canvas]{position:absolute;animation:none}[data-work-canvas][data-work-ride-off]{animation:work-canvas-hold linear both;animation-timeline:scroll(root block);animation-range:0 100000px}.work-list__stage>[data-work-canvas][data-work-ride-off]{animation:none}}}@keyframes work-canvas-hold{0%{transform:translateY(0)}to{transform:translateY(100000px)}}.work-shelf__stage{position:relative;z-index:1;width:100%;height:100%;overflow:auto hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;overscroll-behavior-x:contain}.work-shelf__stage::-webkit-scrollbar{display:none}.work-shelf__stage[data-work-drag=ready]{cursor:grab}.work-shelf__stage[data-work-drag=active]{cursor:grabbing;user-select:none;-webkit-user-select:none}[data-work-drag] .work-shelf__stop{cursor:inherit}.work-shelf__runway{height:100%;width:calc(100% + (var(--_count, 1) - 1) * var(--_step))}.work-shelf__stop{position:absolute;inset-block:0;left:calc(50% + var(--_i) * var(--_step) - var(--_step) / 2);width:var(--_step);scroll-snap-align:center}.work-shelf__stop:focus-visible{outline:2px solid var(--primary-brand-orange);outline-offset:2px}.work-shelf__label{position:absolute;inset-inline:0;inset-block-start:100%;margin-block-start:var(--value-echo);text-align:center;font-family:var(--title-font-family);font-size:var(--title-3-font-size);font-weight:var(--title-font-weight);letter-spacing:var(--title-3-letter-spacing);line-height:var(--title-3-line-height);color:var(--theme-text)}.work-listing__card-image-wrap [data-work-slot]{display:block;width:calc(var(--dev-rel, 1) * 100%)}.work-listing__card-image-wrap [data-work-slot] .work-listing__card-device{width:100%}.work-view[data-work-3d-grid] [data-work-slot]>*{opacity:0;transition:none}:where(.work-view[data-work-3d-grid]) .work-listing__card.surface:hover{transform:none}.work-list{width:min(100% - (2 * var(--grid-gutter)),var(--grid-max));margin-inline:auto;padding-block-end:var(--value-kilo)}html:has(.work-view[data-work-view=list]){scrollbar-width:none}html:has(.work-view[data-work-view=list])::-webkit-scrollbar{display:none}.work-list__snap{display:none}.work-list__stage{display:contents}.cs-scroll--list{display:none}.work-list__item{display:grid;grid-template-columns:1fr;grid-template-areas:"device" "text";justify-items:center;text-align:center;gap:var(--value-foxtrot);padding:var(--value-foxtrot);text-decoration:none}@media(width<768px){.work-view:not([data-work-view=shelf]) .work-shelf{padding-block-end:var(--value-charlie)}.work-list__item{padding-block-end:var(--value-hotel)}}.work-list__device{grid-area:device;display:grid;place-items:center;width:100%;height:100%}.work-list__poster{display:block;width:calc(var(--dev-rel, 1) * 100%);max-height:100%}.work-list__poster-img{display:block;width:100%;height:auto}.work-list__text{grid-area:text;min-width:0}.work-list__card,.work-list__bar{display:none}.work-list__title{margin:0 0 var(--value-echo);font-family:var(--jumbo-font-family);font-size:var(--jumbo-6-font-size);font-weight:var(--jumbo-font-weight);letter-spacing:var(--jumbo-6-letter-spacing);line-height:var(--jumbo-6-line-height);color:var(--theme-text)}.work-list__desc{margin:0 0 var(--value-foxtrot);max-width:40ch;font-family:var(--body-font-family);font-size:var(--body-3-font-size);font-weight:var(--body-font-weight);line-height:var(--body-3-line-height);color:var(--theme-text-muted)}.work-view[data-work-locked] .work-list__title,.work-view[data-work-locked] .work-list__desc{font-family:"Flow Circular",var(--jumbo-font-family);font-weight:400}@media(width>=768px){.work-list__item{grid-template-columns:55% 1fr;grid-template-areas:"device text";place-items:center stretch;text-align:start;min-height:70vh;gap:var(--grid-gutter)}.work-list__item[data-work-side=right]{grid-template-columns:1fr 55%;grid-template-areas:"text device"}}@media(width>=1024px){.work-list__item{grid-template-columns:58% 1fr;min-height:85vh}.work-list__item[data-work-side=right]{grid-template-columns:1fr 58%}}.cs-scroll--list .cs-scroll__marker-line{width:var(--value-foxtrot)}.cs-scroll--list .cs-scroll__crumb{font-size:var(--label-4-font-size);font-weight:var(--label-font-weight)}@media(width>=768px)and (prefers-reduced-motion:no-preference){:where(.work-view[data-work-list-stage]) .work-list{--_list-step: 100vh;margin-block-start:calc(-1 * var( --_list-pull, ( 2 * var(--value-charlie) + var(--jumbo-6-font-size) * var(--jumbo-6-line-height) + var(--value-bravo) + var(--value-hotel) ) ));display:flow-root;position:relative;height:calc(100vh + (var(--_n, 7) - 1) * var(--_list-step));padding-block-end:0;width:min(100% - (2 * var(--value-hotel)),1760px)}:where(.work-view[data-work-list-stage]) .work-list__snap{display:block;position:absolute;top:calc(var(--_i) * var(--_list-step));left:0;width:1px;height:100vh;pointer-events:none}:where(.work-view[data-work-list-stage]) .work-list__stage{display:grid;position:sticky;top:0;height:100vh;margin-block-start:-100vh;translate:0 var(--_list-drop, 0)}:where(.work-view[data-work-list-stage]) .work-list[data-list-lead] .work-list__stage{transition:translate .32s ease}:where(.work-view[data-work-list-stage]:has(.work-shelf__bar[data-stuck])) .work-list__stage{translate:none}:where(.work-view[data-work-list-stage]) .work-list__item{grid-area:1 / 1;justify-self:stretch;width:100%;min-height:100vh;padding-block:calc(2 * var(--value-charlie) + var(--jumbo-6-font-size) * var(--jumbo-6-line-height) + var(--value-bravo) + var(--value-hotel)) calc(var(--value-hotel) + 100vh - 100dvh);padding-inline:0;grid-template-rows:minmax(0,1fr);align-items:stretch;column-gap:var(--value-hotel);grid-template-columns:68fr 32fr;--_list-text-inset: max( 0px, (min(100vw - 2 * var(--value-hotel), 1760px) - min(100vw - 2 * var(--grid-gutter), var(--grid-max))) / 2 )}:where(.work-view[data-work-list-stage]) .work-list__item:not([data-work-side=right]) .work-list__text{margin-inline-end:var(--_list-text-inset)}:where(.work-view[data-work-list-stage]) .work-list__item[data-work-side=right] .work-list__text{margin-inline-start:var(--_list-text-inset)}:where(.work-view[data-work-list-stage]) .work-list__item[data-work-side=right]{grid-template-columns:32fr 68fr}:where(.work-view[data-work-list-stage]) .work-list__device{align-self:stretch;min-height:0;container-type:size}:where(.work-view[data-work-list-stage]) .work-list__poster{width:min(calc(var(--dev-rel, 1) * 100cqw),calc(100cqh * var(--df-frame-width, 1) / var(--df-frame-height, 1)));max-height:none}:where(.work-view[data-work-list-stage]) .work-list__item[data-work-list-state=out]{visibility:hidden}:where(.work-view[data-work-list-stage]:not([data-work-3d-list])) .work-list__item:not(:first-child){visibility:hidden}:where(.work-view[data-work-3d-list]) [data-work-slot]>*{opacity:0;transition:none}:where(.work-view[data-work-list-stage]) .work-list__text{align-self:center;transition:opacity .3s ease,transform .3s ease}:where(.work-view[data-work-list-stage]) .work-list__item[data-work-list-state=out] .work-list__text{opacity:0;transform:translateY(var(--value-echo));transition:opacity .15s ease,transform .15s ease}:where(.work-view[data-work-list-stage]) .cs-scroll--list{display:block;position:absolute;inset:0 calc(50% - 50vw + var(--value-echo)) 0 auto;width:calc(var(--value-golf) + var(--value-delta));z-index:2;pointer-events:none;overflow:visible}}@media(width<768px)and (prefers-reduced-motion:no-preference){:where(.work-view[data-work-list-stage]) .work-list{--_deck-zone: calc(2 * var(--value-kilo));--_deck-bar: calc(2 * var(--value-charlie) + var(--value-golf) + var(--value-bravo) + var(--value-alfa));--_deck-gap: var(--value-echo);--_deck-give: calc(100dvh - 100svh) ;--_deck-lift: max(var(--value-charlie), var(--_deck-gap) - var(--safari-toolbar-air));--_deck-foot: calc( 100vh - 100svh + var(--value-hotel) + var(--_deck-gap) + var(--_deck-lift) + env(safe-area-inset-bottom, 0px) );--_deck-space: calc( var(--_deck-gap) + max( 0px, (100svh - var(--_deck-bar) - 2 * var(--_deck-gap) - var(--_deck-lift) - var(--value-hotel) - 5 * var(--value-kilo) - env(safe-area-inset-bottom, 0px)) / 2 ) );--_deck-drop: calc( (var(--_deck-give) + var(--safari-toolbar-air) + var(--_deck-lift) + var(--_deck-space)) / 2 );margin-block-start:calc(-1 * (var(--_deck-lead, var(--value-foxtrot)) + var(--_deck-bar)));display:flow-root;position:relative;width:100%;height:calc(100vh + var(--_deck-zone));padding-block-end:0}:where(.work-view[data-work-list-stage]) .work-list__snap{display:block;position:absolute;top:0;left:0;width:1px;height:1px;pointer-events:none}:where(.work-view[data-work-list-stage]) .work-list[data-deck-wall]{overflow:clip}:where(body:has(.work-list[data-deck-wall])) .work-view~*{display:none}:where(body:has(.work-list[data-deck-wall])) :is(.work-hub,.work-view){padding-block-end:0;margin-block-end:0}:where(.work-view[data-work-list-stage]) .work-list__stage{--_deck-top: calc(var(--_deck-bar) + var(--_deck-gap));display:grid;position:sticky;top:0;height:100vh;padding:var(--_deck-top) var(--value-echo) var(--_deck-foot);visibility:hidden}:where(.work-view[data-work-list-stage]) .work-list__stage>*{visibility:visible}:where(.work-view[data-work-list-stage] .work-list[data-deck-engaged]) .work-list__stage>*{touch-action:none}.work-list__hint.btn{display:none;position:fixed;z-index:41;place-content:center;justify-items:center;gap:var(--value-charlie);height:auto;padding:0;border-radius:var(--radius-card-md);opacity:0;pointer-events:none;transition:opacity .2s ease,display .2s allow-discrete}.work-list__hint.is-shown{display:grid;opacity:1}@starting-style{.work-list__hint.is-shown{opacity:0}}.work-list__hint.btn--secondary-dark[data-state=pressed]:before{box-shadow:inset 0 0 0 .2px var(--grey-dark-70),inset 0 4px 5px 2px var(--grey-dark-60),inset 0 0 5px -1px var(--grey-dark-70)}:where(:root[data-theme=light]) .work-list__hint.btn--secondary-dark[data-state=pressed]:before{box-shadow:inset 0 0 0 .2px var(--grey-light-70),inset 0 4px 5px 2px var(--grey-dark-0),inset 0 0 5px -1px var(--grey-light-70)}.work-list__hint-label{font-family:var(--title-font-family);font-size:var(--title-3-font-size);font-weight:var(--title-font-weight);line-height:var(--title-3-line-height);letter-spacing:var(--title-3-letter-spacing)}:where(.work-view[data-work-list-stage]) .work-list__item{grid-area:1 / 1;position:relative;align-self:center;min-height:0;max-height:calc(var(--value-kilo) * 5);height:100%;grid-template-rows:minmax(0,3fr) minmax(min-content,2fr);gap:var(--value-charlie);padding:var(--value-golf) var(--value-foxtrot);z-index:0}:where(.work-view[data-work-list-stage]) .work-list__item.is-dragging,:where(.work-view[data-work-list-stage]) .work-list__item.is-flung,:where(.work-view[data-work-list-stage]) .work-list__item.is-pulling{z-index:2}:where(.work-view[data-work-list-stage]) .work-list__title{font-size:var(--jumbo-5-font-size);letter-spacing:var(--jumbo-5-letter-spacing);line-height:var(--jumbo-5-line-height)}:where(.work-view[data-work-list-stage]) .work-list__card{--_sf-bg-a: color-mix(in srgb, var(--grey-dark-60) 96%, transparent);--_sf-bg-b: color-mix(in srgb, var(--grey-dark-70) 96%, transparent);display:block;position:absolute;inset:0;z-index:-1;border-radius:var(--radius-card-md)}:where(:root[data-theme=light] .work-view[data-work-list-stage]) .work-list__card{--_sf-bg-a: color-mix(in srgb, var(--grey-white) 96%, transparent);--_sf-bg-b: color-mix(in srgb, var(--grey-light-5) 96%, transparent)}:where(.work-view[data-work-list-stage]) .work-list__device{align-self:stretch;min-height:0}:where(.work-view[data-work-list-stage]) .work-list__item[data-work-list-state=out]{visibility:hidden}:where(.work-view[data-work-list-stage]:not([data-work-3d-list])) .work-list__item:not(:first-child){visibility:hidden}:where(.work-view[data-work-list-stage]) .work-list__item.is-peek{z-index:1;visibility:visible}:where(.work-view[data-work-list-stage]) .work-list__item.is-flung,:where(.work-view[data-work-list-stage]) .work-list__item.is-pulling{visibility:visible}:where(.work-view[data-work-3d-list]) [data-work-slot]>*{opacity:0;transition:none}:where(.work-view[data-work-list-stage]:not([data-work-3d-list])) [data-work-slot]>*{animation:deck-poster-late .3s 1.5s ease both}@keyframes deck-poster-late{0%{opacity:0}to{opacity:1}}:where(.work-view[data-work-list-stage]) .work-list__text{align-self:center;transition:opacity .3s ease,transform .3s ease}:where(.work-view[data-work-list-stage]) .work-list__item[data-work-list-state=out] .work-list__text{opacity:0;transform:translateY(var(--value-echo));transition:opacity .15s ease,transform .15s ease}:where(.work-view[data-work-list-stage]) .work-list__item.is-peek .work-list__text,:where(.work-view[data-work-list-stage]) .work-list__item.is-flung .work-list__text,:where(.work-view[data-work-list-stage]) .work-list__item.is-pulling .work-list__text{opacity:1;transform:none}:where(.work-view[data-work-list-stage]) .work-list__bar{touch-action:pan-x;--_row-h: var(--value-hotel);--_loupe-h: calc(var(--value-hotel) + var(--value-bravo));--_thumb-h: calc(var(--value-golf) - var(--value-bravo));--_thumb-w: calc(var(--_thumb-h) * 1.43);--_loupe-w: calc(var(--_loupe-h) * 1.43);--btn-drop: 0 2px 4px -2px;--_bar-foot: calc(100vh - 100svh + var(--_deck-lift) + env(safe-area-inset-bottom, 0px));display:flex;position:sticky;top:calc(100vh - var(--_bar-foot) - var(--_row-h));height:var(--_row-h);margin:calc(-1 * (var(--_bar-foot) + var(--_row-h))) var(--value-echo) var(--_bar-foot);translate:0 calc(var(--_deck-drop) - var(--_deck-space));transition:translate .4s cubic-bezier(.25,1,.5,1);z-index:3;align-items:center;gap:var(--value-echo)}@supports (-webkit-touch-callout: none){@media(width=440px){:where(.work-view[data-work-list-stage]) .work-list__bar{margin-inline:calc(var(--value-golf) + var(--value-alfa));gap:var(--value-charlie)}}@media(width=382px)and (device-width=466px)and (device-height=678px){:where(.work-view[data-work-list-stage]) .work-list__bar{margin-inline:var(--value-foxtrot)}}}.work-list__step{display:flex;flex:none}:where(.work-view[data-work-list-stage]) .work-list__shelf{--_sh-f1-start: var(--grey-dark-0);--_sh-f1-end: var(--grey-dark-10);--_sh-f2-start: var(--grey-dark-40);--_sh-f2-end: var(--grey-dark-30);--_sh-border: var(--grey-dark-70);--_sh-shadow: var(--grey-dark-70);--_sh-rim: var(--grey-dark-10);--_sh-rim-foot: var(--grey-dark-10);--_sh-well: var(--grey-dark-30);position:relative;isolation:isolate;flex:1;min-width:0;height:var(--_row-h);border:.2px solid var(--_sh-border);border-radius:var(--value-foxtrot);background:linear-gradient(180deg,color-mix(in srgb,var(--_sh-f1-start) 60%,transparent),color-mix(in srgb,var(--_sh-f1-end) 60%,transparent)),linear-gradient(180deg,color-mix(in srgb,var(--_sh-f2-start) 50%,transparent),color-mix(in srgb,var(--_sh-f2-end) 50%,transparent));background-blend-mode:luminosity,luminosity;box-shadow:0 0 8px -4px var(--_sh-shadow),0 2px 4px -2px var(--_sh-shadow);overflow:visible}:where(:root[data-theme=light] .work-view[data-work-list-stage]) .work-list__shelf{--_sh-f1-start: var(--grey-white);--_sh-f1-end: var(--grey-light-5);--_sh-f2-start: var(--grey-light-40);--_sh-f2-end: var(--grey-light-30);--_sh-border: var(--grey-light-70);--_sh-shadow: var(--grey-light-70);--_sh-rim: var(--grey-light-10);--_sh-rim-foot: var(--grey-light-5);--_sh-well: var(--grey-light-30)}:where(.work-view[data-work-list-stage]) .work-list__shelf:before,:where(.work-view[data-work-list-stage]) .work-list__shelf:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none}:where(.work-view[data-work-list-stage]) .work-list__shelf:before{z-index:2;box-shadow:inset 0 1px 2px -2px var(--_sh-rim),inset 0 0 2px 1px var(--_sh-rim),inset 0 -2px 4px 0 var(--_sh-rim-foot);mix-blend-mode:normal}:where(.work-view[data-work-list-stage]) .work-list__shelf:after{z-index:1;box-shadow:inset 0 3px 5px 0 var(--_sh-well);mix-blend-mode:darken}.work-list__loupe.surface{position:absolute;top:50%;left:50%;z-index:4;width:var(--_loupe-w);height:var(--_loupe-h);translate:-50% -50%;border:2px solid var(--theme-text);border-radius:var(--value-echo);background:none;-webkit-backdrop-filter:none;backdrop-filter:none;overflow:hidden;pointer-events:none;--_sf-outer: 0 0 8px -4px var(--_sf-s1), 0 2px 4px -2px var(--_sf-s3)}.work-list__lens{display:flex;position:absolute;top:50%;left:0;gap:var(--value-bravo);transform-origin:0 50%;translate:var(--_lens-x, 0) -50%;scale:var(--_lens-z, 1)}.work-list__lens>.work-list__thumb{flex:none;width:var(--_thumb-w);height:var(--_thumb-h)}:where(.work-view[data-work-list-stage]) .work-list__row{--_hole: calc(var(--_loupe-w) / 2 - 1px);display:flex;position:relative;z-index:3;align-items:center;gap:var(--value-bravo);height:100%;padding-inline:calc(50% - var(--_thumb-w) / 2);border-radius:inherit;overflow:auto hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,transparent,var(--grey-black) var(--value-golf),var(--grey-black) calc(50% - var(--_hole)),transparent calc(50% - var(--_hole)),transparent calc(50% + var(--_hole)),var(--grey-black) calc(50% + var(--_hole)),var(--grey-black) calc(100% - var(--value-golf)),transparent);mask-image:linear-gradient(90deg,transparent,var(--grey-black) var(--value-golf),var(--grey-black) calc(50% - var(--_hole)),transparent calc(50% - var(--_hole)),transparent calc(50% + var(--_hole)),var(--grey-black) calc(50% + var(--_hole)),var(--grey-black) calc(100% - var(--value-golf)),transparent);touch-action:pan-x pan-y}.work-list__row::-webkit-scrollbar{display:none}.work-list__row-item{flex:none;width:var(--_thumb-w);height:var(--_thumb-h);padding:0;border:0;background:none;scroll-snap-align:center;cursor:pointer}.work-list__thumb{display:block;width:100%;height:100%;border-radius:var(--value-bravo);overflow:hidden;object-fit:cover;object-position:top}.work-list__thumb img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.work-list__preview{position:absolute;bottom:calc(100% + var(--value-charlie));left:50%;width:calc(var(--_thumb-w) * 4.5);height:calc(var(--_thumb-h) * 4.5);translate:-50% 0;pointer-events:none}.work-list__ghost{display:none;position:absolute;top:-12%;left:-12%;width:124%;max-width:none;height:124%;opacity:.75;pointer-events:none}.work-list__preview[data-ghost] .work-list__ghost{display:block}:where(.work-view[data-work-list-stage]) .work-list__item.is-flipping{visibility:visible}:where(.work-view[data-work-list-stage]) .work-list__item.is-flipping .work-list__text{opacity:0;transition:none}}@media(width>=768px)and (width<1280px)and (prefers-reduced-motion:no-preference){:where(.work-view[data-work-list-stage]) .work-list__item{--_list-text-inset: 0}:where(.work-view[data-work-list-stage]) .work-list__item:not([data-work-side=right]) .work-list__text{margin-inline-end:var(--value-golf)}:where(.work-view[data-work-list-stage]) .work-list__device{translate:var(--_list-shift-dev, 0) 0}:where(.work-view[data-work-list-stage]) .work-list__text{translate:var(--_list-shift-text, 0) 0}}@media(width>=1024px)and (prefers-reduced-motion:no-preference){:where(.work-view[data-work-list-stage]) .work-list__item{grid-template-columns:77fr 23fr}:where(.work-view[data-work-list-stage]) .work-list__item[data-work-side=right]{grid-template-columns:23fr 77fr}}.csh__img-wrap [data-work-hero-slot]{display:block;width:calc(var(--dev-rel, 1) * 100%)}[data-work-3d-hero] [data-work-hero-slot]>*,[data-work-hero-slot][data-work-3d-hero]>*{opacity:0;transition:none}.csh{position:relative}.csh__wash{position:absolute;inset:0 calc(50% - 50vw) -100%;pointer-events:none;opacity:var(--work-hero-glow, 0);background:radial-gradient(126% 29% at 50% 44%,rgb(var(--work-hero-glow-rgb, 255 244 232) / 34%),rgb(var(--work-hero-glow-rgb, 255 244 232) / 12%) 40%,rgb(var(--work-hero-glow-rgb, 255 244 232) / 0%) 80% 100%)}.csh__wash:after{content:"";position:absolute;inset:44% 0 0;pointer-events:none;background:linear-gradient(to bottom,rgb(from var(--theme-bg) r g b / 0%) 0%,rgb(from var(--theme-bg) r g b / .2%) .7%,rgb(from var(--theme-bg) r g b / .8%) 2%,rgb(from var(--theme-bg) r g b / 2.1%) 3.7%,rgb(from var(--theme-bg) r g b / 4.2%) 5.7%,rgb(from var(--theme-bg) r g b / 7.5%) 8.1%,rgb(from var(--theme-bg) r g b / 12.6%) 11.1%,rgb(from var(--theme-bg) r g b / 19.4%) 14.4%,rgb(from var(--theme-bg) r g b / 27.8%) 17.8%,rgb(from var(--theme-bg) r g b / 38.2%) 21.7%,rgb(from var(--theme-bg) r g b / 54.1%) 27.1%,rgb(from var(--theme-bg) r g b / 73.8%) 33.2%,var(--theme-bg) 41%,var(--theme-bg) 100%)}.csh__text,.case-study>.csh~*{position:relative;z-index:1}.csh__text{position:relative}[data-work-3d-mockup]{display:contents}[data-work-3d-mockup][data-work-3d-live] .csm__device{opacity:0;transition:none}[data-work-3d-mockup][data-work-3d-page]{display:block;height:calc(var(--work-pin-travel, 3) * 100vh)}[data-work-3d-mockup][data-work-3d-page] .work-pin__sticky{position:sticky;top:0;display:flex;height:100vh;flex-direction:column;justify-content:center}[data-work-3d-mockup][data-work-3d-page] .work-pin__sticky--group{justify-content:flex-start;padding-top:calc(var(--value-india) + var(--value-golf))}@media(width<=768px),(prefers-reduced-motion:reduce){[data-work-3d-mockup][data-work-3d-page]{display:contents}[data-work-3d-mockup][data-work-3d-page] .work-pin__sticky{position:static;display:block;height:auto}}}@layer utilities{:where(.work-shelf__bar .work-shelf__intro) .sh__heading{transition:font-size .32s cubic-bezier(.4,0,.2,1),letter-spacing .32s cubic-bezier(.4,0,.2,1)}@media(width<768px){:where(.work-view:not([data-work-view=shelf]) .work-shelf__bar .work-shelf__intro) .sh__heading{transition:none}}.work-shelf__bar:not([data-stuck]) .work-shelf__intro--title{max-width:var(--width-prose)}.work-shelf__bar .work-shelf__intro--title .sh__heading{font-size:var(--jumbo-2-font-size);letter-spacing:var(--jumbo-2-letter-spacing);line-height:var(--jumbo-2-line-height)}@media(width<768px){.work-shelf__bar .work-shelf__intro--title .sh__heading{font-size:var(--jumbo-3-font-size);letter-spacing:var(--jumbo-3-letter-spacing);line-height:var(--jumbo-3-line-height)}}.work-shelf__bar .work-shelf__intro--title .sh__description{font-family:var(--body-font-family);font-size:var(--body-2-font-size);font-weight:var(--body-font-weight);line-height:var(--body-2-line-height);color:var(--theme-text-muted)}.work-shelf__bar[data-stuck] :where(.work-shelf__intro) .sh__heading{font-size:var(--jumbo-6-font-size);letter-spacing:var(--jumbo-6-letter-spacing);line-height:var(--jumbo-6-line-height)}@media(width<=768px){.work-shelf__bar[data-stuck] :where(.work-shelf__intro) .sh__heading{font-size:var(--jumbo-7-font-size);letter-spacing:var(--jumbo-7-letter-spacing);line-height:var(--jumbo-7-line-height);white-space:nowrap}}:where(:root[data-work-poster-ghost] [data-work-3d-hero]) [data-work-hero-slot]>*,:where(:root[data-work-poster-ghost]) [data-work-3d-mockup][data-work-3d-live] .csm__device{position:relative;z-index:41;opacity:var(--work-poster-ghost, .5)}}@layer components{.dmt{display:flex;flex-direction:column;align-items:center;gap:var(--value-foxtrot, 24px);margin:0}.dmt .dmt__track{display:flex;justify-content:center;align-items:flex-end;gap:var(--value-golf, 32px);overflow-x:clip}.dmt .dmt__device .dmt__frame:where(:not(img)),.dmt .dmt__device .dmt__img{--_s: var(--df-scale, var(--df-scale-default, 1));--_vw-factor: clamp(.55, calc(.55 + .45*(100vw - 1024px)/416px) , 1);--_effective-s: calc(var(--_s) * var(--_vw-factor));width:calc(var(--df-frame-width, 1000) * var(--_effective-s) * 1px);max-width:none;flex-shrink:0;display:block}.dmt .dmt__controls{display:none}@media(width<=768px){.dmt .dmt__track{display:block;position:relative;width:min(80vw,400px)}.dmt .dmt__device{position:absolute;top:0;left:50%;transform:translate(-50%);transition:opacity .5s ease;display:flex;justify-content:center}.dmt .dmt__device .dmt__frame:where(:not(img)),.dmt .dmt__device .dmt__img{--_s: calc(var(--df-scale, var(--df-scale-default, 1)) * .45);--_effective-s: var(--_s);width:clamp(200px,calc(var(--df-frame-width, 1000) * var(--_s) * 1px),80vw);max-width:80vw}.dmt .dmt__controls{display:flex;margin-top:var(--value-charlie)}}.dmt--carousel .dmt__track{display:block;position:relative;width:min(80vw,400px)}.dmt--carousel .dmt__device{position:absolute;top:0;left:50%;transform:translate(-50%);transition:opacity .5s ease;display:flex;justify-content:center}.dmt--carousel .dmt__device .dmt__frame:where(:not(img)),.dmt--carousel .dmt__device .dmt__img{--_s: calc(var(--df-scale, var(--df-scale-default, 1)) * .45);--_effective-s: var(--_s);width:clamp(200px,calc(var(--df-frame-width, 1000) * var(--_s) * 1px),80vw);max-width:80vw}.dmt--carousel .dmt__controls{display:flex;margin-top:var(--value-charlie)}@media(prefers-reduced-motion:reduce){.dmt .dmt__device{transition:none}}}@layer components{.dml{margin:0}.dml--centred{display:flex;flex-direction:column;align-items:center;gap:var(--value-foxtrot, 24px)}.dml--left{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:clamp(72px,calc(72px + 56 * (100vw - 1024px) / 416),128px);width:100%}.dml--right{display:flex;flex-direction:row-reverse;align-items:center;justify-content:center;gap:clamp(72px,calc(72px + 56 * (100vw - 1024px) / 416),128px);width:100%}.dml__devices{display:grid;grid-template-columns:calc((var(--dml-back-cols, 16) * var(--col) - var(--grid-gutter)) * var(--dml-scale, 1)) calc(var(--dml-overlap, 2) * var(--col) * var(--dml-scale, 1));grid-template-rows:auto;align-items:end;width:calc(((var(--dml-back-cols, 16) + var(--dml-overlap, 2)) * var(--col) - var(--grid-gutter)) * var(--dml-scale, 1));overflow:visible;flex-shrink:0}.dml__back{grid-column:1;grid-row:1;isolation:isolate}.dml__back .dml__frame:where(:not(img)){width:100%;max-width:none}.dml__front{grid-column:1 / 3;grid-row:1;justify-self:end;z-index:1;margin-bottom:var(--dml-front-bottom-offset, 0)}.dml__front .dml__frame:where(:not(img)){width:calc(var(--df-frame-width, 1000) * var(--df-scale, var(--df-scale-default, 1)) * var(--dml-scale, 1) * (var(--dml-back-cols, 16) * var(--col) - var(--grid-gutter)) / (var(--dml-back-cols, 16) * 56 - 16));max-width:none;flex-shrink:0;filter:drop-shadow(0 16px 40px rgb(0 0 0 / 22%))}.dml__caption{display:flex;flex-direction:column;gap:var(--value-foxtrot)}.dml--centred .dml__caption{max-width:432px;width:100%;margin-inline:auto;text-align:center}.dml--left .dml__caption,.dml--right .dml__caption{flex:0 0 208px;width:208px;text-align:left}@media(width<=1024px){.dml--left,.dml--right{gap:48px}}@media(width<=768px){.dml--left,.dml--right{flex-direction:column;align-items:center;gap:var(--value-hotel, 48px);width:auto}.dml__devices{display:flex;align-items:flex-end;position:relative;width:calc(min(80vw,480px) * var(--dml-scale, 1));gap:0}.dml__back{flex:1;width:auto}.dml__back .dml__frame:where(:not(img)){width:100%;max-width:100%}.dml__front{position:absolute;bottom:0;right:0;grid-column:unset;grid-row:unset;justify-self:unset;z-index:1;margin-bottom:0}.dml__front .dml__frame:where(:not(img)){--_s: var(--df-scale, var(--df-scale-default, .25));width:calc(min(80vw,480px) * var(--dml-scale, 1) * var(--df-frame-width, 1000) * var(--_s) / (var(--dml-back-cols, 16) * 56 - 16));max-width:none;filter:drop-shadow(0 8px 24px rgb(0 0 0 / 22%))}.dml__caption{text-align:center;padding-inline:var(--value-foxtrot, 24px);width:100%;max-width:432px;margin-inline:auto}.dml--left .dml__caption,.dml--right .dml__caption{flex:unset;width:auto;max-width:432px;text-align:center;padding-inline:var(--value-foxtrot, 24px)}}}@layer components{.dmc{display:flex;flex-direction:column;align-items:center;margin:0;overflow:visible}.dmc__device-wrap{display:flex;justify-content:center;max-width:100%}.dmc .dmc__frame{--_s: var(--df-scale, var(--df-scale-default, 1));--_vw-factor: clamp(.6, calc(.6 + .4*(100vw - 1024px)/416px) , 1);--_effective-s: calc(var(--_s) * var(--_vw-factor));width:calc(var(--df-frame-width, 1000) * var(--_effective-s) * 1px);max-width:100%}.dmc__screen{overflow:hidden;cursor:col-resize;--dmc-split: 50%}.dmc__picture--a,.dmc__picture--b,.dmc__img--a,.dmc__img--b{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}.dmc__picture--a img,.dmc__picture--b img,.dmc__img--a,.dmc__img--b{width:100%;height:100%;object-fit:cover;display:block}.dmc__picture--b,.dmc__img--b{clip-path:inset(0 0 0 var(--dmc-split, 50%))}.dmc__handle{position:absolute;top:0;bottom:0;left:var(--dmc-split, 50%);transform:translate(-50%);pointer-events:none;display:flex;align-items:center;justify-content:center;z-index:1}.dmc__handle:before{content:"";position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);width:2px;background:#ffffffd9;box-shadow:0 0 4px #0003}.dmc__grip{position:relative;width:32px;height:32px;border-radius:50%;background:var(--grey-white);box-shadow:0 2px 10px color-mix(in srgb,var(--grey-black) 25%,transparent);display:flex;align-items:center;justify-content:center}.dmc__grip:before{content:"◀▶";font-size:9px;color:#666;line-height:1}.dmc__screen:has(.dmc__range:where(:focus-visible)) .dmc__grip,.dmc--focused .dmc__grip{outline:var(--value-alfa) solid var(--theme-accent);outline-offset:var(--value-alfa)}.dmc__range{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:col-resize;margin:0;z-index:2;-webkit-appearance:none;appearance:none}.dmc__caption{margin-top:48px;text-align:center;max-width:432px;width:100%}.dmc__block+.dmc__block{margin-top:24px}@media(width<=768px){.dmc__device-wrap{width:100%}.dmc .dmc__frame{--_s: calc(var(--df-scale, var(--df-scale-default, 1)) * .5);--_effective-s: var(--_s);width:clamp(200px,calc(var(--df-frame-width, 1000) * var(--_s) * 1px),100%);max-width:100%;margin-inline:auto}.dmc__caption{width:100%;padding-inline:var(--value-foxtrot)}}@media(width<=480px){.dmc__caption{padding-inline:var(--value-echo)}}}@layer components{[data-astro-cid-h464mxtk][data-work-tail-trim]{margin-bottom:calc((var(--work-tail-overflow, 0) - var(--work-tail-trim, 0) - var(--work-tail-extra, 0)) * 1px)}[data-astro-cid-h464mxtk][data-work-head-trim]{margin-top:calc((0 - var(--work-head-trim, 0) - var(--work-head-extra, 0)) * 1px)}@media(min-width:769px)and (prefers-reduced-motion:no-preference){.work-pin__group[data-astro-cid-h464mxtk]{display:flex;flex-direction:column;align-items:center;width:100%;margin-block:auto}.work-pin__before[data-astro-cid-h464mxtk],.work-pin__after[data-astro-cid-h464mxtk]{position:relative;z-index:1}.work-pin__before[data-astro-cid-h464mxtk]{width:100%;margin-bottom:calc(var(--value-golf) - var(--work-slot-air, 0) * 1px)}.work-pin__before[data-astro-cid-h464mxtk] .psum{margin-top:var(--value-golf)}.work-pin__after[data-astro-cid-h464mxtk]{width:100%;margin-top:calc((var(--value-india) + var(--value-golf)) - var(--work-slot-air, 0) * 1px)}.work-pin__before[data-astro-cid-h464mxtk] .sh,.work-pin__after[data-astro-cid-h464mxtk] .sh,.work-pin__group[data-astro-cid-h464mxtk] .csm{padding-top:0;padding-bottom:0}.work-pin__group--no-before[data-astro-cid-h464mxtk]{margin-top:0;margin-bottom:auto}.work-pin__group--no-before[data-astro-cid-h464mxtk]>.csm{margin-top:calc(-1 * var(--work-slot-air, 0) * 1px)}.work-pin__group--no-after[data-astro-cid-h464mxtk]>.csm{margin-bottom:calc(-1 * var(--work-slot-air, 0) * 1px)}}}