:root{--resize-dur:.3s;--resize-ease:cubic-bezier(.22, 1, .36, 1)}.t-resize{transition:width var(--resize-dur) var(--resize-ease), height var(--resize-dur) var(--resize-ease);will-change:width, height}@media (prefers-reduced-motion:reduce){.t-resize{transition:none!important}}:root{--page-slide-dur:.25s;--page-fade-dur:.25s;--page-slide-distance:8px;--page-blur:3px;--page-stagger:0s;--page-exit-enabled:1;--page-slide-ease:cubic-bezier(.22, 1, .36, 1);--page-fade-ease:cubic-bezier(.22, 1, .36, 1)}.t-page-slide{position:relative}.t-page-slide .t-page[data-page-id="1"]{--t-page-from-x:calc(var(--page-slide-distance) * -1)}.t-page-slide .t-page[data-page-id="2"]{--t-page-from-x:var(--page-slide-distance)}.t-page-slide .t-page{opacity:0;pointer-events:none;transform:translateX(calc(var(--t-page-from-x,0px) * var(--page-exit-enabled)));filter:blur(calc(var(--page-blur) * var(--page-exit-enabled)));transition:opacity var(--page-fade-dur) var(--page-fade-ease), transform var(--page-slide-dur) var(--page-slide-ease), filter var(--page-slide-dur) var(--page-slide-ease);will-change:opacity, transform, filter;position:absolute;inset:0}.t-page-slide[data-page="1"] .t-page[data-page-id="1"],.t-page-slide[data-page="2"] .t-page[data-page-id="2"]{opacity:1;pointer-events:auto;filter:blur();transition-delay:var(--page-stagger);transform:translate(0)}@media (prefers-reduced-motion:reduce){.t-page-slide .t-page{transition:none!important}}:root{--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}}@font-face{font-family:Context Times;src:url(/fonts/TimesNow-Light.woff2)format("woff2");font-weight:300;font-display:swap}@font-face{font-family:Context SF;src:url(/fonts/homepage-sf-pro-text.woff2)format("woff2");font-weight:400 500;font-display:swap}@font-face{font-family:Context Roboto;src:url(/fonts/context-roboto.woff2)format("woff2");font-weight:400;font-display:swap}.context-case{--gutter:6%;--cm-unit:1px;color:#fff;background:#000;font-family:Context SF,-apple-system,sans-serif}.context-case h1,.context-case h2,.context-case h3{text-wrap:initial;font-family:Context Times,serif;font-weight:300}.context-opening{padding:clamp(80px, 9vw, 180px) var(--gutter) 88px}.context-opening h1{letter-spacing:-.048em;font-size:clamp(56px,7.2222vw,140px);line-height:1.0875}.context-opening>p{color:#999899;letter-spacing:-.025em;max-width:788px;margin-top:36px;font-size:clamp(21px,2.0833vw,34px);line-height:1.4}.context-reading{max-width:650px;margin:0 var(--gutter);padding:120px 0 74px}.context-intent .context-reading,.context-motion .context-reading{padding-bottom:110px}.context-case .story-copy h2{letter-spacing:-.025em;font-size:clamp(42px,4.3vw,76px);line-height:1.08}.context-case .story-body{color:#999899;letter-spacing:-.025em;margin-top:28px;font-size:clamp(18px,1.65vw,27px);line-height:1.5}.context-intent .story-body{max-width:550px}.context-craft .story-body{max-width:380px}.context-motion .story-body{max-width:561px}.context-intent-media{margin:0 var(--gutter)}.context-intent-media video{aspect-ratio:16/9;background:#0f0f10;width:100%;height:auto;display:block}.context-pair{margin:0 var(--gutter);grid-template-columns:1fr 1fr;gap:20px;display:grid}.cm-craft-panel{aspect-ratio:624/656;background:#101113;position:relative;overflow:hidden}.cm-craft-panel>div{transform-origin:0 0;width:624px;height:656px}.context-replay{width:70%;margin:56px auto 0}.context-behavior{padding:160px var(--gutter);grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:28px;display:grid}.context-behavior>div{min-width:0}.context-behavior .story-copy{padding:80px 24px 0 0}.context-case .context-behavior h2{font-size:clamp(34px,3.1vw,54px)}.context-case .context-behavior .story-body{font-size:20px}.context-loading{margin-top:120px}.context-result{padding:35px var(--gutter) 80px}.context-result h2{letter-spacing:-.025em;max-width:978px;margin-bottom:88px;font-size:clamp(44px,5vw,88px);line-height:1.12}.context-next-case{background:#111214;border:1px solid #ffffff14;border-radius:24px;justify-content:space-between;align-items:center;gap:48px;min-height:320px;padding:31px 40px 31px 55px;text-decoration:none;display:flex}.context-next-case>div{flex-direction:column;justify-content:space-between;align-self:stretch;max-width:760px;padding-block:25px 32px;display:flex}.context-next-case h3{letter-spacing:-.025em;font-size:clamp(30px,2.9167vw,50px);line-height:1.143}.context-next-case span{align-items:center;gap:16px;font-size:17px;line-height:24px;display:flex}.context-next-case span svg{width:24px;height:24px;transition:translate .25s cubic-bezier(.22,1,.36,1)}.context-next-case:hover span svg{translate:4px}.context-next-case img{object-fit:cover;border-radius:16px;width:256px;height:256px}.context-case [data-case-reveal]{transition:opacity .5s,transform .5s cubic-bezier(.22,1,.36,1);transition-delay:var(--case-delay,0s)}.context-case .case-reveal-pending{opacity:0;transform:translateY(12px)}.cm-stage{isolation:isolate;background:#0f0f10;justify-content:center;align-items:center;min-width:0;display:flex;position:relative}.cm-stage button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0}.cm-stage button:focus-visible{outline-offset:3px;z-index:2;outline:2px solid #80caff}.cm-hero{height:min(52.0833vw,1000px);min-height:750px}.cm-hero-scrim{opacity:0;pointer-events:none;background:#00000059;position:absolute;inset:0}.cm-hero-composition{width:375px;max-width:calc(100% - 32px);position:relative}.cm-hero-composition>.cm-bubble{z-index:2;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:absolute;top:76px;left:0}.cm-bubble-space{height:var(--cm-message-height,68px);flex-shrink:0;width:100%}.cm-hero-menu{opacity:0}.cm-hero-instruction{color:#999899;font-size:14px;position:absolute;bottom:20px;left:24px}.cm-touch-hint{display:none}.cm-intent-video{aspect-ratio:16/9;width:100%}@media (hover:none){.cm-pointer-hint{display:none}.cm-touch-hint{display:inline}}.cm-stack{width:calc(352 * var(--cm-unit));gap:calc(16 * var(--cm-unit));color:#e6e6e6;flex-direction:column;max-width:100%;display:flex}.cm-lower{gap:calc(8 * var(--cm-unit));flex-direction:column;width:100%;display:flex}.cm-stack-message{align-items:flex-end;width:100%}.cm-stack-message>.cm-reactions,.cm-stack-message>.cm-lower{width:min(100%,352px)}.cm-hero [data-menu-section]{opacity:0;transform-origin:100% 0}.cm-surface{border-radius:calc(22 * var(--cm-unit));background:#1e1e1e;box-shadow:inset 0 1px #ffffff1a}.cm-reactions{height:calc(60 * var(--cm-unit));padding:0 calc(12 * var(--cm-unit));flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.cm-reaction{background:0 0;border-radius:12px;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:0;line-height:1;display:flex;font-size:calc(30 * var(--cm-unit))!important}.cm-reaction svg{width:calc(24 * var(--cm-unit));height:calc(24 * var(--cm-unit))}.cm-quick{gap:calc(8 * var(--cm-unit));grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.cm-shortcut{height:calc(68 * var(--cm-unit));justify-content:center;align-items:center;gap:calc(6 * var(--cm-unit));border-radius:calc(18 * var(--cm-unit));flex-direction:column;min-height:44px;padding:0;line-height:1.077;display:flex;font-size:calc(16.25 * var(--cm-unit))!important}.cm-shortcut svg,.cm-row>svg{width:calc(30 * var(--cm-unit));height:calc(30 * var(--cm-unit));flex:none}.cm-panel{padding:calc(12 * var(--cm-unit)) 6px;overflow:hidden;box-shadow:inset 0 1px #ffffff1a,0 10px 20px #0000003d}.cm-panel .cm-row{border-radius:calc(14 * var(--cm-unit));padding-inline:calc(22 * var(--cm-unit) - 6px)}.cm-stage button.cm-row:focus-visible{outline-offset:-3px}.cm-row{align-items:center;gap:calc(16 * var(--cm-unit));width:100%;height:calc(48 * var(--cm-unit));min-height:44px;padding:0 calc(22 * var(--cm-unit));text-align:left;letter-spacing:.0167em;background:0 0;line-height:1.2;display:flex;font-size:calc(18.75 * var(--cm-unit))!important;font-weight:500!important}.cm-stage button.cm-danger,.cm-danger{color:#e06141}.cm-stage button.cm-row:hover,.cm-stage button.cm-shortcut:hover,.cm-stage button.cm-reaction:hover{background-color:#ffffff0c}.cm-bubble{background:linear-gradient(160deg in oklab, #138bff 0%, #0872ed 42%, #0655d8 100%);text-align:left;border-radius:24px 24px 10px;flex-shrink:0;width:375px;max-width:100%;min-height:68px;padding:15px 22px 7px;position:relative;box-shadow:inset 0 1px #ffffff40,0 8px 28px #006dff26;font-family:Context Roboto,sans-serif!important}.cm-bubble:after{content:"";z-index:-1;border-radius:inherit;box-shadow:0 6px var(--cm-lift-blur,0px) #00000047;opacity:var(--cm-lift-shadow,0);pointer-events:none;position:absolute;inset:0}.cm-bubble>span:first-child{letter-spacing:.0167em;color:#fff;font-size:21px;line-height:24px;display:block}.cm-message-status{color:#ffffff8c;justify-content:flex-end;align-items:center;gap:4px;height:16px;margin-top:4px;font-size:13px;display:flex}.cm-message-status svg{width:23px;height:16px}.cm-animation-1{height:min(52.0833vw,1000px);min-height:650px}.cm-animation-2{aspect-ratio:1008/611;width:100%;min-height:540px}.cm-demo-size{width:352px;min-width:0;max-width:100%;margin-bottom:16px}.cm-animation-2 .cm-demo-size{--cm-unit:.8px;width:281.6px}.cm-animation-2 .cm-row{min-height:0}.cm-animation-2 .cm-reaction{width:32px;min-width:0;min-height:0}.cm-animation figcaption{color:#999899;letter-spacing:-.033em;max-width:calc(100% - 92px);font-size:18px;line-height:1.4;position:absolute;bottom:16px;left:24px}.cm-playback{color:#eeeef0;background:#29292b;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:grid;position:absolute;bottom:24px;right:24px;box-shadow:inset 0 1px #ffffff14}.cm-playback:hover{background:#38383b}.cm-behavior-demo{aspect-ratio:404/708;--cm-unit:.95px;height:auto;min-height:620px;padding:24px}.cm-behavior-demo .cm-stack,.cm-behavior-demo .cm-lower{gap:15.2px}.cm-changing-rows{overflow:hidden}.cm-changing-rows .t-page{bottom:auto}.cm-row>.cm-chevron{width:calc(24 * var(--cm-unit));height:calc(24 * var(--cm-unit));color:#a2a2a2;margin-left:auto}.cm-more-panels{width:100%}.cm-delete-panel{margin-top:7.6px;overflow:hidden}.cm-delete-panel>.cm-row{height:calc(64 * var(--cm-unit));border-radius:inherit}.cm-skeleton{aspect-ratio:404/708;--cm-unit:.95px;min-height:620px;padding:24px}.cm-skeleton .cm-lower{gap:15.2px}.cm-skeleton-icon-slot{width:calc(30 * var(--cm-unit));height:calc(30 * var(--cm-unit));flex:none;place-items:center;display:grid}.cm-skeleton-icon,.cm-skeleton-bar{border-radius:calc(6 * var(--cm-unit));opacity:.65;background:#525252;display:block}.cm-skeleton-icon{width:calc(22 * var(--cm-unit));height:calc(22 * var(--cm-unit))}.cm-skeleton-bar{height:calc(12 * var(--cm-unit))}.cm-sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width>=1800px){.context-reading{max-width:800px}.context-intent .story-body{max-width:650px}.context-craft .story-body{max-width:440px}.context-motion .story-body{max-width:550px}.context-result h2{max-width:1200px}}@media (width<=1100px){.context-behavior{grid-template-columns:1fr 1fr;gap:24px;padding-top:110px;padding-bottom:110px}.context-behavior>div:first-child{grid-column:1/-1}.context-behavior .story-copy{max-width:580px;padding:0 0 32px}.context-next-case{gap:32px;padding:32px}.context-next-case img{aspect-ratio:1;width:28%;height:auto}.context-next-case>div{gap:40px;padding-block:0}}@media (width<=700px){.context-case{--gutter:20px}.context-opening{padding-top:40px;padding-bottom:20px}.context-opening h1{font-size:48px;line-height:49px}.context-opening>p{margin-top:20px;font-size:17px;line-height:26px}.context-reading,.context-intent .context-reading,.context-motion .context-reading{padding:64px 0 20px}.context-case .story-copy h2,.context-case .context-behavior h2{font-size:36px;line-height:39px}.context-case .story-body,.context-case .context-behavior .story-body{margin-top:20px;font-size:17px;line-height:26px}.context-case .story-copy br{display:none}.context-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.cm-hero{border-radius:8px;height:auto;min-height:740px;margin-inline:20px;padding-block:64px}.cm-bubble{padding-inline:18px}.cm-bubble>span:first-child{font-size:17px}.cm-stack-message>.cm-reactions{padding-inline:8px}.context-motion>div:nth-child(2){margin-inline:20px}.context-replay{width:calc(100% - 40px);margin-top:20px}.cm-animation-1,.cm-animation-2{border-radius:8px;height:auto;min-height:520px;padding:32px 16px 60px}.cm-animation figcaption{font-size:13px;left:16px}.cm-playback{bottom:12px;right:12px}.context-behavior{padding:64px var(--gutter);grid-template-columns:minmax(0,1fr);gap:20px}.context-behavior .story-copy{padding:0}.context-loading{margin-top:0}.cm-behavior-demo,.cm-skeleton{border-radius:8px;width:100%;max-width:460px;min-height:600px;margin-inline:auto;padding-inline:16px}.cm-behavior-demo .cm-reactions,.cm-skeleton .cm-reactions{padding-inline:4px}.cm-behavior-demo .cm-row{padding-inline:16px}.cm-behavior-demo .cm-panel .cm-row{padding-inline:10px}.context-result{padding-top:0;padding-bottom:0}.context-result h2{margin-bottom:64px;font-size:36px;line-height:39px}.context-closing-break{display:none}.context-next-case{background:0 0;border:0;flex-direction:column-reverse;align-items:stretch;gap:16px;padding:0;position:relative}.context-next-case img{aspect-ratio:350/222;object-fit:cover;border-radius:8px;width:100%;max-height:none}.context-next-case h3{font-size:30px;line-height:34px}.context-next-case>div{gap:24px}.context-next-case span{justify-content:space-between}}@media (width<=360px){.context-case{--gutter:20px}.cm-hero-composition{max-width:calc(100% - 24px)}.cm-row{padding-inline:16px}.cm-panel .cm-row{padding-inline:10px}.cm-reactions{padding-inline:4px}.cm-animation-2 .cm-demo-size{--cm-unit:.77px}.cm-behavior-demo,.cm-skeleton{padding-inline:8px}}@media (prefers-reduced-motion:reduce){.context-case [data-case-reveal]{opacity:1;transition:none;transform:none}}:root[data-reduced-motion] .context-case [data-case-reveal]{opacity:1;transform:none}@media (width<=700px){.context-behavior-break{display:none}}@media (width>=701px) and (width<=800px){.context-behavior{grid-template-columns:minmax(0,1fr)}.context-loading{margin-top:0}.cm-behavior-demo,.cm-skeleton{width:100%;max-width:460px;margin-inline:auto}}