.wb-real{height:170svh;position:relative}.wb-studio{height:120svh;position:relative}@media (min-width:64rem){.wb-real{height:150svh}.wb-studio{height:110svh}}@supports (animation-timeline:view()){.wb-real{view-timeline:--wb-real block;view-timeline-inset:0px}.wb-studio{view-timeline:--wb-studio block;view-timeline-inset:0px}[data-lane=work]{animation:linear forwards wb-lane-out;animation-timeline:--wb-real;animation-range:cover 74.5% cover 76.5%}[data-lane=branding]{animation:linear backwards wb-lane-in,linear forwards wb-lane-out;animation-timeline:--wb-studio,--wb-studio;animation-range:cover 32.5% cover 35%,cover 68.5% cover 70.5%}[data-lane=work]:focus-within,[data-lane=branding]:focus-within{animation:none}}@keyframes wb-lane-in{0%{opacity:0}}@keyframes wb-lane-out{to{opacity:0}}:root[data-film=live] .wb-studio .lane-body:before{display:none}:root[data-film=live] .wb-studio .lane-body{text-shadow:0 0 .5rem rgb(var(--lane-scrim,0 0 0) / .9), 0 0 1.25rem rgb(var(--lane-scrim,0 0 0) / .75), 0 0 2.5rem rgb(var(--lane-scrim,0 0 0) / .5)}:root[data-film=live]:not([data-film-chapter=work]) [data-lane=work]:not(:focus-within),:root[data-film=live]:not([data-film-chapter=branding]) [data-lane=branding]:not(:focus-within){opacity:0;pointer-events:none;transition:opacity .24s ease-out}.wb-projects-block{flex-direction:column;gap:.5rem;width:100%;max-width:34rem;display:flex}.wb-projects{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.wb-projects li{flex-direction:column;align-items:flex-start;display:flex;position:relative}.wb-project-name{color:var(--color-fg-2);font-variation-settings:"wdth" 108;transition:color .24s var(--ease-out-expo);font-size:1rem;font-weight:600;font-stretch:108%;line-height:1.5rem}.wb-projects li[data-current] .wb-project-name{color:var(--color-fg)}.wb-projects li:before{content:"";border:2px solid var(--color-lilac);opacity:0;width:.5rem;height:.5rem;transition:opacity .24s var(--ease-out-expo), transform .32s var(--ease-out-expo);border-radius:9999px;position:absolute;top:.5rem;left:-.875rem;transform:scale(.4)}.wb-projects li[data-current]:before{opacity:1;transform:none}.wb-project-story{display:none}.wb-project-now{color:var(--color-fg-2);font-size:.9375rem;line-height:1.375rem}.wb-project-now-name{color:var(--color-fg);font-variation-settings:"wdth" 108;font-weight:650;font-stretch:108%}@media (orientation:landscape){.wb-projects{clip-path:none;white-space:normal;flex-direction:column;width:auto;height:auto;display:flex;position:static;overflow:visible}.wb-projects li{border-top:1px solid #ffffff1f;flex-flow:wrap;align-items:baseline;gap:0 .75rem;padding-block:.5rem}.wb-projects li:before{top:1.05rem}.wb-project-name{font-size:1.25rem;line-height:1.75rem}.wb-project-story{display:inline}.wb-project-now{display:none}}@media (not (min-width:64rem)) and (orientation:landscape) and (32rem<height<42rem){.wb-projects li{padding-block:.25rem}.wb-projects li:before{top:.8rem}.wb-project-name{font-size:1.125rem;line-height:1.5rem}}.wb-toys{flex-wrap:wrap;gap:.75rem;margin-top:.25rem;display:none}:root[data-film=live] .wb-toys{display:flex}.wb-toy{transition:opacity .32s var(--ease-out-expo), color .32s var(--ease-out-expo), border-color .32s var(--ease-out-expo);background-color:#0009}.wb-toy:not([data-live]){opacity:0;color:var(--color-fg-3);pointer-events:none}@media (orientation:portrait){.wb-toys{gap:.625rem}.wb-toy{letter-spacing:.08em;min-height:2.75rem;padding:.5rem .875rem;font-size:.75rem}}@media (orientation:portrait) and (not (min-height:45rem)){.wb-real .lane-line,.wb-studio .lane-line{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}:root[data-wb-cursor=pointer] body{cursor:pointer}:root[data-wb-cursor=grab] body{cursor:grab}:root[data-wb-cursor=grabbing],:root[data-wb-cursor=grabbing] *{cursor:grabbing}:root[data-film=live] .wb-studio{touch-action:pan-y}.wb-lab-anchor{z-index:-1;pointer-events:none;position:fixed;inset:0}.wb-lab-intro{z-index:3;flex-direction:column;justify-content:flex-start;gap:1rem;min-height:60svh;padding-top:2rem;display:flex;position:relative}.wb-lab-intro p{max-width:30rem;color:var(--color-fg-2)}.wb-lab-title{font-variation-settings:"wdth" 112;font-size:min(9vw,3rem);font-weight:700;font-stretch:112%;line-height:1}.wb-lab-hold{height:70svh}.wb-card-label{display:none}:root[data-film=live] .wb-card-label{z-index:1;color:var(--color-fg);font-variation-settings:"wdth" 108;letter-spacing:.01em;text-align:center;white-space:nowrap;opacity:0;pointer-events:none;text-shadow:0 0 .3rem #000000bf,0 0 .9rem #00000073;margin:0;font-size:.9375rem;font-weight:600;font-stretch:108%;line-height:1.25rem;display:block;position:fixed;top:0;left:0}.wb-card-name,.wb-card-count{display:block}.wb-card-count{font-variation-settings:"wdth" 112;font-variant-numeric:tabular-nums;letter-spacing:.16em;margin-top:.25rem;font-size:.75rem;font-weight:500;font-stretch:112%;line-height:1rem}:root[data-film=live]:not([data-film-chapter=branding]) .wb-card-label{visibility:hidden}.wb-lane-count{color:var(--color-fg-2);font-variation-settings:"wdth" 112;font-variant-numeric:tabular-nums;letter-spacing:.16em;margin:.25rem 0 0;font-size:.75rem;font-weight:500;font-stretch:112%;line-height:1rem}:root[data-film=live] .wb-lane-card{display:contents}:root[data-film=live] .wb-lane-count{display:none}:root[data-film=live] .wb-studio .lane-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}@media (min-width:64rem){:root[data-film=live] .wb-card-label{font-size:1.0625rem;line-height:1.5rem}}
