.joint-motion{--joint-bad:oklch(56% .19 27);--joint-good:oklch(55% .13 155);--joint-progress:0;--joint-cold:0;color:var(--color-ink);margin:clamp(1.25rem,3vw,2.25rem) 0 clamp(3rem,6vw,5rem);scroll-margin-top:7rem;position:relative}.joint-motion-lead{max-width:62ch;color:var(--color-ink-soft);text-wrap:pretty;margin:0 0 clamp(1.5rem,3vw,2.25rem);font-size:clamp(1rem,1.15vw,1.125rem);line-height:1.6}.joint-stage{isolation:isolate;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,2.6vw,2.25rem);display:grid;position:relative}.joint-stage-canvas{z-index:2;pointer-events:none;width:100%;height:100%;opacity:var(--joint-motion-opacity,1);display:block;position:absolute;inset:0}.joint-view{min-width:0;margin:0}.joint-view-model{aspect-ratio:16/10;border:.0625rem solid var(--color-border);background:radial-gradient(120% 85% at 50% 30%, var(--color-white) 0%, transparent 70%), linear-gradient(180deg, var(--color-white), var(--color-mist));border-radius:1.25rem;position:relative;overflow:clip}.joint-view-wash{--wash:transparent;z-index:0;opacity:0;background:radial-gradient(75% 70% at 50% 62%, color-mix(in oklch, var(--wash) 24%, transparent), transparent 74%);transition:opacity .7s var(--ease-out-quart);position:absolute;inset:0}.joint-view--bad .joint-view-wash{--wash:var(--joint-bad)}.joint-view--good .joint-view-wash{--wash:var(--joint-good)}.joint-motion[data-bad-verdict=true] .joint-view--bad .joint-view-wash,.joint-motion[data-good-verdict=true] .joint-view--good .joint-view-wash{opacity:1}.joint-view-poster{z-index:1;object-fit:contain;width:100%;height:100%;transition:opacity .26s;position:absolute;inset:0}.joint-motion[data-ready=true] .joint-view-poster{opacity:0}.joint-view-label,.joint-view-verdict{z-index:3;border-radius:999px;margin:0;font-size:.8125rem;font-weight:650;line-height:1.2;position:absolute}.joint-view-label{background:color-mix(in oklch, var(--color-white), transparent 10%);box-shadow:0 0 0 .0625rem var(--color-border);padding:.4375rem .8125rem;top:.875rem;left:.875rem}.joint-view-verdict{background:var(--color-white);max-width:calc(100% - 1.75rem);box-shadow:0 .5rem 1.5rem #051e2d1f, 0 0 0 .0625rem var(--color-border);opacity:0;transform-origin:100% 100%;transition:opacity .36s var(--ease-out-quint), transform .56s var(--ease-out-quint);align-items:center;gap:.5rem;padding:.3125rem .875rem .3125rem .3125rem;display:inline-flex;bottom:.875rem;right:.875rem;transform:translateY(.5rem)scale(.96)}.joint-motion[data-bad-verdict=true] .joint-view--bad .joint-view-verdict,.joint-motion[data-good-verdict=true] .joint-view--good .joint-view-verdict{opacity:1;transform:none}.joint-view-verdict-icon{width:1.75rem;height:1.75rem;color:var(--color-white);border-radius:50%;flex:none;place-items:center;display:grid}.joint-view--bad .joint-view-verdict-icon{background:var(--joint-bad)}.joint-view--good .joint-view-verdict-icon{background:var(--joint-good)}.joint-view-verdict-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.6px;width:1rem;height:1rem}.joint-view-caption{max-width:44ch;color:var(--color-ink-soft);text-wrap:pretty;margin:.875rem 0 0;font-size:clamp(.9375rem,1.05vw,1rem);line-height:1.55}.joint-controls{border:.0625rem solid var(--color-border);background:var(--color-white);border-radius:999px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem 1.25rem;margin-top:clamp(1.25rem,2.4vw,1.75rem);padding:.625rem 1.25rem .625rem .625rem;display:grid}.joint-play{background:var(--color-blue);width:2.75rem;height:2.75rem;color:var(--color-white);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;transition:background-color .18s,transform .12s;display:grid}.joint-play:hover{background:var(--color-blue-hover)}.joint-play:active{transform:scale(.96)}.joint-play:disabled{cursor:progress;opacity:.7}.joint-play svg{fill:currentColor;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2px;width:1.05rem;height:1.05rem}.joint-season{gap:.25rem;min-width:0;display:grid}.joint-season-track{align-items:center;height:1.5rem;display:grid}.joint-season-range{cursor:grab;appearance:none;background:0 0;width:100%;height:1.5rem;margin:0}.joint-season-range:active{cursor:grabbing}.joint-season-range::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--color-blue) calc(var(--joint-progress) * 100%), var(--color-border) 0);border-radius:999px;height:.25rem}.joint-season-range::-moz-range-track{background:linear-gradient(90deg, var(--color-blue) calc(var(--joint-progress) * 100%), var(--color-border) 0);border-radius:999px;height:.25rem}.joint-season-range::-webkit-slider-thumb{border:.1875rem solid var(--color-white);background:var(--color-blue);appearance:none;border-radius:50%;width:1.125rem;height:1.125rem;margin-top:-.4375rem;box-shadow:0 .125rem .5rem #0528464d}.joint-season-range::-moz-range-thumb{border:.1875rem solid var(--color-white);background:var(--color-blue);border-radius:50%;width:.75rem;height:.75rem;box-shadow:0 .125rem .5rem #0528464d}.joint-season-phases{justify-content:space-between;gap:.25rem;display:flex}.joint-season-phase{min-height:2rem;color:var(--color-ink-soft);font:inherit;letter-spacing:.01em;cursor:pointer;background:0 0;border:0;border-radius:.5rem;padding:.25rem .375rem;font-size:.75rem;font-weight:650;transition:color .2s}.joint-season-phase:hover{color:var(--color-ink)}.joint-motion[data-phase=summer] [data-phase-button=summer],.joint-motion[data-phase=winter] [data-phase-button=winter],.joint-motion[data-phase=thaw] [data-phase-button=thaw],.joint-motion[data-phase=summerAgain] [data-phase-button=summerAgain]{color:var(--color-blue)}.joint-temperature{min-width:5.75rem;color:color-mix(in oklch, var(--color-blue) calc(var(--joint-cold) * 100%), var(--color-ink));font-variant-numeric:tabular-nums;letter-spacing:-.02em;justify-content:flex-end;align-items:center;gap:.25rem;margin:0;font-size:1.25rem;font-weight:700;display:inline-flex}.joint-temperature svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;width:1.25rem;height:1.25rem}.joint-motion-note{color:var(--color-ink-soft);margin:.75rem 0 0;font-size:.8125rem;line-height:1.5}.joint-play:focus-visible,.joint-season-phase:focus-visible,.joint-season-range:focus-visible{outline:.125rem solid var(--color-blue);outline-offset:.1875rem}@media (width<=40rem){.joint-stage{grid-template-columns:minmax(0,1fr)}.joint-view-model{aspect-ratio:4/3}.joint-controls{border-radius:1.25rem;grid-template-columns:auto minmax(0,1fr);padding:.75rem}.joint-temperature{grid-area:1/2}.joint-season{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){.joint-view-wash,.joint-view-poster,.joint-view-verdict,.joint-season-phase,.joint-play{transition:none}}.motion-preview .motion-text .motion-word{vertical-align:baseline;letter-spacing:-.025em;transform-origin:50% 100%;backface-visibility:hidden;margin:0;padding:0;display:inline-block;overflow:visible}.motion-preview .motion-text{perspective:900px;word-spacing:.12em}.motion-preview .site-sections .motion-bridge h2{letter-spacing:-.025em;line-height:1.14}.motion-preview .site-sections .work-process>.site-section-inner>.site-section-heading{grid-template-columns:1.1fr .9fr;align-items:end;gap:clamp(2rem,6vw,6rem);display:grid}.motion-preview .site-sections .work-process .site-section-heading h2{max-width:20ch;font-size:clamp(2.3rem,4vw,4rem);line-height:1.12}.motion-preview .site-sections .work-process-groups{gap:3rem;margin-top:3.5rem}.motion-preview .site-sections .work-process-group{content-visibility:visible}.motion-preview .site-sections .work-process-group article{border-top:1px solid var(--motion-rule);min-height:0;color:var(--color-ink);background:0 0;border-radius:0;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:1.5rem clamp(2rem,5vw,5rem);padding:2.5rem 0 0;display:grid;overflow:visible}.motion-preview .site-sections .work-process-group article:before,.motion-preview .site-sections .work-process-group article:after{display:none}.motion-preview .site-sections .work-process-group-media{border-radius:3px;grid-row:1/3;min-height:23rem;position:relative;inset:auto}.motion-preview .site-sections .work-process-group-media img{position:absolute;inset:0}.motion-preview .site-sections .work-process-group-header{grid-template-columns:2.5rem minmax(0,1fr);gap:1rem}.motion-preview .site-sections .work-process-group-meta,.motion-preview .site-sections .work-process-operation-marker{color:#497085}.motion-preview .site-sections .work-process-group-index{font-size:.85rem}.motion-preview .site-sections .work-process-group-intro h3{color:var(--color-ink);max-width:27ch;font-size:clamp(1.5rem,2.4vw,2.2rem);font-weight:600;line-height:1.22}.motion-preview .site-sections .work-process-group-intro h3:after{display:none}.motion-preview .site-sections .work-process-group-intro p,.motion-preview .site-sections .work-process-operation p{color:var(--color-ink-soft)}.motion-preview .site-sections .work-process-actions{grid-column:2;align-items:start}.motion-preview .site-sections .work-process-watch{min-height:2.75rem;color:var(--color-ink);background:0 0;border:1px solid #9db5c2;border-radius:3rem;padding:.8rem 1.15rem;font-size:.875rem}.motion-preview .site-sections .work-process-watch:hover{background:#dcebf2;border-color:#497085}.motion-preview .site-sections .work-process-explanation{color:#285570}.motion-preview .site-sections .work-process-operations{grid-column:2;gap:0 1.5rem;margin:0}.motion-preview .site-sections .work-process-operation{border-color:var(--motion-rule);grid-template-columns:.75rem 1fr;gap:.5rem}.motion-preview .site-sections .work-process-operation h4{color:var(--color-ink);font-weight:650}.motion-preview .site-sections .site-faq{padding-block:clamp(5rem,10vw,9rem);overflow:visible}.motion-preview .site-sections .site-faq-layout{grid-template-columns:.85fr 1.15fr;gap:clamp(2rem,7vw,7rem)}.motion-preview .site-sections .site-faq-heading{position:sticky;top:8rem}.motion-preview .site-sections .site-faq-heading h2{max-width:12ch;font-size:clamp(2.8rem,5vw,5rem);line-height:1.12}.motion-preview .site-sections .site-faq-heading>p:last-child{max-width:35ch;font-size:1rem}.motion-preview .site-sections .site-faq-list{border-top:1px solid var(--motion-rule)}.motion-preview .site-sections .site-faq-item{border-color:var(--motion-rule);transition:background-color .25s}.motion-preview .site-sections .site-faq-item[open]{background:#e3edf2}.motion-preview .site-sections .site-faq-item summary{gap:1.25rem;padding:1.7rem 1rem;font-size:clamp(1.05rem,1.45vw,1.25rem);font-weight:600}.motion-preview .site-sections .site-faq-item summary:after{display:none}.motion-preview .site-sections .site-faq-question{grid-template-columns:1.8rem 1fr;gap:1rem;display:grid}.motion-preview .site-sections .site-faq-number{color:#507084;padding-top:.3rem;font-size:.7rem;font-weight:500}.motion-preview .site-sections .site-faq-item summary svg{fill:none;stroke:currentColor;stroke-width:1.5px;border:1px solid #a8c0ce;border-radius:50%;width:2.5rem;height:2.5rem;padding:.65rem;transition:transform .35s cubic-bezier(.22,1,.36,1),background-color .25s;display:block}.motion-preview .site-sections .site-faq-item[open] summary{color:var(--color-ink)}.motion-preview .site-sections .site-faq-item[open] summary svg{background:#fff;transform:rotate(45deg)}.motion-preview .site-sections .site-faq-item p{margin:0;padding:0 4.5rem 1.8rem 3.8rem;font-size:.95rem}.motion-preview .site-sections>.site-contact{color:var(--color-ink);background:#d8e8f0;padding-block:clamp(4rem,8vw,8rem)}.motion-preview .site-sections .site-contact [data-scroll-reveal]{color:var(--color-ink)}.motion-preview .site-sections .site-contact .site-contact-body{color:var(--color-ink-soft)}.motion-preview .site-sections .site-contact .site-contact-benefit{color:#385d73}.motion-preview .site-sections .site-contact-cta{color:#fff;box-shadow:none;background:#163e58;border-radius:4rem;padding:1.3rem 2rem}@media (width<=900px){.motion-preview .site-sections .work-process-group article{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:1.5rem}.motion-preview .site-sections .site-faq-layout{grid-template-columns:1fr}.motion-preview .site-sections .site-faq-heading{position:static}.motion-preview .site-sections .site-faq-heading h2{max-width:none}}@media (width<=650px){.motion-preview .site-sections .work-process>.site-section-inner>.site-section-heading,.motion-preview .site-sections .work-process-group article{grid-template-columns:1fr}.motion-preview .site-sections .work-process-group-media{aspect-ratio:4/3;grid-row:auto;min-height:0}.motion-preview .site-sections .work-process-group-header{gap:.75rem}.motion-preview .site-sections .work-process-operations{grid-column:1}.motion-preview .site-sections .work-process-actions{grid-column:1/-1}.motion-preview .site-sections .work-process-groups{gap:2rem;margin-top:2rem}.motion-preview .site-sections .site-faq-item summary{gap:.65rem;padding-inline:.35rem}.motion-preview .site-sections .site-faq-question{grid-template-columns:1.25rem 1fr;gap:.65rem}.motion-preview .site-sections .site-faq-item p{padding:0 1rem 1.5rem 2.25rem}}@media (prefers-reduced-motion:reduce){.motion-preview .motion-text .motion-word{opacity:1!important;filter:none!important;transform:none!important}.motion-preview .site-sections .site-faq-item,.motion-preview .site-sections .site-faq-item summary svg{transition:none}}.motion-details{margin-block:clamp(2rem,6vw,5rem)}.motion-details__pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.5rem,4vw,4rem);display:grid}.motion-detail{min-width:0;margin:0}.motion-detail__scene{aspect-ratio:3/2;isolation:isolate;position:relative}.motion-detail__scene img,.motion-detail__scene svg{width:100%;height:100%;display:block}.motion-detail__scene img{object-fit:contain}.motion-detail__scene svg{pointer-events:none;position:absolute;inset:0;overflow:visible}.motion-detail__scene path{fill:none;stroke:#8dcdf2;stroke-width:5px;stroke-linecap:round;stroke-linejoin:round;opacity:.9;filter:drop-shadow(0 1px 1px #0f273c59)}.motion-detail figcaption{max-width:35rem;margin:1.25rem auto 0}.motion-detail h3{color:inherit;letter-spacing:-.035em;margin:0;font-size:clamp(1.2rem,1.7vw,1.65rem);font-weight:650;line-height:1.15}.motion-detail figcaption p{max-width:42ch;margin:.7rem 0 0;font-size:.94rem;line-height:1.55}.motion-details__note{opacity:.7;margin:2.25rem 0 0;font-size:.78rem;line-height:1.5}@media (width<=650px){.motion-details__pair{grid-template-columns:minmax(0,1fr);gap:2.75rem}.motion-detail figcaption{margin-top:.75rem}.motion-details__note{max-width:40ch;margin-top:1.75rem}}.motion-preview .hero-stages-launcher{color:#173545;letter-spacing:-.025em;min-height:3.75rem;text-shadow:none;-webkit-backdrop-filter:none;background:#f5f9fb;border:1px solid #fffc;align-items:center;gap:.875rem;padding:.875rem 1.4rem;font-family:inherit;font-size:.9375rem;font-weight:750;line-height:1.2;display:inline-flex;box-shadow:0 6px 24px #0c22311f}.motion-preview .hero-stages-launcher-arrow{fill:none;stroke:#0768c6;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;width:1.125rem;transition:transform .22s var(--motion-ease)}.motion-preview .hero-stages-launcher:hover{background:#fff;border-color:#fff;transform:translateY(-2px)}.motion-preview .hero-stages-launcher:hover .hero-stages-launcher-arrow{transform:translate(3px)}.motion-preview .hero-stages-launcher:active{transform:translateY(0)}.motion-preview .hero-stages-launcher:focus-visible{outline-offset:5px;outline:3px solid #0768c6}.motion-preview .hero-stage-timeline{color:#173545;-webkit-backdrop-filter:none;background:#f5f9fb;border:1px solid #fffc;border-radius:1.25rem;gap:.5rem;width:min(24rem,100% - 2rem);padding:.875rem 1.125rem;box-shadow:0 6px 24px #0c22311f}.motion-preview .hero-stage-download{gap:.5rem .75rem;font-size:.75rem}.motion-preview .hero-stage-download-label{white-space:normal;text-wrap:pretty}.motion-preview .hero-stage-download strong{color:#0768c6}.motion-preview .hero-stage-download-track{background:#cbdde7;height:3px}.motion-preview .hero-stage-download-fill{box-shadow:none;background:#0768c6}@media (width<=600px){.motion-preview .hero-stages-launcher{gap:.625rem;min-height:3.25rem;font-size:.875rem}}@media (prefers-reduced-motion:reduce){.motion-preview .hero-stages-launcher,.motion-preview .hero-stages-launcher-arrow,.motion-preview .hero-stage-download-fill{transition:none}.motion-preview .hero-stages-launcher:hover,.motion-preview .hero-stages-launcher:hover .hero-stages-launcher-arrow{transform:none}}.motion-preview .site-header[data-morph-header]{--header-shape-progress:0;--header-morph-gutter:var(--viewport-gutter);--header-morph-top:1rem;--header-morph-radius:2.5rem;top:0;left:var(--header-morph-gutter);right:var(--header-morph-gutter);isolation:isolate;transform:translate3d(0, calc(var(--header-shape-progress) * var(--header-morph-top)), 0);background:0 0;border-radius:0}.motion-preview .site-header[data-morph-header]>.header-morph-surface{z-index:-1;top:0;bottom:0;left:calc(-1 * var(--header-morph-gutter));right:calc(-1 * var(--header-morph-gutter));pointer-events:none;clip-path:inset(0 calc(var(--header-shape-progress) * var(--header-morph-gutter)) round calc(var(--header-shape-progress) * var(--header-morph-radius)));background:#f5f9fb;position:absolute}html:is([data-menu-open=true],[data-overlay-open=true]) .motion-preview .site-header[data-morph-header]>.header-morph-surface{visibility:hidden}@media (width<=650px){.motion-preview .site-header[data-morph-header]{--header-morph-gutter:.5rem;--header-morph-top:.5rem;--header-morph-radius:2rem}}