@font-face{font-family:'Fredoka';font-style:normal;font-weight:500 700;font-display:swap;src:url(/assets/fonts/fredoka-normal-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}@font-face{font-family:'Fredoka';font-style:normal;font-weight:500 700;font-display:swap;src:url(/assets/fonts/fredoka-normal-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face{font-family:'Hanken Grotesk';font-style:italic;font-weight:400;font-display:swap;src:url(/assets/fonts/hanken-grotesk-italic-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}@font-face{font-family:'Hanken Grotesk';font-style:italic;font-weight:400;font-display:swap;src:url(/assets/fonts/hanken-grotesk-italic-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:300 700;font-display:swap;src:url(/assets/fonts/hanken-grotesk-normal-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:300 700;font-display:swap;src:url(/assets/fonts/hanken-grotesk-normal-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:300 700;font-display:swap;src:url(/assets/fonts/jetbrains-mono-normal-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:300 700;font-display:swap;src:url(/assets/fonts/jetbrains-mono-normal-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}:root{--ink-rgb:    1, 62, 55;--cream-rgb:  254, 248, 212;--accent-rgb: 255, 91, 77;--ink:    rgb(var(--ink-rgb));--cream:  rgb(var(--cream-rgb));--accent: rgb(var(--accent-rgb));--bg:        var(--cream);--fg:        var(--ink);--bg-invert: var(--ink);--fg-invert: var(--cream);--ink-06: rgba(var(--ink-rgb), .06);--ink-07: rgba(var(--ink-rgb), .07);--ink-08: rgba(var(--ink-rgb), .08);--ink-10: rgba(var(--ink-rgb), .10);--ink-12: rgba(var(--ink-rgb), .12);--ink-14: rgba(var(--ink-rgb), .14);--ink-18: rgba(var(--ink-rgb), .18);--ink-20: rgba(var(--ink-rgb), .20);--ink-22: rgba(var(--ink-rgb), .22);--ink-25: rgba(var(--ink-rgb), .25);--ink-28: rgba(var(--ink-rgb), .28);--ink-30: rgba(var(--ink-rgb), .30);--ink-32: rgba(var(--ink-rgb), .32);--ink-35: rgba(var(--ink-rgb), .35);--ink-40: rgba(var(--ink-rgb), .40);--ink-45: rgba(var(--ink-rgb), .45);--cream-08: rgba(var(--cream-rgb), .08);--cream-09: rgba(var(--cream-rgb), .09);--cream-12: rgba(var(--cream-rgb), .12);--cream-14: rgba(var(--cream-rgb), .14);--cream-18: rgba(var(--cream-rgb), .18);--cream-25: rgba(var(--cream-rgb), .25);--cream-30: rgba(var(--cream-rgb), .30);--cream-35: rgba(var(--cream-rgb), .35);--cream-40: rgba(var(--cream-rgb), .40);--cream-50: rgba(var(--cream-rgb), .50);--cream-55: rgba(var(--cream-rgb), .55);--font-display: 'Fredoka', sans-serif;--font-body:    'Hanken Grotesk', system-ui, sans-serif;--font-mono:    'JetBrains Mono', monospace;--bw:      2px;--bw-card: 2.5px;--bw-modal: 3px;--border:       var(--bw) solid var(--ink);--border-card:  var(--bw-card) solid var(--ink);--border-modal: var(--bw-modal) solid var(--ink);--sh-card:        6px 6px 0 var(--ink-20);--sh-card-hover:  10px 12px 0 var(--ink-32);--sh-log:         8px 8px 0 var(--ink-18);--sh-log-hover:   11px 11px 0 var(--ink-28);--sh-mail-hover:  12px 12px 0 var(--ink-35);--tile: 56px;--z-lvl:    290;--z-hud:    300;--z-drawer: 450;--z-modal:  460;--z-wgl:    470;--t-fast:  .15s;--t-med:   .18s;--t-slow:  .22s;--ease:    cubic-bezier(.2, .8, .2, 1);--pad-x: 5vw}html{scroll-behavior: smooth;scroll-padding-top: 60px}html, body{margin: 0;padding: 0}body{background: var(--bg);color: var(--fg);font-family: var(--font-body);font-weight: 400;overflow-x: hidden;-webkit-font-smoothing: antialiased;-webkit-tap-highlight-color: transparent;-webkit-text-size-adjust: 100%;text-size-adjust: 100%}*{box-sizing: border-box}a{color: var(--ink);text-decoration: none}img, video{max-width: 100%}::selection{background: var(--ink);color: var(--cream)}.root{position: relative;overflow-x: clip;background: var(--bg);color: var(--fg);font-family: var(--font-body);font-weight: 400}[data-rv]{opacity: 0;will-change: opacity, transform}.lang-hide{display: none !important}@supports not (-webkit-text-stroke: 2px currentColor){.outline, .hero__name-in--2{color: var(--ink)}.outline--cream{color: var(--cream)}}@keyframes marquee{to{transform: translateX(-50%)}}@keyframes blinkc{0%,49%{opacity: 1}50%,100%{opacity: 0}}@keyframes spinz{to{transform: rotate(360deg)}}@keyframes bobx{0%,100%{transform: translateY(0) rotate(var(--r,0deg))}50%{transform: translateY(-14px) rotate(var(--r,0deg))}}@keyframes driftx{0%,100%{transform: translate(0,0) rotate(45deg)}50%{transform: translate(18px,-22px) rotate(65deg)}}@keyframes letterIn{from{opacity: 0;transform: translateY(80%) skewX(-8deg)}to{opacity: 1;transform: none}}@keyframes hudIn{from{transform: translateY(-105%)}to{transform: translateY(0)}}@keyframes lvlIn{from{opacity: 0;transform: translateX(-30px)}to{opacity: 1;transform: none}}@keyframes pressPulse{0%,100%{box-shadow: 6px 6px 0 var(--ink-35)}50%{box-shadow: 10px 10px 0 rgba(var(--ink-rgb),.55)}}@keyframes wglload{0%{transform: translateX(-100%)}100%{transform: translateX(260%)}}@keyframes dotP{0%,100%{opacity: 1}50%{opacity: .25}}@keyframes heroGrid{from{transform: translate3d(0,0,0)}to{transform: translate3d(var(--tile),var(--tile),0)}}@keyframes wave{0%,100%{transform: translateY(0)}50%{transform: translateY(-.18em)}}.mono{font-family: var(--font-mono)}.display{font-family: var(--font-display)}.wrap{position: relative;max-width: 1300px;width: 100%;margin: 0 auto}.wrap--wide{max-width: 1340px}.wrap--narrow{max-width: 1100px}.section{position: relative;overflow: hidden;padding: 110px var(--pad-x)}.section--ink{background: var(--ink);color: var(--cream)}.section--cream{background: var(--cream);color: var(--ink)}.section--topline{border-top: var(--border)}.grid-bg{background-image:
repeating-linear-gradient(0deg,  var(--ink-06) 0 1px, transparent 1px var(--tile)),
repeating-linear-gradient(90deg, var(--ink-06) 0 1px, transparent 1px var(--tile))}.ambient{position: absolute;inset: 0;pointer-events: none}.ambient--clip{overflow: hidden}.deco{position: absolute}.deco--diag{transform: rotate(45deg)}.deco-word{position: absolute;font-family: var(--font-display);font-weight: 700;line-height: 1;color: transparent;text-transform: uppercase}.sec-kicker{font-family: var(--font-mono);font-size: 11px;letter-spacing: .2em;margin-bottom: 18px}.chip{background: var(--ink);color: var(--cream);padding: 6px 12px;font-weight: 700;white-space: nowrap}.chip--invert{background: var(--cream);color: var(--ink)}.sec-kicker__label{margin-left: 10px}.sec-title{margin: 0;font-family: var(--font-display);font-weight: 700;font-size: clamp(38px, 7vw, 104px);line-height: .9;letter-spacing: -.015em;text-transform: uppercase}.outline{color: transparent;-webkit-text-stroke: 2px var(--ink)}.outline--cream{color: transparent;-webkit-text-stroke: 2px var(--cream)}.dot{display: inline-block;width: 9px;height: 9px;background: var(--ink);animation: dotP 1.6s ease-in-out infinite}.dot--cream{background: var(--cream)}.dot--sm{width: 8px;height: 8px}.btn{display: inline-block;padding: 16px 28px;font-family: var(--font-mono);font-weight: 700;font-size: 13px;letter-spacing: .1em;border: var(--border);cursor: pointer;transition: transform var(--t-fast), box-shadow var(--t-fast), background var(--t-med), color var(--t-med)}.btn--solid{background: var(--ink);color: var(--cream)}.btn--ghost{background: var(--cream);color: var(--ink);box-shadow: 6px 6px 0 var(--ink)}.btn--pulse{animation: pressPulse 2.2s ease-in-out infinite}.hud{position: fixed;inset: 0 0 auto 0;z-index: var(--z-hud);display: flex;align-items: stretch;justify-content: space-between;background: var(--cream);border-bottom: var(--border);font-family: var(--font-mono);font-size: 11px;animation: hudIn .6s var(--ease) .15s both}.hud__logo{display: flex;align-items: center;gap: 10px;padding: 14px 18px;border-right: var(--border);font-weight: 700;letter-spacing: .08em;transition: background var(--t-med), color var(--t-med)}.hud__logo-dot{width: 10px;height: 10px;background: currentColor;display: inline-block;animation: dotP 1.8s ease-in-out infinite}.hud__nav{display: flex;align-items: stretch}.hud__link{display: flex;align-items: center;padding: 0 16px;border-left: var(--border);letter-spacing: .06em;transition: background var(--t-med), color var(--t-med)}.hud__link.is-active{background: var(--ink);color: var(--cream)}.hud__right{display: flex;align-items: stretch}.hud__score{display: flex;align-items: center;gap: 8px;padding: 0 16px;border-left: var(--border);letter-spacing: .1em}.hud__score-val{display: inline-block;min-width: 4ch;text-align: left;font-variant-numeric: tabular-nums}.hud__lang{display: flex;align-items: center;text-decoration: none;border: none;border-left: var(--border);background: var(--cream);color: var(--ink);font-family: var(--font-mono);font-size: 11px;font-weight: 700;padding: 0 14px;cursor: pointer}.hud__lang.is-active{background: var(--ink);color: var(--cream)}.hud__burger{display: none;border: none;border-left: var(--border);background: var(--cream);color: var(--ink);font-family: var(--font-mono);font-size: 15px;font-weight: 700;padding: 0 16px;cursor: pointer}.lvlhud{position: fixed;bottom: 16px;left: 16px;z-index: var(--z-lvl);background: var(--ink);color: var(--cream);font-family: var(--font-mono);font-size: 10px;letter-spacing: .14em;padding: 8px 12px;box-shadow: 4px 4px 0 var(--ink-30);animation: lvlIn .5s ease .8s both}.drawer{position: fixed;inset: 0;background: var(--ink);color: var(--cream);z-index: var(--z-drawer);display: flex;flex-direction: column;align-items: flex-start;justify-content: center;gap: 8px;padding: 40px;opacity: 0;visibility: hidden;transition: opacity .3s, visibility .3s;font-family: var(--font-mono)}.drawer__close{position: absolute;top: 18px;right: 18px;border: 2px solid var(--cream);background: transparent;color: var(--cream);width: 44px;height: 44px;font-size: 16px;cursor: pointer;font-family: var(--font-mono);transition: background var(--t-med), color var(--t-med)}.drawer__hint{font-size: 10px;letter-spacing: .2em;opacity: .5;margin-bottom: 14px}.drawer__link{color: var(--cream);font-family: var(--font-display);font-weight: 600;font-size: clamp(26px, 7vw, 34px)}.drawer__lang{display: flex;margin-top: 22px;border: 2px solid var(--cream)}.drawer__lang .hud__lang{border-left: none}.drawer__lang .hud__lang + .hud__lang{border-left: 2px solid var(--cream)}.drawer__lang .hud__lang{background: transparent;color: var(--cream);padding: 10px 18px;font-size: 12px}.drawer__lang .hud__lang.is-active{background: var(--cream);color: var(--ink)}.hero{position: relative;min-height: 100vh;display: flex;flex-direction: column;justify-content: center;padding: 110px var(--pad-x) 130px;overflow: hidden}.hero::before{content: "";position: absolute;inset: -60px;z-index: 0;pointer-events: none;background-image:
repeating-linear-gradient(0deg,  var(--ink-07) 0 1px, transparent 1px var(--tile)),
repeating-linear-gradient(90deg, var(--ink-07) 0 1px, transparent 1px var(--tile));animation: heroGrid 5s linear infinite;will-change: transform}.hero__eyebrow{display: flex;align-items: center;flex-wrap: wrap;gap: 10px 14px;font-family: var(--font-mono);font-size: clamp(10px,1.2vw,12px);letter-spacing: .18em;margin-bottom: 26px}.hero__name{margin: 0;font-family: var(--font-display);font-weight: 700;font-size: clamp(52px,12.5vw,190px);line-height: .88;letter-spacing: -.015em;text-transform: uppercase}.hero__name-row{display: block;overflow: hidden}.hero__name-in{display: inline-block;animation: letterIn .6s var(--ease) .05s both}.hero__name-in--2{animation-delay: .22s;color: transparent;-webkit-text-stroke: 2.5px var(--ink)}.hero__grid{display: flex;align-items: flex-start;justify-content: space-between;gap: 30px;flex-wrap: wrap;margin-top: 34px}.hero__col{max-width: 600px}.hero__type{position: relative;font-family: var(--font-mono);font-size: clamp(12px,1.3vw,15px);margin: 0 0 20px;min-height: 1.6em;letter-spacing: .02em}.hero__type-ghost{display: block;visibility: hidden}.hero__type-line{position: absolute;inset: 0}.caret{display: inline-block;width: 9px;height: 1.15em;background: var(--ink);vertical-align: text-bottom;margin-left: 4px;animation: blinkc 1s step-end infinite}.hero__lead{margin: 0;font-size: clamp(15px,1.4vw,18px);line-height: 1.7;opacity: .9}.hero__lead strong{font-weight: 700}.hero__actions{display: flex;gap: 16px;flex-wrap: wrap;margin-top: 32px}.hero__badge{position: relative;flex: none;margin-top: 6px}.hero__badge-spin{width: 150px;height: 150px;position: relative;animation: spinz 20s linear infinite}.hero__badge text{font-family: var(--font-mono);font-size: 12.5px;letter-spacing: .28em;fill: var(--ink)}.hero__badge-mono{position: absolute;inset: 0;display: flex;align-items: center;justify-content: center}.hero__badge-mono span{font-family: var(--font-display);font-weight: 700;font-size: 30px}.hero__scroll{position: absolute;bottom: 56px;left: 50%;transform: translateX(-50%);font-family: var(--font-mono);font-size: 10px;letter-spacing: .24em;opacity: .55;animation: bobx 2.2s ease-in-out infinite}.hero__deco-sq{position: absolute;top: 8%;right: 6%;width: 120px;height: 120px;border: var(--border);opacity: .16}.hero__deco-sq > div{width: 100%;height: 100%;animation: driftx 8s ease-in-out infinite}.hero__deco-fill{position: absolute;bottom: 16%;right: 22%;width: 52px;height: 52px;background: var(--ink);opacity: .1;animation: bobx 6s ease-in-out infinite}.hero__deco-dia{--r: 45deg;position: absolute;top: 26%;left: 3%;width: 26px;height: 26px;background: var(--ink);opacity: .14;animation: bobx 5s ease-in-out infinite}.hero__deco-plus{position: absolute;top: 12%;left: 38%;font-family: var(--font-mono);font-size: 11px;letter-spacing: .3em;opacity: .25;animation: bobx 5s ease-in-out infinite}.hero__deco-tri{position: absolute;bottom: 30%;left: 14%;font-family: var(--font-mono);font-size: 10px;letter-spacing: .3em;opacity: .2;animation: bobx 7s ease-in-out 1.2s infinite}.marquee{position: absolute;left: -4vw;right: -4vw;z-index: 6;overflow: hidden;padding: 13px 0;pointer-events: none}.marquee--top{top: -20px;background: var(--ink);border-top: 2px solid var(--cream);border-bottom: 2px solid var(--cream);transform: rotate(-1.4deg)}.marquee--bottom{bottom: -26px;background: var(--cream);border-top: 2px solid var(--ink);border-bottom: 2px solid var(--ink);transform: rotate(1.2deg)}.marquee__track{display: flex;width: max-content;animation: marquee 22s linear infinite;font-family: var(--font-display);font-weight: 600;font-size: 20px;letter-spacing: .04em;white-space: nowrap;text-transform: uppercase}.marquee__track--rev{animation-direction: reverse}.marquee--top .marquee__track{color: var(--cream)}.marquee--bottom .marquee__track{color: var(--ink)}.sec-vedette{position: relative;background: var(--ink);color: var(--cream);padding: 150px var(--pad-x) 160px;overflow: visible}.ved-boss-ghost{position: absolute;top: 4%;right: -2%;font-family: var(--font-display);font-weight: 700;font-size: 22vw;line-height: 1;color: transparent;-webkit-text-stroke: 1.5px var(--cream-09);text-transform: uppercase}.ved-deco-ring{--r: 45deg;position: absolute;bottom: 10%;left: 4%;width: 90px;height: 90px;border: 2px solid var(--cream-14);animation: bobx 7s ease-in-out infinite}.ved-deco-sq{position: absolute;top: 30%;left: 8%;width: 16px;height: 16px;background: var(--cream-12);animation: bobx 5.5s ease-in-out .8s infinite}.ved-head{display: flex;align-items: center;gap: 16px;flex-wrap: wrap;font-family: var(--font-mono);font-size: 11px;letter-spacing: .2em;margin-bottom: 40px}.ved-head__warn{background: var(--cream);color: var(--ink);padding: 6px 12px;font-weight: 700;white-space: nowrap}.ved-head__muted{opacity: .7}.ved-head__rule{flex: 1;height: 1px;background: var(--cream-25);min-width: 60px}.ved-title{margin: 0 0 50px;font-family: var(--font-display);font-weight: 700;font-size: clamp(44px,8.5vw,130px);line-height: .9;letter-spacing: -.015em;text-transform: uppercase}.ved-cols{display: grid;grid-template-columns: repeat(auto-fit, minmax(min(460px,100%),1fr));gap: 50px;align-items: start}.ved-media{position: relative}.ved-frame{position: relative;border: 2px solid var(--cream);box-shadow: 10px 10px 0 var(--cream-18);background: #02241f;will-change: transform}.ved-frame__bar{display: flex;align-items: center;justify-content: space-between;padding: 8px 12px;border-bottom: 2px solid var(--cream);font-family: var(--font-mono);font-size: 9.5px;letter-spacing: .16em}.ved-rec{display: inline-block;width: 7px;height: 7px;border-radius: 50%;background: var(--accent);margin-right: 7px;animation: dotP 1.3s ease-in-out infinite}.ved-video-wrap{position: relative;aspect-ratio: 16/9;overflow: hidden}.ved-video{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover}.ved-video-tag{position: absolute;bottom: 10px;left: 12px;font-family: var(--font-mono);font-size: 9.5px;letter-spacing: .14em;background: rgba(var(--ink-rgb),.8);padding: 4px 9px}.ved-tags{display: flex;gap: 10px;margin-top: 24px;flex-wrap: wrap;font-family: var(--font-mono);font-size: 10.5px}.ved-tag{border: 1.5px solid var(--cream-50);padding: 6px 12px;letter-spacing: .08em;transition: background var(--t-med), color var(--t-med);cursor: default}.ved-desc{margin: 0;font-size: clamp(15px,1.4vw,18px);line-height: 1.75;font-weight: 300;opacity: .95}.ved-desc strong{font-weight: 600}.ved-specs{display: grid;grid-template-columns: repeat(auto-fit, minmax(min(220px,100%),1fr));border: 2px solid var(--cream);margin-top: 30px;font-family: var(--font-mono);font-size: 11px}.ved-spec{padding: 14px 16px;border: 1px solid var(--cream-40)}.ved-spec__k{opacity: .6;font-size: 9.5px;letter-spacing: .16em;margin-bottom: 5px}.ved-spec__v{font-weight: 700}.ved-spec__v--dot{display: flex;align-items: center;gap: 8px}.ved-cta{margin-top: 30px;border: 2px solid var(--cream);padding: 16px 30px;background: var(--cream);color: var(--ink);font-family: var(--font-mono);font-weight: 700;font-size: 13px;letter-spacing: .1em;cursor: pointer;box-shadow: 6px 6px 0 var(--cream-25);transition: transform var(--t-fast), box-shadow var(--t-fast)}.sec-projects{position: relative;background: var(--cream);color: var(--ink);padding: 160px var(--pad-x) 110px;overflow: hidden}.proj-levels-ghost{position: absolute;top: 3%;right: -2%;font-family: var(--font-display);font-weight: 700;font-size: 16vw;line-height: 1;color: transparent;-webkit-text-stroke: 1.5px var(--ink-07);text-transform: uppercase}.proj-deco{--r: 45deg;position: absolute;bottom: 6%;left: 2%;width: 60px;height: 60px;border: 2px solid var(--ink-12);animation: bobx 6.5s ease-in-out infinite}.proj-head{display: flex;align-items: flex-end;justify-content: space-between;gap: 20px;flex-wrap: wrap;margin-bottom: 44px}.proj-hint{font-family: var(--font-mono);font-size: 11px;letter-spacing: .12em;opacity: .65;padding-bottom: 10px;text-align: right}.board{display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;align-items: start}.card-cell{min-width: 0}.card{background: var(--cream);border: var(--border-card);box-shadow: var(--sh-card);cursor: pointer;transform: rotate(var(--rot, 0deg));transition: transform var(--t-slow) var(--ease), box-shadow var(--t-slow)}.card__bar{display: flex;align-items: center;justify-content: space-between;gap: 10px;padding: 8px 14px;border-bottom: var(--border-card);font-family: var(--font-mono);font-size: 9.5px;letter-spacing: .14em;background: var(--ink);color: var(--cream)}.card__bar-tag{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;opacity: .85}.card__nowrap{white-space: nowrap}.card__visual{position: relative;overflow: hidden;background: var(--grad, var(--ink));aspect-ratio: var(--asp, 16/9)}.card__img, .card__video{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;translate: 0 0;scale: 1;transition: translate .5s var(--ease), scale .6s var(--ease)}.card__visual.is-px .card__img, .card__visual.is-px .card__video{translate: var(--mx, 0) var(--my, 0);scale: 1.08;transition: translate .15s linear, scale .6s var(--ease)}@supports (animation-timeline: view()){@keyframes cardPx{from{transform: translateY(-5%) scale(1.12)}to{transform: translateY(5%) scale(1.12)}}.card__img{animation: cardPx linear both;animation-timeline: view()}@media (prefers-reduced-motion: reduce){.card__img{animation: none}}}.card__video{opacity: 0;transition: opacity .35s}.card__label{position: absolute;bottom: 8px;left: 10px;font-family: var(--font-mono);font-size: 9px;letter-spacing: .14em;color: var(--cream);background: rgba(var(--ink-rgb),.8);padding: 3px 8px}.card__hover{position: absolute;top: 8px;right: 10px;font-family: var(--font-mono);font-size: 9px;letter-spacing: .1em;color: var(--cream);background: rgba(var(--ink-rgb),.8);padding: 3px 8px;display: flex;align-items: center;gap: 5px}.card__body{padding: 16px 18px 14px}.card__title-row{display: flex;align-items: baseline;justify-content: space-between;gap: 10px}.card__title{margin: 0;font-family: var(--font-display);font-weight: 700;font-size: clamp(20px,2vw,26px);line-height: 1.05;letter-spacing: -.01em;text-transform: uppercase}.card__arrow{font-family: var(--font-mono);font-size: 14px;font-weight: 700;flex: none}.card__desc{margin: 8px 0 0;font-size: 13px;line-height: 1.55;opacity: .85}.card__pills{display: flex;flex-wrap: wrap;gap: 6px;margin-top: 12px}.card__pill{font-family: var(--font-mono);font-size: 9.5px;padding: 4px 9px;border: 1.5px solid var(--ink-40);letter-spacing: .05em}.card__foot{display: flex;align-items: center;justify-content: space-between;gap: 10px;padding: 10px 18px;border-top: 2px solid var(--ink-18);font-family: var(--font-mono);font-size: 9.5px;letter-spacing: .1em}.card__foot-txt{opacity: .65}.card__foot-cta{font-weight: 700;white-space: nowrap}.sec-about{position: relative;background: var(--cream);color: var(--ink);padding: 110px var(--pad-x) 120px;overflow: hidden;border-top: var(--border)}.about-player-ghost{position: absolute;top: 2%;left: -3%;font-family: var(--font-display);font-weight: 700;font-size: 19vw;line-height: 1;color: transparent;-webkit-text-stroke: 1.5px var(--ink-08);text-transform: uppercase}.about-deco{position: absolute;bottom: 10%;right: 4%;width: 20px;height: 20px;background: var(--ink-10);animation: bobx 6s ease-in-out infinite}.about-title{margin: 0 0 54px}.about-cols{display: grid;grid-template-columns: repeat(auto-fit, minmax(min(320px,100%),1fr));gap: 44px;align-items: start}.cv-btn{display: flex;align-items: center;justify-content: center;gap: 10px;width: 100%;margin-top: 18px;padding: 15px 20px;background: var(--ink);color: var(--cream);border: var(--border-card);font-family: var(--font-mono);font-weight: 700;font-size: 13px;letter-spacing: .08em;box-shadow: var(--sh-log);transition: transform var(--t-fast), box-shadow var(--t-fast)}.pcard{border: var(--border-card);background: var(--ink);color: var(--cream);box-shadow: 10px 10px 0 var(--ink-22);transition: transform .25s var(--ease)}.pcard__bar{display: flex;justify-content: space-between;padding: 9px 14px;border-bottom: 2px solid var(--cream-35);font-family: var(--font-mono);font-size: 9.5px;letter-spacing: .18em}.pcard__body{padding: 24px;display: flex;flex-direction: column;gap: 18px}.about-left{max-width: 640px}@media (min-width: 1000px){.about-cols{grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr)}}.pcard__body{display: grid;grid-template-columns: minmax(0, 210px) minmax(0, 1fr);column-gap: 22px;row-gap: 18px;align-items: start}.pcard__id{display: contents}.pcard__avatar{grid-column: 1;grid-row: 1 / span 2;display: block;width: 100%;height: auto;aspect-ratio: 4 / 5;border: 2px solid var(--cream);object-fit: cover;background: var(--cream);box-shadow: 6px 6px 0 var(--accent)}.pcard__quests{grid-column: 2}.pcard{container-type: inline-size}@container (max-width: 540px){.pcard__body{grid-template-columns: 120px minmax(0, 1fr);align-items: center}.pcard__avatar{grid-row: 1;box-shadow: 4px 4px 0 var(--accent)}.pcard__quests{grid-column: 1 / -1}}.pcard__name{font-family: var(--font-display);font-weight: 700;font-size: 22px;text-transform: uppercase}.pcard__role{font-family: var(--font-mono);font-size: 10px;letter-spacing: .14em;opacity: .7;margin-top: 5px}.pcard__quests{display: flex;flex-direction: column;gap: 13px}.pcard__quests-head{font-family: var(--font-mono);font-size: 10px;letter-spacing: .18em;opacity: .6;margin-bottom: 2px}.quest{display: flex;align-items: flex-start;gap: 11px;opacity: 0;transform: translateX(-16px)}.quest.is-in{animation: quest-in .5s var(--ease) forwards;animation-delay: calc(var(--qi, 0) * .16s)}.quest__check{flex: none;width: 20px;height: 20px;margin-top: 1px;border: 2px solid var(--cream);display: flex;align-items: center;justify-content: center;font-family: var(--font-mono);font-size: 12px;font-weight: 700;line-height: 1;transform: scale(0) rotate(-30deg)}.quest.is-in .quest__check{animation: quest-stamp .45s cubic-bezier(.34, 1.56, .64, 1) forwards;animation-delay: calc(var(--qi, 0) * .16s + .22s)}.quest__k{font-family: var(--font-mono);font-size: 10px;letter-spacing: .16em;margin-bottom: 3px}.quest__v{font-size: 12.5px;line-height: 1.45;opacity: .85}@keyframes quest-in{to{opacity: 1;transform: translateX(0)}}@keyframes quest-stamp{0%{transform: scale(0) rotate(-30deg)}70%{transform: scale(1.25) rotate(6deg)}100%{transform: scale(1) rotate(0deg)}}.logs{display: flex;flex-direction: column;gap: 22px}.log{border: var(--border-card);background: var(--cream);padding: 24px 26px;box-shadow: var(--sh-log);transition: transform var(--t-slow), box-shadow var(--t-slow)}.log__n{font-family: var(--font-mono);font-size: 10px;letter-spacing: .18em;opacity: .6;margin-bottom: 10px}.log__h{margin: 0 0 10px;font-family: var(--font-display);font-weight: 700;font-size: 22px;text-transform: uppercase}.log__p{margin: 0;font-size: 14.5px;line-height: 1.7;opacity: .85}.sec-skills{position: relative;background: var(--ink);color: var(--cream);padding: 110px var(--pad-x) 120px;overflow: hidden}.skills-items-ghost{position: absolute;bottom: 0;right: -2%;font-family: var(--font-display);font-weight: 700;font-size: 17vw;line-height: 1;color: transparent;-webkit-text-stroke: 1.5px var(--cream-08);text-transform: uppercase}.skills-deco{--r: 45deg;position: absolute;top: 14%;left: 3%;width: 70px;height: 70px;border: 2px solid var(--cream-12);animation: bobx 7.5s ease-in-out infinite}.skills-title{margin: 0 0 50px}.stats{display: grid;grid-template-columns: repeat(auto-fit, minmax(min(200px,100%),1fr));border: var(--border-card);margin-bottom: 44px}.stat{padding: 26px;border: 1px solid var(--cream-40)}.stat__n{font-family: var(--font-display);font-weight: 700;font-size: clamp(40px,4vw,52px);line-height: 1}.stat__l{font-family: var(--font-mono);font-size: 10px;letter-spacing: .16em;opacity: .7;margin-top: 8px}.slots{display: grid;grid-template-columns: repeat(auto-fit, minmax(min(300px,100%),1fr));gap: 22px}.slot{border: 2px solid var(--cream-50);padding: 24px}.slot__k{font-family: var(--font-mono);font-size: 10px;letter-spacing: .2em;opacity: .65;margin-bottom: 16px}.slot__tags{display: flex;flex-wrap: wrap;gap: 8px;font-family: var(--font-mono);font-size: 11px}.slot__tag{border: 1.5px solid var(--cream-55);padding: 7px 13px;transition: background var(--t-fast), color var(--t-fast);cursor: default}.rare{border: var(--border-card);background: var(--cream);color: var(--ink);padding: 26px;display: flex;flex-direction: column;justify-content: center;gap: 12px;box-shadow: 8px 8px 0 var(--cream-25);transition: transform .25s var(--ease);height: 100%}.rare__k{font-family: var(--font-mono);font-size: 10px;letter-spacing: .2em;opacity: .6}.rare__q{font-family: var(--font-mono);font-weight: 700;font-size: clamp(19px,1.9vw,25px);line-height: 1.3;text-transform: uppercase}.rare__cite{font-family: var(--font-mono);font-size: 10.5px;opacity: .65}.sec-contact{position: relative;background: var(--cream);color: var(--ink);padding: 130px var(--pad-x) 110px;overflow: hidden}.ct-deco-sq{--r: 45deg;position: absolute;top: 16%;left: 6%;width: 34px;height: 34px;background: var(--ink-08);animation: bobx 6s ease-in-out infinite}.ct-deco-circle{position: absolute;top: 24%;right: 8%;width: 70px;height: 70px;border: 2px solid var(--ink-12);border-radius: 50%;animation: bobx 8s ease-in-out 1s infinite}.ct-inner{position: relative;max-width: 1100px;margin: 0 auto;text-align: center}.ct-kicker{font-family: var(--font-mono);font-size: 11px;letter-spacing: .2em;margin-bottom: 24px;display: flex;align-items: center;justify-content: center;gap: 12px;flex-wrap: wrap}.ct-avail{display: inline-flex;align-items: center;gap: 8px;border: 1.5px solid var(--ink);padding: 6px 14px}.ct-title{margin: 0;font-family: var(--font-display);font-weight: 700;font-size: clamp(48px,11vw,160px);line-height: .9;letter-spacing: -.015em;text-transform: uppercase}.wave__ch{display: inline-block;animation: wave 1.6s ease-in-out infinite;animation-delay: calc(var(--i,0) * .07s)}.ct-sub{margin: 26px auto 0;max-width: 460px;font-size: 16px;line-height: 1.7;opacity: .85}.ct-mail-wrap{margin-top: 44px}.ct-mail{display: inline-block;max-width: 100%;overflow-wrap: anywhere;padding: 20px clamp(16px,4vw,34px);background: var(--ink);color: var(--cream);border: var(--border-card);font-family: var(--font-mono);font-weight: 700;font-size: clamp(12px,2.2vw,19px);letter-spacing: .06em;box-shadow: 8px 8px 0 var(--ink-30);transition: transform var(--t-fast), box-shadow var(--t-fast)}.ct-soc{display: flex;justify-content: center;gap: 14px;flex-wrap: wrap;margin-top: 44px}.soc{width: 56px;height: 56px;border: var(--border);display: inline-flex;align-items: center;justify-content: center;background: var(--cream);color: var(--ink);box-shadow: 5px 5px 0 var(--ink);transition: transform var(--t-fast), box-shadow var(--t-fast), background var(--t-med), color var(--t-med)}.soc svg{fill: currentColor}.footer{position: relative;z-index: calc(var(--z-lvl) + 1);background: var(--ink);color: var(--cream);border-top: var(--border);display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 12px;padding: 18px var(--pad-x);font-family: var(--font-mono);font-size: 10.5px;letter-spacing: .12em}.footer__muted{opacity: .65}.footer a{color: inherit;transition: color var(--t-fast)}.footer a:hover, .footer a:focus-visible{color: var(--accent)}.modal{position: fixed;inset: 0;background: rgba(1,40,35,.75);z-index: var(--z-modal);display: flex;align-items: center;justify-content: center;padding: 20px;opacity: 0;visibility: hidden;transition: opacity .25s, visibility .25s}.modal__box{position: relative;width: min(840px,100%);max-height: 90vh;overflow: auto;background: var(--cream);color: var(--ink);border: var(--border-modal);box-shadow: 14px 14px 0 var(--ink-40);transform: translateY(22px);transition: transform .3s var(--ease)}.modal__bar{position: sticky;top: 0;z-index: 5;display: flex;align-items: center;justify-content: space-between;gap: 10px;background: var(--ink);color: var(--cream);padding: 10px 16px;font-family: var(--font-mono);font-size: 10px;letter-spacing: .16em}.modal__tag{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.modal__close{border: 1.5px solid var(--cream);background: transparent;color: var(--cream);font-family: var(--font-mono);font-size: 11px;font-weight: 700;padding: 6px 12px;cursor: pointer;transition: background var(--t-fast), color var(--t-fast);flex: none}.modal__pad{padding: 26px 30px 8px}.modal__title{margin: 0 0 20px;font-family: var(--font-display);font-weight: 700;font-size: clamp(28px,4.4vw,50px);line-height: .95;letter-spacing: -.015em;text-transform: uppercase}.mcar{position: relative;border: var(--border-card);overflow: hidden;aspect-ratio: 16/9;background: var(--ink)}.mcar__stage{position: absolute;inset: 0}.mcar__dots{position: absolute;bottom: 12px;left: 50%;transform: translateX(-50%);display: flex;gap: 8px;z-index: 4}.mcar__prog{position: absolute;top: 10px;right: 10px;z-index: 4;width: 28px;height: 28px}.mcar__nav{position: absolute;top: 50%;transform: translateY(-50%);z-index: 4;width: 36px;height: 36px;border: 1.5px solid var(--cream);background: rgba(var(--ink-rgb),.7);color: var(--cream);cursor: pointer;font-size: 14px;font-family: var(--font-mono);transition: background var(--t-fast), color var(--t-fast)}.mcar__nav--prev{left: 10px}.mcar__nav--next{right: 10px}.modal__body{font-size: 15px;line-height: 1.75;opacity: .92;margin-top: 20px}.modal__techs{display: flex;flex-wrap: wrap;gap: 7px;margin-top: 18px}.modal__tech{font-family: var(--font-mono);font-size: 10px;padding: 5px 11px;border: 1.5px solid var(--ink-45);letter-spacing: .06em}.modal__foot{display: flex;align-items: center;gap: 14px;flex-wrap: wrap;padding: 22px 30px 26px;border-top: 2px solid var(--ink-20);margin-top: 24px}.modal__link{display: inline-block;padding: 13px 24px;background: var(--ink);color: var(--cream);border: var(--border);font-family: var(--font-mono);font-weight: 700;font-size: 12px;letter-spacing: .08em;box-shadow: 5px 5px 0 var(--ink-30);transition: transform var(--t-fast), box-shadow var(--t-fast)}.modal__play{display: inline-flex;align-items: center;gap: 9px;padding: 12px 22px;border: var(--border);background: var(--cream);color: var(--ink);font-family: var(--font-mono);font-weight: 700;font-size: 12px;letter-spacing: .08em;cursor: pointer;transition: background var(--t-fast), color var(--t-fast)}.mcar__cap{position: absolute;bottom: 0;left: 0;right: 0;color: var(--cream);font-family: var(--font-mono);font-size: 10.5px;letter-spacing: .08em;padding: 26px 14px 32px;background: linear-gradient(transparent, rgba(1,40,35,.85))}.wgl{position: fixed;inset: 0;background: rgba(1,30,26,.94);z-index: var(--z-wgl);display: flex;align-items: center;justify-content: center;padding: 20px;opacity: 0;visibility: hidden;transition: opacity .25s, visibility .25s}.wgl__box{position: relative;width: min(1100px,100%)}.wgl__head{display: flex;align-items: center;justify-content: space-between;margin-bottom: 10px}.wgl__title{font-family: var(--font-mono);font-size: 10px;color: var(--cream);letter-spacing: .2em;text-transform: uppercase;opacity: .85}.wgl__close{border: 1.5px solid var(--cream);background: transparent;color: var(--cream);font-family: var(--font-mono);font-size: 10px;font-weight: 700;padding: 7px 14px;cursor: pointer;transition: background var(--t-fast), color var(--t-fast)}.wgl__frame{position: relative;aspect-ratio: 16/9;background: #02332d;border: 2px solid var(--cream);overflow: hidden}.wgl__loader{position: absolute;inset: 0;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 14px;background: #02332d}.wgl__loader-txt{font-family: var(--font-mono);font-size: 10px;color: var(--cream);letter-spacing: .2em;text-transform: uppercase;opacity: .85}.wgl__loader-bar{width: 170px;height: 3px;background: var(--cream-14);overflow: hidden}.wgl__loader-bar > i{display: block;height: 100%;width: 40%;background: var(--cream);animation: wglload 1.8s ease-in-out infinite}.wgl__soon{position: absolute;inset: 0;display: flex;align-items: center;justify-content: center;font-family: var(--font-mono);font-size: 11px;color: var(--cream);letter-spacing: .16em;text-transform: uppercase;opacity: .7}.wgl__iframe{position: absolute;inset: 0;width: 100%;height: 100%;border: none;opacity: 0;transition: opacity .4s}.mcar__dot{width: 10px;height: 10px;background: var(--cream-35);cursor: pointer;transition: background .2s;border: 1px solid var(--cream-50)}.mcar__dot.is-active{background: var(--cream)}.mcar__slide{position: absolute;inset: 0;opacity: 0;transition: opacity .45s ease}.mcar__bg{position: absolute;inset: 0;background: var(--grad, var(--ink))}.mcar__media{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;transition: opacity .35s}.mcar__load{position: absolute;left: 50%;top: 50%;width: 140px;height: 3px;margin: -1.5px 0 0 -70px;background: var(--cream-14);overflow: hidden;opacity: 0;transition: opacity .25s;pointer-events: none}.mcar__load > i{display: block;height: 100%;width: 40%;background: var(--cream);animation: wglload 1.8s ease-in-out infinite}.mcar__slide.is-loading .mcar__load{opacity: 1;transition-delay: .3s}.mcar__slide.is-loading .mcar__media{opacity: 0}@supports (height: 100dvh){.hero{min-height: 100dvh}}@media (max-width: 1080px){.hud__score{display: none !important}.board{grid-template-columns: repeat(2, 1fr)}}@media (max-width: 720px){.section, .hero, .sec-vedette, .sec-projects, .sec-about, .sec-skills, .sec-contact{padding-top: 96px !important;padding-bottom: 96px !important}.hero{padding-top: 92px !important;padding-bottom: 88px !important}.board{grid-template-columns: repeat(2, 1fr) !important;gap: 14px !important}.marquee__track{font-size: 15px !important}.footer{justify-content: center !important;text-align: center}.ambient{max-width: 100vw;overflow: hidden !important}.hero__badge{display: none !important}.hero__actions{flex-wrap: nowrap;gap: 10px}.hero__actions .btn{flex: 1 1 0;min-width: 0;text-align: center;white-space: nowrap;padding: 14px 8px;font-size: 11px;letter-spacing: .04em}}@media (max-width: 480px){.hud{font-size: 10px}.hud__logo{padding: 11px 12px;letter-spacing: .04em}.hud__lang, .hud__burger{padding-left: 12px;padding-right: 12px}.section, .hero, .sec-vedette, .sec-projects, .sec-about, .sec-skills, .sec-contact{padding-left: 18px !important;padding-right: 18px !important;padding-top: 82px !important;padding-bottom: 82px !important}.board{grid-template-columns: 1fr !important}.lvlhud{font-size: 9px;padding: 6px 9px;bottom: 10px;left: 10px}}.hud__dd{display: flex;align-items: stretch}.hud__dd > .hud__link{height: 100%}.hud__caret{display: inline-block;margin-left: 6px;font-size: 9px;transition: transform .3s var(--ease)}.mm{position: absolute;top: 100%;left: 0;right: 0;z-index: -1;background: var(--ink);color: var(--cream);border-bottom: var(--border);box-shadow: 0 14px 0 rgba(var(--ink-rgb), .12);clip-path: inset(0 0 100% 0);visibility: hidden;transition: clip-path .45s var(--ease), visibility 0s linear .45s}.hud__dd:focus-within .mm{clip-path: inset(0 0 -20px 0);visibility: visible;transition: clip-path .45s var(--ease), visibility 0s}.hud__dd:focus-within .hud__caret{transform: rotate(180deg)}@media (hover: hover){.hud__dd:hover .mm{clip-path: inset(0 0 -20px 0);visibility: visible;transition: clip-path .45s var(--ease), visibility 0s}.hud__dd:hover .hud__caret{transform: rotate(180deg)}}.mm__head{display: flex;align-items: center;flex-wrap: wrap;gap: 10px 18px;padding: 16px var(--pad-x) 12px;font-family: var(--font-mono);font-size: 11px;letter-spacing: .16em}.mm__k .chip{background: var(--cream);color: var(--ink);margin-right: 8px}.mm__count{opacity: .6}.mm__all{margin-left: auto;padding: 7px 14px;border: 1.5px solid var(--cream);color: var(--cream);font-weight: 700;transition: background var(--t-fast), color var(--t-fast)}.mm__all:hover, .mm__all:focus-visible{background: var(--cream);color: var(--ink)}.mm__view{overflow: hidden;padding: 8px 0 24px;-webkit-mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent);mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent)}.mm__track{display: flex;width: max-content;animation: marquee var(--mm-speed, 40s) linear infinite;animation-play-state: paused}.mm__dup{display: contents}.hud__dd:focus-within .mm__track{animation-play-state: running}@media (hover: hover){.hud__dd:hover .mm__track{animation-play-state: running}}.mm__view:hover .mm__track, .mm__view:focus-within .mm__track{animation-play-state: paused !important}.mini{flex: none;width: 220px;margin-right: 18px;display: flex;flex-direction: column;gap: 6px;color: var(--cream)}.mini__img{position: relative;display: block;aspect-ratio: 16 / 9;border: 2px solid var(--cream);overflow: hidden;transition: transform var(--t-med), box-shadow var(--t-med)}.mini__img img{display: block;width: 100%;height: 100%;object-fit: cover;opacity: 0;transition: opacity .4s, transform .5s var(--ease)}.mini__img img.is-loaded{opacity: 1}.mini__num{position: absolute;left: 6px;top: 6px;padding: 3px 6px;background: var(--ink);color: var(--cream);border: 1px solid var(--cream);font-family: var(--font-mono);font-size: 9px;font-weight: 700;letter-spacing: .1em}.mini__t{font-family: var(--font-display);font-weight: 600;font-size: 17px;line-height: 1.05;text-transform: uppercase}.mini__tag{font-family: var(--font-mono);font-size: 9.5px;letter-spacing: .1em;opacity: .65}.mini:hover .mini__img, .mini:focus-visible .mini__img{transform: translate(-3px, -3px);box-shadow: 6px 6px 0 var(--cream-25)}.mini:hover .mini__img img{transform: scale(1.08)}.mini.is-current .mini__img{border-color: var(--accent)}.mini.is-current .mini__num{background: var(--accent)}.mm .mini{opacity: 0;transform: translateY(16px);transition: opacity .35s, transform .45s var(--ease)}.hud__dd:focus-within .mm .mini{opacity: 1;transform: none;transition-delay: calc(min(var(--i), 8) * 45ms + .1s)}@media (hover: hover){.hud__dd:hover .mm .mini{opacity: 1;transform: none;transition-delay: calc(min(var(--i), 8) * 45ms + .1s)}}.drawer{overflow-y: auto;justify-content: flex-start;padding: 84px 24px 40px;overscroll-behavior: contain}.drawer__proj{width: 100%;margin-top: 22px}.drawer__grid{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 14px;margin-top: 10px}.drawer .mini{width: auto;margin: 0}.drawer .mini__t{font-size: 14px}@media (min-width: 640px){.drawer__grid{grid-template-columns: repeat(3, minmax(0, 1fr))}}.modal__page{display: inline-block;padding: 12px 20px;border: var(--border);font-family: var(--font-mono);font-weight: 700;font-size: 12px;letter-spacing: .08em;background: var(--cream);color: var(--ink);transition: background var(--t-fast), color var(--t-fast)}.modal__page:hover{background: var(--ink);color: var(--cream)}.proj-index{position: relative;display: flex;flex-wrap: wrap;align-items: center;gap: 10px 12px;margin-top: 56px;font-family: var(--font-mono);font-size: 11px;letter-spacing: .08em}.proj-index__k{font-weight: 700;letter-spacing: .18em;margin-right: 6px}.proj-index a{padding: 7px 12px;border: 1.5px solid var(--ink-45);background: var(--cream);transition: background var(--t-fast), color var(--t-fast), border-color var(--t-fast)}.proj-index a:hover, .proj-index a:focus-visible{background: var(--ink);color: var(--cream);border-color: var(--ink)}.wgl--portrait .wgl__box{width: min(100%, calc((100dvh - 110px) * 9 / 16))}.wgl--portrait .wgl__frame{aspect-ratio: 9 / 16}.wgl.is-open{opacity: 1;visibility: visible}@keyframes pjUp{from{opacity: 0;transform: translateY(24px)}to{opacity: 1;transform: none}}@keyframes pjPop{0%{opacity: 0;transform: scale(.85)}70%{transform: scale(1.04)}100%{opacity: 1;transform: none}}@keyframes pjFrame{from{opacity: 0;transform: translateY(46px) rotate(3deg) scale(.92)}to{opacity: 1;transform: none}}@keyframes pjFloat{0%,100%{transform: translateY(0) rotate(0)}50%{transform: translateY(-7px) rotate(-.5deg)}}@keyframes pjNudgeL{0%,100%{transform: translateX(0)}50%{transform: translateX(-4px)}}@keyframes pjNudgeR{0%,100%{transform: translateX(0)}50%{transform: translateX(4px)}}@keyframes pjPlay{0%,100%{box-shadow: 6px 6px 0 rgba(0,0,0,.3), 0 0 0 0 rgba(var(--accent-rgb),.55)}50%{box-shadow: 6px 6px 0 rgba(0,0,0,.3), 0 0 0 10px rgba(var(--accent-rgb),0)}}@keyframes pjShine{from{transform: translateX(-120%) skewX(-20deg)}to{transform: translateX(320%) skewX(-20deg)}}.pj-page{overflow-x: hidden;background: var(--cream)}.pj-page main{overflow-x: clip}.pj-hud__nav{display: none}.pj-hud .hud__link{border-left: var(--border)}.pj-hud a:hover, .pj-hud a:focus-visible{background: var(--ink);color: var(--cream)}.pj-hud .hud__score{display: none}.pj-burger{display: block}.pj-progress{position: absolute;left: 0;right: 0;bottom: -3px;height: 3px;background: var(--accent);transform-origin: left;transform: scaleX(var(--p, 0));pointer-events: none}@media (min-width: 1081px){.pj-hud__nav{display: flex}.pj-hud .hud__score{display: flex}.pj-burger{display: none}}.pj-drawer.is-open{opacity: 1;visibility: visible}.pj-drawer.is-open .drawer__link{animation: lvlIn .45s var(--ease) both;animation-delay: calc(var(--i) * 45ms + .05s)}.pj-drawer.is-open .mini{animation: pjUp .45s var(--ease) both;animation-delay: calc(min(var(--i), 8) * 40ms + .25s)}.pj-hero{position: relative;overflow: hidden;padding: 74px 18px 46px;background: var(--pj-grad, var(--ink));color: var(--cream)}.pj-hero::after{content: "";position: absolute;inset: 0;pointer-events: none;background-image: repeating-linear-gradient(0deg, var(--cream-08) 0 1px, transparent 1px var(--tile)), repeating-linear-gradient(90deg, var(--cream-08) 0 1px, transparent 1px var(--tile))}.pj-hero--404{background: var(--cream);color: var(--ink);min-height: 70vh;padding-top: 120px}.pj-hero--404::after{display: none}.pj-hero--404 .pj-back{margin-top: 26px}.pj-deco{position: absolute;inset: 0;pointer-events: none;overflow: hidden}.pj-hero__ghost{position: absolute;right: -3vw;bottom: -.16em;font-family: var(--font-display);font-weight: 700;font-size: clamp(110px, 30vw, 380px);line-height: 1;white-space: nowrap;color: transparent;-webkit-text-stroke: 2px var(--cream-12);transform: translateY(var(--ghost-y, 0))}.pj-deco__sq{position: absolute;top: 15%;right: 7%;width: 34px;height: 34px;border: 3px solid var(--cream-35);animation: bobx 5s ease-in-out infinite}.pj-deco__dia{position: absolute;top: 58%;left: 4%;width: 22px;height: 22px;border: 3px solid var(--cream-25);animation: driftx 8s ease-in-out infinite}.pj-deco__dot{position: absolute;top: 9%;left: 52%;width: 14px;height: 14px;background: var(--accent);animation: bobx 4s ease-in-out .6s infinite}.pj-deco__plus{position: absolute;top: 30%;right: 30%;font-family: var(--font-mono);font-size: 14px;letter-spacing: 6px;opacity: .3;animation: dotP 3s ease-in-out infinite}.pj-hero__grid{position: relative;z-index: 1;display: grid;gap: 16px;grid-template-columns: minmax(0, 1fr);grid-template-areas: "back" "kick" "title" "media" "lead" "stats" "acts"}.pj-back{grid-area: back;justify-self: start;display: inline-flex;align-items: center;gap: 10px;padding: 10px 16px;background: var(--cream);color: var(--ink);border: 2px solid var(--cream);font-family: var(--font-mono);font-size: 11px;font-weight: 700;letter-spacing: .12em;box-shadow: 5px 5px 0 rgba(0,0,0,.25);animation: pjPop .5s var(--ease) .1s both;transition: transform var(--t-fast), box-shadow var(--t-fast)}.pj-back__arrow{display: inline-block;animation: pjNudgeL 1.2s ease-in-out infinite}.pj-back:hover, .pj-back:focus-visible{transform: translate(-3px, -3px);box-shadow: 8px 8px 0 rgba(0,0,0,.3)}.pj-back--ink{background: var(--ink);color: var(--cream);border-color: var(--ink)}.pj-kick{grid-area: kick;display: flex;flex-wrap: wrap;align-items: center;gap: 8px 12px;font-family: var(--font-mono);font-size: 11px;letter-spacing: .16em;animation: lvlIn .5s var(--ease) .2s both}.pj-chip{padding: 5px 10px;background: var(--cream);color: var(--ink);font-weight: 700}.pj-chip--boss{background: var(--accent);color: var(--cream);animation: dotP 1.4s ease-in-out infinite}.pj-kick__tag{opacity: .85}.pj-title{grid-area: title;margin: 0;font-family: var(--font-display);font-weight: 700;font-size: clamp(40px, 11.5vw, 72px);line-height: .92;letter-spacing: -.015em;text-transform: uppercase}.pj-title__w{display: inline-block;white-space: nowrap}.pj-title__l{display: inline-block;animation: letterIn .7s var(--ease) backwards;animation-delay: calc(.25s + var(--i) * 32ms);transition: transform .2s var(--ease), color .2s}@media (hover: hover){.pj-title__l:hover{transform: translateY(-.12em) rotate(-4deg);color: var(--accent)}}.pj-media{grid-area: media;perspective: 1100px;animation: pjFrame .9s var(--ease) .35s both}.pj-frame{position: relative;margin: 0;border: 2px solid var(--cream);background: #02241f;color: var(--cream);box-shadow: 10px 10px 0 rgba(0,0,0,.28);transform: rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) scale(var(--s, 1));transition: transform .5s var(--ease), box-shadow .4s var(--ease);will-change: transform}.pj-media.is-hover .pj-frame{--s: 1.045;box-shadow: 20px 24px 0 rgba(0,0,0,.3);transition: transform .12s linear, box-shadow .4s var(--ease)}@media (hover: none){.pj-frame{animation: pjFloat 6s ease-in-out 1.3s infinite}}.pj-frame__bar{display: flex;justify-content: space-between;gap: 12px;padding: 8px 12px;border-bottom: 2px solid var(--cream);font-family: var(--font-mono);font-size: 9.5px;letter-spacing: .16em}.pj-rec{display: inline-block;width: 8px;height: 8px;border-radius: 50%;background: var(--accent);margin-right: 8px;animation: dotP 1.3s ease-in-out infinite}.pj-frame__screen{position: relative;aspect-ratio: 16 / 9;background: #02241f;overflow: hidden}.pj-frame__media{display: block;width: 100%;height: 100%;object-fit: contain;background: #02241f;transition: opacity .25s}video.pj-frame__media{pointer-events: none}.pj-frame.is-switching .pj-frame__media{opacity: .35}.pj-frame__glare{position: absolute;inset: 0;pointer-events: none;opacity: 0;transition: opacity .3s;background: radial-gradient(circle at var(--gx, 50%) var(--gy, 0%), rgba(255,255,255,.06), transparent 42%)}.pj-media.is-hover .pj-frame__glare{opacity: 1}.pj-frame__screen[data-reel-swipe]{touch-action: pan-y}@media (hover: hover) and (pointer: fine){.pj-frame__screen[data-reel-swipe]{cursor: grab}.pj-frame__screen.is-drag{cursor: grabbing}}.pj-arrow{position: absolute;top: 50%;z-index: 2;width: 34px;height: 34px;margin-top: -17px;display: grid;place-items: center;padding: 0 0 3px;border: 2px solid var(--cream-50);background: rgba(1, 30, 26, .45);color: var(--cream);font-size: 22px;line-height: 1;cursor: pointer;opacity: .6;-webkit-backdrop-filter: blur(3px);backdrop-filter: blur(3px);transition: opacity var(--t-fast), background var(--t-fast), border-color var(--t-fast), transform var(--t-fast)}.pj-arrow--prev{left: 10px}.pj-arrow--next{right: 10px}.pj-media.is-hover .pj-arrow{opacity: .9}.pj-arrow:hover, .pj-arrow:focus-visible{opacity: 1;background: var(--accent);border-color: var(--accent);outline: none}.pj-arrow--prev:hover{transform: translateX(-2px)}.pj-arrow--next:hover{transform: translateX(2px)}.pj-arrow:active{transform: scale(.9)}.pj-frame.is-from-next .pj-frame__media{animation: pjSlideL .45s var(--ease)}.pj-frame.is-from-prev .pj-frame__media{animation: pjSlideR .45s var(--ease)}@keyframes pjSlideL{from{transform: translateX(8%);opacity: .3}to{transform: none}}@keyframes pjSlideR{from{transform: translateX(-8%);opacity: .3}to{transform: none}}.pj-frame__corner{position: absolute;width: 16px;height: 16px;border: 2px solid var(--accent);pointer-events: none;animation: dotP 1.6s ease-in-out infinite}.pj-frame__corner--tl{top: 8px;left: 8px;border-right: 0;border-bottom: 0}.pj-frame__corner--br{right: 8px;bottom: 8px;border-left: 0;border-top: 0}.pj-frame__cap{padding: 8px 12px;border-top: 2px solid var(--cream);font-family: var(--font-mono);font-size: 10.5px;letter-spacing: .08em}.pj-frame__cap:empty{display: none}.pj-reel{display: flex;gap: 5px;padding: 8px 12px;border-top: 2px solid var(--cream)}.pj-reel__seg{flex: 1;height: 14px;padding: 5px 0;border: 0;cursor: pointer;background: linear-gradient(var(--cream-25), var(--cream-25)) center / 100% 4px no-repeat}.pj-reel__seg i{display: block;height: 4px;background: var(--cream);transform: scaleX(0);transform-origin: left;transition: transform .25s linear}.pj-reel__seg:hover{background-image: linear-gradient(var(--cream-50), var(--cream-50))}.pj-reel__seg:focus-visible{outline: 2px solid var(--accent);outline-offset: 2px}.pj-lead{grid-area: lead;margin: 0;max-width: 560px;font-size: 16px;line-height: 1.6;opacity: .92;animation: pjUp .6s var(--ease) .5s both}.pj-hero--404 .pj-lead{margin-top: 20px}.pj-stats{grid-area: stats;margin: 0;width: 100%;max-width: 520px;border: 2px solid var(--cream-40);background: rgba(1, 30, 26, .25)}.pj-stats__row{display: flex;align-items: baseline;gap: 10px;padding: 10px 14px;border-top: 2px solid var(--cream-25);animation: lvlIn .5s var(--ease) both;animation-delay: calc(.6s + var(--i) * 90ms)}.pj-stats__row:first-child{border-top: 0}.pj-stats dt{flex: 1 1 auto;display: flex;align-items: baseline;gap: 8px;min-width: 64px;font-family: var(--font-mono);font-size: 10px;letter-spacing: .2em;opacity: .75}.pj-stats dt::after{content: "";flex: 1;min-width: 12px;border-bottom: 2px dotted var(--cream-35)}.pj-stats dd{flex: 0 1 auto;max-width: 70%;margin: 0;text-align: right;font-family: var(--font-mono);font-size: 12px;font-weight: 700;letter-spacing: .05em}.pj-actions{grid-area: acts;display: flex;flex-wrap: wrap;gap: 12px;animation: pjUp .6s var(--ease) .75s both}.pj-play, .pj-ext{flex: 1 1 auto;display: inline-flex;align-items: center;justify-content: center;gap: 10px;padding: 15px 22px;border: 2px solid var(--cream);font-family: var(--font-mono);font-size: 12.5px;font-weight: 700;letter-spacing: .12em;transition: transform var(--t-fast), background var(--t-med), color var(--t-med)}.pj-play{position: relative;overflow: hidden;background: var(--accent);color: var(--cream);animation: pjPlay 1.8s ease-in-out infinite}.pj-play::after{content: "";position: absolute;top: 0;bottom: 0;width: 30%;background: linear-gradient(90deg, transparent, rgba(255,255,255,.35), transparent);animation: pjShine 2.8s ease-in-out infinite}.pj-play__icon{display: inline-flex;align-items: center;justify-content: center;width: 24px;height: 24px;background: var(--cream);color: var(--accent);font-size: 10px}.pj-ext{color: var(--cream)}.pj-share{flex: 0 1 auto;background: none;cursor: pointer;border-style: dashed}.pj-share.is-done{background: #5be37d;border-color: #5be37d;border-style: solid;color: var(--ink)}button.dl-proj{background: none;color: inherit;cursor: pointer}.pj-play:hover, .pj-play:focus-visible{transform: translate(-3px, -3px)}.pj-ext:hover, .pj-ext:focus-visible{background: var(--cream);color: var(--ink);transform: translate(-3px, -3px)}@media (min-width: 900px){.pj-hero{padding: 110px var(--pad-x) 80px;min-height: min(100vh, 860px);display: flex;align-items: center}.pj-hero > .wrap{width: 100%}.pj-hero__grid{grid-template-columns: minmax(0, .95fr) minmax(0, 1.1fr);column-gap: clamp(36px, 5vw, 80px);row-gap: 18px;align-items: start;grid-template-areas: "back media" "kick media" "title media" "lead media" "stats media" "acts media";grid-template-rows: auto auto auto auto auto 1fr}.pj-media{align-self: center}.pj-title{font-size: clamp(46px, 5.4vw, 92px)}.pj-play, .pj-ext{flex: 0 0 auto}}.pj-marquee{position: relative;left: auto;right: auto;z-index: 3;margin: -16px -4vw -10px;padding: 11px 0;background: var(--ink);border-top: 2px solid var(--cream);border-bottom: 2px solid var(--cream);transform: rotate(-1.2deg)}.pj-marquee__track{color: var(--cream);font-size: 18px;animation-duration: 40s}.pj-marquee__track > span{padding-right: .4em}.pj-content{padding: 64px 18px 56px}.pj-cols{display: grid;gap: 34px}.pj-label{font-family: var(--font-mono);font-size: 11px;font-weight: 700;letter-spacing: .2em;margin-bottom: 16px}.pj-label::before{content: "";display: inline-block;width: 9px;height: 9px;background: var(--ink);margin-right: 10px;animation: dotP 1.6s ease-in-out infinite}.pj-body{font-size: 16px;line-height: 1.75;max-width: 760px}.pj-body p{margin: 0 0 1em}.pj-more{display: grid;grid-template-rows: 1fr;transition: grid-template-rows .5s var(--ease)}.pj-more > *{overflow: hidden}.pj-more.is-closed{grid-template-rows: 0fr;-webkit-mask-image: linear-gradient(#000, transparent);mask-image: linear-gradient(#000, transparent)}.pj-more.is-closed > *{min-height: 2.4em}.pj-more__btn{margin-top: 4px;padding: 10px 16px;border: var(--border);background: var(--cream);color: var(--ink);font-family: var(--font-mono);font-size: 11px;font-weight: 700;letter-spacing: .12em;cursor: pointer;box-shadow: 4px 4px 0 var(--ink-25);transition: background var(--t-fast), color var(--t-fast), transform var(--t-fast)}.pj-more__btn:hover{background: var(--ink);color: var(--cream);transform: translate(-2px, -2px)}.pj-side{border: var(--border-card);background: var(--cream);padding: 20px;box-shadow: var(--sh-card)}.pj-techs{list-style: none;margin: 0;padding: 0;display: flex;flex-wrap: wrap;gap: 8px}.pj-techs li{font-family: var(--font-mono);font-size: 11px;padding: 6px 11px;border: 1.5px solid var(--ink-45);letter-spacing: .05em;background: var(--cream);transition: background var(--t-fast), color var(--t-fast), transform var(--t-fast)}.pj-techs li:hover{background: var(--ink);color: var(--cream);transform: translateY(-3px) rotate(-2deg)}@media (min-width: 900px){.pj-content{padding: 96px var(--pad-x) 80px}.pj-cols{grid-template-columns: minmax(0, 1fr) 300px;gap: 60px;align-items: start}.pj-side{position: sticky;top: 84px}}.pj-gal{margin-top: 56px}.pj-gal__head{display: flex;align-items: center;gap: 14px}.pj-gal__head .pj-label{margin: 0}.pj-gal__hint{font-family: var(--font-mono);font-size: 10px;letter-spacing: .18em;opacity: .6}.pj-gal__hint span{display: inline-block;animation: pjNudgeR 1.1s ease-in-out infinite}.pj-gal__nav{display: none;margin-left: auto;gap: 8px}.pj-gal__nav button{width: 42px;height: 42px;border: var(--border);background: var(--cream);color: var(--ink);font-size: 22px;line-height: 1;cursor: pointer;transition: background var(--t-fast), color var(--t-fast)}.pj-gal__nav button:hover{background: var(--ink);color: var(--cream)}.pj-gal__strip{display: flex;gap: 18px;overflow-x: auto;scroll-snap-type: x mandatory;scroll-padding: 0 18px;padding: 18px 18px 26px;margin: 0 -18px;scrollbar-width: none;-webkit-overflow-scrolling: touch}.pj-gal__strip::-webkit-scrollbar{display: none}@media (hover: hover) and (pointer: fine){.pj-gal__strip{cursor: grab}}.pj-gal__strip.is-drag{cursor: grabbing;scroll-snap-type: none;scroll-behavior: auto}.pj-gal__strip.is-drag *{pointer-events: none}@supports (animation-timeline: view()){@keyframes pjShotIn{from{opacity: .35;scale: .86}to{opacity: 1;scale: 1}}.pj-shot{animation: pjShotIn linear both;animation-timeline: view(inline);animation-range: entry 0% entry 90%}}.pj-shot{flex: 0 0 82%;scroll-snap-align: start;margin: 0;border: var(--border-card);background: var(--cream);box-shadow: var(--sh-card);transform: rotate(var(--rot, -.6deg));transition: transform var(--t-med), box-shadow var(--t-med)}.pj-shot:nth-child(even){--rot: .6deg}.pj-shot:hover{transform: rotate(0) translateY(-5px);box-shadow: var(--sh-card-hover)}.pj-shot__btn{position: relative;display: block;width: 100%;padding: 0;border: 0;background: #02241f;cursor: zoom-in;overflow: hidden}.pj-shot img{display: block;width: 100%;aspect-ratio: 16 / 10;object-fit: cover;transition: transform .5s var(--ease)}.pj-shot:hover img{transform: scale(1.06)}.pj-shot__zoom{position: absolute;right: 8px;bottom: 8px;width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;background: var(--ink);color: var(--cream);font-size: 14px;opacity: .85}.pj-shot figcaption{padding: 10px 14px;border-top: var(--border);font-family: var(--font-mono);font-size: 11px;letter-spacing: .06em}@media (min-width: 640px){.pj-shot{flex-basis: 46%}}@media (min-width: 900px){.pj-gal__head{padding: 0}.pj-gal__nav{display: flex}.pj-gal__hint{display: none}.pj-gal__strip{padding: 22px var(--pad-x) 30px;margin: 0 calc(-1 * var(--pad-x));scroll-padding: 0 var(--pad-x)}.pj-shot{flex-basis: calc((100% - 36px) / 3)}}@supports (animation-timeline: view()){.rv{animation: pjUp linear both;animation-timeline: view();animation-range: entry 0% entry 55%}}.rv-js .rv{transition: opacity .7s var(--ease), transform .7s var(--ease)}.rv-js .rv:not(.is-in){opacity: 0;transform: translateY(30px)}.pj-nav{display: grid;grid-template-columns: 1fr 1fr;border-top: var(--border);border-bottom: var(--border)}.pj-nav__item{position: relative;overflow: hidden;display: flex;flex-direction: column;justify-content: flex-end;gap: 6px;min-height: 150px;padding: 18px;background: var(--pj-grad, var(--ink));color: var(--cream);isolation: isolate}.pj-nav__item--next{text-align: right;align-items: flex-end;border-left: var(--border)}.pj-nav__bg{position: absolute;inset: 0;z-index: -1;width: 100%;height: 100%;object-fit: cover;opacity: .35;transition: opacity .4s, transform .6s var(--ease)}.pj-nav__item::before{content: "";position: absolute;inset: 0;z-index: -1;background: linear-gradient(0deg, rgba(1,30,26,.85), rgba(1,30,26,.2))}.pj-nav__item:hover .pj-nav__bg, .pj-nav__item:focus-visible .pj-nav__bg{opacity: .7;transform: scale(1.08)}.pj-nav__k{font-family: var(--font-mono);font-size: 10px;font-weight: 700;letter-spacing: .18em}.pj-nav__item--prev .pj-nav__k{animation: pjNudgeL 1.4s ease-in-out infinite}.pj-nav__item--next .pj-nav__k{animation: pjNudgeR 1.4s ease-in-out infinite}.pj-nav__num{font-family: var(--font-mono);font-size: 9.5px;letter-spacing: .14em;opacity: .7}.pj-nav__t{font-family: var(--font-display);font-weight: 700;font-size: clamp(18px, 4.6vw, 40px);line-height: 1;text-transform: uppercase}@media (min-width: 900px){.pj-nav__item{min-height: 230px;padding: 34px var(--pad-x)}}.pj-cta{padding: 64px 18px 70px;text-align: center}.pj-cta__t{margin: 0;font-family: var(--font-display);font-weight: 700;font-size: clamp(34px, 9vw, 80px);line-height: .95;text-transform: uppercase}.pj-cta__w{display: inline-block;white-space: nowrap}.pj-cta__l{display: inline-block;animation: wave 1.8s ease-in-out infinite;animation-delay: calc(var(--i) * 70ms)}.pj-cta__s{margin: 18px auto 30px;max-width: 480px;font-size: 15px;line-height: 1.7;opacity: .85}.pj-cta .ct-mail:hover{transform: translate(-4px, -4px);box-shadow: 12px 12px 0 var(--ink-35)}.pj-page .footer a{color: inherit}.pj-lb{position: fixed;inset: 0;z-index: var(--z-wgl);display: flex;align-items: center;justify-content: center;padding: 60px 14px;background: rgba(1,30,26,.94);opacity: 0;visibility: hidden;transition: opacity .25s, visibility .25s}.pj-lb.is-open{opacity: 1;visibility: visible}.pj-lb__fig{margin: 0;max-width: min(1200px, 100%);text-align: center;color: var(--cream);transform: scale(.94);transition: transform .35s var(--ease)}.pj-lb.is-open .pj-lb__fig{transform: none}.pj-lb__fig img{display: block;max-width: 100%;max-height: 78vh;margin: 0 auto;border: 2px solid var(--cream);box-shadow: 14px 14px 0 rgba(0,0,0,.35)}.pj-lb__fig figcaption{margin-top: 14px;font-family: var(--font-mono);font-size: 11px;letter-spacing: .1em}.pj-lb__close, .pj-lb__nav{position: absolute;border: 2px solid var(--cream);background: transparent;color: var(--cream);font-family: var(--font-mono);cursor: pointer;transition: background var(--t-fast), color var(--t-fast)}.pj-lb__close{top: 14px;right: 14px;width: 44px;height: 44px;font-size: 16px}.pj-lb__nav{top: 50%;width: 44px;height: 56px;margin-top: -28px;font-size: 26px}.pj-lb__nav--prev{left: 10px}.pj-lb__nav--next{right: 10px}.pj-lb__close:hover, .pj-lb__nav:hover{background: var(--cream);color: var(--ink)}@media (max-width: 480px){.pj-hud .hud__logo{padding: 11px 12px}}.pj-case{margin-top: 56px}.pj-case__grid{display: grid;gap: 18px}.pj-case__item{position: relative;padding: 22px 20px 8px;border: var(--border-card);background: var(--cream);box-shadow: var(--sh-card);font-size: 15px;line-height: 1.7;transition: transform var(--t-med), box-shadow var(--t-med)}.pj-case__item:nth-child(odd){transform: rotate(-.4deg)}.pj-case__item:nth-child(even){transform: rotate(.4deg)}.pj-case__item:hover{transform: translateY(-4px);box-shadow: var(--sh-card-hover)}.pj-case__item p{margin: 0 0 1em}.pj-case__h{display: flex;align-items: center;gap: 12px;margin: 0 0 12px;font-family: var(--font-mono);font-size: 12px;font-weight: 700;letter-spacing: .16em}.pj-case__h span{display: inline-grid;place-items: center;min-width: 34px;height: 26px;padding: 0 6px;background: var(--ink);color: var(--cream);font-size: 11px}.pj-case__item:hover .pj-case__h span{background: var(--accent)}@media (min-width: 760px){.pj-case__grid{grid-template-columns: 1fr 1fr;gap: 22px}}@media (min-width: 900px){.pj-case{padding: 0}}.dl-list{display: grid;gap: 18px}@media (min-width: 640px){.dl-list{grid-template-columns: 1fr 1fr}}@media (min-width: 1000px){.dl-list--big{grid-template-columns: repeat(3, 1fr)}}.dl-card{position: relative;display: flex;flex-direction: column;gap: 8px;padding: 18px;border: var(--border-card);background: var(--cream);color: var(--ink);box-shadow: var(--sh-card);transition: transform var(--t-med) var(--ease), box-shadow var(--t-med)}.dl-card:hover, .dl-card:focus-visible{transform: translate(-3px, -4px) rotate(-.4deg);box-shadow: var(--sh-card-hover)}.dl-card__img{display: block;margin: -18px -18px 6px;aspect-ratio: 16 / 9;overflow: hidden;border-bottom: var(--border-card)}.dl-card__img img{width: 100%;height: 100%;object-fit: cover;transition: transform .6s var(--ease)}.dl-card:hover .dl-card__img img{transform: scale(1.06)}.dl-card__date{font-family: var(--font-mono);font-size: 10px;letter-spacing: .14em;opacity: .7}.dl-card__t{font-family: var(--font-display);font-weight: 700;font-size: 22px;line-height: 1.1;text-transform: uppercase}.dl-card__ex{font-size: 14px;line-height: 1.6;opacity: .85}.dl-card__ex:empty{display: none}.dl-card__go{margin-top: auto;padding-top: 6px;font-family: var(--font-mono);font-size: 11px;font-weight: 700;letter-spacing: .14em}.dl-card:hover .dl-card__go{color: var(--accent)}.dl-hero{padding-bottom: 54px}.dl-hero__in{position: relative;z-index: 1;display: grid;gap: 16px;justify-items: start}.dl-hero__in > *{grid-area: auto}.dl-title{font-size: clamp(32px, 8vw, 64px);max-width: 980px;animation: pjUp .7s var(--ease) .2s both}.dl-proj{display: inline-flex;gap: 10px;align-items: center;padding: 9px 14px;border: 2px solid var(--cream-50);font-family: var(--font-mono);font-size: 11px;font-weight: 700;letter-spacing: .1em;transition: background var(--t-fast), color var(--t-fast)}.dl-proj span{opacity: .7}.dl-proj:hover{background: var(--cream);color: var(--ink)}.dl-wrap{max-width: 820px}.dl-cover{margin: 0 0 34px;border: var(--border-card);box-shadow: var(--sh-card);background: var(--ink)}.dl-cover img{display: block;width: 100%;height: auto}.dl-article{max-width: none;font-size: 17px}.dl-article h2, .dl-article h3{margin: 1.6em 0 .6em;font-family: var(--font-display);font-weight: 700;line-height: 1.15;text-transform: uppercase}.dl-article h2{font-size: 28px}.dl-article h3{font-size: 22px}.dl-article a{text-decoration: underline;text-decoration-thickness: 2px;text-underline-offset: 3px}.dl-article a:hover{color: var(--accent)}.dl-article img{display: block;max-width: 100%;height: auto;margin: 1.4em 0;border: var(--border-card);box-shadow: var(--sh-card)}.dl-article blockquote{margin: 1.4em 0;padding: 14px 18px;border-left: 6px solid var(--accent);background: var(--ink-06);font-style: italic}.dl-article code{padding: 2px 6px;background: var(--ink-08);font-family: var(--font-mono);font-size: .88em}.dl-article pre{overflow-x: auto;padding: 16px;background: var(--ink);color: var(--cream);font-size: 13px;line-height: 1.6}.dl-article pre code{padding: 0;background: none}.dl-article ul, .dl-article ol{padding-left: 1.3em;margin: 0 0 1em}.dl-article figure{margin: 1.4em 0}.dl-article figcaption{font-family: var(--font-mono);font-size: 11px;opacity: .7;margin-top: -0.8em}.dl-article hr{border: 0;border-top: 2px dashed var(--ink-30);margin: 2em 0}.dl-pn{display: grid;grid-template-columns: 1fr 1fr;gap: 14px;margin-top: 44px}.dl-pn .dl-card__t{font-size: 17px}.dl-pn > :last-child{text-align: right}.dl-empty{padding: 40px 24px;border: 3px dashed var(--ink-30);text-align: center;font-size: 17px}.dl-empty .pj-back{margin-top: 14px}.fab{position: fixed;right: 14px;bottom: calc(14px + env(safe-area-inset-bottom));z-index: var(--z-lvl, 40);display: none;align-items: center;gap: 9px;padding: 12px 16px;background: var(--ink);color: var(--cream);border: 2px solid var(--cream);font-family: var(--font-mono);font-size: 11px;font-weight: 700;letter-spacing: .12em;box-shadow: 5px 5px 0 rgba(1, 30, 26, .35);transform: translateY(160%);transition: transform .45s var(--ease)}.fab__dot{width: 8px;height: 8px;border-radius: 50%;background: var(--accent);animation: dotP 1.3s ease-in-out infinite}.fab.is-on{transform: none}.fab:active{transform: scale(.94)}@media (max-width: 900px){.fab{display: inline-flex}}.pj-cta__btns{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;gap: 16px}.pj-cv{display: inline-flex;align-items: center;gap: 8px;padding: 18px 22px;border: var(--border-card);background: var(--cream);color: var(--ink);font-family: var(--font-mono);font-weight: 700;font-size: 13px;letter-spacing: .08em;box-shadow: 8px 8px 0 var(--ink-30);transition: transform var(--t-fast), box-shadow var(--t-fast), background var(--t-fast), color var(--t-fast)}.pj-cv:hover, .pj-cv:focus-visible{background: var(--accent);border-color: var(--accent);color: var(--cream);transform: translate(-4px, -4px);box-shadow: 12px 12px 0 var(--ink-35)}.cv-btn--ghost{background: var(--cream);color: var(--ink);margin-top: 12px}.ab-hero{padding-bottom: 56px}.ab-hero__in{position: relative;z-index: 1;display: grid;gap: 34px;align-items: center}.ab-hero__in > *, .ab-hero__txt > *{grid-area: auto}.ab-hero__txt{display: grid;gap: 16px;justify-items: start}.ab-title{font-size: clamp(38px, 10vw, 76px)}.ab-title__s{display: block;font-size: .55em;opacity: .85;animation: pjUp .6s var(--ease) .15s both}.ab-chips{display: flex;flex-wrap: wrap;gap: 8px;margin: 0;padding: 0;list-style: none}.ab-chips li{display: inline-flex;align-items: center;gap: 8px;padding: 7px 12px;border: 2px solid var(--cream-50);font-family: var(--font-mono);font-size: 10.5px;font-weight: 700;letter-spacing: .12em;animation: pjPop .45s var(--ease) both;animation-delay: calc(.55s + var(--i) * 90ms)}.ab-live{width: 8px;height: 8px;border-radius: 50%;background: #5be37d;animation: abLive 1.6s ease-out infinite}@keyframes abLive{0%{box-shadow: 0 0 0 0 rgba(91, 227, 125, .6)}70%, 100%{box-shadow: 0 0 0 8px rgba(91, 227, 125, 0)}}.ab-card{perspective: 1100px;animation: pjFrame .9s var(--ease) .35s both;max-width: 420px;width: 100%;justify-self: center}.ab-card__body{padding: 26px 22px 22px;text-align: center}.ab-card__av{display: block;width: min(100%, 260px);height: auto;aspect-ratio: 4 / 5;margin: 0 auto 18px;object-fit: cover;background: var(--cream);border: 2px solid var(--cream);box-shadow: 6px 6px 0 var(--accent);animation: pjFloat 5s ease-in-out infinite}.ab-card__name{font-family: var(--font-display);font-weight: 700;font-size: 26px;text-transform: uppercase}.ab-card__role{margin-top: 4px;font-family: var(--font-mono);font-size: 10.5px;letter-spacing: .16em;opacity: .75}.ab-card__stats{display: grid;grid-template-columns: repeat(3, 1fr);margin: 20px 0 0;border: 2px solid var(--cream-40)}.ab-card__stats div{padding: 12px 6px;border-left: 2px solid var(--cream-25)}.ab-card__stats div:first-child{border-left: 0}.ab-card__stats dt{font-family: var(--font-mono);font-size: 8.5px;letter-spacing: .12em;opacity: .7}.ab-card__stats dd{margin: 4px 0 0;font-family: var(--font-display);font-weight: 700;font-size: 30px;line-height: 1}@media (min-width: 900px){.ab-hero__in{grid-template-columns: 1.25fr 1fr;gap: 56px}}.ab-log{font-family: var(--font-mono);font-size: 10px;letter-spacing: .16em;opacity: .65;margin-bottom: 6px}.ab-h{margin: 0 0 10px;font-family: var(--font-display);font-weight: 700;font-size: 21px;line-height: 1.15;text-transform: uppercase}@media (min-width: 1000px){.ab-story{grid-template-columns: repeat(3, 1fr)}}.ab-sec{margin-top: 64px}.ab-path{display: grid;gap: 34px}@media (min-width: 900px){.ab-path{grid-template-columns: 1fr 1fr;gap: 44px}}.ab-col__h{display: flex;align-items: center;gap: 10px;margin: 0 0 18px;font-family: var(--font-display);font-weight: 700;font-size: 26px;text-transform: uppercase}.ab-col__h span{display: inline-grid;place-items: center;width: 34px;height: 34px;background: var(--ink);color: var(--cream);font-size: 15px}.ab-tl{position: relative;margin: 0;padding: 0 0 0 30px;list-style: none}.ab-tl::before{content: "";position: absolute;left: 9px;top: 6px;bottom: 6px;width: 3px;background: repeating-linear-gradient(var(--ink) 0 8px, transparent 8px 14px)}.ab-tl__i{position: relative;margin-bottom: 18px;padding: 14px 16px;border: var(--border-card);background: var(--cream);box-shadow: var(--sh-card);transition: transform var(--t-med) var(--ease), box-shadow var(--t-med)}.ab-tl__i::before{content: "";position: absolute;left: -32px;top: 18px;width: 15px;height: 15px;box-sizing: content-box;background: var(--cream);border: 3px solid var(--ink);transform: rotate(45deg);transition: background var(--t-fast), transform var(--t-med) var(--ease)}.ab-tl__i:hover{transform: translateX(6px);box-shadow: var(--sh-card-hover)}.ab-tl__i:hover::before{background: var(--accent);transform: translateX(-6px) rotate(45deg)}.ab-tl__lvl{display: inline-block;padding: 3px 8px;background: var(--ink);color: var(--cream);font-family: var(--font-mono);font-size: 9.5px;font-weight: 700;letter-spacing: .14em}.ab-tl__t{margin: 8px 0 2px;font-family: var(--font-display);font-weight: 700;font-size: 18px;line-height: 1.2}.ab-tl__w{margin: 0;font-family: var(--font-mono);font-size: 11px;letter-spacing: .04em;opacity: .75}.ab-tl__d{margin: 8px 0 0;font-size: 14px;line-height: 1.6}.ab-inv{padding: 64px 18px;background: var(--ink);color: var(--cream)}.ab-label--cream::before{background: var(--cream)}.ab-slots{display: grid;gap: 18px}@media (min-width: 900px){.ab-slots{grid-template-columns: repeat(3, 1fr)}.ab-inv{padding: 80px var(--pad-x)}}.ab-slot{padding: 18px;border: 2px solid var(--cream-40)}.ab-slot__k{margin-bottom: 14px;font-family: var(--font-mono);font-size: 11px;font-weight: 700;letter-spacing: .14em}.ab-inv .pj-techs li{background: transparent;color: var(--cream);border-color: var(--cream-50)}.ab-inv .pj-techs li:hover{background: var(--cream);color: var(--ink)}.ab-two{display: grid;gap: 34px;margin-top: 44px}@media (min-width: 760px){.ab-two{grid-template-columns: 1fr 1fr}}.ab-langs, .ab-hob{margin: 0;padding: 0;list-style: none;display: grid;gap: 14px}.ab-langs li{display: grid;grid-template-columns: 1fr auto;gap: 6px 12px;font-size: 15px}.ab-langs__v{font-family: var(--font-mono);font-size: 11px;font-weight: 700;letter-spacing: .1em;opacity: .8}.ab-bar{grid-column: 1 / -1;height: 8px;border: 2px solid var(--cream-40)}.ab-bar i{display: block;height: 100%;width: var(--w);background: var(--cream);transform-origin: left}@supports (animation-timeline: view()){.ab-bar i{animation: abBar linear both;animation-timeline: view();animation-range: entry 10% cover 40%}@keyframes abBar{from{transform: scaleX(0)}to{transform: scaleX(1)}}}.ab-hob li{display: flex;gap: 14px;align-items: flex-start;font-size: 14px;line-height: 1.5}.ab-hob b{display: block;font-family: var(--font-display);font-size: 17px;text-transform: uppercase}.ab-hob__ic{flex: none;display: grid;place-items: center;width: 40px;height: 40px;border: 2px solid var(--cream-50);font-size: 18px;transition: transform var(--t-fast), background var(--t-fast), color var(--t-fast)}.ab-hob li:hover .ab-hob__ic{transform: rotate(-8deg) scale(1.1);background: var(--cream);color: var(--ink)}.ab-feat__grid{display: grid;gap: 18px 14px;grid-template-columns: repeat(auto-fit, minmax(150px, 1fr))}.ab-feat .mini{width: auto;margin: 0;color: var(--ink)}.ab-all{margin-top: 26px}.board-filters{display: flex;flex-wrap: wrap;gap: 10px;margin: -18px 0 30px}.bf{display: inline-flex;align-items: center;gap: 9px;padding: 9px 14px;border: var(--border);background: var(--cream);color: var(--ink);font-family: var(--font-mono);font-size: 11px;font-weight: 700;letter-spacing: .12em;cursor: pointer;box-shadow: 4px 4px 0 var(--ink-20);animation: pjPop .45s var(--ease) both;animation-delay: calc(var(--i) * 60ms);transition: transform var(--t-fast), box-shadow var(--t-fast), background var(--t-fast), color var(--t-fast)}.bf:hover{transform: translate(-2px, -2px);box-shadow: 6px 6px 0 var(--ink-25)}.bf.is-on{background: var(--ink);color: var(--cream);box-shadow: 4px 4px 0 var(--accent)}.bf__n{min-width: 22px;padding: 2px 6px;background: var(--ink);color: var(--cream);font-size: 10px;text-align: center}.bf.is-on .bf__n{background: var(--accent)}.card-cell.is-out{display: none}.card-cell.is-pop{animation: bfPop .55s var(--ease) both;animation-delay: calc(min(var(--pop, 0), 8) * 70ms)}@keyframes bfPop{from{opacity: 0;scale: .9;translate: 0 18px}to{opacity: 1;scale: 1;translate: 0 0}}@media (max-width: 640px){.board-filters{flex-wrap: nowrap;overflow-x: auto;margin: -22px -18px 24px;padding: 4px 18px 10px;scrollbar-width: none}.board-filters::-webkit-scrollbar{display: none}.bf{flex: none}}.hud__sfx{display: flex;align-items: center;border: none;border-left: var(--border);background: var(--cream);color: var(--ink);font-family: var(--font-mono);font-size: 10.5px;font-weight: 700;letter-spacing: .08em;padding: 0 12px;cursor: pointer;white-space: nowrap;transition: background var(--t-fast), color var(--t-fast)}.hud__sfx:hover, .hud__sfx:focus-visible{background: var(--ink);color: var(--cream)}.hud__sfx.is-on{background: var(--ink);color: var(--cream)}@media (max-width: 480px){.hud__sfx{padding: 0 9px;font-size: 9.5px}}.arc{position: fixed;inset: 0;z-index: 9999;display: flex;align-items: center;justify-content: center;padding: 16px;background: #011e1a radial-gradient(circle at 50% 40%, #023a33, #011e1a 70%);opacity: 0;visibility: hidden;transition: opacity .25s, visibility .25s}.arc.is-open{opacity: 1;visibility: visible}.arc-open body > :not(.arc):not(.arc-intro):not(.ach-toasts){visibility: hidden}.arc-open .ach-toast{pointer-events: none}.arc-open body{overflow: hidden}.arc__box{width: min(520px, 100%);border: 3px solid var(--cream);background: var(--ink);color: var(--cream);box-shadow: 12px 12px 0 rgba(0, 0, 0, .35), 0 0 60px rgba(91, 216, 227, .12);transform-origin: center}.arc.is-open .arc__box{animation: arcOn .55s cubic-bezier(.2, .8, .2, 1) both}@keyframes arcOn{0%{transform: scale(1.05, .004);filter: brightness(4)}45%{transform: scale(1, .004);filter: brightness(3)}75%{transform: scale(1, 1.04);filter: brightness(1.6)}100%{transform: none;filter: none}}.arc-intro{position: fixed;inset: 0;z-index: 10000;pointer-events: auto;cursor: pointer;overflow: hidden}.arc-intro.is-out{opacity: 0;transition: opacity .4s}.arc-intro__crt{position: absolute;inset: 0}.arc-intro__crt::before, .arc-intro__crt::after{content: "";position: absolute;left: 0;right: 0;height: 50.5%;background: #011e1a;animation: crtHalf .5s cubic-bezier(.7, 0, .3, 1) both}.arc-intro__crt::before{top: 0;transform-origin: top}.arc-intro__crt::after{bottom: 0;transform-origin: bottom}@keyframes crtHalf{from{transform: scaleY(0)}to{transform: scaleY(1)}}.arc-intro__line{position: absolute;left: 0;right: 0;top: 50%;height: 3px;margin-top: -1.5px;background: #fff;box-shadow: 0 0 24px 6px rgba(255, 255, 255, .8), 0 0 80px 20px rgba(91, 216, 227, .5);opacity: 0;animation: crtLine .75s ease-out .25s both}@keyframes crtLine{0%{opacity: 1;transform: scaleX(1)}55%{opacity: 1;transform: scaleX(.03)}100%{opacity: 0;transform: scaleX(0)}}.arc-intro__stage{position: absolute;inset: 0;display: grid;grid-template: 100% / 100%;place-items: center}.arc-intro__stage > *{grid-area: 1 / 1}.arc-intro__rays{position: absolute;left: 50%;top: 50%;width: 140vmax;height: 140vmax;margin: -70vmax 0 0 -70vmax;background: repeating-conic-gradient(from 0deg, rgba(254, 248, 212, .09) 0 8deg, transparent 8deg 20deg);border-radius: 50%;-webkit-mask-image: radial-gradient(circle, #000 0, transparent 60%);mask-image: radial-gradient(circle, #000 0, transparent 60%);opacity: 0;animation: raysIn .5s ease-out .65s forwards, raysSpin 6s linear .65s infinite}@keyframes raysIn{from{opacity: 0;scale: .3}to{opacity: 1;scale: 1}}@keyframes raysSpin{to{rotate: 360deg}}.arc-intro__coin{width: 110px;height: 110px;perspective: 400px;transform: translateY(-60vh);animation: coinDrop .5s cubic-bezier(.55, 0, 1, .45) .2s forwards, coinBounce .35s cubic-bezier(.2, .8, .2, 1) .7s forwards}.arc-intro__coin span{display: grid;place-items: center;width: 100%;height: 100%;border-radius: 50%;background: radial-gradient(circle at 35% 30%, #fff6b0, #f5c542 45%, #c98a12 100%);color: #8a5a00;font-size: 58px;font-weight: 700;box-shadow: inset -6px -8px 0 rgba(0, 0, 0, .18), 0 0 0 5px #8a5a00, 0 0 40px 10px rgba(245, 197, 66, .55);animation: coinSpin .35s linear infinite}@keyframes coinDrop{to{transform: translateY(0)}}@keyframes coinBounce{0%{transform: translateY(0) scale(1.25, .8)}50%{transform: translateY(-26px) scale(.95, 1.05)}100%{transform: translateY(-40px) scale(1)}}@keyframes coinSpin{from{transform: rotateY(0)}to{transform: rotateY(360deg)}}.arc-intro__px i{position: absolute;left: 50%;top: 50%;width: 10px;height: 10px;margin: -5px;background: var(--c);opacity: 0;animation: pxBurst .8s cubic-bezier(.1, .7, .3, 1) calc(.7s + var(--d)) forwards}@keyframes pxBurst{0%{opacity: 1;transform: translate(0, 0) scale(1.4)}100%{opacity: 0;transform: translate(var(--x), var(--y)) scale(.4) rotate(180deg)}}.arc-intro__credit{transform: translateY(88px);font-family: var(--font-mono);font-size: 14px;font-weight: 700;letter-spacing: .3em;color: #f5c542;opacity: 0;animation: pjPop .3s var(--ease) .8s forwards, credBlink .5s steps(1) 1.1s 3}@keyframes credBlink{50%{opacity: .2}}.arc-intro__ready{transform: translateY(142px);font-family: var(--font-display);font-weight: 700;font-size: clamp(30px, 7vw, 58px);color: var(--cream);white-space: nowrap;text-shadow: 4px 4px 0 var(--accent), 0 0 30px rgba(255, 91, 77, .5)}.arc-intro__ready span{display: inline-block;opacity: 0;animation: readyIn .35s cubic-bezier(.2, 1.6, .4, 1) forwards;animation-delay: calc(.95s + var(--i) * 35ms)}@keyframes readyIn{from{opacity: 0;transform: translateY(40px) scale(.3) rotate(-20deg)}to{opacity: 1;transform: none}}.arc-intro::after{content: "";position: absolute;inset: 0;pointer-events: none;background: repeating-linear-gradient(0deg, rgba(0, 0, 0, .18) 0 2px, transparent 2px 4px)}.arc__head{display: flex;align-items: center;gap: 12px;padding: 10px 12px;border-bottom: 2px solid var(--cream);font-family: var(--font-mono);font-size: 10.5px;letter-spacing: .12em}.arc__sc{margin-left: auto}.arc__sc b{color: var(--accent)}.arc__sc b.is-pop{display: inline-block;animation: scPop .3s ease-out}@keyframes scPop{40%{transform: scale(1.35)}}.arc__close{border: 2px solid var(--cream);background: none;color: var(--cream);font-family: var(--font-mono);font-size: 10px;padding: 4px 8px;cursor: pointer}.arc__close:hover{background: var(--cream);color: var(--ink)}.arc__screen{padding: 12px}.arc__screen canvas{display: block;width: 100%;height: auto;aspect-ratio: 1;image-rendering: pixelated;border: 2px solid var(--cream-25);touch-action: none}.arc__pad{display: none;grid-template-columns: repeat(3, 56px);grid-template-rows: repeat(2, 48px);gap: 6px;justify-content: center;padding: 0 0 12px}.arc__pad button{border: 2px solid var(--cream);background: var(--deep, #02241f);color: var(--cream);font-size: 18px;touch-action: manipulation}.arc__pad button:active{background: var(--accent)}.arc__pad [data-dir="up"]{grid-column: 2;grid-row: 1}.arc__pad [data-dir="left"]{grid-column: 1;grid-row: 2}.arc__pad [data-dir="down"]{grid-column: 2;grid-row: 2}.arc__pad [data-dir="right"]{grid-column: 3;grid-row: 2}@media (hover: none){.arc__pad{display: grid}}.arc__help{padding: 0 12px 12px;font-family: var(--font-mono);font-size: 10px;letter-spacing: .08em;opacity: .65;text-align: center}.arc__head .pj-rec{margin-right: 8px}.er-page{min-height: 100vh;margin: 0;background: var(--ink);color: var(--cream)}.er{position: relative;min-height: 100vh;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 22px;padding: 40px 16px;overflow: hidden;background-image: repeating-linear-gradient(0deg, var(--cream-08) 0 1px, transparent 1px var(--tile)), repeating-linear-gradient(90deg, var(--cream-08) 0 1px, transparent 1px var(--tile))}.er__deco{position: absolute;inset: 0;pointer-events: none}.er__sq{position: absolute;top: 12%;right: 10%;width: 40px;height: 40px;border: 3px solid var(--cream-35);animation: bobx 5s ease-in-out infinite}.er__dia{position: absolute;bottom: 16%;left: 8%;width: 26px;height: 26px;border: 3px solid var(--cream-25);animation: driftx 8s ease-in-out infinite}.er__dot{position: absolute;top: 18%;left: 14%;width: 14px;height: 14px;background: var(--accent);animation: bobx 4s ease-in-out .6s infinite}.er__scan{position: absolute;inset: 0;background: repeating-linear-gradient(0deg, rgba(0, 0, 0, .12) 0 2px, transparent 2px 4px);opacity: .5}.er a{color: var(--cream)}.er__box{position: relative;width: min(640px, 100%);border: 3px solid var(--cream);background: rgba(2, 36, 31, .85);box-shadow: 12px 12px 0 rgba(0, 0, 0, .3);animation: pjFrame .8s var(--ease) both}.er__bar{display: flex;justify-content: space-between;padding: 9px 14px;border-bottom: 2px solid var(--cream);font-family: var(--font-mono);font-size: 10.5px;letter-spacing: .16em}.er__body{padding: 40px clamp(18px, 5vw, 40px) 30px;text-align: center}.er__code{display: flex;justify-content: center;gap: .04em;font-family: var(--font-display);font-weight: 700;font-size: clamp(96px, 28vw, 200px);line-height: .9}.er__code span{position: relative;display: inline-block;animation: letterIn .7s var(--ease) backwards, wave 2.4s ease-in-out infinite;animation-delay: calc(var(--i) * 120ms), calc(.8s + var(--i) * 150ms);text-shadow: 6px 6px 0 rgba(0, 0, 0, .3)}.er__code span::before, .er__code span::after{content: attr(data-d);position: absolute;inset: 0;opacity: 0}.er__code span::before{color: var(--accent);animation: erGlitch 3.2s steps(1) infinite;animation-delay: calc(var(--i) * .4s)}.er__code span::after{color: #5bd8e3;animation: erGlitch 3.2s steps(1) .15s infinite reverse;animation-delay: calc(var(--i) * .4s + .1s)}@keyframes erGlitch{0%, 88%, 100%{opacity: 0;transform: none}90%{opacity: .8;transform: translate(-4px, 2px);clip-path: inset(10% 0 55% 0)}93%{opacity: .8;transform: translate(4px, -2px);clip-path: inset(60% 0 8% 0)}}.er__big{margin: 8px 0 0;font-family: var(--font-display);font-weight: 700;font-size: clamp(26px, 7vw, 44px);text-transform: uppercase;color: var(--accent);animation: pjUp .6s var(--ease) .3s both}.er__t{margin: 6px 0 0;font-family: var(--font-mono);font-size: 12px;font-weight: 700;letter-spacing: .16em;text-transform: uppercase;opacity: .8}.er__p{max-width: 460px;margin: 14px auto 0;font-size: 15px;line-height: 1.7;opacity: .9}.er__guess{display: inline-flex;flex-wrap: wrap;gap: 6px;justify-content: center;margin-top: 18px;padding: 10px 14px;border: 2px dashed var(--cream-50);font-size: 14px;transition: background var(--t-fast), color var(--t-fast)}.er__guess span{opacity: .75}.er__guess:hover, .er__guess:focus-visible{background: var(--cream);color: var(--ink)}.er__cont{margin: 22px 0 14px;font-family: var(--font-mono);font-size: 13px;font-weight: 700;letter-spacing: .2em}.er__count::after{content: "9";display: inline-block;min-width: 1ch;color: var(--accent);animation: erCount 10s steps(1) infinite}@keyframes erCount{0%{content: "9"}10%{content: "8"}20%{content: "7"}30%{content: "6"}40%{content: "5"}50%{content: "4"}60%{content: "3"}70%{content: "2"}80%{content: "1"}90%{content: "0"}}.er__acts{display: flex;flex-wrap: wrap;justify-content: center;gap: 10px}.er__btn{padding: 11px 14px;border: 2px solid var(--cream);font-family: var(--font-mono);font-size: 11px;font-weight: 700;letter-spacing: .1em;transition: transform var(--t-fast), background var(--t-fast), color var(--t-fast), box-shadow var(--t-fast)}.er__btn:hover, .er__btn:focus-visible{background: var(--cream);color: var(--ink);transform: translate(-3px, -3px);box-shadow: 5px 5px 0 var(--accent)}.er__btn--main{background: var(--accent);border-color: var(--accent);color: var(--cream);animation: pjPlay 1.8s ease-in-out infinite}.er__foot{position: relative;margin: 0;font-family: var(--font-mono);font-size: 10.5px;letter-spacing: .14em;opacity: .7}.er-page--crash .er__box{animation: pjFrame .8s var(--ease) both, erShake .5s ease-in-out .8s 2}@keyframes erShake{0%, 100%{transform: none}25%{transform: translateX(-6px) rotate(-.6deg)}75%{transform: translateX(6px) rotate(.6deg)}}.dpad{--k: 17px;--gap: 3px;--depth: 3px;--key: rgba(254, 248, 212, .07);--edge: rgba(254, 248, 212, .45);--side: rgba(254, 248, 212, .28);position: relative;display: inline-grid;grid-template-columns: repeat(3, var(--k));grid-template-rows: var(--k) var(--k) auto;gap: var(--gap);vertical-align: middle;margin-left: 10px;color: var(--cream)}.dpad__b{position: relative;width: var(--k);height: var(--k);padding: 0;border: 0;background: none;color: inherit;cursor: pointer}.dpad__b--up{grid-column: 2;grid-row: 1}.dpad__b--left{grid-column: 1;grid-row: 2}.dpad__b--down{grid-column: 2;grid-row: 2}.dpad__b--right{grid-column: 3;grid-row: 2}.dpad__cap{position: absolute;inset: 0 0 var(--depth) 0;display: grid;place-items: center;border: 1.5px solid var(--edge);border-radius: calc(var(--k) * .22);background: var(--key);box-shadow: 0 var(--depth) 0 var(--side);font-family: var(--font-mono);font-size: calc(var(--k) * .58);font-weight: 700;line-height: 1;transition: transform .12s, box-shadow .12s, background .25s, color .25s, border-color .25s}.dpad__b:hover .dpad__cap, .dpad__b:focus-visible .dpad__cap{border-color: var(--cream);background: rgba(254, 248, 212, .16)}.dpad__b:focus-visible{outline: none}.dpad__b:active .dpad__cap{transform: translateY(var(--depth));box-shadow: 0 0 0 var(--side)}.dpad__b.is-hit .dpad__cap{animation: keyHit .45s ease-out}@keyframes keyHit{0%{transform: translateY(var(--depth));box-shadow: 0 0 0 var(--side), 0 0 14px rgba(255, 91, 77, .8);background: var(--accent);border-color: var(--accent);color: var(--cream)}35%{transform: translateY(var(--depth));background: var(--accent);border-color: var(--accent)}100%{transform: none}}.dpad__bar{grid-column: 1 / -1;grid-row: 3;display: grid;grid-template-columns: repeat(8, 1fr);gap: 2px;margin-top: 3px}.dpad__bar i{height: 3px;border-radius: 2px;background: rgba(254, 248, 212, .15);transition: background .25s, box-shadow .25s}.dpad__bar i.is-on{background: var(--accent);box-shadow: 0 0 6px rgba(255, 91, 77, .7)}.dpad.is-win .dpad__cap{animation: keyHit .6s ease-out}.dpad.is-win .dpad__bar i{animation: barWin .9s ease-out}.dpad.is-miss .dpad__bar{animation: barMiss .35s ease-out}.dpad.is-miss .dpad__bar i{animation: barMissI .5s ease-out}@keyframes barMiss{20%{transform: translateX(-3px)}45%{transform: translateX(3px)}70%{transform: translateX(-2px)}}@keyframes barMissI{0%, 30%{background: rgba(254, 248, 212, .55);box-shadow: none}}@media (prefers-reduced-motion: reduce){.dpad.is-miss .dpad__bar{animation: none}}@keyframes barWin{0%, 60%{background: #5be37d;box-shadow: 0 0 8px #5be37d}}.dpad--float{--k: 46px;--gap: 6px;--depth: 5px;position: fixed;left: 50%;bottom: calc(18px + env(safe-area-inset-bottom));z-index: 300;margin: 0;padding: 12px 14px 10px;background: rgba(1, 62, 55, .9);border: 2px solid var(--cream-50);border-radius: 10px;box-shadow: 0 10px 30px rgba(0, 0, 0, .3);transform: translate(-50%, 30px) scale(.85);opacity: 0;pointer-events: none;transition: opacity .3s, transform .4s var(--ease)}.dpad--float.is-on{opacity: 1;transform: translate(-50%, 0);pointer-events: auto}.dpad--float .dpad__bar{margin-top: 6px}.dpad--float .dpad__bar i{height: 4px}.dpad__sfx{position: absolute;left: 50%;top: -30px;transform: translateX(-50%);padding: 3px 8px;border: 1px solid var(--cream-50);background: var(--ink);color: var(--cream);font-family: var(--font-mono);font-size: 9.5px;letter-spacing: .1em;white-space: nowrap;cursor: pointer;animation: dotP 1.6s ease-in-out infinite}.dpad__sfx.is-on{display: none}@media (prefers-reduced-motion: reduce){.dpad__sfx{animation: none}}.cv-wrap{padding: 84px 16px 60px}.cv-actions{display: flex;flex-wrap: wrap;justify-content: center;gap: 12px;margin: 0 auto 22px;max-width: 900px}.cv-actions .pj-play{border: 0;cursor: pointer;font: inherit;font-family: var(--font-mono);font-weight: 700}.cv{max-width: 900px;margin: 0 auto;padding: clamp(20px, 4vw, 44px);background: #fff;color: var(--ink);border: var(--border-card);box-shadow: 12px 12px 0 var(--ink-20);animation: pjUp .6s var(--ease) both}.cv a{color: inherit;text-decoration: underline;text-decoration-color: var(--ink-30);text-underline-offset: 2px}.cv a:hover{color: var(--accent)}.cv__head{display: flex;gap: 20px;align-items: center;padding-bottom: 20px;border-bottom: 3px solid var(--ink)}.cv__av{flex: none;width: 76px;height: 76px;display: grid;place-items: center;background: var(--ink);color: var(--cream);font-family: var(--font-display);font-weight: 700;font-size: 32px;box-shadow: 5px 5px 0 var(--accent)}.cv__name{margin: 0;font-family: var(--font-display);font-weight: 700;font-size: clamp(30px, 6vw, 46px);line-height: 1;text-transform: uppercase}.cv__role{margin: 6px 0 10px;font-family: var(--font-mono);font-size: 13px;font-weight: 700;letter-spacing: .14em;text-transform: uppercase;color: var(--accent)}.cv__contact{display: flex;flex-wrap: wrap;gap: 4px 16px;margin: 0;padding: 0;list-style: none;font-size: 13px}.cv__cols{display: grid;gap: 8px 36px;margin-top: 22px}@media (min-width: 760px){.cv__cols{grid-template-columns: 1.6fr 1fr}}.cv__sec{margin-bottom: 22px;break-inside: avoid}.cv__h{margin: 0 0 12px;padding-bottom: 6px;border-bottom: 2px solid var(--ink-20);font-family: var(--font-mono);font-size: 12px;font-weight: 700;letter-spacing: .2em}.cv__h::before{content: "";display: inline-block;width: 8px;height: 8px;margin-right: 9px;background: var(--accent)}.cv__p{margin: 0;font-size: 14.5px;line-height: 1.65}.cv__avail{display: flex;align-items: center;gap: 8px;margin: 10px 0 0;font-family: var(--font-mono);font-size: 11.5px;font-weight: 700;letter-spacing: .04em}.cv__item{margin-bottom: 14px;break-inside: avoid}.cv__row{display: flex;justify-content: space-between;align-items: baseline;gap: 12px}.cv__t{margin: 0;font-family: var(--font-display);font-weight: 700;font-size: 16.5px;line-height: 1.25}.cv__t a{text-decoration: none}.cv__when{flex: none;font-family: var(--font-mono);font-size: 11px;font-weight: 700;opacity: .7}.cv__where{margin-top: 2px;font-family: var(--font-mono);font-size: 11px;letter-spacing: .03em;opacity: .7}.cv__d{margin: 5px 0 0;font-size: 13.5px;line-height: 1.55}.cv__more{margin: 4px 0 0;font-family: var(--font-mono);font-size: 11px;opacity: .7}.cv__skill{margin-bottom: 10px;font-size: 13px;line-height: 1.5}.cv__skill b{display: block;font-family: var(--font-mono);font-size: 10.5px;letter-spacing: .12em;text-transform: uppercase}.cv__lang{margin-bottom: 6px;font-size: 13.5px}.cv__lang b{font-family: var(--font-mono);font-size: 11px}.cv__foot{margin-top: 10px;padding-top: 12px;border-top: 1px solid var(--ink-20);font-family: var(--font-mono);font-size: 10px;opacity: .6;text-align: right}@media print{@page{size: A4;margin: 11mm 12mm}html, body{background: #fff !important}.hud, .pj-drawer, .footer, .fab, .dpad--float, .cv-actions, .arc, .arc-intro, .mm{display: none !important}.cv-wrap{padding: 0 !important;background: none !important}.cv{max-width: none;padding: 0;border: 0;box-shadow: none;animation: none}.cv *{animation: none !important;transition: none !important}.cv a{text-decoration: none}.cv__cols{grid-template-columns: 1.6fr 1fr;gap: 0 26px;margin-top: 14px}.cv__head{padding-bottom: 12px}.cv__av{box-shadow: 3px 3px 0 var(--accent);-webkit-print-color-adjust: exact;print-color-adjust: exact}.cv__h::before, .cv__role{-webkit-print-color-adjust: exact;print-color-adjust: exact}.cv__sec{margin-bottom: 11px}.cv__item{margin-bottom: 9px}.cv__p, .cv__d{font-size: 11px}.cv__skill, .cv__lang{font-size: 11px}.cv__proj .cv__item:nth-of-type(n+5){display: none}.cv__name{font-size: 34px}.cv__h{margin-bottom: 8px}.cv__d{margin-top: 3px;line-height: 1.45}.cv__skill{margin-bottom: 7px}.cv__foot{margin-top: 4px;padding-top: 6px}}.arc{overflow-y: auto}.arc__screen{position: relative}.arc__hof{padding: 0 12px 10px;font-family: var(--font-mono)}.arc__hof-h{margin-bottom: 6px;font-size: 10.5px;font-weight: 700;letter-spacing: .16em;color: #f5c542}.arc__hof ol{display: grid;grid-template-columns: 1fr 1fr;grid-auto-flow: column;grid-template-rows: repeat(5, auto);gap: 2px 18px;margin: 0;padding: 0;list-style: none;font-size: 11px}.arc__hof li{display: flex;gap: 8px;align-items: baseline;padding: 2px 0;border-bottom: 1px dashed rgba(254, 248, 212, .12)}.arc__hof-r{opacity: .5}.arc__hof-n{flex: 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.arc__hof li b{color: var(--accent)}.arc__hof li:first-child .arc__hof-r, .arc__hof li:first-child b{color: #f5c542;opacity: 1}.arc__hof li.is-me{background: rgba(91, 227, 125, .14)}.arc__hof li.arc__hof-empty{grid-column: 1 / -1;grid-row: 1;border: 0;opacity: .6}.arc__save{position: absolute;left: 12px;right: 12px;bottom: 12px;padding: 12px;background: rgba(1, 30, 26, .94);border: 2px solid #f5c542;font-family: var(--font-mono);animation: pjPop .35s var(--ease) both}.arc__save[hidden]{display: none}.arc__save label{display: block;margin-bottom: 8px;font-size: 11px;font-weight: 700;letter-spacing: .12em;color: #f5c542}.arc__save-row{display: flex;gap: 8px}.arc__save input{flex: 1;min-width: 0;padding: 8px 10px;border: 2px solid var(--cream-50);background: var(--ink);color: var(--cream);font: 700 14px var(--font-mono);letter-spacing: .14em;text-transform: uppercase}.arc__save input:focus{outline: none;border-color: #f5c542}.arc__save button{padding: 8px 14px;border: 0;background: #f5c542;color: var(--ink);font: 700 11px var(--font-mono);letter-spacing: .12em;cursor: pointer}.arc__save button:disabled{opacity: .5}.arc__msg{min-height: 1em;margin: 6px 0 0;font-size: 11px;color: var(--cream)}.arc__msg:empty{display: none}.skip{position: fixed;left: 12px;top: -80px;z-index: 10002;padding: 12px 18px;background: var(--accent);color: var(--cream);font-family: var(--font-mono);font-size: 12px;font-weight: 700;letter-spacing: .1em;box-shadow: 5px 5px 0 rgba(0, 0, 0, .3);transition: top .2s var(--ease)}.skip:focus{top: 12px;outline: 3px solid var(--cream);outline-offset: 2px}:focus-visible{outline: 3px solid var(--accent);outline-offset: 2px}html{scrollbar-color: var(--ink) var(--cream)}::-webkit-scrollbar{width: 14px;height: 14px}::-webkit-scrollbar-track{background: var(--cream);border-left: 2px solid var(--ink);background-image: repeating-linear-gradient(0deg, var(--ink-08) 0 1px, transparent 1px 8px)}::-webkit-scrollbar-thumb{background: var(--ink);border: 3px solid var(--cream);border-left-width: 4px;box-shadow: inset -2px -2px 0 rgba(0, 0, 0, .25)}::-webkit-scrollbar-thumb:hover{background: var(--accent)}::-webkit-scrollbar-thumb:active{background: #e3412f}::-webkit-scrollbar-corner{background: var(--cream)}.arc::-webkit-scrollbar-track, .drawer::-webkit-scrollbar-track{background: #011e1a;border-left-color: var(--cream-25);background-image: none}.arc::-webkit-scrollbar-thumb, .drawer::-webkit-scrollbar-thumb{background: var(--cream-50);border-color: #011e1a}.arc, .drawer{scrollbar-color: var(--cream-50) #011e1a}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto !important}[class*="deco"], [class*="deco"] *, .pj-frame, .ab-card__av,
.pj-back__arrow, .pj-gal__hint span, .pj-cta__l, .pj-play{animation: none !important}.marquee__track, .mm__track, .pj-marquee__track{animation: none !important;transform: none !important}.pj-hero__ghost{transform: none !important}}.ach-toasts{position: fixed;left: 16px;bottom: calc(16px + env(safe-area-inset-bottom));z-index: 10004;display: flex;flex-direction: column;align-items: flex-start;gap: 8px;pointer-events: none}.ach-toast{display: flex;align-items: center;gap: 12px;max-width: min(340px, calc(100vw - 32px));padding: 10px 16px 10px 10px;border: 2px solid #f5c542;background: #02241f;color: #FEF8D4;font: inherit;text-align: left;box-shadow: 6px 6px 0 rgba(0, 0, 0, .35), 0 0 24px rgba(245, 197, 66, .25);pointer-events: auto;cursor: default;animation: achIn .55s cubic-bezier(.2, 1.3, .4, 1) both}button.ach-toast{cursor: pointer}button.ach-toast:hover{border-color: #FEF8D4}.ach-toast.is-out{animation: achOut .45s ease-in forwards}.ach-toast__i{display: grid;place-items: center;flex: none;width: 40px;height: 40px;border: 2px solid #f5c542;background: rgba(245, 197, 66, .12);font-size: 21px;animation: achSpin .7s cubic-bezier(.2, 1.4, .4, 1) .15s both}.ach-toast__t{display: flex;flex-direction: column;gap: 3px;min-width: 0}.ach-toast__t small{font-family: var(--font-mono);font-size: 9.5px;font-weight: 700;letter-spacing: .14em;color: #f5c542}.ach-toast__t b{font-family: var(--font-display);font-size: 16px;font-weight: 700;line-height: 1.2}@keyframes achIn{from{opacity: 0;transform: translateX(-30px) scale(.9)}}@keyframes achOut{to{opacity: 0;transform: translateX(-30px)}}@keyframes achSpin{from{transform: rotateY(180deg) scale(.4)}}.ach-btn{margin-left: 10px;padding: 3px 8px;border: 1px solid currentColor;background: none;color: inherit;font-family: var(--font-mono);font-size: 10px;letter-spacing: .08em;vertical-align: middle;cursor: pointer;opacity: .85;transition: background .2s, color .2s, opacity .2s}.ach-btn:hover, .ach-btn:focus-visible{opacity: 1;background: #f5c542;color: #02241f;border-color: #f5c542}.ach-panel{position: fixed;inset: 0;z-index: 10003;display: flex;align-items: center;justify-content: center;padding: 16px;background: rgba(1, 30, 26, .82);opacity: 0;visibility: hidden;transition: opacity .25s, visibility .25s}.ach-panel.is-open{opacity: 1;visibility: visible}.ach-panel__box{width: min(560px, 100%);max-height: calc(100vh - 32px);overflow: auto;border: 3px solid #FEF8D4;background: #013E37;color: #FEF8D4;box-shadow: 12px 12px 0 rgba(0, 0, 0, .35);overscroll-behavior: contain}.ach-panel.is-open .ach-panel__box{animation: arcOn .45s cubic-bezier(.2, .8, .2, 1) both}.ach-panel__head{position: sticky;top: 0;z-index: 1;display: flex;align-items: center;justify-content: space-between;gap: 12px;padding: 10px 12px;border-bottom: 2px solid #FEF8D4;background: #013E37;font-family: var(--font-mono);font-size: 10.5px;letter-spacing: .12em}.ach-panel__head .pj-rec{margin-right: 8px}.ach-panel__n{color: #f5c542}.ach-panel__close{border: 2px solid #FEF8D4;background: none;color: #FEF8D4;font-family: var(--font-mono);font-size: 10px;padding: 4px 8px;cursor: pointer}.ach-panel__close:hover{background: #FEF8D4;color: #013E37}.ach-panel__bar{height: 6px;margin: 14px 14px 4px;background: rgba(254, 248, 212, .12)}.ach-panel__bar i{display: block;height: 100%;background: linear-gradient(90deg, #f5c542, #FF5B4D);box-shadow: 0 0 10px rgba(245, 197, 66, .5);transition: width .6s var(--ease)}.ach-panel__list{list-style: none;margin: 0;padding: 8px 14px;display: grid;gap: 6px}.ach-item{display: grid;grid-template-columns: 40px 1fr auto;align-items: center;gap: 12px;padding: 8px 10px;border: 1px solid rgba(254, 248, 212, .14);background: rgba(2, 36, 31, .6);opacity: .55}.ach-item.is-on{opacity: 1;border-color: rgba(245, 197, 66, .55);background: rgba(245, 197, 66, .07)}.ach-item__i{display: grid;place-items: center;width: 40px;height: 40px;border: 1px solid rgba(254, 248, 212, .25);font-size: 20px}.ach-item.is-on .ach-item__i{border-color: #f5c542}.ach-item__t{display: flex;flex-direction: column;gap: 2px;min-width: 0}.ach-item__t b{font-family: var(--font-display);font-size: 15px}.ach-item__t span{font-size: 12.5px;line-height: 1.4;opacity: .8}.ach-item time{font-family: var(--font-mono);font-size: 9.5px;letter-spacing: .06em;opacity: .7;white-space: nowrap}.ach-item__tip{padding: 4px 8px;border: 1px solid rgba(245, 197, 66, .6);background: none;color: #f5c542;font-family: var(--font-mono);font-size: 9.5px;font-weight: 700;letter-spacing: .08em;white-space: nowrap;cursor: pointer;transition: background .2s, color .2s}.ach-item__tip:hover, .ach-item__tip:focus-visible{background: #f5c542;color: #013E37}.ach-item.is-tip{opacity: .85}.ach-item.is-tip .ach-item__t span{color: #f5c542;opacity: 1}.ach-panel__foot{margin: 0;padding: 4px 14px 14px;font-family: var(--font-mono);font-size: 10px;letter-spacing: .06em;opacity: .6}@media (max-width: 480px){.ach-item{grid-template-columns: 34px 1fr}.ach-item__i{width: 34px;height: 34px;font-size: 17px}.ach-item time, .ach-item__tip{grid-column: 2;justify-self: start}}html.is-night{--ink-rgb: 1, 46, 41;--cream-rgb: 226, 218, 182}html.is-night body{transition: background-color .8s}html.is-night img, html.is-night video{filter: brightness(.9)}.night-sky{position: fixed;inset: 0;z-index: 5;pointer-events: none;contain: strict;animation: fadeIn 1.2s ease both}.night-sky i{position: absolute;width: var(--s);height: var(--s);border-radius: 50%;background: var(--ink);opacity: .12;animation: twinkle 3.5s ease-in-out var(--d) infinite}.night-sky__moon{position: absolute;top: 72px;right: 28px;width: 34px;height: 34px;border-radius: 50%;box-shadow: inset -10px 4px 0 0 var(--ink);opacity: .55;transform: rotate(-20deg)}@keyframes twinkle{50%{opacity: .45;transform: scale(1.4)}}@keyframes fadeIn{from{opacity: 0}}@media (prefers-reduced-motion: reduce){.night-sky i{animation: none;opacity: .3}}.er-page .night-sky i{background: #fff3c4;box-shadow: 0 0 6px #fff3c4}.er-page .night-sky__moon{box-shadow: inset -10px 4px 0 0 #f6efc8;opacity: 1}.crd{position: fixed;inset: 0;z-index: 10002;overflow: hidden;background: #011e1a radial-gradient(ellipse at 50% 120%, #023a33, #011e1a 70%);color: #FEF8D4;text-align: center;opacity: 0;transition: opacity .5s}.crd.is-open{opacity: 1}.crd::after{content: "";position: absolute;inset: 0;pointer-events: none;background: linear-gradient(#011e1a, transparent 18%, transparent 82%, #011e1a)}.crd__roll{position: absolute;top: 0;left: 0;right: 0;padding: 0 20px;will-change: transform}.crd.is-static{overflow: auto}.crd.is-static .crd__roll{position: static;padding-top: 12vh}.crd__block{max-width: 620px;margin: 0 auto 22vh}.crd__block h2{margin: 10px 0;font-family: var(--font-display);font-size: clamp(40px, 9vw, 76px);line-height: .95;text-shadow: 5px 5px 0 #FF5B4D}.crd__block h3{margin: 0 0 22px;font-family: var(--font-mono);font-size: 12px;letter-spacing: .3em;color: #FF5B4D}.crd__block small{font-family: var(--font-mono);font-size: 11px;letter-spacing: .3em;opacity: .7}.crd__block p{margin: 0;font-size: 17px;line-height: 1.8}.crd__row{display: grid;grid-template-columns: 1fr 1fr;gap: 24px;margin: 0 0 14px;text-align: left}.crd__row span{text-align: right;font-family: var(--font-mono);font-size: 11.5px;letter-spacing: .14em;text-transform: uppercase;opacity: .65;padding-top: 3px}.crd__row b{font-family: var(--font-display);font-size: 18px;font-weight: 600}.crd__proj{margin: 0 0 18px}.crd__proj b{display: block;font-family: var(--font-display);font-size: 22px}.crd__proj span{font-family: var(--font-mono);font-size: 10.5px;letter-spacing: .14em;opacity: .6}.crd__tools{font-family: var(--font-mono);font-size: 13px !important;letter-spacing: .1em}.crd__small{font-size: 12.5px !important;font-style: italic;opacity: .6}.crd__end{min-height: 60vh;display: flex;flex-direction: column;align-items: center;justify-content: center;margin-bottom: 0}.crd__acts{display: flex;flex-wrap: wrap;justify-content: center;gap: 12px;margin-top: 24px;opacity: 0;transform: translateY(10px);transition: opacity .5s .2s, transform .5s .2s}.crd.is-end .crd__acts{opacity: 1;transform: none}.crd__btn{padding: 12px 20px;border: 2px solid #FEF8D4;background: none;color: #FEF8D4;font-family: var(--font-mono);font-size: 12px;font-weight: 700;letter-spacing: .12em;cursor: pointer;transition: background .2s, color .2s}.crd__btn:hover, .crd__btn--main{background: #FEF8D4;color: #013E37}.crd__btn--main:hover{background: #FF5B4D;border-color: #FF5B4D;color: #FEF8D4}.crd__skip{position: absolute;top: 16px;right: 16px;z-index: 1;padding: 5px 10px;border: 2px solid rgba(254, 248, 212, .5);background: none;color: #FEF8D4;font-family: var(--font-mono);font-size: 10px;letter-spacing: .1em;cursor: pointer}.crd__skip:hover{border-color: #FEF8D4}.crd__hint{position: absolute;bottom: 18px;left: 0;right: 0;z-index: 1;font-family: var(--font-mono);font-size: 10px;letter-spacing: .14em;opacity: 0;animation: crdHint 5s ease 1s both}@keyframes crdHint{15%, 75%{opacity: .55}}.crd.is-end .crd__hint{display: none}.er__lost{position: relative;width: min(640px, 100%);border: 3px solid var(--cream);background: rgba(2, 36, 31, .85);box-shadow: 12px 12px 0 rgba(0, 0, 0, .3);animation: pjFrame .8s var(--ease) .2s both}.er__lost canvas{display: block;width: 100%;height: auto;aspect-ratio: 16 / 5;image-rendering: pixelated;touch-action: none}.er__lost-pad{display: none;justify-content: space-between;gap: 8px;padding: 8px;border-top: 2px solid var(--cream-25)}.er__lost-pad button{flex: 1;height: 48px;border: 2px solid var(--cream);background: #02241f;color: var(--cream);font-size: 18px;touch-action: none;-webkit-user-select: none;user-select: none}.er__lost-pad button:active{background: var(--accent)}.er__lost-pad [data-lost-btn="j"]{flex: 1.4}@media (hover: none){.er__lost-pad{display: flex}}.crd__ending h3{color: #f5c542}.crd__ending p{font-size: 16px}.crd__ending--1 p{opacity: .75;font-style: italic}.crd--true{background: #011e1a radial-gradient(ellipse at 50% 120%, #3a3410, #011e1a 70%)}.crd--true .crd__end h2{text-shadow: 5px 5px 0 #f5c542}.afk{position: fixed;inset: 0;z-index: 10003;display: flex;align-items: center;justify-content: center;padding: 16px;background: rgba(1, 30, 26, .78);-webkit-backdrop-filter: blur(3px);backdrop-filter: blur(3px);color: #FEF8D4;text-align: center;opacity: 0;transition: opacity .4s}.afk.is-on{opacity: 1}.afk__t{display: block;font-family: var(--font-display);font-size: clamp(52px, 12vw, 96px);line-height: 1;letter-spacing: .06em;text-shadow: 5px 5px 0 #FF5B4D;animation: afkBlink 1.2s steps(1) infinite}.afk p{margin: 18px 0 10px;font-size: 18px}.afk small{font-family: var(--font-mono);font-size: 11px;letter-spacing: .14em;text-transform: uppercase;opacity: .6}@keyframes afkBlink{50%{opacity: .25}}html.is-retro{--font-display: 'JetBrains Mono', monospace;--font-body: 'JetBrains Mono', monospace}html.is-retro body{-webkit-font-smoothing: none}html.is-retro img, html.is-retro video{filter: url(#retro-px);image-rendering: pixelated}html.is-retro *, html.is-retro *::before, html.is-retro *::after{border-radius: 0 !important;transition-timing-function: steps(4) !important;animation-timing-function: steps(4) !important}html.is-retro h1, html.is-retro h2{text-transform: uppercase}.retro-fx svg{position: absolute;width: 0;height: 0}.retro-fx__scan{position: fixed;inset: 0;z-index: 9989;pointer-events: none;background: repeating-linear-gradient(rgba(0, 0, 0, .13) 0 1px, transparent 1px 3px)}.retro-fx__badge{position: fixed;top: 72px;left: 50%;z-index: 10001;transform: translateX(-50%);padding: 6px 12px;border: 2px solid #FF5B4D;background: #013E37;color: #FEF8D4;font-family: var(--font-mono);font-size: 11px;font-weight: 700;letter-spacing: .2em;box-shadow: 4px 4px 0 #FF5B4D;pointer-events: none}.retro-fx__badge b{color: #f5c542}@media (prefers-reduced-motion: reduce){.afk__t{animation: none}}.lg-hero{min-height: 0;padding-bottom: 56px}.lg-title{font-size: clamp(34px, 6vw, 64px)}.lg-upd{margin-top: 22px;font-family: var(--font-mono);font-size: 11px;letter-spacing: .12em;text-transform: uppercase;opacity: .7}.lg{max-width: 860px}.lg h2{margin: 48px 0 14px;font-family: var(--font-display);font-size: clamp(22px, 3vw, 28px);scroll-margin-top: 90px}.lg p{margin: 0 0 14px;line-height: 1.75}.lg a{color: inherit;text-decoration: underline;text-decoration-color: var(--accent);text-underline-offset: 3px;overflow-wrap: anywhere}.lg-small{font-size: 13.5px;opacity: .75}.lg-toc{display: flex;flex-wrap: wrap;gap: 8px;padding: 14px;border: 2px solid currentColor}.lg-toc a{padding: 4px 8px;font-family: var(--font-mono);font-size: 11px;letter-spacing: .06em;text-decoration: none;text-transform: uppercase}.lg-toc a:hover{background: #FF5B4D;color: #FEF8D4}.lg-table{margin: 18px 0;overflow-x: auto;border: 2px solid currentColor}.lg-table:focus-visible{outline: 3px solid #FF5B4D;outline-offset: 2px}.lg-table table{width: 100%;min-width: 620px;border-collapse: collapse;font-size: 13.5px;line-height: 1.55}.lg-table th, .lg-table td{padding: 10px 12px;text-align: left;vertical-align: top;border-bottom: 1px solid rgba(1, 62, 55, .18)}.lg-table thead th{font-family: var(--font-mono);font-size: 10.5px;letter-spacing: .12em;text-transform: uppercase;background: #013E37;color: #FEF8D4}.lg-table tbody th{width: 21%;font-family: var(--font-display);font-weight: 600}.lg-table code{font-family: var(--font-mono);font-size: 12px;white-space: normal}.lg-wipe{display: flex;flex-wrap: wrap;align-items: center;gap: 12px 18px;margin: 20px 0 8px}.lg-wipe button:disabled{opacity: .5;cursor: default}.is-poke{animation: poke .25s ease-out}.is-poke-hard{animation: pokeHard .4s ease-out}@keyframes poke{40%{transform: scale(.94, 1.04)}}@keyframes pokeHard{15%{transform: translateX(-6px) rotate(-3deg)}35%{transform: translateX(6px) rotate(3deg)}55%{transform: translateX(-4px) rotate(-2deg)}75%{transform: translateX(3px)}}.hud__logo.is-flee{position: relative;z-index: 3;background: var(--cream);border: var(--border);transition: transform .18s cubic-bezier(.2, 1.3, .4, 1);will-change: transform}.hud__logo.is-tired::after{content: '😮‍💨';margin-left: 4px}.confetti{position: fixed;inset: 0;z-index: 10005;width: 100%;height: 100%;pointer-events: none}.offline{position: fixed;left: 50%;bottom: calc(18px + env(safe-area-inset-bottom));z-index: 10004;display: flex;align-items: center;gap: 12px;max-width: calc(100vw - 32px);padding: 10px 10px 10px 16px;border: 2px solid #FEF8D4;background: #02241f;color: #FEF8D4;font-family: var(--font-mono);font-size: 12px;box-shadow: 6px 6px 0 rgba(0, 0, 0, .3);transform: translateX(-50%);animation: achIn .5s cubic-bezier(.2, 1.3, .4, 1) both}.offline p{margin: 0}.offline button{flex: none;padding: 7px 12px;border: 2px solid #FEF8D4;background: #FEF8D4;color: #013E37;font: 700 11px var(--font-mono);letter-spacing: .08em;cursor: pointer}.offline .offline__x{padding: 7px 9px;background: none;color: #FEF8D4}.snow{position: fixed;inset: 0;z-index: 5;pointer-events: none;overflow: hidden;contain: strict}.snow i{position: absolute;top: -12px;width: var(--s);height: var(--s);background: #fff;box-shadow: 0 0 0 1px rgba(1, 62, 55, .22);animation: snow var(--t) linear var(--d) infinite}@keyframes snow{to{transform: translate3d(var(--x), 105vh, 0)}}.night-sky__moon.is-pumpkin{width: 38px;height: 32px;border-radius: 45% / 50%;box-shadow: none;opacity: .9;transform: none;background: radial-gradient(ellipse at 50% 50%, #ffb04a 0 30%, transparent 31%), linear-gradient(90deg, #e8771c 0 22%, #f28c28 22% 40%, #e8771c 40% 60%, #f28c28 60% 78%, #e8771c 78%)}.night-sky__moon.is-pumpkin::before{content: '';position: absolute;top: -6px;left: 50%;width: 5px;height: 8px;margin-left: -2px;background: #3b6b2a;border-radius: 2px}@media (prefers-reduced-motion: reduce){.snow{display: none}.is-poke, .is-poke-hard{animation: none}.hud__logo.is-flee{transition: none}}@media print{.ach-toasts, .ach-panel, .ach-btn, .night-sky, .crd, .afk, .retro-fx, .snow, .offline, .confetti{display: none !important}html.is-night{--ink-rgb: 1, 62, 55;--cream-rgb: 254, 248, 212}}