.service-section{scroll-margin-block-start:6rem}.service-section__inner{gap:var(--space-7);align-items:center;display:grid}.service-section__copy{gap:var(--space-5);display:grid}.service-section__visual{isolation:isolate;place-items:center;min-block-size:18rem;display:grid;position:relative}.service-section__visual:before,.service-section__visual:after{content:"";border-radius:var(--radius-panel);corner-shape:var(--corner-shape);position:absolute}.service-section__visual:before{z-index:-2;inset:var(--space-5) var(--space-3) var(--space-3) var(--space-5);background:var(--color-soft-apricot);transform:rotate(3deg)}.service-section__visual:after{z-index:-1;inset:var(--space-3) var(--space-5) var(--space-5) var(--space-3);background:color-mix(in srgb, var(--color-shadow-grey) 16%, transparent);transform:rotate(-2deg)}.service-section__panel{aspect-ratio:1;border-radius:var(--radius-card);corner-shape:var(--corner-shape);width:min(78%,23rem);color:var(--color-soft-apricot);background:var(--color-shadow-grey);box-shadow:0 1.25rem 2.5rem color-mix(in srgb, var(--color-black) 22%, transparent);overflow:clip;transform:rotate(-5deg)}.service-section--digital .service-section__panel{color:var(--color-black);background:var(--color-lilac-ash);transform:rotate(5deg)}.service-section--websites .service-section__panel{--window-x:0px;--window-y:0px;color:var(--color-soft-apricot);background:var(--color-shadow-grey);translate:var(--window-x) var(--window-y);transition:opacity .26s ease, scale .42s var(--ease-spring), translate 80ms linear;will-change:translate, scale;transform:rotate(-2deg)}.service-section--websites .service-section__visual{z-index:2}.service-section--websites .service-section__panel.is-window-dragging{z-index:3;transition:none}.service-section--websites .service-section__panel:is(.is-window-minimized,.is-window-closed){opacity:0;pointer-events:none}.service-section--websites .service-section__panel.is-window-minimized{transform-origin:50% 100%;scale:.18 .08}.service-section--websites .service-section__panel.is-window-closed{transform-origin:50%;scale:0}.service-section--consulting .service-section__panel{color:var(--color-black);background:var(--color-soft-apricot);transform:rotate(3deg)}.service-visual{isolation:isolate;width:100%;height:100%;position:relative;transform:rotate(5deg)}.service-section--digital .service-visual{transform:rotate(-5deg)}.service-section--websites .service-visual{transform:none}.service-section--consulting .service-visual{transform:rotate(-3deg)}.service-visual__grid{z-index:-1;opacity:.18;background-image:linear-gradient(currentColor 1px,#0000 1px),linear-gradient(90deg,currentColor 1px,#0000 1px);background-size:2.25rem 2.25rem;position:absolute;inset:0;mask-image:radial-gradient(circle,#000 15%,#0000 72%)}.service-visual__core,.service-visual__node,.service-browser__module{--drag-x:0px;--drag-y:0px;border:1px solid color-mix(in srgb, currentColor 22%, transparent);color:currentColor;background:color-mix(in srgb, var(--color-canvas) 91%, transparent);box-shadow:0 .75rem 1.5rem color-mix(in srgb, var(--color-shadow-grey) 18%, transparent);translate:var(--drag-x) var(--drag-y);cursor:grab;touch-action:none;user-select:none;will-change:translate;place-items:center;display:grid;position:absolute}.service-visual__core:hover,.service-visual__node:hover,.service-browser__module:hover{background:color-mix(in srgb, var(--color-canvas) 78%, currentColor);box-shadow:0 1rem 2rem color-mix(in srgb, var(--color-shadow-grey) 26%, transparent)}.service-visual :is(.service-visual__core,.service-visual__node,.service-browser__module).is-dragging{z-index:5;cursor:grabbing;box-shadow:0 1.25rem 2.5rem color-mix(in srgb, var(--color-shadow-grey) 32%, transparent);animation-play-state:paused;scale:1.06}.service-visual .service-visual__node.is-dragging{box-shadow:none}.service-visual :is(.service-visual__core,.service-visual__node,.service-browser__module).is-returning{transition:translate .6s var(--ease-spring), scale var(--motion-fast) var(--ease-out)}.service-visual.is-playing .service-visual__grid{opacity:.28}.service-section--interfaces .service-visual__core{color:var(--color-black)}.service-visual--interfaces .service-visual__core .icon{transform:rotate(var(--connection-angle,90deg));transition:transform var(--motion-fast) linear}.service-visual__core{aspect-ratio:1;corner-shape:var(--corner-shape);background:var(--color-canvas);border-radius:36%;width:44%;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.service-visual__node{aspect-ratio:1;width:20%;box-shadow:none;background:0 0;border:0}.service-visual__node:hover{box-shadow:none;background:0 0}.service-visual__node--a{inset:14% auto auto 11%}.service-visual__node--b{inset:auto 10% 13% auto}.service-visual__connections{z-index:0;opacity:.42;pointer-events:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.service-visual__connections line{vector-effect:non-scaling-stroke}@media (prefers-reduced-motion:no-preference){.service-visual__core{animation:5.5s ease-in-out infinite service-core-float}.service-visual__node--a{animation:4.4s ease-in-out infinite alternate service-node-float}.service-visual__node--b{animation:4.8s ease-in-out .7s infinite alternate-reverse service-node-float}.service-browser__module--hero{animation:5.2s ease-in-out infinite alternate service-node-float}.service-browser__module--content{animation:5.8s ease-in-out .5s infinite alternate-reverse service-node-float}.service-browser__module--share{animation:4.7s ease-in-out .9s infinite alternate service-node-float}}@keyframes service-core-float{0%,to{transform:translate(-50%,-50%)rotate(-1deg)}50%{transform:translate(-50%,calc(-50% - .5rem))rotate(1deg)}}@keyframes service-node-float{0%{transform:translateY(-.2rem)rotate(-2deg)}to{transform:translateY(.45rem)rotate(2deg)}}@media (width>=64rem){.service-section__inner{gap:var(--space-8);grid-template-columns:minmax(0,.85fr) minmax(0,1fr)}.service-section__copy{order:-1}.service-section--digital .service-section__copy,.service-section--consulting .service-section__copy{order:initial;padding-inline-start:var(--space-6)}}.service-content .h1.page-hero__title{font-size:clamp(2rem,1.4rem + 2.2vw,3.5rem)}.mail-game{--mail-game-radius:.8rem;background:radial-gradient(circle at 18% 44%, color-mix(in srgb, var(--color-soft-apricot) 25%, transparent), transparent 24%), radial-gradient(circle at 80% 46%, color-mix(in srgb, var(--color-shadow-grey) 13%, transparent), transparent 27%);position:absolute;inset:0;overflow:hidden}.mail-game__route{z-index:0;pointer-events:none;width:90%;height:69%;position:absolute;inset:13% 5% 18%;overflow:visible}.mail-game__route path{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:.7px;vector-effect:non-scaling-stroke;opacity:.2;transition:opacity .42s,stroke-width .42s}.mail-game.is-automating .mail-game__route path{stroke-width:1.4px;opacity:.38}.mail-game__source{z-index:1;aspect-ratio:1.35;pointer-events:none;width:27%;position:absolute;inset:37% auto auto 9%}.mail-game__source i{border-radius:var(--mail-game-radius);background:color-mix(in srgb, var(--color-soft-apricot) 62%, var(--color-lilac-ash));box-shadow:0 .5rem 1rem color-mix(in srgb, var(--color-shadow-grey) 12%, transparent);position:absolute;inset:0;transform:translate(-.5rem,.4rem)rotate(-7deg)}.mail-game__source i+i{background:color-mix(in srgb, var(--color-soft-apricot) 78%, var(--color-lilac-ash));transform:translate(-.2rem,.15rem)rotate(-3deg)}.mail-game__mail,.mail-game__folder,.mail-game__automate{border-radius:var(--mail-game-radius);border:0;place-items:center;padding:0;display:grid;position:absolute}.mail-game__mail,.mail-game__folder{aspect-ratio:1.35;width:27%;color:var(--color-black);background:var(--color-soft-apricot);box-shadow:0 .9rem 1.6rem color-mix(in srgb, var(--color-shadow-grey) 22%, transparent), inset 0 -.18rem 0 color-mix(in srgb, var(--color-lilac-ash) 22%, transparent)}.mail-game__mail{--mail-x:0px;--mail-y:0px;z-index:3;translate:var(--mail-x) var(--mail-y);cursor:grab;touch-action:none;user-select:none;will-change:translate, transform, opacity;transition:background var(--motion-fast) ease, box-shadow var(--motion-base) ease, opacity .26s ease, scale .36s var(--ease-spring), transform .36s var(--ease-spring);inset:37% auto auto 9%;transform:rotate(-1.5deg)}.mail-game__mail .icon{filter:drop-shadow(0 .12rem 0 color-mix(in srgb, var(--color-lilac-ash) 28%, transparent))}.mail-game__mail:hover{background:color-mix(in srgb, var(--color-soft-apricot) 90%, var(--color-dry-sage));box-shadow:0 1.15rem 2rem color-mix(in srgb, var(--color-shadow-grey) 28%, transparent);transform:translateY(-.18rem)rotate(1deg)}.mail-game__mail.is-dragging{z-index:6;cursor:grabbing;box-shadow:0 1.6rem 2.8rem color-mix(in srgb, var(--color-shadow-grey) 36%, transparent);transform:translateY(-.35rem)rotate(4deg)}.mail-game__mail.is-returning{transition:translate .72s var(--ease-spring), scale .42s var(--ease-spring), transform .42s var(--ease-spring), box-shadow .32s ease}.mail-game__mail.is-sorted{opacity:0;pointer-events:none;transition:translate .44s var(--ease-out), opacity .18s .24s ease, scale .44s var(--ease-in), transform .44s ease;transform:rotate(14deg)}.mail-game__mail.is-resetting{opacity:0;transition:none}.mail-game__mail.is-respawning{animation:manual-mail-respawn .5s var(--ease-spring) both}.mail-game.is-automating .mail-game__mail{opacity:0;pointer-events:none;transform:translate(-.75rem)rotate(-8deg)}.mail-game__folder{z-index:2;transform-origin:50% 75%;transition:scale .38s var(--ease-spring), transform .38s var(--ease-spring), color .22s ease;inset:37% 9% auto auto}.mail-game__folder-glow{z-index:-1;border-radius:calc(var(--mail-game-radius) + .4rem);background:var(--color-soft-apricot);box-shadow:0 0 0 0 color-mix(in srgb, var(--color-soft-apricot) 40%, transparent);opacity:0;transition:opacity .24s ease, scale .42s var(--ease-spring), box-shadow .42s ease;position:absolute;inset:-.4rem;scale:.68}.mail-game__folder-icon{transform-origin:50% 75%;transition:opacity .22s ease, transform .42s var(--ease-spring);place-items:center;display:grid;position:absolute;inset:0}.mail-game__folder-icon--open{opacity:0;transform:translateY(.25rem)scale(.94)}.mail-game__folder.is-targeted{color:var(--color-shadow-grey);transform:translateY(-.12rem)}.mail-game__folder:is(.is-targeted,.is-receiving,.is-auto-receiving) .mail-game__folder-icon--closed{opacity:0;transform:translateY(.1rem)scale(.96)}.mail-game__folder:is(.is-targeted,.is-receiving,.is-auto-receiving) .mail-game__folder-icon--open{opacity:1;transform:translateY(-.08rem)scale(1)}.mail-game__folder.is-targeted .mail-game__folder-glow,.mail-game__folder.is-receiving .mail-game__folder-glow{opacity:.82;box-shadow:0 0 0 .45rem color-mix(in srgb, var(--color-soft-apricot) 22%, transparent);scale:1}.mail-game__folder.is-receiving .mail-game__folder-icon--open{animation:manual-folder-receive .56s var(--ease-out) both}.mail-game__folder.is-auto-receiving .mail-game__folder-icon--open{animation:automated-folder-receive .36s var(--ease-out) both}.mail-game__folder.is-auto-receiving .mail-game__folder-glow{animation:automated-folder-arrival-glow .38s var(--ease-out) both}.mail-game__automate{z-index:5;aspect-ratio:1;width:20%;color:var(--color-soft-apricot);background:var(--color-shadow-grey);box-shadow:0 .75rem 1.6rem color-mix(in srgb, var(--color-shadow-grey) 30%, transparent);cursor:pointer;isolation:isolate;transition:color .26s ease, background .26s ease, box-shadow .32s ease, scale .42s var(--ease-spring), transform .42s var(--ease-spring);inset:auto auto 7% 50%;translate:-50%}.mail-game__power-ring{z-index:-1;border-radius:inherit;opacity:0;transition:opacity .26s ease, scale .46s var(--ease-spring);border:.12rem solid;position:absolute;inset:-.35rem;scale:.72}.mail-game__automate:hover{transform:rotate(2deg)}.mail-game__automate.is-switching{animation:power-switch .46s var(--ease-spring)}.mail-game.is-automating .mail-game__automate{color:var(--color-black);background:var(--color-soft-apricot);box-shadow:0 .8rem 1.8rem color-mix(in srgb, var(--color-shadow-grey) 24%, transparent), 0 0 0 .28rem color-mix(in srgb, var(--color-soft-apricot) 24%, transparent)}.mail-game.is-automating .mail-game__power-ring{opacity:.48;scale:1}.mail-game__batch{pointer-events:none;position:absolute;inset:0}.mail-game__batch-mail{z-index:4;aspect-ratio:1.35;width:15%;color:var(--color-black);background:var(--color-soft-apricot);box-shadow:0 .55rem 1rem color-mix(in srgb, var(--color-shadow-grey) 22%, transparent);opacity:0;will-change:transform, opacity;border-radius:.48rem;place-items:center;display:grid;position:absolute;inset:41% auto auto 15%}.mail-game__batch-mail:nth-child(3n+2){background:color-mix(in srgb, var(--color-soft-apricot) 84%, var(--color-dry-sage))}.mail-game__batch-mail:nth-child(3n){background:color-mix(in srgb, var(--color-soft-apricot) 84%, var(--color-lilac-ash))}@media (prefers-reduced-motion:no-preference){.mail-game__source i:first-child{animation:3.2s ease-in-out infinite alternate mail-stack-breathe}.mail-game__source.is-dealing i:first-child{animation:mail-stack-deal-back .42s var(--ease-spring) both}.mail-game__source.is-dealing i+i{animation:mail-stack-deal-front .42s var(--ease-spring) both}.mail-game.is-automating .mail-game__source i:first-child{animation:4.8s ease-in-out infinite alternate mail-stack-flow-back}.mail-game.is-automating .mail-game__source i+i{animation:5.4s ease-in-out .35s infinite alternate-reverse mail-stack-flow-front}.mail-game.is-automating .mail-game__route path{animation:.9s ease-in-out infinite alternate automation-route-live}.mail-game.is-automating .mail-game__batch-mail{animation:automated-mail-sort 3.6s var(--mail-delay) cubic-bezier(.5, 0, .25, 1) infinite}}@media (prefers-reduced-motion:reduce){.mail-game.is-automating .mail-game__batch-mail{opacity:0}}@keyframes manual-mail-respawn{0%{opacity:0;transform:translate(-.65rem)rotate(-5deg)}68%{opacity:1;transform:translate(.08rem)rotate(0)}to{opacity:1;transform:translate(0)rotate(-1.5deg)}}@keyframes manual-folder-receive{0%,to{transform:translateY(-.08rem)scale(1)}42%{transform:translateY(.08rem)scale(1.045)}72%{transform:translateY(-.12rem)scale(.99)}}@keyframes automated-mail-sort{0%,6%{opacity:0;transform:translate(-.5rem,.2rem)scale(.5)rotate(-5deg)}14%{opacity:1;transform:translate(0,0)scale(1.02)rotate(-2deg)}42%{opacity:1;transform:translate3d(var(--auto-mid-x), var(--auto-mid-y), 0) scale(.94) rotate(3deg)}58%{opacity:1;transform:translate3d(var(--auto-x), var(--auto-y), 0) scale(.3) rotate(6deg)}64%,to{opacity:0;transform:translate3d(var(--auto-x), var(--auto-y), 0) scale(.08) rotate(7deg)}}@keyframes automated-folder-receive{0%,to{transform:translateY(-.08rem)scale(1)}48%{transform:translateY(.04rem)scale(1.025)}}@keyframes automated-folder-arrival-glow{0%{opacity:0;box-shadow:0 0 0 0 color-mix(in srgb, var(--color-soft-apricot) 32%, transparent);scale:.78}42%{opacity:.76;box-shadow:0 0 0 .35rem color-mix(in srgb, var(--color-soft-apricot) 22%, transparent);scale:1}to{opacity:0;scale:1.12;box-shadow:0 0 0 .7rem #0000}}@keyframes automation-route-live{0%{opacity:.24}to{opacity:.48}}@keyframes mail-stack-breathe{0%{transform:translate(-.5rem,.4rem)rotate(-7deg)}to{transform:translate(-.6rem,.48rem)rotate(-8.5deg)}}@keyframes mail-stack-deal-back{0%,to{transform:translate(-.5rem,.4rem)rotate(-7deg)}46%{transform:translate(-.66rem,.46rem)rotate(-8.5deg)}74%{transform:translate(-.44rem,.36rem)rotate(-6deg)}}@keyframes mail-stack-deal-front{0%,to{transform:translate(-.2rem,.15rem)rotate(-3deg)}42%{transform:translate(-.34rem,.22rem)rotate(-4.5deg)}72%{transform:translate(-.12rem,.1rem)rotate(-2deg)}}@keyframes mail-stack-flow-back{0%{transform:translate(-.5rem,.4rem)rotate(-7deg)}to{transform:translate(-.62rem,.3rem)rotate(-8deg)}}@keyframes mail-stack-flow-front{0%{transform:translate(-.2rem,.15rem)rotate(-3deg)}to{transform:translate(-.08rem,.04rem)rotate(-1.5deg)}}@keyframes power-switch{0%,to{transform:rotate(0)}42%{transform:rotate(0)}72%{transform:rotate(0)}}.service-visual--websites .service-visual__grid{display:none}.service-browser{border-radius:inherit;background:0 0;position:absolute;inset:0;overflow:hidden}.service-browser__bar{background:color-mix(in srgb, var(--color-shadow-grey) 88%, var(--color-soft-apricot));cursor:grab;touch-action:none;user-select:none;align-items:center;gap:.65rem;height:16%;padding-inline:6%;display:flex}.service-browser__bar:active{cursor:grabbing}.service-browser__control{aspect-ratio:1;width:1rem;min-width:0;color:var(--color-black);background:var(--color-soft-apricot);opacity:1;cursor:pointer;transition:opacity var(--motion-fast) ease, scale var(--motion-fast) var(--ease-spring);border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:relative}.service-browser__control--minimize{background:var(--color-dry-sage)}.service-browser__control:before,.service-browser__control:after{border-radius:var(--radius-pill);content:"";opacity:1;width:.52rem;height:.11rem;transition:opacity var(--motion-fast) ease, transform var(--motion-fast) ease;background:currentColor;position:absolute}.service-browser__control--close:before{transform:rotate(45deg)}.service-browser__control--close:after{transform:rotate(-45deg)}.service-browser__control--minimize:before{display:none}.service-browser__control:hover,.service-browser__control:focus-visible{opacity:1;scale:1.12}.service-browser__control:hover:before,.service-browser__control:hover:after,.service-browser__control:focus-visible:before,.service-browser__control:focus-visible:after{opacity:1}.service-browser__restore{z-index:4;aspect-ratio:1;width:3.5rem;color:var(--color-soft-apricot);background:var(--color-shadow-grey);box-shadow:0 .8rem 1.8rem color-mix(in srgb, var(--color-black) 24%, transparent);opacity:0;pointer-events:none;cursor:pointer;transition:opacity .22s ease, scale .36s var(--ease-spring), translate .36s var(--ease-spring);border:0;border-radius:38%;place-items:center;padding:0;display:grid;position:absolute;inset:auto auto 4% 50%;translate:-50% 1rem;scale:.6}.service-section__visual.is-browser-minimized .service-browser__restore{opacity:1;pointer-events:auto;translate:-50%;scale:1}.service-browser__restore:hover{color:var(--color-black);background:var(--color-soft-apricot);scale:1.08}.service-browser__new{z-index:4;aspect-ratio:1;width:4.5rem;color:var(--color-soft-apricot);background:var(--color-shadow-grey);box-shadow:0 .8rem 1.8rem color-mix(in srgb, var(--color-black) 24%, transparent);opacity:0;pointer-events:none;cursor:pointer;transition:opacity .22s ease, scale .42s var(--ease-spring);border:0;border-radius:40%;padding:0;position:absolute;inset:50% auto auto 50%;translate:-50% -50%;scale:.55}.service-browser__new:before,.service-browser__new:after{border-radius:var(--radius-pill);content:"";background:currentColor;width:1.6rem;height:.16rem;position:absolute;inset:50% auto auto 50%;translate:-50% -50%}.service-browser__new:after{rotate:90deg}.service-section__visual.is-browser-closed .service-browser__new{opacity:1;pointer-events:auto;scale:1}.service-browser__new:hover,.service-browser__new:focus-visible{color:var(--color-black);background:var(--color-soft-apricot);scale:1.08}.service-browser__canvas{height:84%;position:relative}.service-browser__brand{border-radius:var(--radius-pill);opacity:.35;background:currentColor;width:22%;height:.45rem;position:absolute;inset:8% auto auto 7%}.service-browser__module{background:color-mix(in srgb, var(--color-shadow-grey) 84%, var(--color-soft-apricot));box-shadow:none;border:0;border-radius:.8rem}.service-browser__module:hover,.service-browser__module.is-dragging{background:color-mix(in srgb, var(--color-shadow-grey) 76%, var(--color-soft-apricot))}.service-browser__module--hero{width:52%;height:31%;inset:20% auto auto 7%}.service-browser__module--content{width:52%;height:27%;padding:7%;inset:auto auto 9% 7%}.service-browser__module--content i{opacity:.35;background:currentColor;width:100%;height:2px;margin-block:.35rem;display:block}.service-browser__module--content i:nth-child(2){width:78%}.service-browser__module--content i:nth-child(3){width:45%}.service-browser__module--share{aspect-ratio:1;width:23%;inset:31% 8% auto auto}.service-visual--consulting .service-visual__grid{opacity:.1}.service-ttt{place-items:center;display:grid;position:absolute;inset:13%}.service-ttt__restart{z-index:5;aspect-ratio:1;width:4.5rem;color:var(--color-soft-apricot);background:var(--color-shadow-grey);box-shadow:0 .8rem 1.8rem color-mix(in srgb, var(--color-black) 24%, transparent);opacity:0;pointer-events:none;cursor:pointer;transition:opacity .22s ease, scale .42s var(--ease-spring), translate .42s var(--ease-spring), background var(--motion-fast) ease;border:0;border-radius:40%;place-items:center;padding:0;display:grid;position:absolute;inset:50% auto auto 50%;translate:-50% -50%;scale:.55}.service-ttt.is-finished .service-ttt__restart{opacity:1;pointer-events:auto;scale:1}.service-ttt__restart:hover,.service-ttt__restart:focus-visible{color:var(--color-black);background:var(--color-soft-apricot);scale:1.08}.service-ttt__board{aspect-ratio:1;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);width:min(100%,17rem);display:grid;position:relative}.service-ttt__cell{border:0;color:currentColor;cursor:pointer;min-width:0;transition:background var(--motion-fast) ease, opacity var(--motion-base) ease, transform var(--motion-fast) var(--ease-out);background:0 0;border-block-end:2px solid;border-inline-end:2px solid;place-items:center;padding:0;display:grid}.service-ttt__cell:nth-child(3n){border-inline-end:0}.service-ttt__cell:nth-child(n+7){border-block-end:0}.service-ttt__cell:not(:disabled):hover{background:0 0;transform:none}.service-ttt__cell:disabled{cursor:default}.service-ttt__cell.is-winning{background:0 0}.service-ttt.is-finished:not(.is-draw) .service-ttt__cell:not(.is-winning) .service-ttt__mark{opacity:.25;transition:opacity .32s}.service-ttt__win-line{z-index:3;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.service-ttt__win-line line{opacity:0;stroke:currentColor;stroke-width:.025px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px}.service-ttt__mark{transform-origin:50%;display:none}.service-ttt__cell:not([data-mark]):not(:disabled):hover .service-ttt__mark--x{opacity:.2;display:block;transform:scale(.82)}.service-ttt__cell[data-mark=X] .service-ttt__mark--x,.service-ttt__cell[data-mark=O] .service-ttt__mark--o{display:block}@media (prefers-reduced-motion:no-preference){.service-ttt__cell[data-mark=X] .service-ttt__mark--x{animation:ttt-x-land .42s var(--ease-spring) both}.service-ttt__cell[data-mark=O] .service-ttt__mark--o{animation:ttt-o-land .48s var(--ease-spring) both}.service-ttt.is-finished:not(.is-draw) .service-ttt__win-line line{animation:ttt-win-line .62s .32s var(--ease-out) forwards}.service-ttt.is-draw .service-ttt__cell[data-mark] .service-ttt__mark{animation:ttt-draw .52s calc(var(--cell-index) * 35ms) ease-in-out both}}@media (prefers-reduced-motion:reduce){.service-ttt.is-finished:not(.is-draw) .service-ttt__win-line line{opacity:1;stroke-dashoffset:0}}@keyframes ttt-x-land{0%{opacity:0;transform:scale(.25)rotate(-38deg)}68%{opacity:1;transform:scale(1.16)rotate(5deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes ttt-o-land{0%{opacity:0;transform:scale(.2)rotate(-120deg)}70%{opacity:1;transform:scale(1.14)rotate(9deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes ttt-win-line{0%{opacity:0;stroke-dashoffset:1px}12%{opacity:1}to{opacity:1;stroke-dashoffset:0}}@keyframes ttt-draw{0%,to{transform:translateY(0)rotate(0)}40%{transform:translateY(-.45rem)rotate(-6deg)}70%{transform:translateY(.1rem)rotate(3deg)}}