.c-card-grid__subhead{max-width:700px;margin-inline:auto;margin-top:.5rem}.ss-logo-system{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:2rem}@media(min-width:640px){.ss-logo-system{grid-template-columns:repeat(3,1fr);gap:1rem}}@media(min-width:1024px){.ss-logo-system{grid-template-columns:repeat(6,1fr);gap:1rem}}.ss-logo-system__tile{position:relative;aspect-ratio:1;border-radius:0;border:1px solid var(--color-card-border);display:flex;align-items:center;justify-content:center;overflow:hidden;transition:transform var(--t),border-color var(--t-fast)}.ss-logo-system__tile:hover{transform:translateY(-2px);border-color:var(--green)}.ss-logo-system__mark{width:52%;height:52%;display:flex;align-items:center;justify-content:center;color:currentColor}.ss-logo-system__mark svg{width:100%;height:100%;display:block}.ss-logo-system__label{position:absolute;bottom:.6rem;left:.75rem;right:.75rem;font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:currentColor;opacity:.6;text-align:left}.ss-logo-system__tile--primary{background-color:var(--accent-solid);color:var(--ink-on-strong);border-color:transparent}.ss-logo-system__tile--mono-dark{background:#f5f5f5;color:#111;border-color:#00000014}.ss-logo-system__tile--mono-light{background:#111;color:#f5f5f5;border-color:#ffffff14}.ss-logo-system__tile--accent{background:var(--green);color:var(--ink-on-strong);border-color:transparent}.ss-logo-system__tile--outlined{background:transparent;color:var(--color-text)}.ss-logo-system__tile--outlined .ss-logo-system__mark svg{fill:none;stroke:currentColor;stroke-width:6;stroke-linejoin:round}.ss-logo-system__tile--favicon{background:var(--color-surface-alt);color:var(--color-text)}.ss-logo-system__tile--favicon .ss-logo-system__mark{width:22%;height:22%}.ss-gd .ss-sh__inner{grid-template-areas:"copy" "actions"}.ss-gd .ss-sh__title{font-size:clamp(2.5rem,min(5.2vw,7.8svh),4.4rem)}.ss-gd .ss-sh__svg{-webkit-mask-image:none;mask-image:none}.ss-gd .ss-sh__map{height:clamp(15rem,74vw,26rem)}@media(min-width:1200px){.ss-gd .ss-sh__inner{grid-template-areas:"copy ." "actions ."}.ss-gd .ss-sh__map{inset:0 0 0 50%;height:auto;padding-block:clamp(.5rem,2svh,1.5rem)}.ss-gd .ss-sh__svg{-webkit-mask-image:none;mask-image:none}}@media(min-width:640px){.c-card-grid.ss-gd-kit__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1200px){.c-card-grid.ss-gd-kit__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.ss-gd-kit__card{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr;padding:0;overflow:hidden}.ss-gd-kit__pic{position:relative;display:grid;place-items:center;aspect-ratio:1.7;background:radial-gradient(ellipse 50% 46% at 50% 60%,rgb(83 212 137 / .11),transparent 72%),var(--surface);border-bottom:1px solid var(--color-card-border)}.ss-gd-kit__pic:before{content:"";position:absolute;inset:0;background-image:var(--tex-hatch);background-size:6px 6px;opacity:.5;pointer-events:none}.ss-gd-kit__art{position:relative;display:block;width:88%;height:auto;aspect-ratio:320 / 180}.ss-gd-kit__body{padding:1.4rem 1.5rem}.ss-gd-kit__system{margin-top:clamp(2.25rem,5vw,3.25rem)}.ss-gd-kit__system-title{margin:0;font-size:var(--fs-h3);color:var(--color-text)}.ss-gd-kit__system .ss-logo-system{margin-top:1.25rem}.ss-gd-motion__list{margin-top:clamp(2rem,4.5vw,3rem)}.ss-motion-anatomy{margin-top:2rem}.ss-motion-anatomy__bar{display:grid;grid-template-columns:6fr 8fr 4fr;gap:.5rem;position:relative;padding-bottom:2.75rem}.ss-motion-anatomy__phase{background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:0;padding:1.2rem 1rem;display:flex;flex-direction:column;gap:.45rem;position:relative;min-height:100%}.ss-motion-anatomy__phase--hold{background:color-mix(in srgb,var(--color-card-bg) 70%,var(--color-surface-alt) 30%)}.ss-motion-anatomy__phase--entrance{border-color:color-mix(in srgb,var(--green) 45%,var(--color-card-border))}.ss-motion-anatomy__phase-label{font-family:var(--font-mono, monospace);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--accent-text);margin:0}.ss-motion-anatomy__phase-timing{font-family:var(--font-mono, monospace);font-size:.83rem;color:var(--color-text);margin:0;line-height:1.5;word-break:break-word}.ss-motion-anatomy__phase-desc{font-size:.92rem;color:var(--color-text-muted);line-height:1.55;margin:0}.ss-motion-anatomy__tick{position:absolute;top:100%;margin-top:.85rem;font-family:var(--font-mono, monospace);font-size:.75rem;color:var(--color-text-muted);letter-spacing:.02em;white-space:nowrap;left:0;transform:translate(-50%)}.ss-motion-anatomy__tick:before{content:"";position:absolute;top:-.75rem;left:50%;transform:translate(-50%);width:1px;height:.6rem;background:var(--color-card-border)}.ss-motion-anatomy__tick--right{left:auto;right:0;transform:translate(50%)}@media(max-width:760px){.ss-motion-anatomy__bar{grid-template-columns:1fr;gap:1rem;padding-bottom:0}.ss-motion-anatomy__tick{display:none}.ss-motion-anatomy__phase{padding:1rem}}.ss-motion-film{--feather: var(--header-gutter);position:relative;height:clamp(26rem,125vw,33rem);margin-inline:calc(50% - 50vw)}@media(min-width:600px){.ss-motion-film{height:clamp(24rem,58vw,28rem)}}@media(min-width:761px){.ss-motion-film{height:clamp(24rem,43vw,38rem)}}.ss-motion-film__canvas{position:absolute;inset:0;display:block;width:100%;height:100%;transition:opacity .35s ease;-webkit-mask-image:linear-gradient(90deg,transparent,#000 var(--feather),#000 calc(100% - var(--feather)),transparent),linear-gradient(transparent,#000 1.25rem,#000 calc(100% - 1.25rem),transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 var(--feather),#000 calc(100% - var(--feather)),transparent),linear-gradient(transparent,#000 1.25rem,#000 calc(100% - 1.25rem),transparent);mask-composite:intersect}.ss-motion-film.is-clearing .ss-motion-film__canvas{opacity:0;transition-duration:.2s}.ss-motion-film__player{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(.75rem,2vw,1.25rem);margin:.5rem 0 clamp(2.25rem,4vw,3rem)}.ss-motion-film__play,.ss-motion-film__sound{display:grid;place-items:center;width:2.75rem;height:2.75rem;padding:0;border:1px solid var(--border-strong);border-radius:50%;background:var(--surface-2);color:var(--ink-2);font-size:.95rem;cursor:pointer;transition:color .15s,border-color .15s}.ss-motion-film__sound svg{width:1.3rem;height:1.3rem}.ss-motion-film__play[data-state=play] [data-icon]:not([data-icon=play]),.ss-motion-film__play[data-state=pause] [data-icon]:not([data-icon=pause]),.ss-motion-film__play[data-state=replay] [data-icon]:not([data-icon=replay]),.ss-motion-film__sound[aria-pressed=false] [data-icon=on],.ss-motion-film__sound[aria-pressed=true] [data-icon=off]{display:none}.ss-motion-film__sound[aria-pressed=true]{color:var(--accent-text);border-color:color-mix(in srgb,var(--accent-text) 55%,var(--border-strong))}@media(hover:hover){.ss-motion-film__play:hover,.ss-motion-film__sound:hover{color:var(--ink);border-color:color-mix(in srgb,var(--accent-text) 55%,var(--border-strong))}}.ss-motion-film__play:focus-visible,.ss-motion-film__sound:focus-visible,.ss-motion-film__shots>button:focus-visible{outline:2px solid var(--accent-text);outline-offset:3px}.ss-motion-film__timeline:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}.ss-motion-film__reel{position:relative;min-width:0;padding-top:1.6rem;cursor:ew-resize;touch-action:none;user-select:none;-webkit-user-select:none}.ss-motion-film__shots{position:absolute;inset:0 0 auto;height:1.6rem}.ss-motion-film__reel.is-tight{padding-top:0}.ss-motion-film__reel.is-tight .ss-motion-film__shots{display:none}.ss-motion-film__shots>button{position:absolute;top:0;height:100%;padding:0 0 0 1px;border:0;background:none;color:var(--ink-3);font:500 .8125rem / 1 var(--font-mono);text-align:left;cursor:pointer;transition:color .2s}.ss-motion-film__shots>button.is-current{color:var(--accent-text)}@media(hover:hover){.ss-motion-film__shots>button:hover{color:var(--ink)}}.ss-motion-film__timeline{position:relative;height:2.25rem}.ss-motion-film__segments>span{position:absolute;top:50%;height:.3rem;margin-top:-.15rem;border-radius:2px;background:var(--color-card-border);transition:background-color .2s}.ss-motion-film__segments>span.is-done{background:color-mix(in srgb,var(--accent-text) 30%,var(--color-card-border))}.ss-motion-film__segments>span.is-current{background:color-mix(in srgb,var(--accent-text) 70%,transparent)}.ss-motion-film__playhead{position:absolute;top:.35rem;bottom:.35rem;left:calc(var(--film-at, 0) * 100%);width:2px;margin-left:-1px;background:var(--accent-text);pointer-events:none;transition:opacity .3s}.ss-motion-film__playhead:after{content:"";position:absolute;left:50%;top:50%;width:.95rem;height:.95rem;border-radius:50%;background:var(--accent-text);box-shadow:0 0 0 .3rem #53d4892e;transform:translate(-50%,-50%);transition:box-shadow .15s}@media(hover:hover){.ss-motion-film__reel:hover .ss-motion-film__playhead:after{box-shadow:0 0 0 .45rem #53d48947}}.ss-motion-anatomy.is-scrubbing .ss-motion-film__playhead:after{box-shadow:0 0 0 .45rem #53d48947}.ss-motion-anatomy.is-resting .ss-motion-film__playhead{opacity:.45}.ss-motion-film__time{position:absolute;left:50%;top:calc(100% + .15rem);transform:translate(-50%);font:500 .8125rem / 1 var(--font-mono);font-variant-numeric:tabular-nums;color:var(--accent-text);white-space:nowrap}.ss-motion-anatomy__phase{transition:border-color .2s,background-color .2s}.ss-motion-anatomy__phase.is-playing{border-color:color-mix(in srgb,var(--accent-text) 55%,var(--color-card-border));background-color:color-mix(in srgb,var(--accent-text) 6%,var(--color-card-bg))}.ss-motion-anatomy__playhead{position:absolute;z-index:2;left:calc(var(--sting-at, 0) * 100%);width:2px;margin-left:-1px;background:var(--accent-text);box-shadow:0 0 .75rem #53d48973;pointer-events:none;transition:opacity .3s}.ss-motion-anatomy__bar>.ss-motion-anatomy__playhead{top:-.6rem;bottom:2.35rem;background:linear-gradient(var(--accent-text) 0 1.4rem,rgb(83 212 137 / .3) 2.4rem calc(100% - 2rem),var(--accent-text) calc(100% - .8rem));box-shadow:none}.ss-motion-anatomy.is-resting .ss-motion-anatomy__playhead{opacity:.35}.ss-motion-anatomy__handle{position:absolute;left:50%;bottom:0;width:1rem;height:1rem;border-radius:50%;background:var(--accent-text);box-shadow:0 0 0 .3rem #53d4892e;transform:translate(-50%,50%);pointer-events:auto;cursor:grab;touch-action:none;transition:box-shadow .15s}.ss-motion-anatomy__handle:hover,.ss-motion-anatomy.is-scrubbing .ss-motion-anatomy__handle{box-shadow:0 0 0 .45rem #53d48947}.ss-motion-anatomy__handle:focus-visible{outline:2px solid var(--accent-text);outline-offset:4px}.ss-motion-anatomy__time{position:absolute;left:50%;bottom:calc(100% + .4rem);transform:translate(-50%);font:500 .75rem / 1 var(--font-mono);font-variant-numeric:tabular-nums;color:var(--accent-text);white-space:nowrap}.ss-motion-anatomy__scrub{position:absolute;left:0;right:0;bottom:2.35rem;height:1px;background:var(--color-card-border);pointer-events:none}@media(min-width:761px){.ss-motion-anatomy__bar{cursor:ew-resize;user-select:none;-webkit-user-select:none;touch-action:pan-y}}.ss-motion-anatomy.is-scrubbing,.ss-motion-anatomy.is-scrubbing *{cursor:grabbing;user-select:none;-webkit-user-select:none}.ss-motion-anatomy.is-sting-idle .ss-motion-anatomy__bar>.ss-motion-anatomy__playhead{opacity:.3}@media(max-width:760px){.ss-motion-anatomy__bar>.ss-motion-anatomy__playhead,.ss-motion-anatomy__scrub{display:none}}