@layer system{.case-study-guided{isolation:isolate;position:relative}.case-study-guides{box-sizing:content-box;inset:calc(-1 * var(--case-content-top-inset,0px)) auto 0 0;width:100%;z-index:var(--layer-behind);border-right:1px solid var(--color-border-default);opacity:var(--opacity-case-guides);pointer-events:none;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:absolute}.case-study-guides>span{border-left:1px solid var(--color-border-default)}.case-study-marker{gap:var(--space-3) 0;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.case-study-marker>*{grid-column:3;justify-self:start}.case-study-marker>span{margin-left:calc(-1 * var(--space-2));writing-mode:vertical-rl;text-transform:uppercase;color:var(--color-text-secondary)}.case-study-marker>i{width:0;height:calc(var(--space-8) + var(--space-2));border-left:1px solid var(--color-text-primary)}@supports (width:round(down, 100%, 4px)){.case-study-guides,.case-study-marker{--case-guide-width:round(down, 100%, var(--space-1));width:var(--case-guide-width);margin-left:round(down, (100% - var(--case-guide-width)) / 2, 1px)}}@media (width<=767px){.case-study-guides,.case-study-marker{grid-template-columns:repeat(2,minmax(0,1fr))}.case-study-guides>span:nth-child(n+3){display:none}.case-study-marker>*{grid-column:2}}.case-study-service-demo{--service-display-size:1.25rem;--service-ink:var(--color-text-primary);--service-surface:var(--color-bg-surface);--service-subtle:var(--color-bg-surface-subtle);--service-accent:var(--color-interactive-accent);--service-muted:var(--color-text-secondary);font-family:var(--service-font,var(--font-body));color:var(--service-ink);display:block;position:relative}.case-study-service-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:dense;background:var(--service-subtle);display:grid}.case-study-service-tile{z-index:var(--layer-content);aspect-ratio:1;place-content:center;justify-items:center;gap:var(--space-3);min-width:0;padding:var(--space-6);text-align:center;background:var(--service-surface);color:var(--service-ink);border-radius:0;display:grid;position:relative}.case-study-service-tile[data-service-tile]>*{pointer-events:none}.case-study-service-tile[data-service-tile]{cursor:default;transition:background-color var(--duration-fast)}.case-study-service-tile h4{font-family:var(--service-font,var(--font-heading));text-wrap:balance;max-width:220px;font-size:19px;font-weight:400;line-height:26px}.case-study-service-tile h4:after{content:"";width:var(--space-16);height:1px;margin:var(--space-3) auto 0;background:color-mix(in srgb, var(--service-muted) 40%, var(--service-surface));transition:width var(--duration-navigation), background-color var(--duration-fast);display:block}.case-study-service-tile p{color:var(--service-muted);max-width:220px;margin:0;font-size:13px;line-height:18px}.case-study-service-plus{right:var(--space-4);bottom:var(--space-4);color:var(--service-accent);opacity:0;transition:opacity var(--duration-fast);position:absolute}.case-study-service-tile.is-popover-open{background:var(--service-subtle)}.case-study-service-tile.is-popover-open h4:after{width:calc(var(--space-24) + var(--space-6));background:var(--service-accent)}.case-study-service-tile.is-popover-open .case-study-service-plus{opacity:1}.case-study-service-tile:focus-visible{outline-color:var(--service-accent);outline-offset:calc(-1 * var(--space-1));border-radius:var(--radius-small)}.case-study-service-stat,.case-study-service-quote{background:var(--service-accent);color:var(--service-surface)}.case-study-service-stat small{font-size:13px;line-height:18px}.case-study-service-stat strong{font-size:44px;font-weight:400;line-height:48px}.case-study-service-quote blockquote{max-width:220px;margin:0;font-size:15px;line-height:22px}.case-study-service-quote cite{margin-top:var(--space-2);opacity:.8;font-size:13px;font-style:normal;display:block}.case-study-service-photo{z-index:var(--layer-base);aspect-ratio:auto;grid-area:span 2/span 2;padding:0;display:block;overflow:hidden}.case-study-service-photo .case-study-media{height:100%}.case-study-service-photo img{object-fit:cover;width:100%;height:100%}.case-study-service-blank{background:var(--service-subtle)}.case-study-service-popover{z-index:5;width:min(360px, calc(100% - var(--space-4)));background:var(--service-surface);color:var(--service-ink);border-radius:var(--service-popover-radius,var(--radius-medium));box-shadow:var(--shadow-large);position:absolute}.case-study-service-popover:before{content:"";left:var(--service-arrow-x,50%);width:var(--space-3);height:var(--space-3);background:var(--service-surface);position:absolute;transform:translate(-50%)rotate(45deg)}.case-study-service-popover[data-side=below]:before{top:calc(-1 * var(--space-3) / 2)}.case-study-service-popover[data-side=above]:before{bottom:calc(-1 * var(--space-3) / 2)}.case-study-service-popover__content{padding:calc(var(--space-4) + var(--space-1)) var(--space-6) var(--space-6);max-height:calc(100dvh - var(--service-safe-top,var(--space-4)) - var(--space-4));overscroll-behavior:contain;border-radius:inherit;overflow-y:auto}.case-study-service-popover h4{font-family:var(--service-font,var(--font-heading));font-size:var(--service-display-size);text-wrap:balance;font-weight:400;line-height:1.4}.case-study-service-popover h4:after{content:"";width:var(--space-12);height:1px;margin-top:var(--space-2);background:var(--service-accent);display:block}.case-study-service-popover p{margin-top:var(--space-3);font-size:var(--text-body-s);color:var(--service-muted);line-height:1.5}.case-study-service-popover ul{gap:calc(var(--space-3) / 2);margin-top:var(--space-3);font-size:var(--text-body-s);padding:0;line-height:1.5;list-style:none;display:grid}.case-study-service-popover li{padding-left:calc(var(--space-4) + 2px);position:relative}.case-study-service-popover li:before{content:"";background:var(--service-accent);width:10px;height:1px;position:absolute;top:10px;left:0}@media (width>=901px){.case-study-service-grid>.case-study-service-tile{grid-row:var(--tile-row);grid-column:var(--tile-column)}}@media (width<=900px){.case-study-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.case-study-service-photo{aspect-ratio:2;grid-row:span 1}.case-study-service-photo--top img{object-position:top}.case-study-service-photo--bottom img{object-position:bottom}}@media (width<=560px){.case-study-service-tile{aspect-ratio:auto;min-height:150px;padding:var(--space-4)}.case-study-service-photo{aspect-ratio:2;min-height:0;padding:0}.case-study-service-tile h4{font-size:var(--text-body-m);line-height:1.375}.case-study-service-tile>p{display:none}.case-study-service-stat strong{font-size:34px;line-height:40px}.case-study-service-quote blockquote{font-size:13px;line-height:19px}}@media (prefers-reduced-motion:reduce){.case-study-service-tile,.case-study-service-tile h4:after,.case-study-service-plus{transition:none}}.wt{--wt-edge:2px;--wt-w:228px;--wt-h:152px;--wt-pill-buttons:calc(var(--duration-button-fill) * .6);--wt-pause-size:72px;--wt-pause-dim:35%;--wt-pause-fill:55%;--wt-rest:var(--space-16);--wt-text-shadow:0 1px 2px #16171599, 0 0 12px #16171559;pointer-events:none;right:calc(max(var(--space-6), var(--safe-right)) + var(--wt-edge));bottom:calc(max(var(--space-6), var(--safe-bottom)) + var(--wt-edge));z-index:var(--layer-controls);color:var(--color-text-primary);transform-origin:100% 100%;flex-direction:column;align-items:center;display:flex;position:fixed}.wt .icon-button:not(.wt-speed)>span:not([hidden]){width:var(--icon-size-compact);height:var(--icon-size-compact);place-items:center;display:grid}.wt .icon-button>span>.icon{width:var(--icon-size-compact);height:var(--icon-size-compact)}.wt .wt-speed{width:max-content;padding-inline:var(--space-3);color:var(--color-text-primary);font-variant-numeric:tabular-nums}.wt-speed>span{white-space:nowrap;grid-area:1/1}.wt-speed-width{visibility:hidden}.wt p{margin:0}@media (hover:hover) and (pointer:fine){.wt:hover{pointer-events:auto}}.wt>*,.wt-frame{pointer-events:auto}.wt>.wt-stage{pointer-events:none;position:relative}.wt-invite:after{content:"";z-index:var(--layer-behind);left:0;right:calc(var(--space-4) * -1);height:var(--wt-h);margin-top:calc(var(--wt-h) / -2);position:absolute;top:50%}.wt-frame{--wt-radius:var(--radius-medium);--wt-ring:var(--wt-edge);z-index:var(--layer-raised);width:var(--wt-rest);height:var(--wt-rest);border-radius:var(--wt-radius);transition:width var(--duration-button-fill) var(--ease-button-fill), height var(--duration-button-fill) var(--ease-button-fill), border-radius var(--duration-button-fill) var(--ease-button-fill);position:relative}.wt-face{border-radius:inherit;background:var(--color-ink);cursor:pointer;width:100%;height:100%;box-shadow:0 0 0 var(--wt-ring) var(--color-bg-surface), var(--shadow-large);transition:box-shadow var(--duration-button-fill) var(--ease-button-fill);border:0;padding:0;display:block;position:relative}.wt-face img,.wt-face video{border-radius:inherit;object-fit:cover;object-position:48% 40%;pointer-events:none;width:100%;height:100%;display:block}.wt-sound{right:calc(var(--wt-radius) * (1 - cos(45deg)));bottom:calc(var(--wt-radius) * (1 - cos(45deg)));z-index:var(--layer-content);transform-origin:50%;transition:right var(--duration-button-fill) var(--ease-button-fill), bottom var(--duration-button-fill) var(--ease-button-fill), transform var(--duration-button-fill) var(--ease-button-fill), opacity var(--duration-button-fill) var(--ease-button-fill);position:absolute;transform:translate(50%,50%)scale(.583333)}@media (hover:hover) and (pointer:fine){.wt .wt-sound:hover{background:var(--color-bg-surface-subtle)}}.wt-surface{z-index:var(--layer-content);background:var(--color-bg-surface);box-shadow:var(--shadow-small);border-radius:var(--radius-medium);position:relative}@media (hover:hover) and (pointer:fine){.wt[data-state=rest]:not([data-quiet]):hover .wt-frame{--wt-radius:var(--radius-large);--wt-ring:var(--space-1);width:var(--wt-w);height:var(--wt-h)}}.wt[data-state=rest][data-open] .wt-frame,.wt[data-state=rest]:has(:focus-visible) .wt-frame,.wt:not([data-state=rest]) .wt-frame{--wt-radius:var(--radius-large);--wt-ring:var(--space-1);width:var(--wt-w);height:var(--wt-h)}@media (hover:hover) and (pointer:fine){.wt[data-state=rest]:not([data-quiet]):hover .wt-sound{transform:translate(50%,50%)scale(1)}}.wt[data-state=rest][data-open] .wt-sound,.wt[data-state=rest]:has(:focus-visible) .wt-sound,.wt:not([data-state=rest]) .wt-sound{transform:translate(50%,50%)scale(1)}.wt-pause-mark{z-index:var(--layer-content);border-radius:inherit;background:color-mix(in srgb, var(--color-ink) var(--wt-pause-dim), transparent);color:var(--color-white);opacity:0;pointer-events:none;transition:opacity var(--duration-tooltip-opacity) var(--ease-entrance);place-items:center;display:grid;position:absolute;inset:0}.wt-pause-mark>span{width:var(--wt-pause-size);height:var(--wt-pause-size);border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-ink) var(--wt-pause-fill), transparent);transform:scale(var(--scale-tooltip-start));transition:transform var(--duration-tooltip-scale) var(--ease-entrance);place-items:center;display:grid}.wt-pause-mark .icon{width:calc(var(--icon-size) * 1.5);height:calc(var(--icon-size) * 1.5)}.wt[data-state=paused] .wt-pause-mark{opacity:1}.wt[data-state=paused] .wt-pause-mark>span{transform:scale(1)}.wt-invite{gap:var(--space-3);width:max-content;padding:var(--space-4);flex-direction:column;display:flex}.wt-invite>div{width:0;min-width:100%}.wt .wt-card-label{color:var(--color-text-secondary);margin-top:var(--space-1)}.wt-invite .button{align-self:flex-start}.wt-video-text{z-index:var(--layer-content);padding-inline:var(--space-4);color:var(--color-white);text-align:center;text-shadow:var(--wt-text-shadow);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;opacity:0;visibility:hidden;transition:opacity var(--duration-button-fill) var(--ease-button-fill), transform var(--duration-button-fill) var(--ease-button-fill), visibility calc(var(--duration-button-fill) * 0) var(--ease-button-fill) var(--duration-button-fill);position:absolute;left:0;right:0;overflow:hidden;transform:scale(.1)}.wt-chapter{top:var(--space-1)}.wt-time{bottom:var(--space-1);color:var(--color-white);font-variant-numeric:tabular-nums}.wt:not([data-state=rest]) .wt-video-text{opacity:1;visibility:visible;transition-delay:calc(var(--duration-button-fill) * 0);transform:scale(1)}.wt-pill{align-items:center;gap:var(--space-1);padding:var(--space-1);border-radius:var(--radius-full);display:none}.wt-invite,.wt-pill{z-index:var(--layer-base);opacity:0;visibility:hidden;pointer-events:none;transform-origin:50%;transition:opacity var(--duration-button-fill) var(--ease-button-fill), transform var(--duration-button-fill) var(--ease-button-fill), visibility calc(var(--duration-button-fill) * 0) var(--ease-button-fill) var(--duration-button-fill);position:absolute}.wt-invite{right:calc(100% + var(--space-4));height:fit-content;transform:translate(calc(50% + var(--space-4) + var(--wt-rest) / 2), 0) scale(.1);margin-block:auto;top:0;bottom:0}.wt:not([data-state=rest]) .wt-invite{transform:translate(calc(50% + var(--space-4) + var(--wt-w) / 2), 0) scale(.1)}@media (hover:hover) and (pointer:fine){.wt[data-state=rest]:not([data-quiet]):hover .wt-invite{opacity:1;visibility:visible;pointer-events:auto;transition-delay:calc(var(--duration-button-fill) * 0);transform:translate(0)scale(1)}}.wt[data-state=rest][data-open] .wt-invite,.wt[data-state=rest]:has(:focus-visible) .wt-invite{opacity:1;visibility:visible;pointer-events:auto;transition-delay:calc(var(--duration-button-fill) * 0);transform:translate(0)scale(1)}.wt .wt-pill{bottom:calc(100% + var(--space-3));width:fit-content;transform:translate(0, calc(50% + var(--space-3) + var(--wt-rest) / 2)) scale(.1);margin-inline:auto;display:flex;left:0;right:0}@media (hover:hover) and (pointer:fine){.wt[data-state=rest]:not([data-quiet]):hover .wt-pill{transform:translate(0, calc(50% + var(--space-3) + var(--wt-h) / 2)) scale(.1)}}.wt[data-state=rest][data-open] .wt-pill,.wt[data-state=rest]:has(:focus-visible) .wt-pill{transform:translate(0, calc(50% + var(--space-3) + var(--wt-h) / 2)) scale(.1)}.wt:not([data-state=rest]) .wt-pill{opacity:1;visibility:visible;pointer-events:auto;transition-delay:calc(var(--duration-button-fill) * 0);transform:translate(0)scale(1)}.wt-pill>.icon-button{transition:opacity var(--duration-button-fill) var(--ease-button-fill)}.wt[data-state=on][data-pill=tucked] .wt-pill{transform:translate(0, calc(100% + var(--space-3) - var(--space-4)))}.wt[data-state=on][data-pill=tucked] .wt-pill>.icon-button{opacity:0}@media (hover:hover) and (pointer:fine){.wt:not([data-state=rest]) .wt-pill>.icon-button{transition:opacity var(--wt-pill-buttons) var(--ease-button-fill) calc(var(--duration-button-fill) - var(--wt-pill-buttons)), translate var(--wt-pill-buttons) var(--ease-button-fill) calc(var(--duration-button-fill) - var(--wt-pill-buttons));translate:0}.wt[data-state=on][data-pill=tucked] .wt-pill>.icon-button{translate:0 var(--distance-text-reveal);transition-delay:calc(var(--duration-button-fill) * 0)}}@media (prefers-reduced-motion:reduce){.wt-frame,.wt-face,.wt-sound,.wt-invite,.wt-pill,.wt-video-text{transition:none}.wt *{animation:none!important}}}@layer project;@media (prefers-reduced-motion:reduce){.wt,.wt *{transition:none!important;animation:none!important}}
