.section-button{--icon-held-transform:translate(var(--pop-icon-x, 0px), var(--pop-icon-y, 0px)) rotate(var(--kick-angle)) scale(1.4);--plate-held-transform:translate(var(--plate-x), var(--plate-y)) rotate(var(--plate-kick-angle)) scale(var(--plate-held))}@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:var(--icon-held-transform)}}@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:var(--plate-held-transform)}}@keyframes icon-return{from{transform:var(--icon-held-transform)}to{transform:translate(var(--icon-x),var(--icon-y))rotate(var(--icon-angle))scale(1)}}@keyframes plate-return{from{transform:var(--plate-held-transform)}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:var(--icon-held-transform)}.section-button:active .object-plate{transform:var(--plate-held-transform)}.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:3;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:5;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-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}@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}.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}}.rca-layer{z-index:4}.rca-layer .rca-plug{pointer-events:none}.rca-layer .rca-channel--white{--rca-channel:var(--ink)}.rca-layer .rca-channel--red{--rca-channel:var(--red)}.rca-layer .rca-body{fill:var(--cable);stroke:var(--faint);stroke-width:.7;stroke-linejoin:round}.rca-layer .rca-pin{fill:none;stroke:var(--muted-ink);stroke-width:2;stroke-linecap:round}.rca-layer .rca-channel{fill:var(--rca-channel)}.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:var(--home-scene-width);scale:var(--home-scene-scale);padding-block:var(--home-scene-top)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)}}.entry--hardware{--connection-spill:var(--spill-hardware)}.entry--intelligence{--connection-spill:var(--spill-intelligence)}.entry--cyber{--connection-spill:var(--spill-cyber)}@media(prefers-reduced-motion:no-preference){.entry.is-connecting .section-button .object-icon{animation:none;transform:var(--icon-held-transform)}.entry.is-connecting .section-button .object-plate{animation:none;transform:var(--plate-held-transform)}}.connection-splash{position:fixed;inset:0;z-index:8;pointer-events:none;mask-repeat:no-repeat;mask-size:0 0}.page-session{--accent-blue:var(--session-slate);--accent-green:var(--session-violet);--accent-red:var(--session-plum);--session-shadow:color-mix(in srgb, var(--cable) 55%, transparent);--session-rule:color-mix(in srgb, var(--session-ink) 13%, transparent)}.page-session :is(.edge-mark,.background-dots,.pigment-mark,.wide-dots,.wide-ticks,.wide-staff,.background-scrawl--side,.music-staff--upper,.music-staff--lower,.music-staff--bass,.time-signature--five,.time-signature--seven){display:none}.session-tape{width:max-content;margin:0;padding:.24rem .6rem .26rem;background:var(--session-tape);color:var(--session-ink);box-shadow:.15rem .2rem 0 var(--session-shadow);font:.66rem/1.2 var(--mono);letter-spacing:.14em;text-transform:uppercase}.page-session .object::before{background:var(--slab);opacity:1;transform:translate(calc(var(--plate-x) + var(--slab-x)),calc(var(--plate-y) + var(--slab-y)))rotate(calc(var(--plate-angle) + var(--slab-angle,0deg)))}.page-session .entry--hardware{--chip:var(--session-hardware-slab);--slab:var(--session-hardware-slab);--slab-x:-.55rem;--slab-y:.7rem}.page-session .entry--intelligence{--object-color:var(--spill-intelligence);--slab:repeating-linear-gradient(
    to bottom,
    var(--session-paper) 0 .3rem,
    color-mix(in srgb, var(--session-ink) 22%, var(--session-paper)) .3rem calc(.3rem + 1px)
  );--slab-x:.9rem;--slab-y:-.35rem;--slab-angle:-5deg}.page-session .entry--cyber{--object-color:var(--spill-cyber);--slab:var(--session-cyber-slab);--slab-x:.55rem;--slab-y:.65rem}.page-session .entry--cyber .object-plate{background:var(--session-cyber-edge)}.page-session .entry--cyber .object-plate::before{content:"";position:absolute;inset:0;background:var(--object-color);clip-path:var(--plate-cut);scale:.965}.page-session .entry-caption-ink,.page-session .section-button:is(:hover,:focus,:focus-visible,:active) .entry-caption-ink{text-shadow:none}.page-session .entry-title{padding:.3rem .6rem .32rem;background:var(--session-tape);color:var(--session-ink);box-shadow:.15rem .2rem 0 var(--session-shadow);font-size:.75rem;line-height:1.25;letter-spacing:.03em}.page-session .entry-title::before{content:var(--ch)/"";padding-left:.9em;background:linear-gradient(var(--chip,var(--object-color)),var(--chip,var(--object-color)))0/.58em .58em no-repeat;color:var(--session-muted)}.page-session .entry-topics{margin-top:.6rem;color:var(--ink);font-size:.78rem;line-height:1.75}.session-tape--hub{position:absolute;top:0;left:50%;z-index:1;padding:.18rem .5rem .2rem;translate:-50% -40%;rotate:-3deg;font-size:.58rem;letter-spacing:.1em;text-transform:none}.page-session .audio-hub .entry-title{text-transform:uppercase;letter-spacing:.14em}.page-home :is(.background-scrawl--top,.time-signature--four){display:none}.session-tape--brand{position:absolute;top:calc(var(--brand-top) + var(--brand-size) * var(--home-scene-scale) * .93);left:calc(var(--brand-left) + var(--brand-size) * 1.25);rotate:-3deg}.page-home .intro{padding-top:calc(1rem + var(--brand-size) * .95 + 3.25rem)}.track-sheet{max-width:23.5rem;padding:.7rem 1.15rem 1rem;background:var(--session-paper);color:var(--session-ink);box-shadow:.5rem .55rem 0 var(--session-shadow);rotate:-1.4deg}.track-sheet__head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin:0 0 .55rem;padding-bottom:.35rem;border-bottom:1.5px solid var(--session-ink);color:var(--session-muted);font-size:.64rem;letter-spacing:.12em;text-transform:uppercase}.track-sheet .full-name{margin:0;color:var(--session-ink);font-size:.7rem;letter-spacing:.04em;text-transform:none}.track-sheet .intro-copy{max-width:34ch;color:var(--session-ink);font-size:.9rem;line-height:1.75rem;background:repeating-linear-gradient(to bottom,transparent 0 calc(1.75rem - 1px),var(--session-rule) calc(1.75rem - 1px) 1.75rem)}.track-sheet .intro-copy a{text-decoration-color:var(--red);text-decoration-thickness:2px}@media(max-width:44rem){.session-tape--brand{top:calc(var(--brand-top) + var(--brand-size) * .9);left:calc(var(--brand-left) + 4.5rem)}.page-home .intro{padding-top:calc(var(--brand-size) * .95 + 2.75rem)}.track-sheet{max-width:none;rotate:-.8deg}}