@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2)format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2)format("woff2"),url(/assets/inter-latin-500-normal-BL9OpVg8.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2)format("woff2"),url(/assets/inter-latin-600-normal-CiBQ2DWP.woff)format("woff")}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/space-grotesk-latin-600-normal-DjKNqYRj.woff2)format("woff2"),url(/assets/space-grotesk-latin-600-normal-BflQw4A9.woff)format("woff")}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-grotesk-latin-700-normal-RjhwGPKo.woff2)format("woff2"),url(/assets/space-grotesk-latin-700-normal-CwsQ-cCU.woff)format("woff")}:root{--graphite:#040507;--bg:var(--graphite);--bg-raised:#0a0b0e;--bg-raised-2:#101215;--border:#ffffff14;--border-strong:#ffffff24;--text:#9aa1ac;--text-h:#f2f4f7;--text-dim:#7c848f;--green:#2be734;--green-strong:#63ff6b;--green-deep:#0c8a17;--green-rgb:43, 231, 52;--green-bg:rgba(var(--green-rgb), .08);--green-border:rgba(var(--green-rgb), .35);--green-glow:rgba(var(--green-rgb), .22);--on-green:#041007;--arixo:#29c8f5;--arixo-rgb:41, 200, 245;--arixo-bg:rgba(var(--arixo-rgb), .08);--arixo-border:rgba(var(--arixo-rgb), .35);--arixo-glow:rgba(var(--arixo-rgb), .2);--bevel-hi:#ffffff12;--bevel-lo:#0000008c;--metal-sheen:linear-gradient(180deg, #ffffff0d 0%, #fff0 38%);--sans:"Inter", system-ui, "Segoe UI", Roboto, sans-serif;--display:"Space Grotesk", "Inter", system-ui, sans-serif;--mono:ui-monospace, Consolas, monospace;font:17px/1.6 var(--sans);letter-spacing:.1px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}*{box-sizing:border-box}#root{flex-direction:column;min-height:100svh;display:flex;overflow-x:clip}body{background:var(--bg);margin:0}h1,h2,h3{font-family:var(--display);color:var(--text-h);margin:0;font-weight:600}h1{letter-spacing:-2.2px;text-transform:uppercase;font-size:84px;font-weight:700;line-height:.98}@media (width<=1024px){h1{letter-spacing:-1.2px;font-size:46px}}h2{letter-spacing:-.8px;font-size:40px;font-weight:600;line-height:1.08}@media (width<=1024px){h2{font-size:28px}}h3{letter-spacing:-.3px;font-size:22px;font-weight:600}p{margin:0}a{color:inherit}button{font-family:inherit}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}::selection{background:var(--green-bg);color:var(--green-strong)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.section{text-align:left;width:100%;max-width:1120px;margin:0 auto;padding:136px 24px;scroll-margin-top:24px}@media (width<=1024px){.section{padding:88px 20px}}main{flex:1}.skip-link{z-index:100;background:var(--green);color:var(--on-green);border-radius:3px;padding:10px 16px;font-weight:600;text-decoration:none;position:absolute;top:-60px;left:16px}.skip-link:focus{top:12px}:focus-visible{outline:2px solid var(--green);outline-offset:3px}.eyebrow{font-family:var(--display);letter-spacing:2.5px;text-transform:uppercase;color:var(--green);align-items:center;gap:10px;margin-bottom:16px;font-size:13px;font-weight:600;display:inline-flex}.eyebrow:before{content:"";background:var(--green);width:18px;height:1px;display:block}.text-dim{color:var(--text-dim)}.text-accent{color:var(--green)}.arrow{transition:transform .25s;display:inline-block}.btn{border:1px solid #0000;border-radius:3px;justify-content:center;align-items:center;gap:8px;padding:13px 26px;font-size:15px;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--green);color:var(--on-green);box-shadow:0 0 0 rgba(var(--green-rgb), 0)}.btn-primary:hover{background:var(--green-strong);box-shadow:0 0 24px var(--green-glow)}.btn-ghost{color:var(--text-h);border-color:var(--border-strong);background:0 0}.btn-ghost:hover{border-color:var(--green-border);color:var(--green-strong)}.status-pill{font-family:var(--mono);letter-spacing:.4px;text-transform:uppercase;color:var(--text);white-space:nowrap;align-items:center;gap:7px;font-size:11px;display:inline-flex}.status-pill:before{content:"";border-radius:50%;flex:none;width:7px;height:7px}.status-pill.tone-live:before{background:var(--green);box-shadow:0 0 8px var(--green-glow)}.status-pill.tone-dev:before{border:1.5px solid var(--green)}.status-pill.tone-client:before{background:var(--text-dim);border-radius:1px}.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(18px)}.reveal-in{opacity:1;transform:translateY(0)}.navbar{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);view-transition-name:navbar;background:#060709b8;position:sticky;top:0}.navbar-inner{justify-content:space-between;align-items:center;max-width:1120px;height:64px;margin:0 auto;padding:0 24px;display:flex}@media (width<=1024px){.navbar-inner{height:56px;padding:0 20px}}.brand{align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand-icon{object-fit:contain;width:26px;height:26px}.brand-word{font-family:var(--display);letter-spacing:3.5px;color:var(--text-h);align-items:center;gap:8px;font-size:15px;font-weight:600;display:inline-flex}.brand-word:after{content:"";background:var(--green);width:5px;height:5px;box-shadow:0 0 6px var(--green-glow);border-radius:50%;display:block}.nav-links{gap:36px;display:flex}@media (width<=860px){.nav-links{display:none}}.nav-links a{color:var(--text);font-size:14px;font-weight:500;text-decoration:none;transition:color .2s;position:relative}.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--green)}.nav-links a[aria-current=page]:after{content:"";background:var(--green);height:1px;position:absolute;bottom:-22px;left:0;right:0}.nav-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;margin-right:-8px;padding:0 8px;display:none}@media (width<=860px){.nav-toggle{display:flex}}.nav-toggle span{background:var(--text-h);width:100%;height:1.5px;transition:transform .25s;display:block}.nav-toggle[aria-expanded=true] span:first-child{transform:translateY(3.25px)rotate(45deg)}.nav-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.25px)rotate(-45deg)}.nav-mobile{border-top:1px solid var(--border);flex-direction:column;padding:12px 20px 20px;display:none}@media (width<=860px){.nav-mobile{display:flex}}.nav-mobile a{color:var(--text-h);border-bottom:1px solid var(--border);padding:14px 0;font-size:15px;font-weight:500;text-decoration:none}.nav-mobile a[aria-current=page]{color:var(--green)}.nav-mobile a:last-child{border-bottom:none}.hero{flex-direction:column;justify-content:center;align-items:center;min-height:calc(100svh - 64px);padding:48px 24px;display:flex;position:relative;overflow:hidden}@media (width<=1024px){.hero{min-height:auto;padding:72px 20px 88px}}.hero-glow{background:radial-gradient(circle, rgba(var(--green-rgb), .1) 0%, rgba(var(--green-rgb), .035) 38%, transparent 68%);filter:blur(14px);pointer-events:none;width:760px;height:760px;position:absolute;top:50%;left:50%;transform:translate(-50%,-58%)}.hero-grid{background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);opacity:.5;pointer-events:none;background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 50% at 50% 40%,#000 0%,#0000 75%);mask-image:radial-gradient(60% 50% at 50% 40%,#000 0%,#0000 75%)}.hero-content{z-index:1;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;max-width:780px;display:flex;position:relative}.hero-logo{width:min(560px,86vw);height:auto;filter:drop-shadow(0 0 26px rgba(var(--green-rgb), .16));display:block}@media (width<=1024px){.hero-logo{width:min(320px,78vw)}}.hero h1{max-width:700px}.hero-line{display:inline-block}.hero-sub{color:var(--text);max-width:520px;margin-top:20px;font-size:17px}@media (width<=1024px){.hero-sub{font-size:15px}}.hero-actions{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:36px;display:flex}.hero-frame{margin-bottom:36px;padding:28px;display:inline-block;position:relative}@media (width<=1024px){.hero-frame{margin-bottom:24px;padding:22px}}.hero-corner{border:1px solid var(--green-border);opacity:.7;width:22px;height:22px;position:absolute}@media (width<=1024px){.hero-corner{width:14px;height:14px}}.hero-corner--tl{border-bottom:none;border-right:none;top:0;left:0}.hero-corner--tr{border-bottom:none;border-left:none;top:0;right:0}.hero-corner--bl{border-top:none;border-right:none;bottom:0;left:0}.hero-corner--br{border-top:none;border-left:none;bottom:0;right:0}.hero-scan{background:var(--green-strong);width:1px;box-shadow:0 0 12px var(--green), 0 0 36px var(--green-glow);opacity:0;pointer-events:none;position:absolute;top:10px;bottom:10px;left:0}@media (prefers-reduced-motion:no-preference){.hero--boot .hero-corner{animation:.7s cubic-bezier(.2,.8,.2,1) .1s both corner-lock}.hero--boot .hero-corner--tl{--cx:36px;--cy:28px}.hero--boot .hero-corner--tr{--cx:-36px;--cy:28px}.hero--boot .hero-corner--bl{--cx:36px;--cy:-28px}.hero--boot .hero-corner--br{--cx:-36px;--cy:-28px}.hero--boot .hero-logo{animation:.9s cubic-bezier(.6,0,.2,1) .45s both logo-write}.hero--boot .hero-scan{animation:.9s cubic-bezier(.6,0,.2,1) .45s both scan-pass}.hero--boot .hero-line,.hero--boot .hero-sub,.hero--boot .hero-actions{animation:.7s cubic-bezier(.2,.8,.2,1) both rise-in}.hero--boot .hero-line:first-child{animation-delay:1.05s}.hero--boot .hero-line:nth-child(2){animation-delay:1.15s}.hero--boot .hero-line:nth-child(3){animation-delay:1.25s}.hero--boot .hero-sub{animation-delay:1.4s}.hero--boot .hero-actions{animation-delay:1.5s}}@keyframes corner-lock{0%{transform:translate(var(--cx), var(--cy));opacity:0}60%{opacity:1}to{opacity:.7;transform:none}}@keyframes logo-write{0%{clip-path:inset(-30% 100% -30% -30%)}to{clip-path:inset(-30%)}}@keyframes scan-pass{0%{opacity:0;left:28px}10%{opacity:1}85%{opacity:1}to{opacity:0;left:calc(100% - 28px)}}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.energy-lines{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0}.energy-line{fill:none;stroke:var(--green);stroke-width:1px;vector-effect:non-scaling-stroke}.energy-line--1{opacity:.16}.energy-line--2{opacity:.1;stroke:var(--text-h)}.energy-line--3{opacity:.12}.hero-energy{opacity:.8}@media (prefers-reduced-motion:no-preference){.energy-line{stroke-dasharray:6 10;animation:26s linear infinite energy-drift}.energy-line--2{animation-duration:34s;animation-direction:reverse}.energy-line--3{animation-duration:40s}}@keyframes energy-drift{to{stroke-dashoffset:-320px}}.work{position:relative}.work>:not(.energy-lines){z-index:1;position:relative}.work-energy{opacity:.35;height:300px;top:auto;bottom:-40px}.work-head{margin-bottom:64px}@media (width<=860px){.work-head{margin-bottom:40px}}.work-feature,.work-row,.work-client{margin-top:40px}@media (width<=960px){.work-feature,.work-row,.work-client{margin-top:28px}}.work-row{grid-template-columns:7fr 5fr;gap:40px;display:grid}@media (width<=960px){.work-row{grid-template-columns:1fr;gap:28px}}.work-row>.reveal{display:flex}.work-row .work-card{flex:1}.work-client{margin-top:88px}@media (width<=960px){.work-client{margin-top:56px}}.work-client-label{font-family:var(--mono);letter-spacing:1.5px;text-transform:uppercase;color:var(--text-dim);align-items:center;gap:14px;margin-bottom:16px;font-size:12px;display:flex}.work-client-label:after{content:"";background:var(--border);flex:1;height:1px}.work-card{--card-accent:var(--green);--card-accent-border:var(--green-border);--card-accent-glow:var(--green-glow);border:1px solid var(--border);background:var(--bg-raised);box-shadow:inset 0 1px 0 var(--bevel-hi), 0 1px 0 var(--bevel-lo);border-radius:6px;flex-direction:column;gap:28px;padding:28px;transition:border-color .3s,box-shadow .3s,transform .3s;display:flex;position:relative;overflow:hidden}.work-card:before{content:"";background:var(--metal-sheen);pointer-events:none;z-index:0;position:absolute;inset:0}.work-card.accent-arixo{--card-accent:var(--arixo);--card-accent-border:var(--arixo-border);--card-accent-glow:var(--arixo-glow)}.work-card:hover{border-color:var(--card-accent-border);box-shadow:inset 0 1px 0 var(--bevel-hi), 0 18px 44px #0000008c;transform:translateY(-3px)}.work-card:has(.work-card-link:focus-visible){outline:2px solid var(--card-accent);outline-offset:3px}.work-card-link:focus-visible{outline:none}.work-card-visual{z-index:0;position:relative}.work-card-info{flex-direction:column;flex:1;display:flex;position:relative}.work-card-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin-bottom:14px;display:flex}.work-card-kicker{font-family:var(--display);letter-spacing:2px;text-transform:uppercase;color:var(--card-accent);align-items:baseline;gap:12px;font-size:12px;font-weight:600;display:inline-flex}.work-card-index{font-family:var(--mono);letter-spacing:0;color:var(--text-dim);font-size:12px;font-weight:400}.work-card-title{margin-bottom:12px;font-size:24px}.work-card-link{color:inherit;text-decoration:none}.work-card-link:after{content:"";z-index:1;position:absolute;inset:0}.work-card-link>span{display:inline-block}.work-card-summary{max-width:460px;color:var(--text);margin-bottom:28px;font-size:16px;line-height:1.6}.work-card-actions{flex-wrap:wrap;align-items:center;gap:10px 28px;margin-top:auto;display:flex}.work-card-cta{color:var(--text-h);font-size:14px;font-weight:600;transition:color .2s}.work-card:hover .work-card-cta{color:var(--card-accent)}.work-card:hover .work-card-cta .arrow{transform:translate(4px)}.work-card-live{z-index:2;font-family:var(--mono);color:var(--text);border-bottom:1px solid var(--border-strong);padding:4px 0 2px;font-size:12px;text-decoration:none;transition:color .2s,border-color .2s;position:relative}.work-card-live:hover{color:var(--card-accent);border-color:var(--card-accent)}.work-card--spotlight{background:linear-gradient(160deg, var(--bg-raised-2), var(--bg-raised) 70%);grid-template-columns:minmax(300px,460px) 1fr;align-items:center;gap:64px;padding:56px;display:grid}@media (width<=960px){.work-card--spotlight{grid-template-columns:1fr;gap:28px;padding:24px}}.work-card--spotlight:hover{box-shadow:0 0 48px var(--card-accent-glow), 0 18px 44px #00000073}.work-card--spotlight .work-card-title{font-size:44px}@media (width<=1024px){.work-card--spotlight .work-card-title{font-size:32px}}.work-card--spotlight .work-card-summary{max-width:480px;font-size:16px}.work-card--feature{grid-template-columns:5fr 7fr;align-items:center;gap:64px;padding:48px;display:grid}@media (width<=960px){.work-card--feature{grid-template-columns:1fr;gap:28px;padding:24px}}.work-card--feature .work-card-visual{order:2}@media (width<=960px){.work-card--feature .work-card-visual{order:0}}.work-card--feature .work-card-title{font-size:34px}@media (width<=1024px){.work-card--feature .work-card-title{font-size:28px}}.work-row-major .pv{--pv-aspect:2 / 1}.work-row-minor .pv{--pv-aspect:4 / 3}@media (width<=960px){.work-row .pv{--pv-aspect:2 / 1}}@media (width<=600px){.work-row .pv{--pv-aspect:16 / 10}}.work-card--wide{border-style:dashed;grid-template-columns:minmax(240px,340px) 1fr;align-items:center;gap:48px;padding:32px;display:grid}@media (width<=760px){.work-card--wide{grid-template-columns:1fr;gap:24px}}.build-list{border-top:1px solid var(--border);border-left:1px solid var(--border);grid-template-columns:repeat(4,1fr);margin-top:56px;display:grid}@media (width<=860px){.build-list{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.build-list{grid-template-columns:1fr}}.build-item{border-right:1px solid var(--border);border-bottom:1px solid var(--border);flex-direction:column;padding:36px 28px;display:flex;position:relative}.build-item:before{content:"";background:var(--green);opacity:.55;width:28px;height:2px;transition:opacity .25s;position:absolute;top:-1px;left:-1px}.build-item:hover:before{opacity:1}.build-item h3{color:var(--text-h);margin-bottom:8px}.build-item p{color:var(--text);font-size:14px}.about-teaser h2{max-width:760px}.about-teaser-link{min-height:44px;font-family:var(--display);color:var(--green-strong);border-bottom:1px solid var(--green-border);align-items:center;gap:10px;margin-top:36px;font-size:18px;font-weight:600;text-decoration:none;transition:border-color .2s;display:inline-flex}.about-teaser-link:hover{border-color:var(--green-strong)}.about-teaser-link:hover .arrow{transform:translate(6px)}.contact{border-top:1px solid var(--border);background:var(--bg-raised);scroll-margin-top:48px;position:relative;overflow:hidden}.contact-energy{opacity:.3}.contact-inner{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:64px;max-width:1120px;margin:0 auto;padding:136px 24px;display:grid;position:relative}@media (width<=960px){.contact-inner{grid-template-columns:1fr;gap:40px;padding:88px 20px}}.contact-head h2{max-width:520px}.contact-sub{max-width:460px;color:var(--text);margin-top:18px;font-size:16px}.contact-channels ul{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.contact-channel{border:1px solid var(--border-strong);background:var(--bg);border-radius:5px;grid-template-columns:1fr auto;gap:4px 16px;padding:20px 22px;text-decoration:none;transition:border-color .25s,box-shadow .25s;display:grid}a.contact-channel:hover{border-color:var(--green-border);box-shadow:0 0 28px var(--green-glow)}.contact-channel-label{font-family:var(--display);color:var(--text-h);font-size:18px;font-weight:600}.contact-channel-detail{color:var(--text);grid-column:1;font-size:14px}.contact-channel-arrow{color:var(--green);grid-area:1/2/span 2;align-self:center;font-size:20px;transition:transform .25s}a.contact-channel:hover .contact-channel-arrow{transform:translate(3px,-3px)}.contact-dev-note{font-family:var(--mono);color:#ffc40099;margin-top:14px;font-size:11px}.not-found{flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;min-height:60vh;display:flex;position:relative}.not-found h1{font-size:56px}@media (width<=1024px){.not-found h1{font-size:36px}}.not-found p{margin:12px 0 28px}.not-found-code{font-family:var(--display);color:var(--text-h);opacity:.04;pointer-events:none;font-size:min(280px,40vw);font-weight:700;line-height:1;position:absolute;top:50%;right:24px;transform:translateY(-50%)}.footer{border-top:1px solid var(--border)}.footer-inner{max-width:1120px;color:var(--text-dim);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 32px;margin:0 auto;padding:28px 24px;font-size:13px;display:flex}@media (width<=1024px){.footer-inner{padding:24px 20px}}.footer-brand{color:inherit;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.footer-icon{object-fit:contain;opacity:.8;width:16px;height:16px}.footer-links{flex-wrap:wrap;gap:8px 24px;display:flex}.footer-links a{color:var(--text);text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--green)}::view-transition-group(*){animation-duration:.55s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}::view-transition-old(root){animation:.25s both vt-out}::view-transition-new(root){animation:.45s cubic-bezier(.2,.8,.2,1) 80ms both vt-in}@keyframes vt-out{to{opacity:0}}@keyframes vt-in{0%{opacity:0;clip-path:inset(0 0 100%)}to{opacity:1;clip-path:inset(0)}}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}.work-all{margin-top:72px}@media (width<=960px){.work-all{margin-top:48px}}.work-all-link{border:1px solid var(--border);background:var(--bg-raised);box-shadow:inset 0 1px 0 var(--bevel-hi);border-radius:6px;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 24px;padding:26px 28px;text-decoration:none;transition:border-color .25s,background .25s;display:flex}@media (width<=620px){.work-all-link{padding:22px}}.work-all-link:hover{border-color:var(--green-border);background:var(--bg-raised-2)}.work-all-label{font-family:var(--display);color:var(--text-h);font-size:18px;font-weight:600}.work-all-detail{font-family:var(--mono);color:var(--text-dim);align-items:center;gap:10px;font-size:13px;transition:color .25s;display:inline-flex}.work-all-link:hover .work-all-detail{color:var(--green)}.work-all-link:hover .arrow{transform:translate(4px)}.pv{--pv-iter:infinite;--pv-cycle:3.4s;width:100%;aspect-ratio:var(--pv-aspect,16 / 10);border:1px solid var(--border-strong);background:linear-gradient(155deg, var(--bg-raised-2), var(--bg-raised));font-family:var(--mono);color:var(--text-dim);isolation:isolate;border-radius:5px;font-size:10px;position:relative;overflow:hidden}.pv[data-touchplay]{--pv-iter:1}.pv-hud{border-color:var(--text-dim);opacity:.6;z-index:2;width:14px;height:14px;transition:border-color .3s,opacity .3s;position:absolute}.pv-hud--tl{border-top:1px solid;border-left:1px solid;top:10px;left:10px}.pv-hud--tr{border-top:1px solid;border-right:1px solid;top:10px;right:10px}.pv-hud--bl{border-bottom:1px solid;border-left:1px solid;bottom:10px;left:10px}.pv-hud--br{border-bottom:1px solid;border-right:1px solid;bottom:10px;right:10px}:is(.pv-host:hover,.pv-host:focus-within,.pv[data-mode=loop]) .pv-hud{border-color:var(--green);opacity:1}.pv-window{flex-direction:column;height:100%;display:flex}.pv-bar{border-bottom:1px solid var(--border);background:#ffffff05;flex:none;align-items:center;gap:6px;height:24px;padding:0 10px;display:flex}.pv-dot{background:var(--border-strong);border-radius:50%;width:6px;height:6px}.pv-url{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;margin-left:8px;font-size:10px;overflow:hidden}.pv--arixo{--tone:var(--arixo);--tone-bg:var(--arixo-bg);--tone-border:var(--arixo-border);--tone-glow:var(--arixo-glow)}.ax-body{flex:1;min-height:0;display:flex}.ax-side{border-right:1px solid var(--border);flex-direction:column;flex:0 0 34px;align-items:center;gap:12px;padding-top:16px;display:flex}.ax-side-item{background:var(--border-strong);border-radius:2px;width:14px;height:3px}.ax-side-item--active{background:var(--tone);box-shadow:0 0 8px var(--tone-glow)}.ax-main{flex-direction:column;flex:1;gap:8%;min-width:0;padding:5% 6%;display:flex}.ax-head{align-items:center;gap:6px;display:flex}.ax-chip{border:1px solid var(--border);letter-spacing:.5px;text-transform:uppercase;border-radius:3px;padding:3px 8px;font-size:9px}.ax-chip--lit{color:var(--tone);border-color:var(--tone-border);background:var(--tone-bg)}.ax-credits{align-items:center;gap:5px;margin-left:auto;font-size:9px;display:inline-flex}.ax-credits i{border:1px solid var(--tone-border);border-radius:50%;width:7px;height:7px}.ax-title{background:var(--text-dim);opacity:.5;border-radius:2px;width:55%;height:7px;display:block}.ax-lessons{flex-direction:column;gap:7px;margin:0;padding:0;list-style:none;display:flex}.ax-lesson{border:1px solid var(--border);background:#ffffff04;border-radius:4px;align-items:center;gap:10px;padding:7px 9px;display:flex}.ax-lesson-index{flex:none;width:16px;font-size:9px}.ax-lesson-body{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.ax-line{background:var(--border-strong);border-radius:2px;width:70%;height:4px;display:block}.ax-progress{background:var(--border);border-radius:2px;height:3px;display:block;overflow:hidden}.ax-progress-fill{height:100%;width:var(--fill);background:var(--tone);box-shadow:0 0 6px var(--tone-glow);display:block}.ax-tick{border:1px solid var(--border-strong);border-radius:2px;flex:none;width:8px;height:8px}.ax-lesson:nth-child(-n+2) .ax-tick{border-color:var(--tone);background:var(--tone-bg)}:is(.pv-host:hover,.pv-host:focus-within,.pv[data-mode=loop],.pv[data-touchplay]) .ax-progress-fill{animation:ax-fill var(--pv-cycle) cubic-bezier(.4, 0, .2, 1) var(--pv-iter) both;animation-delay:calc(var(--i) * .45s)}:is(.pv-host:hover,.pv-host:focus-within,.pv[data-mode=loop],.pv[data-touchplay]) .ax-tick{animation:ax-tick var(--pv-cycle) steps(1) var(--pv-iter) both;animation-delay:calc(var(--i) * .45s)}@keyframes ax-fill{0%{width:0}22%,88%{width:100%}to{width:100%}}@keyframes ax-tick{0%{border-color:var(--border-strong);background:0 0}22%,to{border-color:var(--tone);background:var(--tone-bg)}}.pv--combat{--fire:#ff7a45;--frost:#6fd3ff;--shadow:#a88bff;background:radial-gradient(ellipse 70% 60% at 50% 0%, rgba(var(--green-rgb), .1), transparent 70%), linear-gradient(155deg, var(--bg-raised-2), var(--bg-raised))}.cv{flex-direction:column;height:100%;padding:7% 8% 6%;display:flex;position:relative}.cv-top{flex-wrap:wrap;gap:8px;display:flex}.cv-el{border:1px solid var(--border);letter-spacing:1px;text-transform:uppercase;color:var(--text);border-radius:3px;align-items:center;gap:6px;padding:3px 8px 3px 7px;font-size:9px;display:inline-flex}.cv-el:before{content:"";background:var(--el);width:6px;height:6px;box-shadow:0 0 8px var(--el);border-radius:1px;transform:rotate(45deg)}.cv-el--fire{--el:var(--fire)}.cv-el--frost{--el:var(--frost)}.cv-el--shadow{--el:var(--shadow)}.cv-lanes{gap:6px;margin:auto 0 10px;padding-top:26px;display:grid;position:relative}.cv-lane-label{letter-spacing:.8px;text-transform:uppercase;font-size:9px}.cv-lane-label:not(:first-child){margin-top:6px}.cv-track{gap:3px;height:12px;display:flex}.cv-seg{border:1px solid var(--border);background:#ffffff0d;border-radius:2px;display:block}.cv-seg--windup{background:#ffffff0a}.cv-seg--strike{background:var(--green-bg);border-color:var(--green-border)}.cv-seg--hold{background:rgba(var(--green-rgb), .04)}.cv-impact{background:var(--green);width:1px;box-shadow:0 0 10px var(--green-glow);opacity:.6;position:absolute;top:16px;bottom:-6px;left:45%}.cv-impact-label{white-space:nowrap;letter-spacing:.8px;text-transform:uppercase;color:var(--green);font-size:9px;position:absolute;top:-16px;left:6px}.cv-playhead{background:var(--text-h);opacity:0;width:2px;margin-left:-1px;position:absolute;top:16px;bottom:-6px;left:0;box-shadow:0 0 12px #ffffff80}.cv-phases{letter-spacing:.6px;text-transform:uppercase;gap:3px;font-size:9px;display:flex}.cv-phases span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.cv-core{align-items:center;gap:10px;margin-top:auto;display:flex}.cv-core-label{letter-spacing:1px;text-transform:uppercase;color:var(--text);font-size:9px}.cv-core-track{background:var(--border);border-radius:2px;flex:1;height:4px;overflow:hidden}.cv-core-fill{background:linear-gradient(90deg, var(--green-border), var(--green));width:64%;height:100%;box-shadow:0 0 8px var(--green-glow);display:block}:is(.pv-host:hover,.pv-host:focus-within,.pv[data-mode=loop],.pv[data-touchplay]) .cv-playhead{animation:cv-sweep var(--pv-cycle) linear var(--pv-iter) both}:is(.pv-host:hover,.pv-host:focus-within,.pv[data-mode=loop],.pv[data-touchplay]) .cv-impact{animation:cv-impact var(--pv-cycle) ease-out var(--pv-iter) both}:is(.pv-host:hover,.pv-host:focus-within,.pv[data-mode=loop],.pv[data-touchplay]) .cv-seg--strike{animation:cv-strike var(--pv-cycle) ease-out var(--pv-iter) both}:is(.pv-host:hover,.pv-host:focus-within,.pv[data-mode=loop],.pv[data-touchplay]) .cv-core-fill{animation:cv-core var(--pv-cycle) cubic-bezier(.2, .8, .2, 1) var(--pv-iter) both}@keyframes cv-sweep{0%{opacity:0;left:0}4%{opacity:1}72%{opacity:1;left:100%}80%,to{opacity:0;left:100%}}@keyframes cv-impact{0%,31%{opacity:.3;box-shadow:none}33%{opacity:1;width:3px;box-shadow:0 0 22px var(--green), 0 0 4px var(--green);margin-left:-1px}48%,to{opacity:.6;width:1px;box-shadow:0 0 10px var(--green-glow);margin-left:0}}@keyframes cv-strike{0%,31%{border-color:var(--border);background:#ffffff0d}33%{background:rgba(var(--green-rgb), .4);border-color:var(--green)}55%,to{background:var(--green-bg);border-color:var(--green-border)}}@keyframes cv-core{0%,32%{width:38%}40%,to{width:64%}}@media (width<=600px){.work-card .pv--combat{--pv-aspect:4 / 3}}.hl-body{flex:1;grid-template-columns:1fr 1.1fr;gap:6%;min-height:0;padding:6%;display:grid}.hl-form{flex-direction:column;gap:8px;display:flex}.hl-field{border:1px solid var(--border);background:#ffffff04;border-radius:3px;height:14px;display:block}.hl-field--tall{flex:1;min-height:20px}.hl-submit{background:var(--green);opacity:.85;border-radius:3px;width:55%;height:14px;display:block}.hl-ticket{border:1px dashed var(--green-border);background:var(--green-bg);border-radius:4px;flex-direction:column;gap:5px;padding:8% 9%;display:flex}.hl-key{letter-spacing:1px;text-transform:uppercase;font-size:8px}.hl-code{gap:4px;margin-bottom:4px;display:flex}.hl-code i{background:var(--text-h);opacity:.55;border-radius:1px;width:12px;height:7px}.hl-code--dots i{border-radius:50%;width:5px;height:5px}.hl-steps{grid-template-columns:repeat(4,1fr);margin:auto 0 0;padding:0;list-style:none;display:grid;position:relative}.hl-steps:before{content:"";background:var(--border-strong);height:1px;position:absolute;top:3px;left:4px;right:12%}.hl-step{flex-direction:column;gap:5px;display:flex;position:relative}.hl-step-dot{border:1px solid var(--border-strong);background:var(--bg-raised);border-radius:50%;width:7px;height:7px}.hl-step--0 .hl-step-dot,.hl-step--1 .hl-step-dot{border-color:var(--green);background:var(--green);box-shadow:0 0 6px var(--green-glow)}.hl-step-name{letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;font-size:7px}:is(.pv-host:hover,.pv-host:focus-within,.pv[data-mode=loop],.pv[data-touchplay]) .hl-step-dot{animation:hl-step var(--pv-cycle) steps(1) var(--pv-iter) both;animation-delay:calc(var(--i) * .5s)}@keyframes hl-step{0%{border-color:var(--border-strong);background:var(--bg-raised);box-shadow:none}6%,to{border-color:var(--green);background:var(--green);box-shadow:0 0 6px var(--green-glow)}}.rv{grid-template-columns:1fr 1.25fr;align-items:center;gap:6%;height:100%;padding:8% 9%;display:grid;position:relative}.rv-reticle{aspect-ratio:1;justify-self:center;width:100%;max-width:150px;position:relative}.rv-ring{border:1px solid var(--green-border);border-radius:50%;position:absolute;inset:12%}.rv-cross{background:var(--text-dim);position:absolute}.rv-cross--h{height:1px;top:50%;left:0;right:0}.rv-cross--v{width:1px;top:0;bottom:0;left:50%}.rv-center{background:var(--green);width:6px;height:6px;box-shadow:0 0 10px var(--green);border-radius:50%;margin:-3px 0 0 -3px;position:absolute;top:50%;left:50%}.rv-ladder{flex-direction:column;gap:10px;height:70%;display:flex}.rv-ladder-label{letter-spacing:1px;text-transform:uppercase;font-size:9px}.rv-bars{flex:1;align-items:flex-end;gap:4px;display:flex}.rv-bar{border:1px solid var(--border-strong);background:#ffffff05;border-bottom:none;border-radius:2px 2px 0 0;flex:1}.rv-bar--done{border-color:var(--green-border);background:var(--green-bg)}:is(.pv-host:hover,.pv-host:focus-within,.pv[data-mode=loop],.pv[data-touchplay]) .rv-bar{animation:rv-bar var(--pv-cycle) steps(1) var(--pv-iter) both;animation-delay:calc(var(--i) * .2s)}:is(.pv-host:hover,.pv-host:focus-within,.pv[data-mode=loop],.pv[data-touchplay]) .rv-ring{animation:rv-ring var(--pv-cycle) cubic-bezier(.2, .8, .2, 1) var(--pv-iter) both}@keyframes rv-bar{0%{border-color:var(--border-strong);background:#ffffff05}4%,to{border-color:var(--green);background:rgba(var(--green-rgb), .18)}}@keyframes rv-ring{0%{opacity:.2;inset:0}18%,to{opacity:1;inset:12%}}.ok-body{flex-direction:column;flex:1;gap:8%;min-height:0;padding:6% 7%;display:flex}.ok-file{border:1px solid var(--border);border-radius:4px;align-items:center;gap:8px;padding:6px 8px;display:flex}.ok-file-icon{border:1px solid var(--green-border);background:var(--green-bg);border-radius:2px;width:12px;height:14px}.ok-file-name{color:var(--text)}.ok-formats{gap:4px;margin-left:auto;display:flex}.ok-formats i{border:1px solid var(--border);border-radius:2px;padding:1px 4px;font-size:8px;font-style:normal}.ok-rows{flex-direction:column;gap:7px;display:flex}.ok-row{grid-template-columns:64px 1fr;align-items:center;gap:8px;display:grid}.ok-key{white-space:nowrap;font-size:9px}.ok-track{background:var(--border);border-radius:2px;height:4px;overflow:hidden}.ok-fill{height:100%;width:var(--w);background:var(--text-dim);display:block}.ok-total{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:auto;padding-top:8px;display:flex}.ok-total-value{background:var(--green-bg);border:1px solid var(--green-border);border-radius:2px;width:34%;height:12px}:is(.pv-host:hover,.pv-host:focus-within,.pv[data-mode=loop],.pv[data-touchplay]) .ok-fill{animation:ok-fill var(--pv-cycle) cubic-bezier(.4, 0, .2, 1) var(--pv-iter) both;animation-delay:calc(var(--i) * .15s)}:is(.pv-host:hover,.pv-host:focus-within,.pv[data-mode=loop],.pv[data-touchplay]) .ok-total-value{animation:ok-total var(--pv-cycle) ease-out var(--pv-iter) both}@keyframes ok-fill{0%{background:var(--text-dim);width:0}24%,to{width:var(--w);background:var(--green-border)}}@keyframes ok-total{0%,34%{box-shadow:none;background:0 0}40%{background:rgba(var(--green-rgb), .35);box-shadow:0 0 14px var(--green-glow)}60%,to{background:var(--green-bg);box-shadow:none}}.intro-landing{align-items:center;width:100%;min-height:100dvh;padding:96px 24px;display:flex;position:relative}@media (width<=640px){.intro-landing{align-items:flex-start;min-height:100svh;padding:72px 20px 48px}}.intro-atmosphere{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.intro-grid{background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);opacity:.45;background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 65% at 50% 0,#000 0%,#0000 75%);mask-image:radial-gradient(60% 65% at 50% 0,#000 0%,#0000 75%)}.intro-energy{opacity:.45;width:100%;height:240px;position:absolute;top:auto;bottom:0;left:0}.intro-content{z-index:1;width:100%;max-width:720px;margin:0 auto;position:relative}.intro-title{letter-spacing:-1.4px;margin-bottom:40px;font-size:56px;line-height:1.05}@media (width<=1024px){.intro-title{letter-spacing:-.8px;margin-bottom:28px;font-size:38px}}.intro-body p{color:var(--text-h);opacity:.92;font-size:20px;line-height:1.68}@media (width<=1024px){.intro-body p{font-size:17px;line-height:1.65}}.intro-body p+p{margin-top:24px}@media (width<=1024px){.intro-body p+p{margin-top:20px}}.intro-cta{margin-top:56px;padding:16px 32px;font-size:16px}@media (width<=1024px){.intro-cta{width:100%;margin-top:40px}}.intro-cta:hover .arrow{transform:translate(6px)}.work-page{padding-top:104px;position:relative}@media (width<=1024px){.work-page{padding-top:72px}}.work-page>:not(.energy-lines){z-index:1;position:relative}.work-page-energy{opacity:.3;height:320px;top:120px}.work-page-head{max-width:720px}.work-page-title{letter-spacing:-1.6px;font-size:64px;line-height:1}@media (width<=1024px){.work-page-title{letter-spacing:-1px;font-size:40px}}.work-page-intro{max-width:560px;color:var(--text);margin-top:20px;font-size:17px}@media (width<=1024px){.work-page-intro{font-size:15px}}.work-filters{margin-top:56px}@media (width<=1024px){.work-filters{margin-top:40px}}.work-filter-row{flex-wrap:wrap;gap:10px;display:flex}.work-filter{border:1px solid var(--border);background:var(--bg-raised);box-shadow:inset 0 1px 0 var(--bevel-hi);color:var(--text);font-family:var(--display);letter-spacing:1.2px;text-transform:uppercase;cursor:pointer;border-radius:3px;align-items:center;gap:9px;padding:10px 18px;font-size:13px;font-weight:600;transition:color .2s,border-color .2s,background .2s;display:inline-flex}.work-filter:hover{color:var(--text-h);border-color:var(--border-strong)}.work-filter[aria-pressed=true]{color:var(--green);border-color:var(--green-border);background:var(--green-bg);box-shadow:inset 0 1px 0 var(--bevel-hi), inset 0 0 0 1px rgba(var(--green-rgb), .12)}.work-filter-count{font-family:var(--mono);letter-spacing:0;color:var(--text-dim);font-size:11px;font-weight:400}.work-filter[aria-pressed=true] .work-filter-count{color:var(--green)}.work-filter-blurb{color:var(--text-dim);margin-top:18px;font-size:15px}.work-grid{grid-template-columns:repeat(2,1fr);gap:32px;margin-top:48px;display:grid}@media (width<=960px){.work-grid{grid-template-columns:1fr;gap:24px}}@media (width<=1024px){.work-grid{margin-top:36px}}.work-grid-item{display:flex}.work-grid-item .work-card{flex:1}.work-card--directory{gap:18px;padding:20px}.work-card--directory .work-card-visual .pv{--pv-aspect:2 / 1}.work-card--directory .work-card-title{margin-bottom:10px;font-size:21px}.work-card--directory .work-card-summary{margin-bottom:18px;font-size:15px}.work-card--directory .work-card-meta{margin-bottom:12px}.project{width:100%;max-width:1120px;margin:0 auto;padding:40px 24px 96px}@media (width<=1024px){.project{padding:28px 20px 64px}}.project.accent-arixo .eyebrow{color:var(--arixo)}.project.accent-arixo .eyebrow:before{background:var(--arixo)}.project-top{font-family:var(--mono);justify-content:space-between;align-items:center;font-size:13px;display:flex}.project-back{min-height:44px;color:var(--text);align-items:center;gap:8px;text-decoration:none;transition:color .2s;display:inline-flex}.project-back span{transition:transform .25s}.project-back:hover{color:var(--green)}.project-back:hover span{transform:translate(-4px)}.project-count{color:var(--text-dim)}.project-header{grid-template-columns:7fr 5fr;align-items:end;gap:64px;margin-top:40px;display:grid}@media (width<=960px){.project-header{grid-template-columns:1fr;gap:40px;margin-top:24px}}.project-title{letter-spacing:-1.8px;font-size:68px;line-height:.98}@media (width<=1024px){.project-title{letter-spacing:-1px;font-size:42px}}.project-title>span{display:inline-block}.project-tagline{max-width:540px;color:var(--text-h);opacity:.86;margin-top:20px;font-size:20px;line-height:1.45}@media (width<=1024px){.project-tagline{font-size:17px}}.project-live{margin-top:32px}.project-note{border-left:2px solid var(--green-border);max-width:460px;font-family:var(--mono);color:var(--text);margin-top:28px;padding-left:14px;font-size:13px}.project-meta{border-bottom:1px solid var(--border);margin:0}.project-meta>div{border-top:1px solid var(--border);grid-template-columns:84px 1fr;gap:16px;padding:14px 0;display:grid}.project-meta dt{font-family:var(--mono);letter-spacing:1px;text-transform:uppercase;color:var(--text-dim);padding-top:3px;font-size:11px}.project-meta dd{color:var(--text-h);margin:0;font-size:15px}.project-stack{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.project-stack li{font-family:var(--mono);color:var(--text);border:1px solid var(--border-strong);border-radius:3px;padding:3px 8px;font-size:12px}.project-stage{border:1px solid var(--border);background:radial-gradient(ellipse 60% 70% at 50% 40%, rgba(var(--green-rgb), .08), transparent 70%), var(--bg);border-radius:6px;margin-top:56px;padding:56px;position:relative;overflow:hidden}@media (width<=760px){.project-stage{margin-top:40px;padding:16px}}.project-stage:before{content:"";background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);opacity:.6;pointer-events:none;background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 70%,#000 0%,#0000 80%);mask-image:radial-gradient(70% 70%,#000 0%,#0000 80%)}.accent-arixo .project-stage{background:radial-gradient(ellipse 60% 70% at 50% 40%, rgba(var(--arixo-rgb), .08), transparent 70%), var(--bg)}.project-visual{max-width:760px;margin:0 auto;position:relative}.project-visual .pv{box-shadow:0 30px 80px #0000008c}@media (width<=760px){.project-visual .pv{--pv-aspect:4 / 3}}.project-section{border-top:1px solid var(--border);grid-template-columns:3fr 9fr;gap:48px;margin-top:88px;padding-top:24px;display:grid}@media (width<=860px){.project-section{grid-template-columns:1fr;gap:20px;margin-top:64px}}.project-section-label{font-family:var(--mono);letter-spacing:1.5px;text-transform:uppercase;color:var(--text-dim);align-self:start;align-items:center;gap:10px;font-size:12px;font-weight:500;display:flex}.project-section-label:before{content:"";background:var(--green);width:6px;height:6px;box-shadow:0 0 8px var(--green-glow)}.accent-arixo .project-section-label:before{background:var(--arixo);box-shadow:0 0 8px var(--arixo-glow)}.project-prose p{max-width:680px;color:var(--text);font-size:18px;line-height:1.7}@media (width<=1024px){.project-prose p{font-size:16px}}.project-prose p+p{margin-top:18px}.project-built{margin:0;padding:0;list-style:none}.project-built li{border-bottom:1px solid var(--border);color:var(--text-h);grid-template-columns:44px 1fr;gap:12px;padding:16px 0;font-size:16px;display:grid}.project-built li:first-child{padding-top:0}.project-built-index{font-family:var(--mono);color:var(--green);padding-top:3px;font-size:13px}.accent-arixo .project-built-index{color:var(--arixo)}.project-systems{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (width<=700px){.project-systems{grid-template-columns:1fr}}.project-system{border:1px solid var(--border);background:var(--bg-raised);border-radius:5px;padding:24px;transition:border-color .25s}.project-system:hover{border-color:var(--border-strong)}.project-system-index{font-family:var(--mono);color:var(--text-dim);font-size:12px}.project-system h3{margin:10px 0 8px;font-size:19px}.project-system p{color:var(--text);font-size:14.5px;line-height:1.65}.project-shot{margin:0}.project-shot-frame{border:1px solid var(--border-strong);background:var(--bg-raised);border-radius:6px;overflow:hidden}.project-shot-frame .pv-bar{height:30px;font-family:var(--mono)}.project-shot img{width:100%;height:auto;display:block}.project-shot figcaption{font-family:var(--mono);color:var(--text-dim);margin-top:12px;font-size:12px}.project-footnote{font-family:var(--mono);color:var(--text-dim);margin-top:56px;font-size:12px}.project-next{border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-top:96px}.project-next-link{flex-direction:column;gap:10px;padding:40px 0;text-decoration:none;display:flex}.project-next-label{font-family:var(--mono);letter-spacing:1px;text-transform:uppercase;color:var(--text-dim);font-size:12px}.project-next-name{font-family:var(--display);letter-spacing:-1px;color:var(--text-h);font-size:48px;font-weight:600;line-height:1.05;transition:color .25s}@media (width<=1024px){.project-next-name{font-size:30px}}.project-next-link:hover .project-next-name{color:var(--green-strong)}.project-next-link:hover .arrow{transform:translate(8px)}.project-category{color:var(--green);border-bottom:1px solid #0000;text-decoration:none;transition:border-color .2s;display:inline-block}.project-category:hover{border-bottom-color:var(--green-border)}.about-page{width:100%;max-width:1120px;margin:0 auto;padding:120px 24px;position:relative}@media (width<=1024px){.about-page{padding:72px 20px 88px}}.about-atmosphere{pointer-events:none;z-index:0;height:560px;position:absolute;inset:0 0 auto}.about-grid{background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);opacity:.45;background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(55% 60% at 20% 20%,#000 0%,#0000 75%);mask-image:radial-gradient(55% 60% at 20% 20%,#000 0%,#0000 75%)}.about-energy{opacity:.5;height:220px;top:auto;bottom:0}.about-page>:not(.about-atmosphere){z-index:1;position:relative}.about-header,.about-portrait,.about-intro,.about-section,.about-next{max-width:720px;margin-left:200px}@media (width<=960px){.about-header,.about-portrait,.about-intro,.about-section,.about-next{margin-left:0}}.about-title{letter-spacing:-1.6px;text-transform:none;font-size:64px;line-height:1.02}@media (width<=1024px){.about-title{letter-spacing:-.8px;font-size:40px}}.about-portrait{width:220px;margin-top:64px;margin-bottom:0}.about-portrait img{border:1px solid var(--border-strong);border-radius:4px;width:100%;height:auto;display:block}.about-intro{margin-top:72px}@media (width<=1024px){.about-intro{margin-top:48px}}.about-intro p{color:var(--text-h);opacity:.92;font-size:22px;line-height:1.65}@media (width<=1024px){.about-intro p{font-size:18px}}.about-intro p+p{margin-top:24px}.about-intro h2{margin-bottom:20px}.about-section{margin-top:104px;position:relative}@media (width<=1024px){.about-section{margin-top:72px}}.about-section-index{font-family:var(--mono);color:var(--text-dim);align-items:center;gap:12px;font-size:12px;display:flex;position:absolute;top:6px;left:-200px}@media (width<=960px){.about-section-index{margin-bottom:14px;position:static}}.about-section-index:after{content:"";background:var(--green-border);width:40px;height:1px}.about-section h2{margin-bottom:20px;font-size:28px}@media (width<=1024px){.about-section h2{font-size:24px}}.about-section p{color:var(--text);font-size:18px;line-height:1.75}@media (width<=1024px){.about-section p{font-size:16px}}.about-section p+p{margin-top:20px}.about-page .about-guide{font-family:var(--mono);letter-spacing:0;color:#ffc400cc;opacity:1;border:1px dashed #ffc40059;border-radius:4px;padding:14px 16px;font-size:14px;font-weight:400;line-height:1.6}.about-next{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;margin-top:136px;display:grid}@media (width<=560px){.about-next{grid-template-columns:1fr}}.about-next-link{flex-direction:column;gap:8px;padding:32px 0;text-decoration:none;display:flex}.about-next-label{font-family:var(--mono);letter-spacing:1px;text-transform:uppercase;color:var(--text-dim);font-size:12px}.about-next-name{font-family:var(--display);color:var(--text-h);font-size:28px;font-weight:600;transition:color .2s}.about-next-link:hover .about-next-name{color:var(--green-strong)}.about-next-link:hover .arrow{transform:translate(6px)}.about-dev-note{flex-wrap:wrap;align-items:center;gap:6px 10px;width:fit-content;margin-top:32px;margin-left:200px;padding:8px 12px;display:flex}@media (width<=960px){.about-dev-note{margin-left:0}}.about-dev-note{font-family:var(--mono);color:#ffc400d9;background:#060709eb;border:1px dashed #ffc40066;border-radius:4px;font-size:12px}.about-dev-note span{text-transform:uppercase;letter-spacing:.8px;background:#ffc40026;border-radius:2px;padding:1px 6px;font-size:10px}.about-dev-note code{font-family:var(--mono);color:var(--text-h)}