@font-face{font-family:Design Lab Times;src:url(/fonts/TimesNow-Light.woff2)format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Design Lab SF;src:url(/fonts/homepage-sf-pro-text.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}.design-lab-case{--lab-gutter:6vw;--lab-section-gap:clamp(80px, 11.111vw, 200px);color:#fff;background:#000;padding-bottom:40px;font-family:Design Lab SF,-apple-system,sans-serif}.design-lab-case h1,.design-lab-case h2,.design-lab-case h3{text-wrap:initial;font-family:Design Lab Times,serif;font-weight:300}.design-lab-case h1{letter-spacing:-.04798em;max-width:886px;font-size:clamp(64px,7.2222vw,104px);line-height:1.08748}.design-lab-case h2{letter-spacing:-.025em;font-size:clamp(42px,4.3vw,72px);line-height:1.08}.design-lab-case p{letter-spacing:-.025em;color:#999899;font-size:clamp(20px,1.65vw,26px);line-height:1.5}.design-lab-case .lab-opening{padding:clamp(80px, 9vw, 160px) var(--lab-gutter) 88px}.design-lab-case .lab-opening p{color:#fff;max-width:720px;margin-top:36px;font-size:clamp(22px,2.08333vw,34px);line-height:1.4}.design-lab-case .lab-copy>p{margin-top:28px}.design-lab-case .lab-copy>p+p{margin-top:20px}.design-lab-case .lab-ownership>.lab-copy,.design-lab-case .lab-architecture>.lab-copy{max-width:650px;margin-inline:var(--lab-gutter);padding-block:120px 74px}.design-lab-case .lab-ownership>.lab-copy{padding-bottom:109px}.design-lab-case .lab-architecture p{max-width:470px}.design-lab-case .lab-diagram--starting{margin-inline:var(--lab-gutter)}.design-lab-case .lab-diagram img{width:100%;height:auto;display:block}.design-lab-case .lab-diagram-scroll{overscroll-behavior-inline:contain;overflow-x:auto}.design-lab-case .lab-diagram-scroll:focus-visible{outline-offset:-3px;outline:2px solid #80caff}.design-lab-case .lab-diagram figcaption{display:none}.design-lab-case .lab-planning{padding:var(--lab-section-gap) var(--lab-gutter) 0;grid-template-columns:569fr 597fr;align-items:center;gap:7vw;display:grid}.design-lab-case .lab-planning-video{aspect-ratio:569/632}.design-lab-case .lab-planning p{max-width:520px}.design-lab-case .lab-workflow{padding:var(--lab-section-gap) var(--lab-gutter);grid-template-columns:525fr 642fr;align-items:center;gap:7vw;display:grid}.design-lab-case .lab-workflow p{max-width:470px}.design-lab-case .lab-meeting{aspect-ratio:642/675;background:#1c1c1b;width:100%;position:relative}.design-lab-case .lab-result>.lab-copy{margin-inline:var(--lab-gutter);max-width:658px;padding-top:20px}.design-lab-case .lab-result h2{font-size:clamp(44px,5vw,72px);line-height:1.12}.design-lab-case .lab-result p{max-width:650px;font-size:clamp(20px,1.65vw,23.76px)}.design-lab-case .lab-next{margin:80px var(--lab-gutter) 0;background:#111214;border:1px solid #ffffff14;border-radius:24px;justify-content:space-between;align-items:center;gap:40px;min-height:320px;padding:31px 40px 31px 55px;text-decoration:none;display:flex}.design-lab-case .lab-next-copy{flex-direction:column;justify-content:space-between;align-self:stretch;min-width:0;padding-block:41px 55px;display:flex}.design-lab-case .lab-next h3{letter-spacing:-.025em;font-size:clamp(30px,2.9167vw,42px);line-height:1.14286}.design-lab-case .lab-next span{align-items:center;gap:16px;font-size:17px;line-height:24px;display:flex}.design-lab-case .lab-next-arrow{width:24px;height:24px}.design-lab-case .lab-next>img{border-radius:16px;flex-shrink:0;width:256px;height:256px}.design-lab-case .lab-next:hover{border-color:#ffffff40}.design-lab-case .lab-video{background:#101113;width:100%;min-width:0;position:relative}.design-lab-case .lab-hero{aspect-ratio:1440/750}.design-lab-case .lab-video video{object-fit:contain;width:100%;height:100%;display:block}.design-lab-case .lab-planning-video video{object-fit:cover;object-position:center}.design-lab-case .lab-workflow-video{background:#1c1c1b}.design-lab-case .lab-planning-video .lab-video-controls{bottom:16px;right:16px}.design-lab-case .lab-video-controls{gap:16px;display:flex;position:absolute;bottom:24px;right:24px}.design-lab-case .lab-video-controls button{color:#eeeef0;cursor:pointer;background:#29292b;border:0;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:grid;box-shadow:inset 0 1px #ffffff14}.design-lab-case .lab-video-controls button:hover{background:#414143}.design-lab-case .lab-video-controls button:active{background:#1d1d1f}.design-lab-case .lab-video-controls svg{width:20px;height:20px}.design-lab-case .lab-video-status{color:#fff;background:#101113;max-width:calc(100% - 170px);padding:8px 12px;font-size:14px;position:absolute;bottom:24px;left:24px}@media (width>=1800px){.design-lab-case .lab-opening p{max-width:820px}.design-lab-case .lab-copy{max-width:760px}}@media (width<=1000px){.design-lab-case .lab-copy-break{display:none}.design-lab-case{--lab-gutter:clamp(24px, 6vw, 60px)}.design-lab-case .lab-planning,.design-lab-case .lab-workflow{grid-template-columns:1fr;gap:48px}.design-lab-case .lab-planning .lab-copy{grid-row:1}.design-lab-case .lab-planning-video{max-width:569px}.design-lab-case .lab-meeting{justify-self:end;max-width:642px}.design-lab-case .lab-ownership>.lab-copy,.design-lab-case .lab-architecture>.lab-copy{padding-block:80px 48px}.design-lab-case .lab-next{min-height:250px;padding:28px}.design-lab-case .lab-next-copy{gap:32px;padding-block:12px}.design-lab-case .lab-next>img{width:192px;height:192px}.design-lab-case .lab-diagram--starting img{min-width:1000px}.design-lab-case .lab-diagram--architecture img{min-width:1200px}.design-lab-case .lab-diagram figcaption{color:#999899;padding-top:12px;font-size:14px;line-height:1.5;display:block}.design-lab-case .lab-diagram--architecture figcaption{padding-inline:var(--lab-gutter)}}@media (width<=700px){.design-lab-case{--lab-gutter:20px;--lab-section-gap:64px;padding-bottom:0}.design-lab-case .lab-opening{padding-block:40px 20px}.design-lab-case h1{letter-spacing:-.035em;font-size:48px;line-height:49px}.design-lab-case h2,.design-lab-case .lab-result h2{font-size:36px;line-height:39px}.design-lab-case p,.design-lab-case .lab-result p,.design-lab-case .lab-opening p{color:var(--muted);font-size:17px;line-height:26px}.design-lab-case .lab-opening p,.design-lab-case .lab-copy>p{margin-top:20px}.design-lab-case .lab-copy br{display:none}.design-lab-case .lab-hero{aspect-ratio:350/280;border-radius:8px;width:calc(100% - 40px);margin-inline:20px;overflow:hidden}.design-lab-case .lab-hero video{object-fit:cover}.design-lab-case .lab-ownership>.lab-copy,.design-lab-case .lab-architecture>.lab-copy{padding-block:64px 20px}.design-lab-case .lab-diagram--starting img{min-width:0}.design-lab-case .lab-diagram figcaption{display:none}.design-lab-case .lab-diagram--architecture{margin-inline:20px;display:block}.design-lab-case .lab-diagram--architecture img{width:100%;min-width:0;height:auto}.design-lab-case .lab-diagram--architecture .lab-diagram-scroll{overflow:visible}.design-lab-case .lab-planning,.design-lab-case .lab-workflow{gap:20px}.design-lab-case .lab-planning-video{max-width:none}.design-lab-case .lab-result>.lab-copy{padding-top:0}.design-lab-case .lab-next{background:0 0;border:0;flex-direction:column-reverse;align-items:stretch;gap:16px;margin-top:64px;padding:0;position:relative}.design-lab-case .lab-next>img{aspect-ratio:350/222;object-fit:cover;border-radius:8px;width:100%;height:auto}.design-lab-case .lab-next-copy{gap:24px;padding:0}.design-lab-case .lab-next h3{font-size:30px;line-height:34px}.design-lab-case .lab-next span{justify-content:space-between}.design-lab-case .lab-video-controls{gap:8px;bottom:12px;right:12px}.design-lab-case .lab-video-status{max-width:calc(100% - 32px);bottom:68px;left:16px}}@scope(.design-lab-case){:scope{--icon-swap-dur:.25s;--icon-swap-blur:2px;--icon-swap-start-scale:.25;--icon-swap-ease:ease-in-out}.t-icon-swap{display:inline-grid;position:relative}.t-icon-swap .t-icon{transition:opacity var(--icon-swap-dur) var(--icon-swap-ease), filter var(--icon-swap-dur) var(--icon-swap-ease), transform var(--icon-swap-dur) var(--icon-swap-ease);grid-area:1/1}.t-icon-swap[data-state=a] .t-icon[data-icon=a],.t-icon-swap[data-state=b] .t-icon[data-icon=b]{opacity:1;filter:blur();transform:scale(1)}.t-icon-swap[data-state=a] .t-icon[data-icon=b],.t-icon-swap[data-state=b] .t-icon[data-icon=a]{opacity:0;filter:blur(var(--icon-swap-blur));transform:scale(var(--icon-swap-start-scale))}@media (prefers-reduced-motion:reduce){.t-icon-swap .t-icon{transition:none!important}}:scope{--stagger-dur:.5s;--stagger-distance:12px;--stagger-stagger:40ms;--stagger-blur:3px;--stagger-ease:cubic-bezier(.22, 1, .36, 1)}.t-stagger-line{opacity:0;transform:translateY(var(--stagger-distance));filter:blur(var(--stagger-blur));transition:opacity var(--stagger-dur) var(--stagger-ease), transform var(--stagger-dur) var(--stagger-ease), filter var(--stagger-dur) var(--stagger-ease);will-change:transform, opacity, filter;display:block}.t-stagger-line--2{transition-delay:var(--stagger-stagger)}.t-stagger.is-shown .t-stagger-line{opacity:1;filter:blur();transform:translateY(0)}.t-stagger.is-hiding .t-stagger-line{opacity:0;filter:blur();transition:opacity .2s,transform linear,filter linear;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.t-stagger-line{transition:none!important}}.t-stagger-line--3{transition-delay:calc(var(--stagger-stagger) * 2)}}