@keyframes icon-impact{0%{transform:translate(var(--icon-x),var(--icon-y))rotate(var(--icon-angle))scale(1)}18%{transform:translate(0,.45rem)rotate(calc(var(--icon-angle) * -1))scale(.77,.7)}35%{transform:translate(var(--pop-icon-x,0px),var(--pop-icon-y,0px))rotate(var(--kick-angle))scale(1.65,1.48)}53%{transform:translate(var(--pop-icon-x,0px),var(--pop-icon-y,0px))rotate(var(--kick-angle))scale(1.6,1.44)}76%{transform:translate(var(--pop-icon-x,0px),var(--pop-icon-y,0px))rotate(calc(var(--kick-angle) * .8))scale(1.25,1.38)}100%{transform:translate(var(--pop-icon-x,0px),var(--pop-icon-y,0px))rotate(var(--kick-angle))scale(1.4)}}@keyframes plate-impact{0%{transform:translate(var(--plate-x),var(--plate-y))rotate(var(--plate-angle))}18%{transform:translate(0,.25rem)rotate(var(--plate-angle))scale(.86,.8)}35%,53%{transform:translate(var(--plate-x),var(--plate-y))rotate(var(--plate-kick-angle))scale(var(--plate-peak))}76%{transform:translate(var(--plate-x),var(--plate-y))rotate(calc(var(--plate-kick-angle) * .8))scale(1.1)}100%{transform:translate(var(--plate-x),var(--plate-y))rotate(var(--plate-kick-angle))scale(var(--plate-held))}}@keyframes icon-return{from{transform:translate(var(--pop-icon-x,0px),var(--pop-icon-y,0px))rotate(var(--kick-angle))scale(1.4)}to{transform:translate(var(--icon-x),var(--icon-y))rotate(var(--icon-angle))scale(1)}}@keyframes plate-return{from{transform:translate(var(--plate-x),var(--plate-y))rotate(var(--plate-kick-angle))scale(var(--plate-held))}to{transform:translate(var(--plate-x),var(--plate-y))rotate(var(--plate-angle))scale(1)}}.section-button.is-returning:not(:hover):not(:focus-visible) .object-icon{animation:icon-return 150ms cubic-bezier(.2,.8,.3,1)both}.section-button.is-returning:not(:hover):not(:focus-visible) .object-plate{animation:plate-return 150ms cubic-bezier(.2,.8,.3,1)both}.section-button:focus-visible .entry-title{text-decoration-line:underline}@media(hover:hover) and (pointer:fine){.section-button:hover .entry-title{text-decoration-line:underline}.section-button:hover:not(:active) .object-icon{animation:icon-impact 450ms cubic-bezier(.2,.7,.25,1)both}.section-button:hover:not(:active) .object-plate{animation:plate-impact 450ms cubic-bezier(.2,.7,.25,1)both}}.section-button:focus-visible:not(:active) .object-icon{animation:icon-impact 450ms cubic-bezier(.2,.7,.25,1)both}.section-button:focus-visible:not(:active) .object-plate{animation:plate-impact 450ms cubic-bezier(.2,.7,.25,1)both}@media(hover:none){.section-button:focus:not(:active) .object-icon{animation:icon-impact 450ms cubic-bezier(.2,.7,.25,1)both}.section-button:focus:not(:active) .object-plate{animation:plate-impact 450ms cubic-bezier(.2,.7,.25,1)both}.section-button:focus .entry-title{text-decoration-line:underline}}.section-button:active .object-icon{transform:translate(0,.45rem)rotate(var(--icon-angle))scale(.77,.7)}.section-button:active .object-plate{transform:translate(var(--plate-x),.25rem)rotate(var(--plate-angle))scale(.86,.8)}.section-button:active .entry-title{text-decoration-line:underline}@media(prefers-reduced-motion:reduce){.splash .section-button:is(:hover,:focus,:focus-visible,:active) .object-icon{animation:none;transform:translate(var(--icon-x),var(--icon-y))rotate(var(--icon-angle))}.splash .section-button:is(:hover,:focus,:focus-visible,:active) .object-plate{animation:none;transform:translate(var(--plate-x),var(--plate-y))rotate(var(--plate-angle))}.splash .section-button.is-returning:not(:hover):not(:focus-visible) .object-icon,.splash .section-button.is-returning:not(:hover):not(:focus-visible) .object-plate{animation:none}}.entry-caption-ink{transition:transform 280ms cubic-bezier(.2,.8,.25,1.12),text-shadow 220ms ease-out}.section-button:is(:hover,:focus-visible) .entry-caption-ink{transform:rotate(0)scale(var(--caption-scale));text-shadow:1.2px .15px 0 var(--object-color)}@media(hover:none){.section-button:focus .entry-caption-ink{transform:rotate(0)scale(var(--caption-scale));text-shadow:1.2px .15px 0 var(--object-color)}}.section-button:active .entry-caption-ink{transform:rotate(0)scale(1.04);text-shadow:1.2px .15px 0 var(--object-color)}@media(prefers-reduced-motion:reduce){.entry-caption-ink{transition:none}}@media(forced-colors:active){.splash .section-button .entry-caption-ink{text-shadow:none}}.splash{isolation:isolate;--cable-routing:free}.intro,.entry{position:relative;z-index:2}.audio-cables{position:absolute;inset:0;z-index:1;width:100%;height:100%;overflow:visible;pointer-events:none}.cable-sheath{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.cable-sheath{stroke:var(--cable);stroke-width:4}.audio-hub{position:relative;z-index:2;grid-column:5/9;grid-row:2;justify-self:center;align-self:start;width:min(100%,12.5rem);aspect-ratio:1.2;margin-top:2.5rem;pointer-events:none}.hub-surface{position:absolute;inset:7% 2% 8%;background-color:var(--hub-paper);background-image:linear-gradient(102deg,transparent 58%,var(--surface-scratch) 58.3%,transparent 58.7%),radial-gradient(var(--surface-grain) .7px,transparent 1px);background-size:100% 100%,4px 4px;clip-path:polygon(4% 0,95% 6%,100% 91%,58% 100%,0 87%);transform:rotate(-5deg)}.hub-port{position:absolute;display:flex;flex-direction:column;gap:7px}.hub-port--hardware{left:61%;top:7%;flex-direction:row}.hub-port--intelligence{left:2%;top:59%}.hub-port--cyber{right:2%;top:52%}.hub-port>span{display:block;width:8px;height:8px}.hub-speaker{position:absolute;top:20%;width:42%;height:auto;filter:drop-shadow(1px 2px 0 var(--impression))}.hub-speaker--left{left:6%;transform:rotate(-9deg)}.hub-speaker--right{right:4%;top:24%;transform:rotate(7deg)}@media(max-width:44rem){.splash{grid-template-rows:repeat(5,auto);--cable-routing:stacked}.intro{grid-row:1}.audio-hub{grid-column:2/7;grid-row:2;margin-top:1rem}.entry--hardware{grid-row:3}.entry--intelligence{grid-row:4}.entry--cyber{grid-row:5}}@media(forced-colors:active){.audio-hub,.audio-cables{display:none}}.audio-hub{--object-color:var(--hub-paper);--caption-angle:-2deg;--caption-scale:1.16;--plate-x:0px;--plate-y:0px;--plate-angle:-5deg;--plate-kick-angle:7deg;--plate-peak:1.45;--plate-held:1.26;--icon-x:0px;--icon-y:0px;--icon-angle:0deg;--kick-angle:-9deg}.session-button.section-button{position:absolute;inset:0 0 auto;display:block;width:100%;height:auto;padding:0;pointer-events:auto}.hub-graphic{display:block;position:relative;width:100%;aspect-ratio:1.2;pointer-events:none}.hub-speakers.object-icon{inset:0;width:100%;height:100%;translate:none;aspect-ratio:auto}.hub-speakers .hub-speaker{width:42%;height:auto}.session-button .hub-caption{display:block;position:static;width:max-content;max-width:100%;margin:2.75rem auto 0}@media(max-width:44rem){.audio-hub{margin-bottom:8rem}}@media(max-width:44rem){.audio-hub{--plate-peak:1.2;--plate-held:1.14;--caption-scale:1.1}.session-button .hub-caption{margin-top:2rem}}@media(forced-colors:active){.audio-hub{display:block}.hub-surface,.hub-speakers{display:none}}.object-icon{width:min(clamp(3.25rem,7vw,7rem),60%)}.entry--hardware{--object-width:clamp(11rem, 22vw, 25rem)}.entry--intelligence{--object-width:clamp(9rem, 18vw, 20rem)}.entry--cyber{--object-width:clamp(11.5rem, 23vw, 26rem)}.entry .object{margin-inline:auto}.entry-caption{width:max-content;max-width:calc(100% - 1rem);margin-inline:auto;text-align:left}@media(min-width:44.01rem){.splash{--triangle-stage:clamp(9rem, min(19vw, 25svh), 25rem);--triangle-row-gap:clamp(.75rem, 1.5svh, 1.5rem);width:90%;padding-block:clamp(1.5rem,5svh,5rem)clamp(1rem,2.5svh,2rem);grid-template-columns:repeat(20,minmax(0,1fr));grid-template-rows:auto auto;column-gap:0;row-gap:var(--triangle-row-gap)}.intro{grid-column:1/7;grid-row:1;transform:none}.entry{margin:0;width:100%;--object-gap:1rem}.section-button{display:grid;grid-template-rows:var(--triangle-stage)auto}.entry .object{align-self:center;margin:0 auto}.entry-caption{margin-top:calc(var(--object-gap) - (var(--triangle-stage) - min(var(--object-width),100% - 2rem)/var(--object-aspect))/2)}.entry--hardware{--object-width:min(clamp(11rem, 22vw, 25rem), 32svh)}.entry--intelligence{--object-width:min(clamp(8rem, 17vw, 20rem), 23svh)}.entry--cyber{--object-width:min(clamp(11.5rem, 23vw, 26rem), 32.5svh)}.entry--hardware{grid-column:12/18;grid-row:1}.entry--intelligence{grid-column:3/9;grid-row:2;--object-gap:1.25rem}.entry--cyber{grid-column:15/21;grid-row:2;--object-gap:1.5rem}.audio-hub{position:absolute;grid-column:auto;grid-row:auto;left:50%;top:50svh;width:clamp(12rem,14vw,17rem);margin:0;transform:translate(-50%,-50%)}}@media(min-width:44.01rem) and (max-width:68rem){.intro{grid-column:1/9}.entry--hardware{grid-column:13/21}.entry--intelligence{grid-column:1/10}.entry--cyber{grid-column:12/21}.audio-hub{width:clamp(9rem,18vw,12rem)}}@media(min-width:68.01rem) and (max-width:80rem){.entry--hardware{grid-column:13/19}}@media(max-width:44rem){.splash{row-gap:2.5rem}.entry{--object-gap:2rem}.audio-hub{grid-column:1/-1;width:clamp(9rem,42vw,12rem)}}