.workfloor-experience{width:100%;min-width:0}.floor-view-controls{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:26px;padding:0 0 2px;display:flex}.floor-view-controls button{color:var(--muted);background:0 0;border:0;min-height:46px;padding:13px 0;font-size:14px;transition:color .15s ease-out;position:relative}.floor-view-controls button:hover,.floor-view-controls button[aria-pressed=true]{color:var(--ink)}.floor-view-controls button[aria-pressed=true]:after{content:"";bottom:-3px;background:var(--ink);height:2px;position:absolute;inset-inline:0}.floor-window{background:#eee;height:570px;position:relative;overflow:hidden}.floor-canvas{opacity:0;transition:opacity .24s ease-out;position:absolute;inset:0}.floor-window[data-ready] .floor-canvas{opacity:1}.floor-canvas canvas{touch-action:pan-y pinch-zoom;width:100%;height:100%;display:block}.floor-fallback{pointer-events:none;opacity:1;background:#eee;place-items:center;transition:opacity .24s ease-out;display:grid;position:absolute;inset:0}.floor-window[data-ready] .floor-fallback{opacity:0}.floor-fallback img{object-fit:contain;opacity:.3;mix-blend-mode:multiply;width:100%;height:100%}.floor-error{background:#eeeeeed9;flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:14px;display:flex;position:absolute;inset:0}.floor-error button{background:var(--ink);min-height:44px;color:var(--paper);border:0;border-radius:5px;padding:10px 14px;font-size:12px}.floor-caption{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:baseline;gap:25px;padding-block:20px;font-size:14px;display:flex}.floor-caption>p{max-width:660px;min-height:42px}.floor-caption-copy{animation:.2s ease-out floor-caption-in;display:block}@keyframes floor-caption-in{0%{opacity:0}to{opacity:1}}.floor-caption>span{white-space:nowrap;font-size:10px}.live-workfloor .section-heading{margin-bottom:26px}.live-workfloor .section-heading>p{max-width:370px}.case-featured.case-animated{grid-column:1/-1;padding-bottom:26px;display:block}.case-animated .case-copy{grid-template-columns:1fr auto;align-items:end;gap:16px;margin-bottom:24px;display:grid}.case-animated .case-copy .case-label{grid-column:1/-1;margin-bottom:0}.case-animated .case-copy h2{font-size:36px}.case-animated .case-copy p{max-width:610px}.case-animated .case-copy>.text-link{grid-area:2/2/4;margin-top:0}@media (max-width:1100px){.floor-window{height:490px}.floor-view-controls{gap:24px}}@media (max-width:760px){.floor-window{height:clamp(320px,90vw,380px);margin-inline:-24px}.floor-view-controls{scrollbar-width:none;flex-wrap:nowrap;gap:18px;overflow-x:auto}.floor-view-controls::-webkit-scrollbar{display:none}.floor-view-controls button{flex:none;min-height:44px;padding-block:12px;font-size:13px}.floor-caption{flex-direction:column;align-items:flex-start;gap:15px;padding-block:17px;font-size:15px}.floor-caption>p{min-height:42px}.floor-caption>span{font-size:10px}.live-workfloor{padding-top:46px;padding-bottom:42px}.live-workfloor .section-heading>p{margin-top:0}.case-animated .case-copy{display:block}.case-animated .case-copy h2{margin-top:17px}.case-animated .case-copy>.text-link{margin-top:13px}.case-animated .floor-caption>p{min-height:42px}}.workfloor-experience[data-reduced] .floor-canvas,.workfloor-experience[data-reduced] .floor-fallback,.workfloor-experience[data-reduced] .floor-view-controls button{transition:none}.workfloor-experience[data-reduced] .floor-caption-copy{animation:none}@media (prefers-reduced-motion:reduce){.floor-canvas,.floor-fallback,.floor-view-controls button{transition:none}.floor-caption-copy{animation:none}}@media (min-width:761px) and (max-width:1000px){.floor-window{height:clamp(400px,52vw,490px)}.case-animated .case-copy{display:block}.case-animated .case-copy h2,.case-animated .case-copy>.text-link{margin-top:16px}}@media (max-width:760px){.floor-view-controls{scrollbar-width:thin;scrollbar-color:#c3c3be transparent;gap:20px}.floor-view-controls::-webkit-scrollbar{height:3px;display:block}.floor-view-controls::-webkit-scrollbar-thumb{background:#c3c3be}.floor-view-controls button{min-width:48px;padding-inline:1px}.floor-caption>span{font-size:11px}.case-animated .case-copy h2{font-size:32px}.case-animated .case-copy p{font-size:16px}}@media (max-width:359px){.floor-window{margin-inline:-20px}}@media (max-width:760px){.floor-view-controls{justify-content:space-between;gap:6px;margin-inline:-12px;padding-inline:0}}@media (max-width:359px){.floor-view-controls{gap:4px}.floor-view-controls button{font-size:12px}}.workfloor-experience .floor-view-controls{gap:clamp(18px,3.2vw,44px)}.workfloor-experience .floor-view-controls button{min-height:48px}.workfloor-experience .floor-view-controls button:focus-visible{outline:2px solid var(--ink);outline-offset:5px}.workfloor-experience .floor-window{background:var(--paper);height:clamp(400px,43vw,580px)}.workfloor-experience .floor-fallback{background:var(--paper)}.workfloor-experience .floor-fallback img{opacity:1;width:min(100%,960px)}.workfloor-experience .floor-error{text-align:center;background:0 0;gap:10px;padding-inline:20px;inset:auto 0 16px}.workfloor-experience .floor-caption{border-top:0;padding-top:12px}.workfloor-experience .floor-caption>p{max-width:55ch;min-height:44px}.workfloor-experience .floor-caption>span{font-size:12px}@media (max-width:760px){.workfloor-experience .floor-window{height:360px;margin-inline:-24px}.workfloor-experience .floor-view-controls{padding-inline:2px;scroll-padding-inline:2px}.workfloor-experience .floor-view-controls button{font-size:14px}.workfloor-experience .floor-caption{gap:4px;font-size:14px}.workfloor-experience .floor-caption>span{font-size:11px}.workfloor-experience .floor-error{font-size:13px}}.workfloor-experience .floor-view-controls{border-bottom:0;gap:8px;padding-bottom:16px}.workfloor-experience .floor-view-controls button{border-radius:999px;padding-inline:16px;transition:background-color .16s ease-out,color .16s ease-out}.workfloor-experience .floor-view-controls button:hover{background:#1818180d}.workfloor-experience .floor-view-controls button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.workfloor-experience .floor-view-controls button[aria-pressed=true]:after{content:none}.workfloor-experience .floor-window{border-radius:16px}@media (max-width:760px){.workfloor-experience .floor-view-controls{gap:2px;margin-inline:-8px}.workfloor-experience .floor-view-controls button{padding-inline:12px}}@media (prefers-reduced-motion:reduce){.workfloor-experience .floor-view-controls button{transition:none}}.workfloor-experience[data-reduced] .floor-view-controls button{transition:none}@media (max-width:760px){.workfloor-experience .floor-view-controls{flex-wrap:wrap;gap:4px;margin-inline:0;padding-inline:0;overflow:visible}.workfloor-experience .floor-view-controls button{min-height:44px}.workfloor-experience .floor-window{margin-inline:0}.workfloor-experience .floor-view-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 8px;display:grid}.workfloor-experience .floor-view-controls button:first-child{grid-column:1/-1}}@media (min-width:560px) and (max-width:760px) and (max-height:450px){.workfloor-experience .floor-view-controls{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.workfloor-experience .floor-view-controls button{padding-inline:8px}.workfloor-experience .floor-view-controls button:first-child{grid-column:auto}}