.page-content{min-height:100svh;overflow-x:clip}html:has(>body.page-content){scrollbar-width:thin;scrollbar-gutter:stable}.content-shell{position:relative;z-index:2}.site-nav{display:flex;justify-content:space-evenly;align-items:center;width:min(30rem,100%);padding:.4rem 0;border:1px solid var(--sec-nav-border,var(--faint));border-radius:var(--sec-nav-radius,.25rem);background:var(--sec-nav-bg,var(--paper));box-shadow:var(--sec-nav-shadow,none);font:clamp(.65rem,2.75vw,.8125rem)/1.5 var(--mono)}.site-nav a{display:grid;place-items:center;min-height:2.25rem;color:var(--sec-nav-ink,var(--muted-ink));text-decoration:none;text-underline-offset:.35em}.site-nav a:is(:hover,:focus-visible),.site-nav a[aria-current=page]{color:var(--sec-nav-active,var(--ink));text-decoration:underline;text-decoration-color:var(--sec-nav-accent,currentColor);text-decoration-thickness:2px}.site-nav a:focus-visible,.site-brand:focus-visible,.breadcrumbs a:focus-visible,.project-card:focus-visible,.project-links a:focus-visible{outline:2px solid currentColor;outline-offset:5px}.content-shell{width:min(100% - 3rem,76rem);min-height:calc(100svh - 12rem);margin-inline:auto;padding-block:clamp(1rem,4vw,3rem)clamp(4rem,9vw,7rem)}.content-panel{--panel:color-mix(in srgb, var(--paper) 96%, #000);position:relative;width:min(100%,72ch);margin-inline:auto;padding:clamp(1.35rem,5vw,3.5rem);border:1px solid color-mix(in srgb,var(--faint) 55%,transparent);background-color:var(--panel);background-image:radial-gradient(color-mix(in srgb,var(--ink) 7%,transparent) .65px,transparent .8px);background-size:5px 5px;box-shadow:.75rem .75rem color-mix(in srgb,var(--section-accent,var(--amber)) 18%,transparent);view-transition-name:content-panel}.content-panel--section{--section-accent:var(--amber)}.content-panel--accent-blue{--section-accent:var(--blue)}.content-panel--accent-red{--section-accent:var(--red)}.content-panel--accent-amber{--section-accent:var(--amber)}.content-panel .panel-badge{position:absolute;top:0;left:0;z-index:1;width:clamp(3.5rem,7vw,5rem);aspect-ratio:var(--object-aspect,1.2);margin:0;translate:-40% -45%;rotate:-6deg}.breadcrumbs{margin-bottom:clamp(2rem,5vw,3.5rem);font-size:.75rem}.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none}.breadcrumbs li:not(:last-child)::after{content:"/";margin-left:.5rem;color:var(--faint)}.breadcrumbs a{color:var(--muted-ink)}.breadcrumbs [aria-current=page]{color:var(--ink)}.content-heading{margin-bottom:2.5rem}.content-kicker{margin:0 0 .55rem;color:var(--section-accent,var(--amber));font-size:.75rem;letter-spacing:.08em;text-transform:lowercase}.content-heading h1{max-width:18ch;margin:0;font-family:var(--display);font-size:clamp(2.6rem,8vw,5.4rem);font-style:italic;font-weight:800;letter-spacing:-.055em;line-height:.98;overflow-wrap:anywhere}.content-description{max-width:58ch;margin:1.35rem 0 0;color:var(--muted-ink);line-height:1.75}.content-tags,.project-card__tags{color:var(--faint);font-size:.75rem}.prose{font-size:1rem;line-height:1.85}.prose>:first-child{margin-top:0}.prose>:last-child{margin-bottom:0}.prose h2,.prose h3{margin-block:2.4em .75em;font-family:var(--display);font-style:italic;letter-spacing:-.025em;line-height:1.15}.prose h2{font-size:clamp(1.65rem,4vw,2.2rem)}.prose h3{font-size:1.35rem}.prose a{color:var(--ink);text-decoration-color:var(--section-accent,var(--amber));text-decoration-thickness:2px;text-underline-offset:.22em}.prose img,.project-cover{display:block;max-width:100%;height:auto}.prose pre{overflow-x:auto;padding:1rem;border:1px solid color-mix(in srgb,var(--faint) 45%,transparent);background:color-mix(in srgb,var(--cable) 45%,transparent)}.prose :not(pre)>code{padding:.12em .3em;background:color-mix(in srgb,var(--cable) 38%,transparent)}.prose blockquote{margin-inline:0;padding-left:1rem;border-left:3px solid var(--section-accent,var(--amber));color:var(--muted-ink)}.project-cover{margin-bottom:2.5rem}.project-list{margin-top:clamp(3rem,7vw,5rem);padding-top:2rem;border-top:1px solid color-mix(in srgb,var(--faint) 45%,transparent)}.project-list h2{margin:0 0 1.25rem;font-family:var(--display);font-style:italic}.project-grid{display:grid;gap:1rem}.project-card{display:grid;gap:.55rem;padding:1.1rem 1.2rem;border:1px solid color-mix(in srgb,var(--section-accent,var(--amber)) 50%,transparent);color:inherit;text-decoration:none;transition:transform 160ms ease,background-color 160ms ease}.project-card:is(:hover,:focus-visible){background:color-mix(in srgb,var(--section-accent,var(--amber)) 9%,transparent);transform:translate(-2px,-2px)}.project-card__title{font-weight:700}.project-card__description{color:var(--muted-ink);font-size:.875rem;line-height:1.65}.empty-state{margin:3rem 0 0;padding-top:2rem;border-top:1px solid color-mix(in srgb,var(--faint) 45%,transparent);color:var(--muted-ink)}.project-links{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2.5rem}.project-links a{padding:.65rem .8rem;border:1px solid var(--faint);color:var(--ink);text-decoration:none}@media(max-width:44rem){.content-shell{width:min(100% - 2rem,76rem);padding-top:3rem}.content-panel{padding:1.35rem;box-shadow:.45rem .45rem color-mix(in srgb,var(--section-accent,var(--amber)) 18%,transparent)}.content-panel .panel-badge{left:.25rem;translate:-25% -70%}}@media(prefers-reduced-motion:reduce){.project-card{transition:none}.project-card:is(:hover,:focus-visible){transform:none}}@media(forced-colors:active){.content-panel,.project-card{background:Canvas;box-shadow:none}.panel-badge{display:none}.panel-badge--art{display:none}}html:has(>body.page-section){background:var(--sec-bg)}html:has(>body.page-section){scrollbar-color:var(--sec-nav-accent)var(--sec-bg)}html:has(>body.page-section)::-webkit-scrollbar{width:.375rem}html:has(>body.page-section)::-webkit-scrollbar-track{background:var(--sec-bg)}html:has(>body.page-section)::-webkit-scrollbar-thumb{background:var(--sec-nav-accent)}body.page-section{background:var(--sec-bg);color:var(--sec-ink)}@media(min-width:900px){body.has-section-decor{min-height:var(--sec-page-min-height,100svh)}}.section-panel .panel-badge--art{pointer-events:none}body.page-section .background-marks,body.page-section .edge-mark{display:none}.slot-layer{position:absolute;inset:0;overflow:clip;pointer-events:none}.slot-layer--back,.slot-layer--mid{z-index:1}.slot-layer--front{z-index:3}.slot-layer__drift{position:absolute;inset:0}.section-footer{position:relative;z-index:2}.slot{position:absolute;width:var(--slot-w);rotate:var(--slot-r)}.slot[data-anchor=top-left]{left:var(--slot-x);top:var(--slot-y)}.slot[data-anchor=top-right]{right:var(--slot-x);top:var(--slot-y)}.slot[data-anchor=bottom-left]{left:var(--slot-x);bottom:var(--slot-y)}.slot[data-anchor=bottom-right]{right:var(--slot-x);bottom:var(--slot-y)}.slot[data-anchor=top-center]{left:calc(50% + var(--slot-x));top:var(--slot-y);translate:-50% 0}.slot[data-anchor=bottom-center]{left:calc(50% + var(--slot-x));bottom:var(--slot-y);translate:-50% 0}.slot>img,.slot>svg{display:block;width:100%;height:auto}.slot[data-flow]{position:static}.project-grid{margin:0;padding:0;list-style:none}.project-card{position:relative}.project-card__index{display:none}.project-card__icon{display:block;width:2rem;height:2rem;flex:none}.project-scroll{min-width:0;scrollbar-width:thin;scrollbar-color:var(--sec-scroll-ink)var(--sec-scroll-track)}.project-scroll::-webkit-scrollbar{width:.375rem;height:.375rem}.project-scroll::-webkit-scrollbar-track{background:var(--sec-scroll-track)}.project-scroll::-webkit-scrollbar-thumb{background:var(--sec-scroll-ink);border-radius:.25rem}.project-scroll:focus-visible{outline:2px solid currentColor;outline-offset:.25rem}.project-scroll--horizontal{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;overscroll-behavior-x:contain}.project-scroll--vertical.project-scroll--overflow{max-height:min(32rem,70svh);overflow-y:auto;overflow-x:hidden;scroll-snap-type:y proximity}.project-scroll .project-card{scroll-snap-align:start}.project-scroll-hint{margin:0 0 .65rem;font:.75rem/1.5 var(--mono)}@media(max-width:599.98px){[data-hide-below="600"]{display:none}}@media(max-width:899.98px){[data-hide-below="900"]{display:none}}@media(max-width:1199.98px){[data-hide-below="1200"]{display:none}}.section-panel{width:min(100%,var(--sec-panel-width,72ch))}body.page-section .section-shell{min-height:0}body.page-screen.page-section .section-shell{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;min-height:0;padding-block:.75rem 1.5rem}body.page-screen.page-section .section-panel{zoom:var(--panel-fit,1);margin-bottom:0}.section-panel .panel-badge--art{position:absolute;top:0;left:0;z-index:4;margin:0;width:var(--badge-width,5rem);aspect-ratio:auto;translate:var(--badge-x,-40%)var(--badge-y,-45%);rotate:var(--badge-rotate,-6deg)}.section-panel .panel-badge--art>.slot{position:static}.project-list__head{display:flex;align-items:center;gap:1rem}.project-list__rule{flex:1;height:1px;background:currentColor;opacity:.3}.section-footer{width:min(100% - 3rem,80rem)}.section-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-inline:auto;padding-block:.5rem}body.page-screen.page-section .section-footer{flex-wrap:wrap;font-size:.72rem;line-height:1.3}@media(max-width:44rem){.section-footer{width:min(100% - 2rem,80rem)}}@media(forced-colors:active){.slot-layer,.panel-badge--art,.spill-veil{display:none}}@media(max-height:520px) and (min-width:560px){body.page-screen.page-section .section-shell{padding-block:.25rem .5rem}body.page-screen.page-section .section-footer{padding-block:.25rem}}@media(max-width:899.98px),(max-height:520px){body.page-screen.page-section .project-scroll-hint{display:none}}.spill-veil{display:none}html.is-spilling .spill-veil{display:block;position:fixed;inset:0;pointer-events:none;background:var(--sec-spill);view-transition-name:spill-veil}html.is-spilling::view-transition-old(root){animation:none}html.is-spilling::view-transition-new(root),html.is-spilling::view-transition-new(spill-veil){animation:none;mask-image:var(--spill-mask);mask-repeat:no-repeat;mask-size:0 0}html.is-spilling::view-transition-group(*){animation-duration:650ms}html.is-spilling::view-transition-new(content-panel):only-child{animation-delay:300ms;animation-duration:350ms}@font-face{font-family:archivo;font-style:normal;font-weight:700;font-display:swap;src:url(../assets/fonts/archivo-700-latin.woff2)format("woff2")}@font-face{font-family:archivo;font-style:normal;font-weight:800;font-display:swap;src:url(../assets/fonts/archivo-800-latin.woff2)format("woff2")}@font-face{font-family:archivo;font-style:italic;font-weight:800;font-display:swap;src:url(../assets/fonts/archivo-800-italic-latin.woff2)format("woff2")}@font-face{font-family:reenie beanie;font-style:normal;font-weight:400;font-display:swap;src:url(../assets/fonts/reenie-beanie-400-latin.woff2)format("woff2")}@font-face{font-family:cascadia mono;font-style:normal;font-weight:400;font-display:swap;src:url(../assets/fonts/cascadia-mono-400-latin.woff2)format("woff2")}@font-face{font-family:silkscreen;font-style:normal;font-weight:400;font-display:swap;src:url(../assets/fonts/silkscreen-400-latin.woff2)format("woff2")}html:has(>body.section-cyber),body.section-cyber{--sec-bg:#2c1bd6;--sec-bg-glow:#4a34db;--sec-bg-deep:#13077a;--sec-ink:#ffffff;--sec-spill:var(--spill-cyber);--sec-page-min-height:100svh;--sec-panel-width:59.5rem;--badge-width:5.5rem;--badge-x:-47%;--badge-y:-40%;--badge-rotate:-8deg;--paper:#eef1f8;--ink:#16161d;--muted-ink:#494957;--faint:#6c6c7d;--amber:#fff23a;--red:#ff2bd6;--blue:#3fe0ff;--green:#39ff6a;--accent-blue:#ff2bd6;--accent-green:#3fe0ff;--accent-red:transparent;--sec-pill-muted:#9494a4;--sec-pink:#ff2bd6;--sec-cyan:#3fe0ff;--sec-sky:#7cd2ff;--sec-yellow:#fff23a;--sec-green:#39ff6a;--sec-violet:#c03bff;--sec-blue:#2c1bd6;--sec-dark-blue:#1b10a3;--sec-poster:#eef1f8;--sec-ink-dark:#16161d;--sec-white:#ffffff;--sec-blue-link:#2d1ccc;--sec-faint:#6c6c7d;--sec-nav-bg:var(--sec-ink-dark);--sec-nav-ink:var(--sec-white);--sec-nav-active:var(--sec-white);--sec-nav-accent:var(--sec-pink);--sec-nav-border:var(--sec-cyan);--sec-nav-radius:.25rem;--sec-nav-shadow:.2rem .2rem 0 var(--sec-pink);--sec-scroll-ink:var(--sec-dark-blue);--sec-scroll-track:var(--sec-poster);--sec-swatch-1:#fff23a;--sec-swatch-2:#39ff6a;--sec-swatch-3:#ff2bd6;--sec-swatch-4:#c03bff;--sec-swatch-5:#2c1bd6;--font-cyber-h1:'Archivo', sans-serif;--font-cyber-title:'Archivo', sans-serif;--font-cyber-mono:'Cascadia Mono', monospace;--font-cyber-tagline:'Reenie Beanie', cursive;--font-cyber-pixel:'Silkscreen', monospace}html:has(>body.section-cyber){background:radial-gradient(30% 22% at 100% 0%,var(--sec-bg-deep),transparent),radial-gradient(32% 26% at 0% 100%,var(--sec-bg-deep),transparent),radial-gradient(130% 110% at 55% 25%,var(--sec-bg-glow) 0%,var(--sec-bg) 50%,color-mix(in srgb,var(--sec-bg) 75%,var(--sec-bg-deep)) 100%)}body.section-cyber{background:radial-gradient(30% 22% at 100% 0%,var(--sec-bg-deep),transparent),radial-gradient(32% 26% at 0% 100%,var(--sec-bg-deep),transparent),radial-gradient(130% 110% at 55% 25%,var(--sec-bg-glow) 0%,var(--sec-bg) 50%,color-mix(in srgb,var(--sec-bg) 75%,var(--sec-bg-deep)) 100%)}body.section-cyber .accent-rectangle--green{top:12rem;height:40rem}body.page-screen.section-cyber .accent-rectangle--green{height:min(40rem,80svh)}body.section-cyber .content-shell.section-shell{position:relative;z-index:2}body.section-cyber .content-panel.section-panel{background-color:var(--sec-poster);background-image:repeating-linear-gradient( to bottom,transparent 0,transparent 2px,color-mix(in srgb,var(--sec-ink-dark) 14%,transparent) 2px,color-mix(in srgb,var(--sec-ink-dark) 14%,transparent) 3px );border:0;box-shadow:-.75rem .75rem 0 var(--sec-pink),-1.5rem 1.5rem 0 var(--sec-cyan);padding:2.25rem 2.25rem 1.5rem;color:var(--sec-ink-dark)}body.section-cyber:not(.page-project) .breadcrumbs{float:left;margin-right:.75rem;margin-bottom:.75rem}body.section-cyber .breadcrumbs ol{display:inline-flex;align-items:center;gap:.5rem;background:var(--sec-ink-dark);color:var(--sec-white);padding:.2rem .5rem;border-radius:4px;font:.75rem/1.35 var(--font-cyber-mono);margin:0;list-style:none}body.section-cyber .breadcrumbs a{color:var(--sec-white);text-decoration:underline}body.section-cyber .breadcrumbs li:not(:last-child)::after{content:"/";margin-left:.5rem;color:var(--sec-pill-muted)}body.section-cyber .breadcrumbs [aria-current=page]{color:var(--sec-white);text-decoration:none}body.section-cyber .content-kicker{display:inline-block;background:var(--sec-yellow);color:var(--sec-ink-dark);padding:.2rem .5rem;border-radius:3px;font:700 .75rem/1.35 var(--font-cyber-mono);margin:0 0 .75rem;text-transform:lowercase;letter-spacing:normal}body.section-cyber .section-heading{margin-bottom:.25rem}body.section-cyber .poster-screen{grid-column:1/-1;grid-row:1;position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:.6rem;min-width:0;padding:1.2% 1.1%}body.section-cyber .section-title{font:italic 800 5.25rem/1 var(--font-cyber-h1);color:var(--sec-white);-webkit-text-stroke:3px var(--sec-ink-dark);text-shadow:-4px -2px 0 var(--sec-cyan),4px -1px 0 var(--sec-pink),2px 5px 0 var(--sec-yellow);margin:0;letter-spacing:-.03em}body.section-cyber .section-tagline{max-width:34%;font:1.85rem/1 var(--font-cyber-tagline);color:var(--sec-white);text-shadow:1px 1px 0 var(--sec-ink-dark),-1px -1px 0 var(--sec-ink-dark),2px 2px 0 var(--sec-blue);margin:0}@property --poster-time{syntax: "<integer>";
  inherits: true;
  initial-value: 0;
}@keyframes poster-progress{to{--poster-time:var(--poster-length)}}body.section-cyber .poster-progress{--poster-length:194;--poster-blocks:32;--poster-gap:2px;--poster-left:calc(var(--poster-length) - var(--poster-time));--poster-lit:min(var(--poster-blocks) - 1, round(down, var(--poster-time) * var(--poster-blocks) / var(--poster-length), 1));align-self:stretch;display:grid;grid-template-columns:1fr auto;row-gap:.3rem;margin:auto 0 3.4%;counter-reset:poster-elapsed-m calc(round(down,var(--poster-time)/60,1))poster-elapsed-s mod(var(--poster-time),60)poster-left-m calc(round(down,var(--poster-left)/60,1))poster-left-s mod(var(--poster-left),60);animation:poster-progress calc(var(--poster-length) * 1s)linear infinite}body.section-cyber .poster-progress__bar{grid-column:1/-1;position:relative;height:.55rem;background-image:repeating-linear-gradient( to right,color-mix(in srgb,var(--sec-white) 35%,transparent) 0 calc(100%/var(--poster-blocks) - var(--poster-gap)),transparent 0 calc(100%/var(--poster-blocks)) )}body.section-cyber .poster-progress__fill{position:absolute;inset:0;background-image:repeating-linear-gradient( to right,var(--sec-white) 0 calc(100%/var(--poster-blocks) - var(--poster-gap)),transparent 0 calc(100%/var(--poster-blocks)) );clip-path:inset(0 calc(100% - 100% * (var(--poster-lit) + 1)/var(--poster-blocks)) 0 0)}body.section-cyber .poster-progress__fill::after{content:"";position:absolute;inset-block:0;left:calc(100% * var(--poster-lit)/var(--poster-blocks));width:calc(100%/var(--poster-blocks) - var(--poster-gap));background:var(--sec-pink)}body.section-cyber .poster-progress__time{font:1rem/1 var(--font-cyber-pixel);padding-inline:1.5rem;color:var(--sec-white);text-shadow:2px 0 0 var(--sec-ink-dark),0 2px 0 var(--sec-ink-dark),2px 2px 0 var(--sec-ink-dark)}body.section-cyber .poster-progress__time--elapsed::before{content:counter(poster-elapsed-m)":" counter(poster-elapsed-s,decimal-leading-zero)}body.section-cyber .poster-progress__time--left{justify-self:end}body.section-cyber .poster-progress__time--left::before{content:"-" counter(poster-left-m)":" counter(poster-left-s,decimal-leading-zero)}@media(prefers-reduced-motion:reduce){body.section-cyber .poster-progress{--poster-time:67;animation:none}}body.section-cyber .panel-body{display:grid;grid-template-columns:minmax(0,1.35fr)minmax(0,1fr);column-gap:2.25rem;row-gap:1.25rem}body.section-cyber .panel-body .panel-badge--art{position:absolute;top:0;left:0;z-index:4;width:var(--badge-width,5.5rem);translate:var(--badge-x,-33%)var(--badge-y,-34%);rotate:var(--badge-rotate,-8deg)}body.section-cyber .slot--poster-cover{grid-column:1/-1;grid-row:1;width:100%}body.section-cyber .slot--poster-cover>svg{width:100%;height:auto;display:block}body.section-cyber .project-list{grid-column:1;grid-row:2;margin-top:0;margin-bottom:7.5rem;padding-top:0;border-top:none}body.section-cyber .project-scroll{padding:.25rem .5rem .5rem .25rem}body.section-cyber .project-scroll-hint{color:var(--sec-ink-dark)}body.section-cyber .project-list__head{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}body.section-cyber .project-grid{display:grid;gap:.9rem;list-style:none;margin:0;padding:0}body.section-cyber .project-card{display:block;padding:.85rem;border:2px solid var(--sec-ink-dark);border-top:.3rem solid var(--sec-cyan);background:var(--sec-poster);box-shadow:.2rem .2rem 0 var(--sec-pink);color:var(--sec-ink-dark);transition:none}body.section-cyber .project-card:nth-child(even){border-top-color:var(--sec-pink);box-shadow:.2rem .2rem 0 var(--sec-cyan)}body.section-cyber .project-card__marker{float:right;margin:0 0 .5rem .5rem;color:var(--sec-dark-blue)}body.section-cyber .project-card:is(:hover,:focus-within){background:var(--sec-white);transform:none}body.section-cyber .project-card.is-selected{border-color:var(--sec-ink-dark);background:var(--sec-sky);box-shadow:.35rem .35rem 0 var(--sec-pink)}body.section-cyber .project-card.is-selected:is(:hover,:focus-within){background:color-mix(in srgb,var(--sec-sky) 80%,var(--sec-white))}body.section-cyber .project-card.is-selected :is(.project-card__marker,.project-card__link){color:var(--sec-ink-dark)}body.section-cyber .project-scroll.is-carousel{--track-gap:0.9rem;--track-pitch:calc(var(--track-height) + var(--track-gap));max-height:none;overflow:clip;scroll-snap-type:none}body.section-cyber .is-carousel .project-grid{position:relative;display:block;height:calc(3 * var(--track-height) + 2 * var(--track-gap))}body.section-cyber .is-carousel .project-card{position:absolute;inset:0 0 auto;height:var(--track-height,auto);translate:0 calc((var(--track-slot,0) + 1) * var(--track-pitch));transition:translate var(--track-duration,.32s)var(--track-ease,cubic-bezier(.2,.7,.25,1)),scale var(--track-duration,.32s)var(--track-ease,cubic-bezier(.2,.7,.25,1)),opacity calc(var(--track-duration,.32s) * .75)ease}body.section-cyber .is-carousel .project-card:not(.is-selected){scale:.94;opacity:.75}body.section-cyber .is-carousel .project-card[data-offstage]{opacity:0}body.section-cyber .is-carousel .project-card.is-selected{z-index:1;cursor:pointer}body.section-cyber .project-grid>.project-card.project-card--ghost{border:2px dashed color-mix(in srgb,var(--sec-ink-dark) 40%,transparent);background:0 0;box-shadow:none}body.section-cyber .project-card--ghost .project-card__title{color:color-mix(in srgb,var(--sec-ink-dark) 50%,transparent)}@media(prefers-reduced-motion:reduce){body.section-cyber .is-carousel .project-card{transition:none}}body.section-cyber .project-card__title{font:700 1.125rem/1.25 var(--font-cyber-title);color:var(--sec-ink-dark);margin:0 0 .35rem}body.section-cyber .project-card__index{display:inline;font:inherit;margin-right:.25rem}body.section-cyber .project-card__summary{display:inline;font:.6875rem/1.55 var(--font-cyber-mono);color:var(--sec-ink-dark);margin:0}body.section-cyber .project-card__foot{display:inline;margin-left:.5ch;margin-top:0}body.section-cyber .project-card__link{font:700 .6875rem/1.4 var(--font-cyber-mono);color:var(--sec-blue-link);text-decoration:underline;text-underline-offset:.25em}body.section-cyber .project-card__meta,body.section-cyber .project-card__authors,body.section-cyber .project-card__tags,body.section-cyber .project-card__stub{display:none}body.section-cyber .poster-meta{grid-column:2;grid-row:2;display:flex;flex-direction:column;align-items:flex-end;text-align:right}body.section-cyber .poster-swatches{display:flex;gap:.5rem;justify-content:flex-end;margin-bottom:1.5rem}body.section-cyber .poster-swatch{display:block;width:2.125rem;height:2.125rem;border:0}body.section-cyber .poster-swatch--1{background:var(--sec-swatch-1)}body.section-cyber .poster-swatch--2{background:var(--sec-swatch-2)}body.section-cyber .poster-swatch--3{background:var(--sec-swatch-3)}body.section-cyber .poster-swatch--4{background:var(--sec-swatch-4)}body.section-cyber .poster-swatch--5{background:var(--sec-swatch-5)}body.section-cyber .poster-controls{align-self:center;margin:0 0 1.25rem;font:700 .75rem/1.4 var(--font-cyber-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--sec-ink-dark)}body.section-cyber .poster-controls svg{display:inline-block;width:.75em;height:.75em;vertical-align:-.05em;fill:currentColor}body.section-cyber .track-pad{--arm:3.4rem;--pad-edge:2.5px solid var(--sec-ink-dark);--pad-body:var(--sec-pink);--pad-body-hover:color-mix(in srgb, var(--sec-pink) 85%, var(--sec-ink-dark));--pad-arrow:var(--sec-white);position:relative;display:grid;grid-template:repeat(3,var(--arm))/repeat(3,var(--arm));align-self:center;margin-block:auto;user-select:none;filter:drop-shadow(.35rem .35rem 0 var(--sec-cyan))}body.section-cyber .track-pad[hidden]{display:none}body.section-cyber .track-pad__key{position:relative;display:grid;place-items:center;margin:0;padding:0;border:var(--pad-edge);background:var(--pad-body)}body.section-cyber .track-pad__key--up{grid-area:1/2;border-bottom:0;border-radius:.2rem .2rem 0 0}body.section-cyber .track-pad__key--left{grid-area:2/1;border-right:0;border-radius:.2rem 0 0 .2rem}body.section-cyber .track-pad__key--select{grid-area:2/2;z-index:1;border:0}body.section-cyber .track-pad__key--right{grid-area:2/3;border-left:0;border-radius:0 .2rem .2rem 0}body.section-cyber .track-pad__key--down{grid-area:3/2;border-top:0;border-radius:0 0 .2rem .2rem}body.section-cyber .track-pad__arrow{display:block;width:1.25rem;height:1.25rem}body.section-cyber .track-pad__arrow-body{fill:var(--pad-arrow);stroke:var(--sec-ink-dark);stroke-width:1.5;stroke-linejoin:round}body.section-cyber .track-pad__play{width:1.4rem;height:1.4rem;fill:var(--sec-yellow);stroke:var(--sec-ink-dark);stroke-width:1.2;stroke-linejoin:round}body.section-cyber button.track-pad__key{cursor:pointer;touch-action:manipulation}@media(hover:hover){body.section-cyber button.track-pad__key:hover{background:var(--pad-body-hover)}body.section-cyber button.track-pad__key:hover .track-pad__arrow-body{fill:var(--sec-cyan)}body.section-cyber button.track-pad__key--select:hover .track-pad__play{fill:var(--sec-white)}}body.section-cyber button.track-pad__key:active :is(.track-pad__arrow,.track-pad__play){translate:0 2px}body.section-cyber button.track-pad__key:focus-visible{z-index:2;outline:2.5px solid var(--sec-blue-link);outline-offset:3px}@media(forced-colors:active){body.section-cyber .track-pad{filter:none}body.section-cyber .track-pad__key--select{border:var(--pad-edge)}body.section-cyber .project-card.is-selected{outline:3px solid;outline-offset:2px}}body.section-cyber .poster-credit{margin-top:auto;text-align:right}body.section-cyber .poster-credit__artist{display:block;font:800 1.8rem/1.1 var(--font-cyber-title);color:var(--sec-ink-dark);text-transform:uppercase;letter-spacing:-.01em}body.section-cyber .poster-credit__title{display:block;font:800 3.45rem/1 var(--font-cyber-title);color:var(--sec-ink-dark);text-transform:uppercase;letter-spacing:-.01em;margin-top:.2rem}body.section-cyber .slot--signatures{z-index:2;pointer-events:none}body.section-cyber .section-footer{margin-inline:auto;padding-block:.5rem .75rem;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}body.section-cyber .section-footer span,body.section-cyber .section-footer a{display:inline-flex;align-items:center;background:var(--sec-ink-dark);color:var(--sec-white);padding:.2rem .5rem;border-radius:4px;font:.75rem/1.5 var(--font-cyber-mono);text-decoration:none}body.section-cyber .section-footer a{text-decoration:underline}body:where(.page-screen).section-cyber .section-footer{padding-block:.4rem .5rem}body.section-cyber.page-project .content-panel{background-color:var(--sec-poster);color:var(--sec-ink-dark);border:1px solid var(--sec-faint);box-shadow:.75rem .75rem 0 var(--sec-pink)}body.section-cyber.page-project .content-heading h1{font:800 clamp(2.2rem,5vw,3.5rem)/1.1 var(--font-cyber-title);color:var(--sec-ink-dark);clear:both}body.section-cyber.page-project .breadcrumbs a{color:var(--sec-white);text-decoration:underline}body.section-cyber.page-project .breadcrumbs [aria-current=page]{color:var(--sec-white)}@media(max-width:899.98px),(max-height:520px){body.section-cyber:not(.page-project) .section-panel{display:flex;flex-direction:column;box-shadow:-.6rem .6rem 0 var(--sec-pink),-1.2rem 1.2rem 0 var(--sec-cyan)}body.section-cyber:not(.page-project) .breadcrumbs{margin-bottom:.35rem}body.section-cyber:not(.page-project) .content-kicker{margin-bottom:.35rem}body.section-cyber:not(.page-project) .section-title{-webkit-text-stroke:clamp(2px,.25vw,3px)var(--sec-ink-dark);text-shadow:-3px -2px 0 var(--sec-cyan),3px -1px 0 var(--sec-pink),2px 4px 0 var(--sec-yellow)}body.section-cyber:not(.page-project) .poster-screen{position:static;padding:0}body.section-cyber:not(.page-project) .poster-progress{display:none}body.section-cyber:not(.page-project) .section-tagline{align-self:flex-start;max-width:none;line-height:1.15;color:var(--sec-blue);text-align:left;text-shadow:none}body.section-cyber:not(.page-project) .panel-body{flex:1;align-items:center}body.section-cyber:not(.page-project) .panel-body .panel-badge--art{left:auto;right:0;width:clamp(2.6rem,7.5vw,3.2rem);translate:0 0}body.section-cyber:not(.page-project) .slot--poster-cover{display:flex;align-items:center;justify-content:center}body.section-cyber:not(.page-project) .project-list{margin:0}body.section-cyber:not(.page-project) .poster-meta{height:100%;justify-content:space-between}body.section-cyber .project-scroll{padding:.15rem .25rem}body.section-cyber .project-grid{gap:.5rem}body.section-cyber .project-card{padding:clamp(.35rem,.8vh,.5rem)clamp(.5rem,1vw,.75rem);border-top-width:.25rem;box-shadow:.15rem .15rem 0 var(--sec-pink)}body.section-cyber .project-card:nth-child(even){box-shadow:.15rem .15rem 0 var(--sec-cyan)}body.section-cyber .project-card__marker{margin:0 0 .25rem .5rem}body.section-cyber .project-card.is-selected{box-shadow:.25rem .25rem 0 var(--sec-pink)}body.section-cyber .project-scroll.is-carousel{--track-peek:1.5rem;--track-gap:.25rem}body.section-cyber .is-carousel .project-grid{height:calc(var(--track-height) + 2 * (var(--track-peek) + var(--track-gap)))}body.section-cyber .is-carousel .project-card{translate:0 calc( min(1,var(--track-slot,0) + 1) * (var(--track-peek) + var(--track-gap)) + max(0,var(--track-slot,0)) * (var(--track-height) + var(--track-gap)) )}body.section-cyber .is-carousel .project-card:not(.is-selected){height:var(--track-peek);padding:.15rem .5rem;overflow:hidden;scale:.98}body.section-cyber .is-carousel .project-card:not(.is-selected) :is(.project-card__summary,.project-card__foot,.project-card__marker){display:none}body.section-cyber .is-carousel .project-card:not(.is-selected) .project-card__title{font-size:.75rem;line-height:1.2;margin:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}body.section-cyber .is-carousel .project-card.is-selected{height:auto;padding:.35rem .6rem;z-index:2}body.section-cyber .project-card__title{font:700 clamp(.85rem,min(1.3vw,2.2svh),1.2rem)/1.2 var(--font-cyber-title);margin:0 0 .15rem}body.section-cyber .project-card__summary{font:clamp(.75rem,min(1vw,1.7svh),.95rem)/1.4 var(--font-cyber-mono)}body.section-cyber .project-card__link{font:700 clamp(.75rem,min(.95vw,1.6svh),.9rem)/1.3 var(--font-cyber-mono);text-underline-offset:.2em;white-space:nowrap}body.section-cyber .poster-swatches{gap:.35rem;margin-bottom:.35rem}body.section-cyber .poster-swatch{width:clamp(1rem,1.5vw,1.35rem);height:clamp(1rem,1.5vw,1.35rem)}body.section-cyber .poster-controls{margin:0 0 .35rem;font:700 clamp(.625rem,.8vw,.7rem)/1.3 var(--font-cyber-mono);letter-spacing:.04em}body.section-cyber .track-pad{--arm:clamp(1.5rem, 2.8svh, 2rem);--pad-edge:2px solid var(--sec-ink-dark);filter:drop-shadow(.25rem .25rem 0 var(--sec-cyan))}body.section-cyber .track-pad__arrow{width:clamp(.85rem,1.2vw,1.1rem);height:clamp(.85rem,1.2vw,1.1rem)}body.section-cyber .track-pad__play{width:clamp(.95rem,1.4vw,1.25rem);height:clamp(.95rem,1.4vw,1.25rem)}body.section-cyber .poster-credit__artist{font:800 clamp(.85rem,1.2vw,1.15rem)/1.1 var(--font-cyber-title)}body.section-cyber .poster-credit__title{font:800 clamp(1.3rem,2vw,2rem)/1 var(--font-cyber-title);margin-top:.1rem}}@media(max-width:899.98px){body.section-cyber .content-shell{width:min(100% - 2rem,76rem);padding-top:1.5rem}body.section-cyber:not(.page-project) .section-panel{width:100%;min-height:0;box-shadow:-.4rem .4rem 0 var(--sec-pink),-.8rem .8rem 0 var(--sec-cyan);padding:1.15rem .6rem .5rem}body.section-cyber:not(.page-project) .content-shell{width:min(100% - 1.25rem,48rem);padding-top:.25rem;padding-bottom:.25rem}body.section-cyber:not(.page-project) .section-title{font-size:clamp(1.75rem,7vw,2.3rem);margin-bottom:.1rem;line-height:1;-webkit-text-stroke:2px var(--sec-ink-dark);text-shadow:-2.5px -1px 0 var(--sec-cyan),2.5px -1px 0 var(--sec-pink),1px 2.5px 0 var(--sec-yellow)}body.section-cyber:not(.page-project) .section-tagline{font-size:clamp(.9rem,3.5vw,1.15rem);line-height:1.1}body.section-cyber:not(.page-project) .panel-body{grid-template-columns:minmax(0,1.35fr)minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:.65rem;row-gap:.4rem}body.section-cyber:not(.page-project) .slot--poster-cover{grid-column:1;grid-row:1;max-height:90px;width:100%;display:flex;align-items:center;justify-content:center}body.section-cyber:not(.page-project) .slot--poster-cover>svg{height:auto;max-height:90px;width:100%;object-fit:contain}body.section-cyber:not(.page-project) .poster-screen{grid-column:1;grid-row:2}body.section-cyber:not(.page-project) .poster-meta{grid-column:2;grid-row:1/span 2;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;margin:0;height:100%}body.section-cyber:not(.page-project) .poster-swatches{justify-content:flex-end;margin-bottom:.15rem;gap:.2rem}body.section-cyber:not(.page-project) .poster-swatch{width:clamp(.75rem,2.5vw,.9rem);height:clamp(.75rem,2.5vw,.9rem)}body.section-cyber:not(.page-project) .track-pad{--arm:1.5rem;margin-block:.1rem;filter:drop-shadow(.2rem .2rem 0 var(--sec-cyan))}body.section-cyber:not(.page-project) .poster-credit{text-align:right;margin-top:.1rem}body.section-cyber:not(.page-project) .poster-credit__artist{font-size:clamp(.65rem,2.2vw,.75rem)}body.section-cyber:not(.page-project) .poster-credit__title{font-size:clamp(.9rem,3.5vw,1.05rem);margin-top:0}body.section-cyber:not(.page-project) .project-list{grid-column:1/-1;grid-row:3;width:100%;margin:0;padding:0}body.section-cyber:not(.page-project) .project-card__title{font-size:.85rem;margin:0 0 .1rem}body.section-cyber:not(.page-project) .project-card__summary{font-size:.75rem;line-height:1.35;display:inline}body.section-cyber:not(.page-project) .project-card__foot{display:inline;margin-left:.5ch}body.section-cyber:not(.page-project) .project-card__link{font-size:.75rem}body.section-cyber:not(.page-project) .slot--signatures{display:none}}@media(max-width:899.98px) and (min-height:740px) and (orientation:portrait){body.section-cyber:not(.page-project) .section-panel{width:min(100%,calc(var(--screen-panel-size) * 900/1196));min-height:var(--screen-panel-size)}body.section-cyber:not(.page-project) .panel-body{grid-template-columns:minmax(0,1.35fr)minmax(0,1fr);grid-template-rows:auto 1fr}body.section-cyber:not(.page-project) .slot--poster-cover{grid-column:1/-1;max-height:none}body.section-cyber:not(.page-project) .slot--poster-cover>svg{max-height:none}body.section-cyber:not(.page-project) .poster-screen{grid-column:1/-1;grid-row:1;position:relative;align-self:stretch;gap:.35rem;padding:1.2% 1.1%}body.section-cyber:not(.page-project) .poster-progress{--poster-gap:1.5px;display:grid;row-gap:.15rem}body.section-cyber:not(.page-project) .poster-progress__bar{height:.3rem}body.section-cyber:not(.page-project) .poster-progress__time{font-size:clamp(.5rem,2.2vw,.85rem);padding-inline:.6rem}body.section-cyber:not(.page-project) .section-title{font-size:clamp(2.1rem,9vw,3.6rem);margin:0}body.section-cyber:not(.page-project) .section-tagline{max-width:34%;font-size:clamp(.85rem,3.6vw,1.6rem);line-height:1;color:var(--sec-white);text-shadow:1px 1px 0 var(--sec-ink-dark),-1px -1px 0 var(--sec-ink-dark),2px 2px 0 var(--sec-blue)}body.section-cyber:not(.page-project) .project-list{grid-column:1;grid-row:2}body.section-cyber:not(.page-project) .poster-meta{grid-row:2}}@media(max-height:520px) and (orientation:landscape){body.section-cyber:not(.page-project) .section-panel{width:100%;min-height:0;padding:1.1rem .75rem .5rem}body.section-cyber:not(.page-project) .content-shell{padding-top:.25rem;padding-bottom:.25rem}body.section-cyber:not(.page-project) .section-title{font-size:clamp(1.6rem,5vw,2.2rem);margin-bottom:.1rem}body.section-cyber:not(.page-project) .section-tagline{font-size:clamp(.85rem,2.5vw,1.05rem)}body.section-cyber:not(.page-project) .panel-body{grid-template-columns:minmax(0,.85fr)minmax(0,1.5fr)minmax(0,.85fr);grid-template-rows:auto 1fr;column-gap:.6rem;row-gap:.35rem}body.section-cyber:not(.page-project) .slot--poster-cover{grid-column:1;grid-row:1;max-height:min(160px,40vh)}body.section-cyber:not(.page-project) .poster-screen{grid-column:1;grid-row:2}body.section-cyber:not(.page-project) .project-list{grid-column:2;grid-row:1/span 2}body.section-cyber:not(.page-project) .poster-meta{grid-column:3;grid-row:1/span 2}body.section-cyber:not(.page-project) .track-pad{--arm:clamp(1.5rem, 2.5vw, 1.55rem);margin-block:.15rem}body.section-cyber:not(.page-project) .slot--signatures{display:none}}