.touch-hero{--header-h:calc(4rem + 1px);--screen-h:var(--stable-vh,100svh);--pin-screens:4;height:calc(var(--screen-h) * (1 + var(--pin-screens)) - var(--header-h));background-color:var(--signature-field);position:relative}@media (min-width:40rem){.touch-hero{--header-h:calc(4.5rem + 1px)}}@media not (min-width:48rem){.touch-hero{--pin-screens:2.6}}@media (max-height:34rem) and (orientation:landscape){.touch-hero{--pin-screens:2.8}}@media (prefers-reduced-motion:reduce),(scripting:none){.touch-hero{--pin-screens:0}}.touch-frame{--logo-w:40cqw;--span:70cqw;--start-gap:35cqw;--dot-r:calc(var(--logo-w) * .0633);--dot-y:45cqh;--arm-scale:calc((var(--span) - 2 * var(--dot-r)) / 970);--gap:calc(var(--start-gap) * (1 - var(--approach)));--approach:1;--arms:1;--glow:1;--glow-scale:1;top:var(--header-h);height:calc(var(--screen-h) - var(--header-h));isolation:isolate;background-color:var(--signature-field);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:sticky;overflow:hidden;container-type:size}.touch-frame *{-webkit-user-drag:none}@media (min-width:48rem) and (not (min-width:64rem)){.touch-frame{--logo-w:48cqw;--span:85cqw}}@media (not (min-width:48rem)) and (orientation:portrait){.touch-frame{--logo-w:72cqw;--span:106cqw;--start-gap:40cqw}}.touch-art{pointer-events:none;position:absolute;inset:0}.touch-plaster{object-fit:cover;mix-blend-mode:overlay;opacity:.12;width:100%;height:100%;position:absolute;inset:0}.touch-vignette{background-image:radial-gradient(75% 85% at 50% 45%,#0000 45%,#00000026 100%);position:absolute;inset:0}.touch-glow{left:25cqw;top:calc(var(--dot-y) - 25cqw);aspect-ratio:1;width:50cqw;opacity:var(--glow);transform:scale(var(--glow-scale));background-image:radial-gradient(circle closest-side,#ffdeb81a,#ffdeb80b 55%,#0000);border-radius:50%;position:absolute}.touch-arm{max-width:none;height:auto;opacity:var(--arms);will-change:transform, opacity;position:absolute}.touch-arm-adam{width:calc(1692 * var(--arm-scale));left:calc(50cqw - var(--dot-r) - 1679 * var(--arm-scale));top:calc(var(--dot-y) - 205.5 * var(--arm-scale));transform:translate3d(calc(-1 * var(--gap)), 0, 0)}.touch-arm-god{width:calc(1158 * var(--arm-scale));left:calc(50cqw + var(--dot-r) - 13 * var(--arm-scale));top:calc(var(--dot-y) - 319 * var(--arm-scale));transform:translate3d(var(--gap), 0, 0)}.touch-mark{left:calc(50cqw - var(--logo-w) / 2);top:calc(var(--dot-y) - var(--dot-r));width:var(--logo-w);aspect-ratio:300/109.89;position:absolute}.touch-logo{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.touch-arc-left{fill:var(--neutral-dark)}.touch-arc-right{fill:var(--neutral-light)}.touch-bristle{fill:none;stroke:#fff;stroke-dasharray:1 2;stroke-dashoffset:1px}[data-paint=none] .touch-arcs{visibility:hidden}[data-paint=done] .touch-arc{-webkit-mask:none;mask:none}.touch-dot{transform-origin:50% 17.28%}.touch-halo{left:calc(50% - var(--dot-r) * 3);top:calc(var(--dot-r) * -2);width:calc(var(--dot-r) * 6);aspect-ratio:1;background-image:radial-gradient(circle closest-side, color-mix(in srgb, var(--mark-dot) 70%, transparent), color-mix(in srgb, var(--mark-dot) 20%, transparent) 55%, transparent);opacity:0;border-radius:50%;position:absolute}.touch-frame[data-armed]:not([data-ready]) .touch-art>:not(.touch-vignette){opacity:0}@media (prefers-reduced-motion:reduce),(scripting:none){.touch-frame{position:relative;top:0}}
.touch-story{--pin-screens:3}@media not (min-width:48rem){.touch-story{--pin-screens:2.6}}@media (max-height:34rem) and (orientation:landscape){.touch-story{--pin-screens:2.8}}@media (prefers-reduced-motion:reduce),(scripting:none){.touch-story{--pin-screens:0}}.touch-story .touch-frame{--dot-y:56cqh;--approach:0;--arms:1;--retreat:0;--glow:0;--glow-scale:0}.touch-story .touch-frame[data-flying]{z-index:50;overflow:clip visible}.touch-story .touch-mark{transform-origin:0 0;transform:translate3d(calc(var(--fly-x,0px) * var(--fly,0)), calc(var(--fly-y,0px) * var(--fly,0)), 0) scale(calc(1 + (var(--fly-s,1) - 1) * var(--fly,0)))}.touch-story [data-landed] .touch-mark{visibility:hidden}@media (prefers-reduced-motion:no-preference) and (scripting:enabled){:root:has(.touch-story .touch-frame:not([data-landed])) [data-site-header] a[aria-label]>svg{opacity:0}}.touch-painting{width:100%;height:100%;position:absolute;inset:0}.touch-frame[data-reveal=none] .touch-painting{visibility:hidden}.touch-frame[data-reveal=done] .touch-painting-paint{-webkit-mask:none;mask:none}.touch-wash-stop{stop-color:var(--neutral-dark)}.touch-wash-even{fill:var(--neutral-dark);opacity:.6;display:none}@media not (min-width:64rem){.touch-wash-wide{display:none}.touch-wash-even{display:inline}}.touch-copy{color:var(--color-paper);pointer-events:none;position:absolute;inset:0}.touch-copy a,.touch-copy button{pointer-events:auto}.touch-copy-top{inset-inline:0;padding-top:clamp(1.25rem,3vw,3.5rem);position:absolute;top:0}.touch-stack{display:grid}.touch-stack>*{grid-area:1/1}.touch-eyebrow{color:color-mix(in srgb, var(--color-paper) 75%, transparent);margin-bottom:clamp(.5rem,1.2vw,1.25rem)}.touch-headline,.touch-say{font-family:var(--font-display);letter-spacing:-.015em;text-wrap:balance;font-weight:500;line-height:1.04}.touch-headline{font-size:clamp(2.1rem,1rem + 3vw,3.6rem)}.touch-say{font-size:clamp(1.75rem,.9rem + 2.4vw,3rem)}.touch-accent{color:var(--mark-dot)}.touch-copy-bottom{inset-inline:0;display:flex;position:absolute;bottom:clamp(2rem,7cqh,4.5rem)}@media (min-width:64rem) and (not (max-height:34rem)){.touch-copy-bottom{top:50cqh;bottom:auto}}@media (orientation:landscape) and (max-height:34rem){.touch-copy-bottom{justify-content:flex-end;bottom:clamp(1.25rem,4vw,4.5rem)}}.touch-close{flex-direction:column;align-items:flex-start;gap:clamp(.75rem,2vw,1.5rem);max-width:34rem;display:flex}@media (min-width:64rem) and (not (max-height:34rem)){.touch-close{max-width:min(28rem,36cqw)}}@media (orientation:landscape) and (max-height:34rem){.touch-close{max-width:min(26rem,46cqw)}}.touch-rule{background-color:color-mix(in srgb, var(--color-paper) 50%, transparent);width:4rem;height:1px;transform:scaleX(var(--in));transform-origin:0;display:block}.touch-lead{color:var(--color-paper);text-shadow:0 1px 12px #00000073;font-size:clamp(1.0625rem,.95rem + .35vw,1.25rem);line-height:1.6}.touch-beat{--in:0;--out:0;opacity:calc(1 - var(--out));transform:translate3d(0, calc(var(--out) * -1.5rem), 0)}.touch-beat-opening{--in:1}.touch-beat.touch-close{opacity:var(--in);transform:translate3d(0, calc((1 - var(--in)) * 3rem), 0)}.touch-line{margin-block:-.06em -.14em;padding-block:.06em .14em;display:block;overflow:clip}.touch-line>*{transform:translate3d(0, calc((1 - clamp(0, var(--in) * 1.6 - var(--i,0) * .3, 1)) * 115%), 0);display:block}.touch-line:nth-child(2){--i:1}.touch-line:nth-child(3){--i:2}.touch-close:not([data-shown]),.touch-skip:not([data-shown]){visibility:hidden}.touch-tag{--tag-w:15rem;--tag-room:max(0px, 50cqw - var(--dot-r) - 1rem - var(--tag-w) - 1.25rem);--tag-shift:min(var(--gap), var(--tag-room));width:max-content;max-width:var(--tag-w);background-color:var(--color-paper);color:var(--color-ink);font-family:var(--font-sans);letter-spacing:.2em;text-transform:uppercase;clip-path:polygon(1% 4%,38% 0,97% 3%,100% 52%,98% 97%,55% 100%,3% 96%,0 45%);opacity:calc(var(--in) * (1 - var(--out)));z-index:1;padding:.65rem .9rem .7rem;font-size:.6875rem;font-weight:500;line-height:1.55;position:absolute}.touch-tag-innovation{right:calc(50cqw + var(--dot-r) + 1rem);top:calc(var(--dot-y) - 135 * var(--arm-scale));text-align:right;transform:translate3d(calc(-1 * var(--tag-shift)), -100%, 0) rotate(-2deg)}.touch-tag-adopter{left:calc(50cqw + var(--dot-r) + 1rem);top:calc(var(--dot-y) - 150 * var(--arm-scale));transform:translate3d(var(--tag-shift), -100%, 0) rotate(1.5deg)}@media not (min-width:48rem){.touch-tag{white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;padding:0;overflow:hidden}}.touch-measure{left:50cqw;top:calc(var(--dot-y) - var(--dot-r) * 4.5);width:calc(2 * (var(--dot-r) + var(--gap)));border-top:1px solid color-mix(in srgb, var(--color-paper) 70%, transparent);color:color-mix(in srgb, var(--color-paper) 80%, transparent);opacity:calc(var(--in) * (1 - var(--out)));z-index:2;text-shadow:0 1px 10px #00000080;position:absolute;transform:translate(-50%)}.touch-measure:before,.touch-measure:after{content:"";background-color:currentColor;width:1px;height:13px;position:absolute;top:-7px}.touch-measure:before{left:0}.touch-measure:after{right:0}.touch-measure-end{white-space:nowrap;position:absolute;bottom:.6rem}.touch-measure-end:first-child{right:calc(100% - .5rem)}.touch-measure-end:last-child{left:calc(100% - .5rem)}.touch-story .touch-arm-adam{transform:translate3d(calc(-1 * (var(--gap) + var(--retreat) * 22cqw)), 0, 0)}.touch-story .touch-arm-god{transform:translate3d(calc(var(--gap) + var(--retreat) * 22cqw), 0, 0)}.touch-phases{left:50%;top:calc(var(--dot-y) - var(--dot-r) + var(--logo-w) * .3663 + clamp(1rem, 3vw, 3rem));text-align:center;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5rem;width:min(90cqw,54rem);margin:0;padding:0;list-style:none;display:grid;position:absolute;transform:translate(-50%)}@media not (min-width:48rem){.touch-phases{grid-template-columns:1fr;gap:.5rem}}.touch-phase{text-shadow:0 1px 14px #00000059}.touch-phase-label{letter-spacing:.24em;color:var(--color-paper);font-size:.8125rem}.touch-phase-body{color:color-mix(in srgb, var(--color-paper) 92%, transparent);margin-top:.5rem;font-size:1.0625rem;line-height:1.5}@media not (min-width:48rem){.touch-phase-body{display:none}}.touch-cue{inset-inline:0;flex-direction:column;align-items:center;gap:.75rem;display:flex;position:absolute;bottom:clamp(1rem,3vw,2.25rem)}@media (orientation:landscape) and (max-height:34rem),not (min-width:40rem){.touch-cue{display:none}}.touch-skip{min-height:2.75rem;color:color-mix(in srgb, var(--color-paper) 80%, transparent);align-items:center;gap:.6rem;transition:color .3s;display:inline-flex;position:absolute;bottom:clamp(.75rem,2vw,1.75rem);right:1.25rem}.touch-skip:hover{color:var(--color-paper)}@media (min-width:40rem){.touch-skip{right:2rem}}@media (prefers-reduced-motion:reduce),(scripting:none){.touch-story .touch-frame{--approach:1;--arms:0;--glow:0}.touch-story .touch-mark,.touch-story .touch-skip,.touch-story .touch-cue{display:none}.touch-story .touch-frame[data-reveal] .touch-painting{visibility:visible}.touch-story .touch-painting-paint{-webkit-mask:none;mask:none}.touch-story .touch-close{--in:1;visibility:visible}}@media (max-height:40rem) and (min-width:48rem){.touch-story .touch-phase-body{display:none}.touch-story .touch-skip{top:.5rem;bottom:auto}}@media (max-height:34rem) and (orientation:landscape){.touch-story .touch-frame{--logo-w:28cqw;--span:58cqw;--dot-y:58cqh}.touch-story .touch-headline{font-size:1.6rem}.touch-story .touch-say{font-size:1.35rem}.touch-story .touch-lead{font-size:.875rem;line-height:1.45}.touch-story .touch-tag{white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;padding:0;overflow:hidden}.touch-story .touch-measure{display:none}.touch-story .touch-phases{top:calc(var(--dot-y) - var(--dot-r) + var(--logo-w) * .3663 + .75rem);gap:1.5rem}.touch-story .touch-phase-body{display:none}.touch-story .touch-skip{top:.5rem;bottom:auto}}