*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--font-sans), Segoe UI, Arial, sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--font-mono), Consolas, SFMono-Regular, monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-x-0{left:0;right:0}.bottom-0{bottom:0}.top-3{top:.75rem}.block{display:block}.inline{display:inline}.flex{display:flex}.grid{display:grid}.hidden{display:none}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.gap-2{gap:.5rem}.overflow-hidden{overflow:hidden}.rounded-t-3xl{border-top-left-radius:1.5rem;border-top-right-radius:1.5rem}.border-b{border-bottom-width:1px}.px-4{padding-left:1rem;padding-right:1rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.uppercase{text-transform:uppercase}.outline-none{outline-offset:2px;outline:2px solid #0000}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--reference-ink:#f7f7f3;--reference-muted:#f7f7f3ad;--reference-subtle:#f7f7f375;--reference-faint:#f7f7f359;--page:#0b0b0c;--panel:#151517;--panel-strong:#1b1b1f;--ink:#f7f7f3;--muted:#f7f7f39e;--subtle:#f7f7f36b;--border:#f7f7f324;--border-strong:#f7f7f33d;--primary:#f7f7f3;--primary-ink:#0b0b0c;--accent:#26d96d;--success:#44df72;--shadow:#0000007a;--motion-press:.12s;--motion-hover:.18s;--motion-panel:.34s;--ease-enter:cubic-bezier(.22, 1, .36, 1);--ease-move:cubic-bezier(.32, .72, 0, 1);--text-body:1rem;--text-supporting:.875rem;--text-label:.7rem;--leading-body:1.65}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#f3f3ee;--panel:#fff;--panel-strong:#ecece8;--ink:#101011;--muted:#1010119e;--subtle:#10101170;--border:#10101124;--border-strong:#1010113d;--primary:#101011;--primary-ink:#f3f3ee;--accent:#1eaf54;--success:#1eaf54;--shadow:#1e231d33}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--page);min-height:100vh;color:var(--ink);font-family:var(--font-sans), "Helvetica Neue", Arial, sans-serif;text-rendering:optimizelegibility;margin:0;font-size:1rem;line-height:1.5;transition:background-color .35s,color .35s}::selection{background:var(--accent);color:#031408}a{color:inherit;text-decoration:none}button,input{font:inherit}button{border:0}.reference-app{overflow-x:clip}.skip-link{z-index:200;background:var(--accent);color:#031408;border-radius:999px;padding:.7rem 1rem;transition:transform .2s;position:fixed;top:1rem;left:1rem;transform:translateY(-140%)}.skip-link:focus{transform:translateY(0)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.size-4{width:1rem;height:1rem}.size-5{width:1.25rem;height:1.25rem}.size-6{width:1.5rem;height:1.5rem}.portfolio-journey{z-index:4;color:#11120f;background:radial-gradient(circle at 84% 8%,#26d96d1f,#0000 24rem),#f1f0e8;padding:clamp(6rem,12vw,11rem) clamp(1.25rem,5vw,5.5rem) clamp(5rem,10vw,9rem);position:relative;overflow:clip}.journey-intro,.journey-sections{width:min(100%,92rem);margin-inline:auto}.journey-intro{padding-bottom:clamp(5rem,10vw,9rem)}.journey-intro .reference-eyebrow,.journey-heading .reference-eyebrow{color:#15753b}.journey-intro h2{letter-spacing:-.095em;text-wrap:balance;max-width:10ch;margin:1rem 0 1.5rem;font-size:clamp(3.5rem,8.5vw,8.8rem);font-weight:520;line-height:.87}.journey-intro>p:last-child{color:#11120fa6;text-wrap:pretty;max-width:58ch;margin:0;font-size:clamp(1rem,1.45vw,1.22rem);line-height:1.65}.journey-sections{border-top:1px solid #11120f29}.journey-section{border-bottom:1px solid #11120f29;grid-template-columns:minmax(18rem,.9fr) minmax(24rem,1.1fr);align-items:start;gap:clamp(3rem,8vw,8rem);padding:clamp(4rem,8vw,8rem) 0;display:grid}.journey-section:nth-child(2n){grid-template-columns:minmax(24rem,1.1fr) minmax(18rem,.9fr)}.journey-section:nth-child(2n) .journey-media{order:2}.journey-media{aspect-ratio:1;outline-offset:-1px;isolation:isolate;background:#101310;border-radius:1rem;outline:1px solid #11120f14;position:sticky;top:6.5rem;overflow:hidden;box-shadow:0 2rem 5rem #1b231c29}.journey-media-experience,.journey-media-education{aspect-ratio:4/5}.journey-media-poster-layer{z-index:0;position:absolute;inset:0}.journey-media-poster,.journey-media-video{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.journey-media-poster{z-index:0}.journey-media-video{z-index:1;opacity:0;transition:opacity .42s}.journey-media-video.is-ready{opacity:1}.journey-media:after{z-index:2;content:"";pointer-events:none;background:linear-gradient(#0000,#050906bd);height:32%;position:absolute;inset:auto 0 0}.journey-media-caption{z-index:3;color:#ffffffc7;font-family:var(--font-mono), monospace;letter-spacing:.09em;text-transform:uppercase;align-items:center;gap:.55rem;font-size:.6rem;display:flex;position:absolute;bottom:1rem;left:1rem;right:1rem}.journey-media-caption i{background:#50e884;border-radius:50%;width:.45rem;height:.45rem;box-shadow:0 0 0 .3rem #50e88421}.journey-copy{min-width:0}.journey-heading{grid-template-columns:3rem minmax(0,1fr);gap:clamp(1rem,2vw,2rem);display:grid}.journey-index{color:#11120f6b;font-family:var(--font-mono), monospace;letter-spacing:.08em;padding-top:.15rem;font-size:.65rem}.journey-heading h3{letter-spacing:-.085em;text-wrap:balance;max-width:15ch;margin:.85rem 0 1.25rem;font-size:clamp(2.5rem,5.3vw,5.6rem);font-weight:520;line-height:.92}.journey-description{color:#11120fa3;text-wrap:pretty;max-width:52ch;margin:0;font-size:1rem;line-height:1.65}.journey-items{border-top:1px solid #11120f29;margin:clamp(3rem,6vw,5.5rem) 0 0;padding:0;list-style:none}.journey-items li{border-bottom:1px solid #11120f1f;grid-template-columns:minmax(7rem,.32fr) minmax(0,1fr);gap:clamp(1rem,3vw,3rem);padding:1.5rem 0;display:grid}.journey-items li>span{color:#15753b;font-family:var(--font-mono), monospace;letter-spacing:.07em;text-transform:uppercase;padding-top:.2rem;font-size:.61rem}.journey-items h4{letter-spacing:-.045em;margin:0;font-size:clamp(1.25rem,2vw,1.7rem);font-weight:560;line-height:1.1}.journey-items p{color:#11120f9e;text-wrap:pretty;max-width:49ch;margin:.65rem 0 0;font-size:1rem;line-height:1.6}.journey-tags{flex-wrap:wrap;gap:.4rem;margin-top:1rem;display:flex}.journey-tags small{color:#11120fb8;font-family:var(--font-mono), monospace;letter-spacing:.03em;border:1px solid #11120f26;border-radius:999px;padding:.35rem .55rem;font-size:.57rem}@media (max-width:900px){.journey-section,.journey-section:nth-child(2n){grid-template-columns:minmax(0,1fr);gap:3.5rem}.journey-section:nth-child(2n) .journey-media{order:0}.journey-media{aspect-ratio:16/11;position:relative;top:auto}.journey-media-experience,.journey-media-education{aspect-ratio:4/3}}@media (max-width:560px){.portfolio-journey{padding-inline:1rem}.journey-intro h2{font-size:clamp(3.25rem,16vw,5.3rem)}.journey-section{padding-block:4rem}.journey-media,.journey-media-experience,.journey-media-education{aspect-ratio:4/5;border-radius:.8rem}.journey-heading{grid-template-columns:2rem minmax(0,1fr);gap:.65rem}.journey-heading h3{font-size:clamp(2.55rem,12vw,4rem)}.journey-items li{grid-template-columns:1fr;gap:.65rem}.journey-items li>span{padding-top:0}}@media (prefers-reduced-motion:reduce){.journey-media-video{display:none}}html,body,*{scrollbar-width:none}html::-webkit-scrollbar{width:0;height:0}body::-webkit-scrollbar{width:0;height:0}::-webkit-scrollbar{width:0;height:0}.experience-section,.stack-evidence{width:min(100%,92rem);color:var(--ink);background:var(--page);border-top:1px solid var(--border);margin-inline:auto;padding:clamp(6rem,11vw,10rem) clamp(1rem,4vw,4rem)}.experience-section>header,.stack-evidence-heading{grid-template-columns:minmax(18rem,.8fr) minmax(22rem,1fr);align-items:end;gap:1.5rem clamp(2rem,8vw,9rem);display:grid}.experience-section>header .reference-eyebrow,.stack-evidence-heading .reference-eyebrow{grid-column:1/-1}.experience-section h2,.stack-evidence-heading h3{letter-spacing:-.08em;text-wrap:balance;max-width:12ch;margin:0;font-size:clamp(3.2rem,7vw,7rem);font-weight:520;line-height:.9}.experience-section>header>p:last-child,.stack-evidence-heading>p:last-child{max-width:55ch;color:var(--muted);font-size:var(--text-body);line-height:var(--leading-body);margin:0}.experience-section ol{border-top:1px solid var(--border);margin:clamp(3rem,7vw,6rem) 0 0;padding:0;list-style:none}.experience-section li{border-bottom:1px solid var(--border);grid-template-columns:minmax(8rem,.3fr) minmax(0,1fr) 3rem;align-items:start;gap:clamp(1rem,4vw,4rem);padding:2rem 0;display:grid}.experience-period{color:var(--subtle);font-family:var(--font-mono), monospace;letter-spacing:.06em;text-transform:uppercase;font-size:.72rem}.experience-section h3{letter-spacing:-.045em;max-width:30ch;margin:0;font-size:clamp(1.35rem,2.6vw,2.5rem);font-weight:560}.experience-section li p{max-width:58ch;color:var(--muted);margin:.7rem 0;font-size:1rem;line-height:1.55}.experience-section li strong{max-width:65ch;color:var(--ink);font-size:.92rem;font-weight:560;line-height:1.5;display:block}.experience-section li>a{width:3rem;height:3rem;color:var(--ink);border:1px solid var(--border);transition:color var(--motion-hover) ease, border-color var(--motion-hover) ease, transform var(--motion-hover) var(--ease-enter);border-radius:50%;place-items:center;text-decoration:none;display:grid}.experience-section li>a:hover,.experience-section li>a:focus-visible{color:#15753b;border-color:#15753b;transform:translate(.2rem)}.stack-evidence-layout{grid-template-columns:minmax(18rem,.72fr) minmax(22rem,1fr);gap:clamp(1.5rem,5vw,6rem);margin-top:clamp(3rem,7vw,6rem);display:grid}.stack-evidence-media{background:#0c110e;border-radius:1rem;min-height:34rem;position:relative;overflow:hidden}.stack-evidence-media img{-o-object-fit:cover;object-fit:cover}.stack-evidence-tabs{flex-wrap:wrap;align-content:flex-start;gap:.55rem;display:flex}.stack-evidence-tabs button{border:1px solid var(--border);min-height:2.75rem;color:var(--muted);font:600 .78rem/1 var(--font-sans), sans-serif;cursor:pointer;touch-action:manipulation;background:0 0;border-radius:999px;padding:.65rem .9rem;transition:color .16s,border-color .16s,background-color .16s}.stack-evidence-tabs button[aria-selected=true]{color:#fff;background:#15753b;border-color:#15753b}.stack-evidence-panel{grid-column:2;align-self:end;padding-top:clamp(3rem,8vw,8rem)}.stack-evidence-panel>p{letter-spacing:-.05em;max-width:34ch;margin:0;font-size:clamp(1.8rem,3.5vw,3.5rem);font-weight:520;line-height:1.08}.stack-evidence-panel>span{color:var(--subtle);font-family:var(--font-mono), monospace;letter-spacing:.08em;text-transform:uppercase;margin-top:2.5rem;font-size:.68rem;display:block}.stack-evidence-panel>div{flex-wrap:wrap;gap:.7rem 1.4rem;margin-top:.9rem;display:flex}.stack-evidence-panel a{color:var(--ink);border-bottom:1px solid;align-items:center;gap:.45rem;font-size:.95rem;font-weight:650;text-decoration:none;display:inline-flex}.case-page{color:#f3f4f0;background:#080a09;min-height:100svh}.case-page .reference-header{position:absolute}.case-page main{overflow:clip}.case-hero{min-height:100svh;padding:clamp(8rem,15vw,13rem) max(1rem,50vw - 42rem) 5rem}.case-back,.cv-actions>a,.game-header>a{color:#f3f4f09e;align-items:center;gap:.6rem;font-size:.86rem;text-decoration:none;display:inline-flex}.case-back-icon{transform:rotate(180deg)}.case-hero>.reference-eyebrow{color:#72e79c;margin-top:clamp(5rem,13vh,10rem)}.case-hero h1{letter-spacing:-.095em;max-width:12ch;margin:.8rem 0 0;font-size:clamp(5rem,15vw,13rem);font-weight:520;line-height:.76}.case-summary{color:#f3f4f0b3;max-width:58ch;margin:clamp(2rem,5vw,4rem) 0 0 auto;font-size:clamp(1.15rem,2vw,1.55rem);line-height:1.55}.case-facts{border-top:1px solid #ffffff29;grid-template-columns:1.5fr .75fr .75fr;gap:1rem;margin:4rem 0 0;display:grid}.case-facts>div{padding-top:1rem}.case-facts dt{color:#f3f4f066;font-family:var(--font-mono), monospace;letter-spacing:.08em;text-transform:uppercase;font-size:.66rem}.case-facts dd{margin:.65rem 0 0;font-size:.95rem}.case-status-dot{background:#43db79;border-radius:50%;width:.5rem;height:.5rem;margin-right:.55rem;display:inline-block;box-shadow:0 0 0 .3rem #43db791f}.case-actions{flex-wrap:wrap;gap:1rem;margin-top:3rem;display:flex}.case-actions a{align-items:center;gap:.55rem;display:inline-flex}.case-secondary-action{color:#f3f4f0;border:1px solid #fff3;border-radius:999px;min-height:3.25rem;padding:0 1.2rem;text-decoration:none}.case-dual,.case-built,.case-architecture,.case-decisions,.case-reality,.case-next{padding:clamp(5rem,10vw,10rem) max(1rem,50vw - 42rem)}.case-dual{color:#10120f;background:#eff0eb;grid-template-columns:1fr 1fr;gap:clamp(2rem,8vw,9rem);display:grid}.case-dual article p:last-child{letter-spacing:-.04em;max-width:40ch;margin-top:2rem;font-size:clamp(1.5rem,3vw,3rem);font-weight:500;line-height:1.15}.case-built h2,.case-architecture h2,.case-decisions>h2{letter-spacing:-.08em;max-width:12ch;margin:1rem 0 0;font-size:clamp(3.5rem,8vw,8rem);font-weight:520;line-height:.88}.case-built ol{border-top:1px solid #ffffff29;max-width:58rem;margin:5rem 0 0 auto;padding:0;list-style:none}.case-built li{border-bottom:1px solid #ffffff29;grid-template-columns:3rem 1fr;gap:1.5rem;padding:1.5rem 0;display:grid}.case-built li span,.case-architecture li>span{color:#72e79c;font-family:var(--font-mono), monospace;font-size:.7rem}.case-built li p{color:#f3f4f0b8;max-width:55ch;margin:0;font-size:1.05rem;line-height:1.55}.case-architecture{background:#132119}.case-architecture>div{grid-template-columns:.4fr 1fr;align-items:end;gap:2rem;display:grid}.case-architecture h2{max-width:15ch;font-size:clamp(2.7rem,6vw,6rem)}.case-architecture ol{border-top:1px solid #ffffff2e;grid-template-columns:repeat(4,1fr);margin:5rem 0 0;padding:0;list-style:none;display:grid}.case-architecture li{border-right:1px solid #ffffff2e;min-height:16rem;padding:1.2rem;position:relative}.case-architecture li:last-child{border-right:0}.case-architecture li:not(:last-child):after{content:"→";z-index:2;color:#72e79c;position:absolute;top:50%;right:-.7rem}.case-architecture li div{position:absolute;bottom:1.2rem;left:1.2rem;right:1.2rem}.case-architecture h3{margin:0;font-size:1.3rem}.case-architecture li p{color:#f3f4f094;margin:.6rem 0 0;font-size:.9rem;line-height:1.5}.case-decisions>div{border-top:1px solid #ffffff29;grid-template-columns:repeat(3,1fr);gap:0;margin-top:5rem;display:grid}.case-decisions article{border-right:1px solid #ffffff29;padding:1.5rem 2rem 1.5rem 0}.case-decisions article+article{padding-left:2rem}.case-decisions article:last-child{border-right:0}.case-decisions h3{margin:0;font-size:1.35rem}.case-decisions article p{color:#f3f4f099;line-height:1.65}.case-reality{color:#10120f;background:#eff0eb;grid-template-columns:1fr 1fr;gap:clamp(2rem,8vw,9rem);display:grid}.case-reality ul{border-top:1px solid #10120f29;margin:2rem 0 0;padding:0;list-style:none}.case-reality li{border-bottom:1px solid #10120f29;padding:1rem 0;line-height:1.55}.case-next{align-content:center;min-height:50svh;display:grid}.case-next a{color:#f3f4f0;letter-spacing:-.08em;align-items:center;gap:1rem;width:fit-content;font-size:clamp(3rem,8vw,8rem);font-weight:520;line-height:.9;text-decoration:none;display:inline-flex}.portfolio-context-menu{z-index:300;color:#f3f4f0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0d0bf7;border:1px solid #ffffff29;border-radius:.8rem;width:15rem;padding:.45rem;position:fixed;box-shadow:0 1.5rem 4rem #0000005c}.portfolio-context-menu>span{color:#f3f4f06b;font-family:var(--font-mono), monospace;letter-spacing:.07em;text-transform:uppercase;padding:.55rem .65rem;font-size:.62rem;display:block}.portfolio-context-menu a,.portfolio-context-menu button{width:100%;min-height:2.65rem;color:inherit;font:500 .84rem/1 var(--font-sans), sans-serif;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:.5rem;align-items:center;gap:.7rem;padding:.6rem .65rem;text-decoration:none;display:flex}.portfolio-context-menu a:hover,.portfolio-context-menu a:focus-visible,.portfolio-context-menu button:hover,.portfolio-context-menu button:focus-visible{color:#72e79c;background:#72e79c1f}.portfolio-context-menu small{color:#f3f4f059;font-family:var(--font-mono), monospace;text-align:right;padding:.4rem .65rem .2rem;font-size:.6rem;display:block}.developer-easter-egg{z-index:280;color:#f3f4f0;background:#0a100c;border:1px solid #72e79c66;border-radius:.9rem;gap:.55rem;max-width:22rem;padding:1.2rem;display:grid;position:fixed;bottom:1rem;right:1rem;box-shadow:0 1.5rem 4rem #0006}.developer-easter-egg>button{color:#ffffff80;cursor:pointer;background:0 0;border:0;font-size:1.4rem;position:absolute;top:.45rem;right:.55rem}.developer-easter-egg>span{color:#72e79c;font-family:var(--font-mono), monospace;font-size:.65rem}.developer-easter-egg>strong{padding-right:1.5rem;font-size:1.15rem}.developer-easter-egg>a{color:#f3f4f0;align-items:center;gap:.5rem;font-size:.85rem;text-decoration:none;display:inline-flex}.copy-character-reaction{z-index:290;color:#f3f4f0;background:#0a100c;border:1px solid #72e79c59;border-radius:999px;align-items:center;gap:.7rem;padding:.45rem .85rem .45rem .45rem;display:flex;position:fixed;bottom:1rem;right:1rem;box-shadow:0 1rem 3rem #00000059}.copy-character-reaction img{-o-object-fit:cover;object-fit:cover;border-radius:50%}.copy-character-reaction span{font-size:.78rem;font-weight:650}.cv-page{color:#11120f;background:#f2f1eb;min-height:100svh}.cv-page .reference-header{filter:invert();position:absolute}.cv-page main{width:min(100% - 2rem,68rem);margin-inline:auto;padding:8rem 0 5rem}.cv-actions{justify-content:space-between;align-items:center;gap:1rem;display:flex}.cv-actions>a{color:#11120f99}.cv-print-button{color:#11120f;min-height:3rem;font:650 .82rem/1 var(--font-sans), sans-serif;cursor:pointer;background:0 0;border:1px solid #11120f33;border-radius:999px;align-items:center;gap:.6rem;padding:0 1rem;display:inline-flex}.cv-header{border-bottom:2px solid #11120f;grid-template-columns:1fr auto;align-items:end;gap:2rem;margin-top:5rem;padding-bottom:3rem;display:grid}.cv-header h1{letter-spacing:-.09em;margin:.6rem 0 0;font-size:clamp(4rem,10vw,8rem);font-weight:540;line-height:.8}.cv-header>div>p:last-child{margin:1.2rem 0 0;font-size:1.2rem}.cv-header address{text-align:right;gap:.5rem;font-style:normal;display:grid}.cv-header a,.cv-page footer a{color:#11120f;border-bottom:1px solid;font-size:.82rem;text-decoration:none}.cv-page main>section{border-bottom:1px solid #11120f2e;grid-template-columns:12rem 1fr;gap:3rem;padding:3rem 0;display:grid}.cv-page section>h2,.cv-page footer h2{font-family:var(--font-mono), monospace;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.7rem}.cv-profile>div,.cv-profile>p{grid-column:2}.cv-profile>p{max-width:65ch;margin:0;font-size:1rem;line-height:1.65}.cv-timeline,.cv-list{margin:0;padding:0;list-style:none}.cv-timeline li,.cv-list li{grid-template-columns:9rem 1fr;gap:1.5rem;padding:0 0 1.6rem;display:grid}.cv-timeline span,.cv-list span{color:#11120f8c;font-family:var(--font-mono), monospace;font-size:.68rem}.cv-timeline h3,.cv-list h3,.cv-projects h3{letter-spacing:-.03em;margin:0;font-size:1.2rem}.cv-timeline p,.cv-list p,.cv-projects p{color:#11120fad;margin:.35rem 0;font-size:.88rem;line-height:1.5}.cv-timeline strong{font-size:.82rem}.cv-projects{gap:1.5rem;display:grid}.cv-projects article{border-bottom:1px solid #11120f24;padding-bottom:1.5rem}.cv-projects article>div{justify-content:space-between;gap:1rem;display:flex}.cv-projects article span{font-family:var(--font-mono), monospace;font-size:.65rem}.cv-projects article a{color:#126b35;font-size:.82rem;font-weight:650}.cv-stack{margin:0;font-size:1.25rem;line-height:1.6}.cv-page footer{grid-template-columns:12rem 1fr;gap:3rem;padding-top:3rem;display:grid}.game-page{color:#f3f4f0;background:#070a08;min-height:100svh;padding:clamp(2rem,5vw,5rem);overflow:hidden}.game-header{width:min(100%,78rem);margin-inline:auto}.game-header>.reference-eyebrow{color:#72e79c;margin-top:4rem}.game-header h1{letter-spacing:-.085em;max-width:12ch;margin:.6rem 0 0;font-size:clamp(3.5rem,9vw,8rem);font-weight:520;line-height:.86}.game-header>p:last-child{color:#f3f4f09e;max-width:56ch;font-size:1rem;line-height:1.6}.game-start{border-top:1px solid #ffffff24;grid-template-columns:minmax(16rem,.7fr) 1fr;align-items:center;gap:clamp(2rem,8vw,8rem);width:min(100%,78rem);margin:4rem auto 0;padding:2rem;display:grid}.game-start-character{min-height:26rem;position:relative;overflow:hidden}.game-start-character img{-o-object-fit:contain;object-fit:contain}.game-start>div:last-child p{color:#f3f4f09e;max-width:42ch;line-height:1.6}.game-start .reference-primary-button{align-items:center;gap:.6rem;margin-top:1.5rem;display:inline-flex}.game-reset{color:#f3f4f09e;min-height:2.75rem;font:600 .76rem/1 var(--font-sans), sans-serif;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #f3f4f059;margin:1rem}.game-shell{width:min(100%,78rem);margin:4rem auto 0}.game-status{grid-template-columns:1fr auto;gap:2rem;margin-bottom:1rem;display:grid}.game-status div{gap:.3rem;display:grid}.game-status span{color:#72e79c;font-family:var(--font-mono), monospace;letter-spacing:.08em;text-transform:uppercase;font-size:.62rem}.game-status strong{font-size:.9rem}.game-board{--cell:min(9vw, 5.5rem);width:calc(var(--cell) * var(--game-columns));aspect-ratio:9/7;grid-template-columns:repeat(var(--game-columns), 1fr);grid-template-rows:repeat(var(--game-rows), 1fr);background:radial-gradient(circle at 50% 45%,#132219 0,#0a0f0c 70%);border:1px solid #72e79c47;border-radius:.8rem;outline:none;max-width:100%;margin-inline:auto;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 4rem #00000073}.game-board:focus-visible{box-shadow:0 0 0 3px #72e79c,inset 0 0 4rem #00000073}.game-tile{z-index:0;border-bottom:1px solid #ffffff06;border-right:1px solid #ffffff06}.game-tile.is-wall{background:repeating-linear-gradient(135deg,#17201a 0 5px,#111712 5px 10px);box-shadow:inset 0 0 0 1px #ffffff0d}.game-player,.game-module,.game-terminal{z-index:2;place-self:center;position:relative}.game-player{background:#72e79c14;border-radius:45% 45% 38% 38%;width:82%;height:92%;transition:grid-column .16s cubic-bezier(.22,1,.36,1),grid-row .16s cubic-bezier(.22,1,.36,1);overflow:hidden}.game-player img{-o-object-fit:contain;object-fit:contain}.game-module{aspect-ratio:1;color:#72e79c;background:#15351f;border:1px solid #72e79c8c;border-radius:.4rem;place-items:center;width:48%;animation:1.8s ease-in-out infinite alternate game-module-pulse;display:grid;box-shadow:0 0 1.5rem #72e79c2e}.game-terminal{aspect-ratio:1;color:#10120f;background:#d8dfd8;border-radius:.3rem;place-items:center;width:65%;display:grid;box-shadow:0 0 1.5rem #ffffff1f}.game-victory{z-index:5;text-align:center;background:#050c07e0;place-content:center;justify-items:center;gap:1rem;padding:2rem;display:grid;position:absolute;inset:0}.game-victory strong{letter-spacing:-.05em;max-width:28ch;font-size:clamp(1.8rem,4vw,4rem)}.game-victory a{color:#72e79c;align-items:center;gap:.5rem;text-decoration:none;display:inline-flex}.game-controls{grid-template-columns:repeat(3,1fr);gap:.45rem;width:min(100%,22rem);margin:1.2rem auto 0;display:grid}.game-controls button{color:#f3f4f0;cursor:pointer;touch-action:manipulation;background:#101611;border:1px solid #ffffff24;border-radius:.55rem;min-height:3rem;font-size:1.1rem}.game-controls button:first-child{grid-column:2}.game-controls .is-interact{color:#72e79c;border-color:#72e79c73}@keyframes game-module-pulse{to{transform:translateY(-.2rem);box-shadow:0 0 2rem #72e79c5c}}@media (max-width:760px){.experience-section>header,.stack-evidence-heading,.stack-evidence-layout,.case-dual,.case-reality,.game-start{grid-template-columns:1fr}.experience-section li{grid-template-columns:1fr 3rem}.experience-period{grid-column:1/-1}.stack-evidence-media{min-height:26rem}.stack-evidence-panel{grid-column:1;padding-top:1rem}.case-facts,.case-architecture>div,.case-architecture ol{grid-template-columns:1fr}.case-architecture li{border-bottom:1px solid #ffffff2e;border-right:0;min-height:10rem}.case-architecture li:not(:last-child):after{content:"↓";top:auto;bottom:-.75rem;right:1.2rem}.case-decisions>div{grid-template-columns:1fr}.case-decisions article,.case-decisions article+article{border-bottom:1px solid #ffffff29;border-right:0;padding:1.5rem 0}.cv-header{grid-template-columns:1fr}.cv-header address{text-align:left}.cv-page main>section,.cv-page footer{grid-template-columns:1fr;gap:1.5rem}.cv-profile>p{grid-column:1}.game-start-character{min-height:18rem}.game-board{--cell:calc((100vw - 2rem) / 9)}}@media (max-width:480px){.cv-actions{flex-direction:column;align-items:flex-start}.cv-timeline li,.cv-list li{grid-template-columns:1fr;gap:.45rem}.portfolio-context-menu{width:min(15rem,100vw - 1.5rem)}.game-page{padding-inline:1rem}}@media print{@page{size:A4;margin:12mm}.cv-page{color:#111;background:#fff}.cv-page .reference-header,.cv-actions,.intro-overlay,.skip-link{display:none!important}.cv-page main{width:100%;padding:0}.cv-header{margin-top:0;padding-bottom:8mm}.cv-header h1{font-size:42pt}.cv-page main>section{-moz-column-break-inside:avoid;break-inside:avoid;grid-template-columns:32mm 1fr;gap:8mm;padding:7mm 0}.cv-page footer{grid-template-columns:32mm 1fr;gap:8mm}.cv-projects{grid-template-columns:repeat(2,1fr)}.cv-projects article{-moz-column-break-inside:avoid;break-inside:avoid}a{color:inherit!important;text-decoration:none!important}}@media (prefers-reduced-motion:reduce){.experience-section li>a,.stack-evidence-tabs button,.game-player{transition:none}.game-module{animation:none}}@media (forced-colors:active){.portfolio-journey{color:canvastext;background:canvas}.journey-intro .reference-eyebrow,.journey-heading .reference-eyebrow,.journey-items li>span{color:linktext}.journey-intro>p:last-child,.journey-description,.journey-items p,.journey-tags small{color:canvastext}}.reference-header{z-index:70;padding:max(1rem, env(safe-area-inset-top)) clamp(1rem, 3vw, 3rem) 0;pointer-events:none;background:0 0;position:absolute;inset:0 0 auto}.reference-header-inner{pointer-events:none;justify-content:space-between;align-items:center;gap:1rem;max-width:none;min-height:3rem;margin:0;display:flex}.reference-brand{min-width:3rem;min-height:3rem;color:var(--reference-ink);filter:drop-shadow(0 .25rem .9rem #000000b8);pointer-events:auto;place-items:center;transition:opacity .25s;display:inline-grid}.reference-brand:hover{opacity:.65}.reference-brand-mark{-o-object-fit:contain;object-fit:contain;width:2.1rem;height:2.1rem;display:block}.reference-language-nav{pointer-events:auto;filter:drop-shadow(0 .25rem .9rem #000000c7);align-items:center;display:flex}.reference-header .language-link{min-width:3rem;min-height:3rem}.reference-header .language-flag-icon{width:1.2rem;height:.8rem}.reference-nav{align-items:center;gap:clamp(.55rem,1.6vw,1.6rem);display:flex}.reference-nav>button{color:var(--reference-muted);cursor:pointer;background:0 0;padding:.3rem 0;font-size:.78rem;transition:color .45s}.reference-nav>button:hover{color:var(--reference-ink)}.language-switcher{align-items:center;gap:.08rem;display:flex}.language-link{min-width:1.75rem;min-height:1.75rem;color:var(--reference-subtle);font-family:var(--font-mono), monospace;border-radius:999px;place-items:center;font-size:.59rem;font-weight:700;transition:opacity .25s,color .25s;display:grid}.language-flag-icon{filter:saturate(.86);border-radius:.16rem;width:1.15rem;height:.77rem;transition:filter .25s,transform .25s;display:block;overflow:hidden;box-shadow:0 0 0 1px #ffffff24}.language-link:hover .language-flag-icon,.language-link.is-current .language-flag-icon{filter:saturate();transform:scale(1.04)}.language-link:hover,.language-link.is-current{color:var(--reference-ink);opacity:1}.language-link:not(.is-current){opacity:.5}.reference-mobile-menu-button{color:var(--reference-ink);cursor:pointer;background:0 0;padding:.3rem .45rem;font-size:1rem;line-height:1;display:none}.reference-mobile-menu{border:1px solid var(--border);background:var(--panel);min-width:10rem;box-shadow:0 16px 40px var(--shadow);border-radius:1rem;padding:.45rem;display:grid;position:absolute;top:3.5rem;right:1rem}.reference-mobile-menu button{color:var(--ink);cursor:pointer;text-align:left;background:0 0;border-radius:.65rem;padding:.7rem .8rem}.reference-scroll-story{background:#090a0a;height:300svh;min-height:2100px;position:relative}.reference-sticky-scene{isolation:isolate;background:#121314;height:100svh;min-height:650px;position:sticky;top:0;overflow:hidden}.reference-video{z-index:0;-o-object-fit:cover;object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.reference-video-idle{z-index:2;opacity:0;filter:saturate(.85)contrast(1.06)brightness(.78);transition:opacity .18s linear}.reference-video-primary{z-index:1;opacity:1;filter:saturate(.9)contrast(1.05)brightness(.86);transition:opacity .28s,filter 1s}.reference-video-awake{z-index:2;opacity:0;filter:saturate(.98)contrast(1.02)brightness(1.02);transition:opacity .18s linear}.reference-night-layer{z-index:3;pointer-events:none;mix-blend-mode:screen;position:absolute;inset:0}.reference-night-layer:before{filter:blur(30px);content:"";background:radial-gradient(at top,#b9d2ff2e,#0000 66%);border-radius:50%;width:30vmin;height:85vmin;animation:11s ease-in-out infinite reference-glow;position:absolute;top:-20%;left:50%;transform:translate(-50%)}.reference-night-layer:after{filter:blur(50px);content:"";background:radial-gradient(circle,#6e8cff1a,#0000 68%);border-radius:50%;width:90vmin;height:90vmin;animation:26s ease-in-out infinite reference-haze;position:absolute;bottom:-25%;right:-15%}.reference-star{filter:blur(.5px);background:#fff;border-radius:50%;width:2px;height:2px;animation:4s ease-in-out infinite reference-twinkle;position:absolute}.star-a{top:14%;left:8%}.star-b{animation-delay:1.2s;top:32%;left:18%}.star-c{width:2.5px;height:2.5px;animation-delay:2.6s;top:9%;left:26%}.star-d{animation-delay:.6s;top:62%;left:14%}.star-e{animation-delay:3.1s;top:74%;left:30%}.star-f{animation-delay:1.8s;top:16%;right:22%}.star-g{animation-delay:.3s;top:66%;right:8%}.reference-scrim{z-index:4;pointer-events:none;background:linear-gradient(#0000 52%,#000000c7),linear-gradient(270deg,#000000ad,#0000 28%);position:absolute;inset:0}.reference-top-scrim{z-index:5;pointer-events:none;background:linear-gradient(#00000070,#0000);height:24%;position:absolute;inset:0 0 auto;-webkit-mask-image:linear-gradient(90deg,#000,#0000 28% 72%,#000);mask-image:linear-gradient(90deg,#000,#0000 28% 72%,#000)}.reference-stage-header{z-index:10;justify-content:end;display:flex;position:absolute;top:5.2rem;left:clamp(1.2rem,4vw,3.5rem);right:clamp(1.2rem,4vw,3.5rem)}.reference-availability{color:var(--reference-muted);font-family:var(--font-mono), monospace;letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:.65rem;font-size:.62rem;transition:color .45s;display:inline-flex}.status-dot{background:var(--success);border-radius:50%;flex:none;width:.45rem;height:.45rem;box-shadow:0 0 0 .22rem #44df721a,0 0 1rem #44df72e6}.reference-hero-content{z-index:10;padding:0 clamp(1.5rem,3vw,3rem) clamp(2.9rem,7vh,4.2rem);position:absolute;inset:auto 0 0}.reference-hero-copy{max-width:39rem}.reference-eyebrow{color:var(--reference-subtle);font-family:var(--font-mono), monospace;letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:.68rem;line-height:1.4;transition:color .45s}.reference-hero-copy h1{max-width:39rem;color:var(--reference-ink);letter-spacing:-.07em;text-wrap:balance;white-space:pre-line;margin:.85rem 0 0;font-size:clamp(2.55rem,4.2vw,4.15rem);font-weight:600;line-height:1.02;transition:color .45s}.reference-hero-description{max-width:31rem;color:var(--reference-muted);margin:1rem 0 0;font-size:clamp(.82rem,.95vw,.96rem);line-height:1.55;transition:color .45s}.reference-primary-button,.reference-secondary-button{cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:.6rem;min-height:2.8rem;margin-top:1.6rem;padding:0 1.25rem;font-size:.8rem;font-weight:700;transition:transform .2s,opacity .2s,background-color .2s,color .2s;display:inline-flex}.reference-primary-button{color:var(--reference-ink);background:0 0;border:1px solid #44df72d1;transition:border-color .45s,color .45s,background-color .2s,transform .2s,opacity .2s}.reference-primary-button:hover{border-color:var(--accent);background:var(--accent);color:#031408;opacity:1;transform:translateY(-2px)}.reference-secondary-button{border:1px solid var(--border);color:var(--ink);background:0 0;margin-top:0}.reference-secondary-button:hover{border-color:var(--border-strong);background:var(--panel-strong)}.reference-social-rail{z-index:10;pointer-events:none;flex-direction:column;justify-content:center;gap:2rem;display:flex;position:absolute;top:0;bottom:0;right:clamp(1.5rem,3vw,3.5rem)}.reference-social-rail a{width:1.5rem;height:1.5rem;color:var(--reference-muted);pointer-events:auto;justify-content:center;align-items:center;transition:color .45s,transform .25s;display:flex;position:relative}.reference-social-glyph{width:1.5rem;height:1.5rem;display:block}.reference-social-rail a:hover{color:var(--reference-ink);transform:translate(-2px)}.reference-social-rail a span{color:var(--reference-ink);font-family:var(--font-mono), monospace;opacity:0;padding-right:.65rem;font-size:.64rem;transition:opacity .25s,transform .25s;position:absolute;right:1.9rem;transform:translate(.4rem)}.reference-social-rail a:hover span{opacity:1;transform:translate(0)}.reference-hero-meta{z-index:10;color:var(--reference-faint);font-family:var(--font-mono), monospace;letter-spacing:.1em;text-transform:uppercase;gap:.55rem;font-size:.61rem;transition:color .45s;display:flex;position:absolute;bottom:1.35rem;right:clamp(1.5rem,3vw,3rem)}.reference-hero-meta span:nth-child(2){color:var(--accent)}.reference-scroll-hint{z-index:10;color:var(--reference-subtle);font-family:var(--font-mono), monospace;letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:.65rem;font-size:.61rem;transition:color .45s;display:flex;position:absolute;bottom:1.35rem;left:clamp(1.5rem,3vw,3rem)}.reference-scroll-arrow{color:var(--accent);font-size:1rem;animation:1.8s ease-in-out infinite reference-bob}.reference-after-scene{background:var(--page);min-height:65svh}.reference-after-inner{text-align:center;max-width:760px;margin:0 auto;padding:clamp(6rem,12vw,10rem) 1.5rem}.reference-after-inner .reference-eyebrow{color:var(--subtle)}.reference-after-inner h2{letter-spacing:-.08em;text-wrap:balance;margin:1rem auto 0;font-size:clamp(2.4rem,6vw,5.5rem);line-height:.95}.reference-after-inner>p:not(.reference-eyebrow){max-width:560px;color:var(--muted);margin:1.4rem auto 0;font-size:1rem;line-height:1.65}.reference-after-inner .reference-primary-button{color:var(--reference-ink);background:0 0;border:1px solid #44df72d1;transition:border-color .45s,color .45s,background-color .2s,transform .2s,opacity .2s}.reference-after-signature{border-top:1px solid var(--border);color:var(--subtle);font-family:var(--font-mono), monospace;letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;gap:1rem;margin-top:7rem;padding-top:1rem;font-size:.62rem;display:flex}.reference-overlay{z-index:90;background:#00000085;animation:.24s both reference-fade-in;position:fixed;inset:0}.reference-overlay-soft{background:#0000006b}.reference-work-panel{z-index:100;border:1px solid var(--border);background:var(--panel);box-shadow:0 -18px 80px var(--shadow);border-bottom:0;border-radius:1.7rem 1.7rem 0 0;flex-direction:column;animation:.42s cubic-bezier(.16,1,.3,1) both reference-panel-rise;display:flex;position:fixed;inset:10vh 0 0;overflow:hidden}.reference-panel-header{border-bottom:1px solid var(--border);flex:none;align-items:center;gap:1rem;padding:1.15rem clamp(1.25rem,3vw,2.6rem);display:flex}.reference-panel-heading{flex:none;gap:.18rem;display:grid}.reference-panel-heading .reference-eyebrow{color:var(--subtle);margin:0;font-size:.56rem}.reference-panel-header h2{letter-spacing:-.04em;flex:none;margin:0;font-size:1.15rem}.reference-work-tabs{background:var(--panel-strong);border-radius:999px;gap:.2rem;padding:.2rem;display:flex;overflow-x:auto}.reference-work-tabs button{color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;flex:none;padding:.6rem .9rem;font-size:.76rem;transition:background-color .2s,color .2s}.reference-work-tabs button:hover,.reference-work-tabs button.is-active{background:var(--primary);color:var(--primary-ink)}.reference-panel-spacer{flex:1}.reference-panel-close{border:1px solid var(--border);width:2.2rem;height:2.2rem;color:var(--muted);cursor:pointer;background:0 0;border-radius:50%;place-items:center;padding:0;font-size:1.35rem;line-height:1;transition:background-color .2s,color .2s;display:grid}.reference-panel-close:hover{background:var(--panel-strong);color:var(--ink)}.reference-panel-scroll{flex:1;padding:clamp(1.2rem,3vw,2.5rem);overflow-y:auto}.reference-work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;max-width:1260px;margin:0 auto;display:grid}.reference-work-card{border:1px solid var(--border);background:var(--panel-strong);border-radius:1.25rem;flex-direction:column;min-height:420px;transition:transform .25s,border-color .25s;display:flex;overflow:hidden}.reference-work-card:hover{border-color:var(--border-strong);transform:translateY(-4px)}.reference-project-visual{color:#fff;background:radial-gradient(circle at 75% 25%,#ffffff2e,#0000 26%),linear-gradient(135deg,#133828,#0f4d48 52%,#142323);justify-content:space-between;align-items:end;height:210px;padding:1.2rem;display:flex;position:relative;overflow:hidden}.reference-project-visual:after{content:"";opacity:.3;background-image:linear-gradient(#ffffff26 1px,#0000 1px),linear-gradient(90deg,#ffffff26 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.work-card-2 .reference-project-visual{background:radial-gradient(circle at 18% 30%,#f4bd6357,#0000 25%),linear-gradient(135deg,#35231a,#4d3e26 48%,#1c302e)}.work-card-3 .reference-project-visual{background:radial-gradient(circle at 70% 20%,#798dff57,#0000 25%),linear-gradient(135deg,#201a43,#28457a 52%,#19191d)}.reference-project-visual span,.reference-project-visual strong{z-index:1;font-family:var(--font-mono), monospace;letter-spacing:.12em;text-transform:uppercase;font-size:.65rem;position:relative}.reference-project-visual strong{opacity:.32;font-size:4.5rem;line-height:.75}.reference-work-card-copy{flex-direction:column;flex:1;padding:1.25rem;display:flex}.reference-work-card-copy>span:first-child{color:var(--accent);font-family:var(--font-mono), monospace;letter-spacing:.12em;text-transform:uppercase;font-size:.62rem}.reference-work-card-copy h3{letter-spacing:-.06em;margin:.8rem 0 0;font-size:1.8rem}.reference-work-card-copy p{color:var(--muted);margin:.7rem 0 0;font-size:.9rem;line-height:1.55}.reference-card-link{color:var(--ink);align-items:center;gap:.4rem;margin-top:auto;padding-top:1.2rem;font-size:.8rem;font-weight:700;display:inline-flex}.reference-tab-intro{max-width:720px;margin:5rem auto}.reference-tab-intro h3{letter-spacing:-.08em;margin:1rem 0 0;font-size:clamp(2.2rem,5vw,4rem);line-height:.95}.reference-tab-intro>p:not(.reference-eyebrow){color:var(--muted);margin:1.2rem 0 0;font-size:1.05rem;line-height:1.7}.reference-visual-board,.reference-motion-board{grid-template-columns:repeat(4,1fr);gap:.6rem;margin-top:2.5rem;display:grid}.reference-visual-board span{border:1px solid var(--border);background:linear-gradient(135deg, var(--panel-strong), var(--panel));min-height:130px;font-family:var(--font-mono), monospace;text-transform:uppercase;padding:1rem;font-size:.64rem}.reference-motion-board{grid-template-columns:repeat(5,1fr);align-items:end;height:160px}.reference-motion-board span{background:var(--accent);border-radius:.3rem .3rem 0 0;height:25%;animation:1.8s ease-in-out infinite alternate reference-bars;display:block}.reference-motion-board span:nth-child(2){height:70%;animation-delay:-.4s}.reference-motion-board span:nth-child(3){height:45%;animation-delay:-.7s}.reference-motion-board span:nth-child(4){height:90%;animation-delay:-.2s}.reference-motion-board span:nth-child(5){height:58%;animation-delay:-.9s}.reference-info-dialog{z-index:100;border:1px solid var(--border);background:var(--panel);width:100%;max-height:88dvh;box-shadow:0 -18px 80px var(--shadow);border-bottom:0;border-radius:1.7rem 1.7rem 0 0;padding:clamp(1.4rem,4vw,3rem) clamp(1.25rem,5vw,5rem) 2.5rem;animation:.42s cubic-bezier(.16,1,.3,1) both reference-panel-rise;position:fixed;inset:auto 0 0;overflow:auto}.reference-dialog-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.reference-dialog-identity{align-items:center;gap:.85rem;display:flex}.reference-dialog-header .reference-eyebrow{color:var(--subtle);margin:0 0 .25rem;font-size:.58rem}.reference-dialog-name{font-size:.92rem;display:block}.reference-dialog-header>.reference-panel-close{flex:none;position:static}.reference-dialog-avatar{border:1px solid var(--border-strong);background:linear-gradient(145deg, var(--accent), #273a32);color:#031408;border-radius:50%;place-items:center;width:4.7rem;height:4.7rem;font-size:1.25rem;font-weight:800;display:grid}.reference-dialog-topline{color:var(--muted);font-family:var(--font-mono), monospace;letter-spacing:.1em;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:.55rem;margin-top:1.2rem;font-size:.62rem;display:flex}.reference-status-pill{border:1px solid var(--border);color:var(--success);border-radius:999px;align-items:center;gap:.45rem;padding:.35rem .55rem;display:inline-flex}.reference-info-dialog h2{letter-spacing:-.08em;max-width:420px;margin:1rem 0 0;font-size:clamp(2rem,6vw,3.4rem);line-height:.97}.reference-info-dialog>p{max-width:760px;color:var(--muted);margin:1.3rem 0 0;font-size:.96rem;line-height:1.7}.reference-facts{grid-template-columns:repeat(3,1fr);gap:.55rem;margin-top:1.5rem;display:grid}.reference-facts div{border:1px solid var(--border);background:var(--panel-strong);padding:.8rem}.reference-facts strong{font-size:1.25rem;display:block}.reference-facts span{color:var(--subtle);font-family:var(--font-mono), monospace;text-transform:uppercase;margin-top:.3rem;font-size:.58rem;display:block}.reference-dialog-actions{flex-wrap:wrap;gap:.6rem;margin-top:1.7rem;display:flex}.reference-dialog-actions .reference-primary-button{margin-top:0}.reference-dialog-links{border-top:1px solid var(--border);color:var(--accent);font-family:var(--font-mono), monospace;flex-wrap:wrap;gap:1rem;margin-top:1.8rem;padding-top:1rem;font-size:.68rem;display:flex}@keyframes reference-fade-in{0%{opacity:0}to{opacity:1}}@keyframes reference-panel-rise{0%{opacity:0;transform:translateY(3rem)}to{opacity:1;transform:translateY(0)}}@keyframes reference-dialog-in{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@keyframes reference-glow{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(3%)}}@keyframes reference-haze{0%,to{transform:translate(0)}50%{transform:translate(-4%,-2%)}}@keyframes reference-twinkle{0%,to{opacity:.2}50%{opacity:1}}@keyframes reference-bob{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@keyframes reference-bars{0%{opacity:.7;transform:scaleY(.85)}to{opacity:1;transform:scaleY(1.03)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.reference-sticky-scene{background:#121314 url(/reference/charlles-hero-two-state-poster.webp) 50%/cover no-repeat}.reference-video{display:none}}@media (max-width:860px){.reference-nav>button{font-size:.72rem}.reference-work-grid{grid-template-columns:1fr}.reference-work-card{min-height:360px}.reference-project-visual{height:180px}}@media (max-width:640px){.reference-header{padding:max(.75rem, env(safe-area-inset-top)) .75rem 0}.reference-header-inner{position:relative}.reference-brand{min-width:2.75rem;min-height:2.75rem}.reference-brand-mark{width:1.8rem;height:1.8rem}.reference-header .language-link{min-width:2.75rem;min-height:2.75rem}.reference-header .language-flag-icon{width:1.05rem;height:.7rem}.reference-scroll-story{height:240svh;min-height:1650px}.reference-sticky-scene{min-height:620px}.reference-stage-header{top:4.4rem}.reference-availability{text-align:right;max-width:12rem;line-height:1.4}.reference-hero-content{padding:0 1rem 4.5rem}.reference-hero-copy h1{font-size:clamp(2.7rem,12vw,4.3rem)}.reference-hero-description{max-width:30rem;font-size:.9rem}.reference-social-rail{gap:1.35rem;right:1rem}.reference-social-rail a span{display:none}.reference-hero-meta{font-size:.52rem;bottom:3.7rem;right:1rem}.reference-scroll-hint{font-size:.54rem;bottom:1.5rem;left:1rem}.reference-after-signature{flex-direction:column;align-items:center;margin-top:4rem}.reference-work-panel,.reference-info-dialog{border-radius:1.15rem 1.15rem 0 0;inset:6vh 0 0}.reference-panel-header{flex-wrap:wrap;padding:.75rem}.reference-panel-header h2{display:none}.reference-work-tabs{order:1;max-width:calc(100% - 3rem);overflow-x:auto}.reference-panel-spacer{display:none}.reference-panel-close{order:2;margin-left:auto}.reference-panel-scroll{padding:.8rem}.reference-info-dialog{padding:1.25rem 1rem 1.8rem}.reference-facts{gap:.35rem}.reference-facts div{padding:.65rem}.reference-facts strong{font-size:1rem}.reference-facts span{font-size:.5rem}.reference-dialog-actions{flex-direction:column;align-items:stretch}.reference-dialog-actions a{width:100%}.reference-visual-board{grid-template-columns:repeat(2,1fr)}}.bg-card{background:var(--panel)}.works-veil{z-index:100;background:#00000080;animation:.35s both overlay-in;position:fixed;inset:0}.works-panel{inset-inline:0;z-index:101;background:var(--panel);border:1px solid #ffffff1f;border-bottom:0;border-radius:1.5rem 1.5rem 0 0;outline:none;flex-direction:column;animation:.5s cubic-bezier(.16,1,.3,1) both panel-in;display:flex;position:fixed;top:12px;bottom:0;overflow:hidden;box-shadow:0 -24px 80px #00000080}.works-panel h2{letter-spacing:-.03em;flex:none;margin:0;font-size:.88rem;font-weight:650}.works-panel>header{border-bottom:1px solid #ffffff1a;flex-shrink:0;align-items:center;gap:.5rem;min-height:3.45rem;padding:.75rem 1rem;display:flex}.works-panel .reference-work-tabs{scrollbar-width:none;background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;gap:.15rem;max-width:min(58vw,40rem);padding:.18rem;display:flex;overflow-x:auto}.works-panel .reference-work-tabs::-webkit-scrollbar{display:none}.works-panel .reference-work-tabs button{color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;flex:none;padding:.47rem .72rem;font-size:.7rem;transition:background-color .2s,color .2s,transform .2s}.works-panel .reference-work-tabs button:hover{color:var(--ink);transform:translateY(-1px)}.works-panel .reference-panel-spacer{flex:1}.works-panel .reference-panel-close,.profile-dialog .reference-panel-close{width:2rem;height:2rem;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #ffffff29;border-radius:999px;flex:none;place-items:center;padding:0;font-size:1.25rem;line-height:1;transition:background-color .2s,color .2s,transform .2s;display:grid}.works-panel .reference-panel-close:hover,.profile-dialog .reference-panel-close:hover{color:var(--ink);background:#ffffff17;transform:rotate(4deg)}.works-scroll-area{overscroll-behavior:contain;scrollbar-color:#ffffff40 transparent;flex:1;padding:2.5rem clamp(1rem,4vw,4.5rem) 5rem;overflow-y:auto}.works-list{max-width:1220px;margin:0 auto;padding:0;list-style:none}.works-entry{border-top:1px solid #ffffff1f;padding:0 0 2.5rem}.works-entry:first-child{border-top:0;padding-top:0}.works-entry+.works-entry{padding-top:2.5rem}.works-project{grid-template-columns:minmax(0,1.03fr) minmax(300px,.97fr);align-items:start;gap:clamp(1.5rem,4vw,4rem);display:grid}.works-project-media{color:#111;isolation:isolate;background:#f5f4ef;border-radius:.9rem;min-height:390px;position:relative;overflow:hidden}.works-project-media:before{content:"";background:linear-gradient(135deg,#fffffff2,#d2eadccc);border:1px solid #1111112e;border-radius:1.3rem;position:absolute;inset:12%;transform:rotate(-2.5deg);box-shadow:18px 24px 50px #0c1a1221}.works-project-media:after{content:"";background:linear-gradient(160deg,#26d96dd9,#0f4433e6);border-radius:1rem;height:30%;position:absolute;bottom:13%;left:15%;right:15%;transform:rotate(2deg);box-shadow:0 18px 28px #12352433}.works-project-media-2{background:#f2eadb}.works-project-media-2:before{background:linear-gradient(135deg,#fffaf0,#f5c884)}.works-project-media-2:after{background:linear-gradient(160deg,#b97835,#432d20)}.works-project-media-3{background:#e7eaf6}.works-project-media-3:before{background:linear-gradient(135deg,#fff,#c7d2fe)}.works-project-media-3:after{background:linear-gradient(160deg,#5146aa,#1f2358)}.works-project-media span,.works-project-media strong{z-index:2;font-family:var(--font-mono), monospace;letter-spacing:.14em;text-transform:uppercase;font-size:.58rem;position:absolute}.works-project-media span{top:1rem;left:1rem}.works-project-media strong{color:#11111159;letter-spacing:-.08em;font-size:4.8rem;line-height:.8;bottom:.8rem;right:1rem}.works-project-media i{z-index:3;background:radial-gradient(circle at 32% 30%, #fff 0 9%, var(--accent) 10% 48%, #0e3d27 49% 100%);border:1px solid #1113;border-radius:50%;width:4rem;height:4rem;position:absolute;top:34%;left:42%;box-shadow:0 10px 24px #0f402140}.works-project-copy{padding-top:.2rem}.works-project-kicker{color:var(--accent);font-family:var(--font-mono), monospace;letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;gap:1rem;font-size:.57rem;display:flex}.works-project-kicker span:last-child{color:var(--muted)}.works-project-copy h3{letter-spacing:-.08em;margin:.8rem 0 0;font-size:clamp(1.8rem,3vw,3rem);line-height:.96}.works-project-summary{color:var(--muted);margin:.9rem 0 0;font-size:.9rem;line-height:1.6}.works-project-bullets{color:var(--muted);gap:.62rem;margin:1.25rem 0 0;padding-left:1.1rem;font-size:.79rem;line-height:1.55;display:grid}.works-project-bullets li::marker{color:var(--accent)}.works-tech-row{flex-wrap:wrap;gap:.4rem;margin-top:1.35rem;display:flex}.works-tech-row span{color:var(--subtle);font-family:var(--font-mono), monospace;border:1px solid #ffffff1a;border-radius:999px;padding:.35rem .55rem;font-size:.55rem}.works-project-actions{align-items:center;gap:1.25rem;margin-top:1.35rem;display:flex}.link-underline{border-bottom:1px solid var(--ink);color:var(--ink);align-items:center;gap:.35rem;padding-bottom:.25rem;font-size:.76rem;font-weight:650;display:inline-flex}.link-underline:hover{color:var(--accent);border-color:var(--accent)}.works-like-button{color:var(--muted);cursor:pointer;background:0 0;align-items:center;gap:.35rem;padding:0;font-size:.72rem;display:inline-flex}.works-like-button:hover{color:var(--ink)}.works-like-button span{font-size:1.2rem}.works-cta{border-top:1px solid #ffffff1f;justify-content:space-between;align-items:end;gap:2rem;max-width:1220px;margin:1rem auto 0;padding-top:2.5rem;display:flex}.works-cta h3{letter-spacing:-.07em;max-width:36rem;margin:.8rem 0 0;font-size:clamp(1.7rem,3vw,2.7rem);line-height:1}.works-cta-actions{flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:.6rem;display:flex}.works-cta-actions .reference-primary-button,.works-cta-actions .reference-secondary-button{white-space:nowrap;margin-top:0}.works-tab-content{max-width:960px;margin:3rem auto}.works-tab-content h3{letter-spacing:-.1em;max-width:760px;margin:.8rem 0 0;font-size:clamp(2.4rem,7vw,5.8rem);line-height:.9}.works-tab-description{max-width:660px;color:var(--muted);margin:1.2rem 0 0;font-size:1rem;line-height:1.7}.works-tab-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin-top:3rem;display:grid}.works-tab-card{background:linear-gradient(145deg,#ffffff0f,#ffffff04);border:1px solid #ffffff1c;min-height:200px;padding:1rem}.works-tab-card>svg{color:var(--accent)}.works-tab-card h4{margin:2rem 0 0;font-size:1rem}.works-tab-card p{color:var(--muted);margin:.55rem 0 0;font-size:.78rem;line-height:1.55}.works-tab-card span{color:var(--subtle);font-family:var(--font-mono), monospace;margin-top:1rem;font-size:.55rem;display:block}.profile-veil{background:#0000009e}.profile-dialog{z-index:101;scrollbar-width:thin;background:#171719;border:1px solid #ffffff1a;border-radius:.9rem;width:min(26rem,100vw - 2rem);max-height:min(43rem,100dvh - 2rem);animation:.5s cubic-bezier(.16,1,.3,1) both profile-dialog-in;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 30px 100px #0000008c}.profile-dialog-cover{background:linear-gradient(135deg,#8d6bff,#ff8fc6 60%,#f4d6ff);height:5.8rem;position:relative;overflow:hidden}.profile-dialog-cover img{-o-object-fit:cover;object-fit:cover;-o-object-position:center 38%;object-position:center 38%;filter:saturate(.78)brightness(1.2)}.profile-dialog-cover-tint{mix-blend-mode:screen;background:linear-gradient(120deg,#ac75ffb8,#ffa7dd6b);position:absolute;inset:0}.profile-dialog-cover .reference-panel-close{z-index:2;color:#0000009e;border-color:#0000002e;position:absolute;top:.7rem;right:.7rem}.profile-dialog-body{padding:0 1.35rem 1.35rem;position:relative}.profile-avatar{background:#0b0b0c;border:3px solid #171719;border-radius:50%;width:4.6rem;height:4.6rem;margin:-2.25rem auto 0;position:relative;overflow:hidden;box-shadow:0 7px 24px #00000059}.profile-avatar img{-o-object-fit:cover;object-fit:cover;-o-object-position:center 34%;object-position:center 34%;transform:scale(2.08)}.profile-dialog-body>h2{text-align:center;letter-spacing:-.04em;margin:.75rem 0 0;font-size:1rem}.profile-dialog-role{color:var(--muted);text-align:center;font-family:var(--font-mono), monospace;letter-spacing:.1em;text-transform:uppercase;margin:.28rem 0 0;font-size:.56rem}.profile-stats{background:#ffffff0b;border-radius:.8rem;grid-template-columns:repeat(3,1fr);margin-top:1rem;display:grid}.profile-stats div{text-align:center;padding:.8rem .35rem}.profile-stats div+div{border-left:1px solid #ffffff0f}.profile-stats strong{font-size:.92rem;display:block}.profile-stats span{max-width:6rem;color:var(--subtle);font-family:var(--font-mono), monospace;text-transform:uppercase;margin:.25rem auto 0;font-size:.48rem;line-height:1.25;display:block}.profile-dialog-body>h3{letter-spacing:-.04em;margin:1.15rem 0 0;font-size:1rem}.profile-dialog-body>p:not(.profile-dialog-role){color:var(--muted);margin:.95rem 0 0;font-size:.75rem;line-height:1.62}.profile-actions{gap:.5rem;margin-top:1.2rem;display:grid}.profile-action{border-radius:.7rem;justify-content:space-between;align-items:center;gap:1rem;min-height:2.75rem;padding:.65rem .8rem;font-size:.72rem;transition:background-color .2s,border-color .2s,transform .2s;display:flex}.profile-action:hover{transform:translateY(-1px)}.profile-action-primary{color:#151517;background:#f7f7f7}.profile-action-primary:hover{background:#fff}.profile-action-secondary{color:var(--ink);background:0 0;border:1px solid #ffffff1a}.profile-action-secondary:hover{background:#ffffff0f;border-color:#fff3}.profile-action span{gap:.14rem;display:grid}.profile-action small{color:var(--subtle);font-size:.55rem}.profile-social-links{border-top:1px solid #ffffff14;justify-content:center;gap:.8rem;margin-top:1.15rem;padding-top:.9rem;display:flex}.profile-social-links a{width:1.55rem;height:1.55rem;color:var(--muted);place-items:center;display:grid}.profile-social-links a:hover{color:var(--accent)}.profile-social-letter{font-family:var(--font-mono), monospace;font-size:.66rem;font-weight:700}.intro{z-index:1000;color:#ffffffb8;background:#1c1c1e;justify-content:center;align-items:center;animation:.5s ease-in-out .85s forwards intro-out;display:flex;position:fixed;inset:0;overflow:hidden}.intro-stack{flex-direction:column;align-items:center;gap:1.25rem;display:flex}.intro .logo-dx{width:4.3rem;height:4.75rem;animation:1s ease-in-out both intro-logo;overflow:visible}.intro .logo-dx path{transform-origin:50%}.intro-bar{opacity:0;background:#ffffff21;border-radius:999px;width:min(11rem,60vw);height:4.8px;animation:.4s ease-in-out .55s forwards intro-bar-in;position:relative;overflow:hidden}.intro-bar:after{border-radius:inherit;content:"";background:currentColor;width:5.5rem;height:4.8px;animation:1s linear infinite intro-loader;position:absolute;top:0;left:0}.intro[hidden]{display:none}html:not([data-ready]){overflow:hidden}html[data-ready] .intro{pointer-events:none}.intro.is-dismissed{animation:.5s ease-in-out forwards intro-out}@keyframes intro-logo{0%{opacity:0;transform:scale(2.5)rotate(-8deg)}55%{opacity:1;transform:scale(.92)rotate(2deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes intro-bar-in{to{opacity:1}}@keyframes intro-loader{0%{transform:translate(-110%)}to{transform:translate(220%)}}@keyframes intro-out{to{opacity:0;visibility:hidden;transform:scale(1.2)}}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}@keyframes panel-in{0%{opacity:0;transform:translateY(14px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes profile-dialog-in{0%{opacity:0;transform:translate(-50%,calc(10px - 50%))scale(.96)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.works-rise{animation:.7s cubic-bezier(.16,1,.3,1) backwards panel-rise}.works-entry:nth-child(2){animation-delay:70ms}.works-entry:nth-child(3){animation-delay:.14s}.works-entry:nth-child(4){animation-delay:.21s}.works-rise:nth-child(2){animation-delay:70ms}@keyframes panel-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (min-width:640px){.works-panel{inset-inline:1.5rem;border-radius:1.5rem 1.5rem 0 0;top:1.5rem}.works-panel>header{gap:1rem;padding:1rem 2rem}.works-scroll-area{padding:3.5rem clamp(2rem,5vw,6rem) 6rem}}@media (max-width:760px){.works-project{grid-template-columns:1fr}.works-project-media{min-height:260px}.works-tab-grid{grid-template-columns:1fr 1fr}.works-cta{flex-direction:column;align-items:start}.works-cta-actions{justify-content:flex-start;width:100%}.works-cta .reference-primary-button{margin-top:0}}@media (max-width:560px){.works-panel>header{flex-wrap:wrap}.works-panel>header h2{display:none}.works-panel .reference-work-tabs{order:1;max-width:calc(100% - 2.7rem)}.works-panel .reference-panel-close{order:2;margin-left:auto}.works-scroll-area{padding:1.5rem 1rem 4rem}.works-project-media{min-height:220px}.works-project-copy h3{font-size:2rem}.works-tab-content{margin:1.4rem 0}.works-tab-grid{grid-template-columns:1fr;margin-top:1.8rem}.works-cta-actions{flex-direction:column;align-items:stretch}.works-cta-actions>*{width:100%}.profile-dialog{width:min(26rem,100vw - 1rem);max-height:calc(100dvh - 1rem)}.profile-dialog-body{padding-inline:1rem}}@media (prefers-reduced-motion:reduce){.intro,.intro .logo-dx,.intro-bar,.intro-bar:after,.works-rise,.works-panel,.profile-dialog,.works-veil{animation-duration:1ms!important;animation-delay:0s!important}.intro-bar:after{animation:none!important}}.works-panel .reference-work-tabs{background:#ffffff0f;align-items:center;position:relative}.works-panel .reference-tab-indicator{z-index:0;background:var(--panel);pointer-events:none;border-radius:999px;width:7.7rem;transition:left .4s cubic-bezier(.16,1,.3,1),width .4s cubic-bezier(.16,1,.3,1);position:absolute;top:.18rem;bottom:.18rem;left:.18rem;box-shadow:0 1px 4px #00000038}.works-panel .reference-work-tabs button{z-index:1;align-items:center;gap:.375rem;display:inline-flex;position:relative}.works-panel .reference-work-tabs button.is-active{color:var(--ink);background:0 0}.works-panel .reference-panel-close svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:1rem;height:1rem}.reference-theme-switch{background:#ffffff0f;border-radius:999px;flex:none;align-items:center;gap:.125rem;padding:.125rem;display:flex}.reference-theme-switch button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:.375rem;padding:.375rem .7rem;font-size:.62rem;font-weight:600;transition:background-color .2s,color .2s;display:inline-flex}.reference-theme-switch button svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:.875rem;height:.875rem}.reference-theme-switch button.is-active{background:var(--panel);color:var(--ink);box-shadow:0 1px 4px #0003}.works-panel.is-light{--panel:#fbfbf8;--panel-strong:#f0f0ec;--ink:#171719;--muted:#171719ad;--subtle:#1717197a;--accent:#16834e;color:#171719;border-color:#1717191f}.works-panel.is-light .works-panel,.works-panel.is-light .works-project-media{color:#171719}.works-panel.is-light .works-panel .reference-work-tabs,.works-panel.is-light .reference-theme-switch{background:#1717190f}.works-panel.is-light .works-tech-row span,.works-panel.is-light .works-tab-card{border-color:#1717191f}.works-panel.is-light .reference-panel-close{border-color:#17171929}.works-media-button{z-index:4;color:#111;cursor:pointer;font-family:var(--font-mono), monospace;letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffb8;border:1px solid #11111138;border-radius:999px;padding:.42rem .68rem;font-size:.55rem;position:absolute;bottom:1rem;right:1rem}.works-media-button:hover{background:#fff;transform:translateY(-1px)}.works-media-dots{z-index:4;gap:.3rem;display:flex;position:absolute;bottom:1.15rem;left:1rem}.works-media-dots b{background:#11111161;border-radius:50%;width:.28rem;height:.28rem;display:block}.works-media-dots b:first-child{background:#111111b8;border-radius:999px;width:.9rem}.profile-dialog-eyebrow{font-family:var(--font-mono), monospace;letter-spacing:.14em;text-align:center;text-transform:uppercase;color:var(--accent)!important;margin:1.15rem 0 0!important;font-size:.56rem!important}.profile-dialog-about .profile-dialog-eyebrow{color:#22ba9d!important}.profile-dialog-contact .profile-dialog-eyebrow{color:#f1c86a!important}@media (max-width:860px){.reference-theme-switch{display:none}}@media (max-width:560px){.works-panel .reference-tab-indicator{display:none}.works-panel .reference-work-tabs button{gap:.25rem;padding-inline:.6rem}.reference-theme-switch{display:none}}.contact-dialog{background:#171719;border:1px solid #ffffff14;border-radius:1.35rem;width:min(30rem,100vw - 1.5rem);max-height:min(39rem,100dvh - 1.5rem);overflow:hidden;box-shadow:0 30px 100px #0000009e}.contact-dialog-body{padding:2.2rem 2rem 1.55rem;position:relative}.contact-dialog>.contact-dialog-body>.reference-panel-close{z-index:5;color:#9899a1;background:0 0;border:3px solid #5f6068;width:2.75rem;height:2.75rem;font-size:1.6rem;position:absolute;top:1rem;right:1rem}.contact-dialog>.contact-dialog-body>.reference-panel-close:hover{color:#f4f4f4;background:#ffffff0f;border-color:#8d8e98;transform:none}.contact-dialog-socials{justify-content:center;align-items:center;height:6.4rem;margin:0 auto 1.45rem;display:flex}.contact-dialog-avatar,.contact-dialog-social{border:2px solid #171719;border-radius:50%;flex:0 0 6.2rem;place-items:center;width:6.2rem;height:6.2rem;display:grid;position:relative;overflow:hidden;box-shadow:0 6px 18px #0003}.contact-dialog-avatar{z-index:1;background:#a6c7ea}.contact-dialog-avatar img{-o-object-fit:cover;object-fit:cover;-o-object-position:50% 38%;object-position:50% 38%;transform:scale(1.08)}.contact-dialog-social{z-index:2;color:#fff;margin-left:-.85rem;transition:transform .2s,filter .2s}.contact-dialog-social:hover{z-index:3;filter:brightness(1.08);transform:translateY(-2px)}.contact-dialog-social-whatsapp{background:#1bd760}.contact-dialog-social-discord{z-index:3;background:#6366e8}.contact-dialog-social svg{fill:currentColor;width:2.65rem;height:2.65rem}.contact-dialog-tags{justify-content:center;align-items:center;gap:.65rem;margin:0 auto 1.35rem;display:flex}.contact-dialog-tag,.contact-dialog-status{white-space:nowrap;border-radius:999px;align-items:center;min-height:2rem;padding:.32rem .82rem;font-size:.68rem;line-height:1.2;display:inline-flex}.contact-dialog-tag{color:#ffffffa8;background:#ffffff14}.contact-dialog-status{color:#17ce91;background:#00a4702b;gap:.42rem}.contact-dialog-status i{background:currentColor;border-radius:50%;width:.42rem;height:.42rem;display:block;box-shadow:0 0 0 .18rem #17ce911a}.contact-dialog h2{color:#f8f8fa;letter-spacing:-.055em;text-align:center;max-width:25rem;margin:0 auto 1.65rem;font-size:clamp(1.5rem,4vw,2rem);font-weight:700;line-height:1.12}.contact-dialog-stats{background:#ffffff0e;border-radius:1.05rem;grid-template-columns:repeat(3,1fr);margin-bottom:2rem;display:grid}.contact-dialog-stats div{justify-items:center;gap:.26rem;padding:1.25rem .5rem 1.1rem;display:grid}.contact-dialog-stats strong{color:#fafafd;letter-spacing:-.04em;font-size:1.05rem}.contact-dialog-stats span{color:#ffffff87;font-size:.72rem}.contact-dialog-actions{gap:.8rem;display:grid}.contact-dialog-action{border-radius:999px;align-items:center;gap:.75rem;min-height:3.45rem;padding:.7rem 1rem;transition:transform .2s,background-color .2s,border-color .2s;display:flex;position:relative}.contact-dialog-action:hover{transform:translateY(-1px)}.contact-dialog-action-primary{color:#171719;background:#f0f0f2;justify-content:flex-end;padding-right:1.4rem}.contact-dialog-action-primary:hover{background:#fff}.contact-dialog-action-label{white-space:nowrap;margin-left:6.9rem;margin-right:auto;font-size:.96rem;font-weight:600}.contact-dialog-action>svg{flex:none;width:1rem;height:1rem}.contact-dialog-mascot{pointer-events:none;width:8.2rem;height:7.2rem;position:absolute;bottom:-.08rem;left:1.3rem}.contact-dialog-mascot img{-o-object-fit:contain;object-fit:contain;-o-object-position:center bottom;object-position:center bottom}.contact-dialog-action-secondary{color:#f4f4f6;background:#ffffff04;border:1px solid #ffffff29;border-radius:1.1rem}.contact-dialog-action-secondary:hover{background:#ffffff0e;border-color:#ffffff4d}.contact-dialog-call-icon{color:#171719;background:#ffd629;border-radius:.62rem;flex:0 0 2.55rem;place-items:center;width:2.55rem;height:2.55rem;display:grid}.contact-dialog-call-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.65px;width:1.45rem;height:1.45rem}.contact-dialog-action-copy{flex:1;gap:.15rem;display:grid}.contact-dialog-action-copy strong{font-size:.9rem}.contact-dialog-action-copy small{color:#ffffff85;font-size:.72rem}@media (max-width:560px){.contact-dialog{width:min(30rem,100vw - 1rem)}.contact-dialog-body{padding:1.65rem 1rem 1rem}.contact-dialog-socials{margin-bottom:1.05rem;transform:scale(.9)}.contact-dialog-tags{gap:.35rem}.contact-dialog-tag,.contact-dialog-status{padding-inline:.6rem;font-size:.6rem}.contact-dialog h2{margin-bottom:1.2rem;font-size:1.42rem}.contact-dialog-stats{margin-bottom:1.4rem}.contact-dialog-stats div{padding-block:.95rem}.contact-dialog-action-label{margin-left:5.8rem;font-size:.82rem}.contact-dialog-mascot{width:7rem;height:6.4rem;left:.8rem}}.contact-action-group{isolation:isolate;position:relative}.contact-sprite{z-index:-10;pointer-events:none;-o-object-fit:contain;object-fit:contain;-o-object-position:center bottom;object-position:center bottom;-webkit-user-select:none;user-select:none;transform-origin:bottom;width:10rem;height:9.82rem;transition:transform .5s var(--ease-smooth,cubic-bezier(.16,1,.3,1));padding:0;display:block;position:absolute;bottom:calc(100% - .125rem);transform:translateY(.5rem)scale(0)}.contact-sprite-base{opacity:1}.contact-sprite-hover{z-index:10;opacity:0;transition:transform .5s var(--ease-smooth,cubic-bezier(.16,1,.3,1)), opacity .12s ease-out}.contact-action-group-whatsapp .contact-sprite{right:1.5rem}.contact-action-group-call .contact-sprite{left:1.5rem}.contact-action-group:hover .contact-sprite-base,.contact-action-group:focus-within .contact-sprite-base{transform:translateY(0)scale(1)}.contact-action-group:hover .contact-sprite-hover,.contact-action-group:focus-within .contact-sprite-hover{opacity:1;transform:translateY(0)scale(1)}.contact-dialog-action-primary{justify-content:center;padding-right:1rem}.contact-dialog-action-primary .contact-dialog-action-label{margin:0}.contact-dialog-action-primary>svg{position:absolute;right:1.2rem}.contact-dialog-call-icon{color:#fff;background:#ffd629}@media (max-width:560px){.contact-sprite{width:8.6rem;height:8.42rem}.contact-action-group-whatsapp .contact-sprite{right:.65rem}.contact-action-group-call .contact-sprite{left:.65rem}}.profile-social-links{border-top-color:#ffffff1f;justify-content:center;gap:.7rem;margin-top:1.35rem;padding-top:1rem;display:flex}.profile-social-links a{color:#9be8bf;background:#8de8be14;border:1px solid #8de8be33;border-radius:50%;width:2rem;height:2rem;transition:color .2s,background-color .2s,border-color .2s,transform .2s}.profile-social-links a:hover{color:#fff;background:#8de8be2e;border-color:#8de8be99;transform:translateY(-2px)}.profile-social-links svg{fill:currentColor;width:1rem;height:1rem}.contact-dialog>.contact-dialog-body>.reference-panel-close svg,.profile-dialog-about .profile-dialog-cover .reference-panel-close svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:1rem;height:1rem;display:block}.contact-dialog>.contact-dialog-body>.reference-panel-close{color:#c8c8cf}.profile-dialog-about .profile-dialog-cover .reference-panel-close{color:#101011c7}.reference-mobile-menu-wrap{display:none;position:relative}.reference-mobile-menu-button{width:2.6rem;height:2.6rem;color:var(--reference-ink);cursor:pointer;background:#0c0d0e33;border:1px solid #ffffff29;border-radius:50%;place-items:center;padding:0;font-size:1rem;line-height:1;transition:background-color .2s,border-color .2s,transform .16s;display:grid}.reference-mobile-menu-button:hover,.reference-mobile-menu-button[aria-expanded=true]{background:#8de8be1f;border-color:#8de8be8f}.reference-mobile-menu-button:active{transform:scale(.96)}.reference-mobile-menu{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#141517f5;border-color:#ffffff29;min-width:12rem;padding:.45rem;top:calc(100% + .65rem);right:0}.reference-mobile-menu button{min-height:2.75rem;color:var(--ink);border-radius:.7rem;padding:.78rem .85rem;font-size:.8rem}.reference-mobile-menu button:focus-visible,.reference-mobile-languages a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.reference-mobile-menu button:hover{background:#8de8be1a}.reference-mobile-languages{border-top:1px solid #ffffff1a;grid-template-columns:repeat(3,1fr);gap:.3rem;margin-top:.35rem;padding-top:.45rem;display:grid}.reference-mobile-languages a{min-height:2.35rem;color:var(--muted);font-family:var(--font-mono), monospace;text-align:center;border-radius:.6rem;padding:.65rem .35rem;font-size:.6rem}.reference-mobile-languages a:hover,.reference-mobile-languages a[aria-current=page]{color:#9be8bf;background:#8de8be1f}body[data-mobile-menu-open=true]{overflow:hidden}.reference-social-rail a{min-width:2.25rem;min-height:2.25rem}@media (max-width:640px){.reference-mobile-menu-wrap{display:block}.reference-mobile-menu{position:absolute;top:calc(100% + .65rem);right:0}.reference-social-rail{gap:.7rem;right:.55rem}.reference-social-rail a{min-width:2.45rem;min-height:2.45rem}.reference-hero-content{padding-right:3.75rem}.reference-hero-copy h1{max-width:15ch;font-size:clamp(2.45rem,11.5vw,4rem);line-height:.98}.reference-hero-description{max-width:29rem;font-size:.86rem;line-height:1.5}.contact-dialog{border-radius:1.1rem;width:calc(100vw - 1rem);max-height:calc(100dvh - 1rem)}.contact-dialog-body{overscroll-behavior:contain;max-height:calc(100dvh - 1rem);padding:1.35rem .85rem .9rem;overflow-y:auto}.profile-dialog{overscroll-behavior:contain;width:calc(100vw - 1rem);max-height:calc(100dvh - 1rem);overflow-y:auto}.profile-dialog-body{padding-bottom:1.2rem}.contact-dialog-social{flex-basis:5.65rem;min-width:5.65rem;min-height:5.65rem}.contact-dialog-avatar{flex-basis:5.65rem;width:5.65rem;height:5.65rem}}.works-project-bullets strong{color:var(--ink);font-weight:700}.contact-dialog-email-row{background:#ffffff09;border:1px solid #ffffff1c;border-radius:.85rem;justify-content:space-between;align-items:center;gap:.65rem;margin:-1rem 0 1.55rem;padding:.7rem .75rem .7rem .9rem;display:flex}.contact-dialog-email-link{color:#ffffffc7;align-items:center;gap:.55rem;min-width:0;font-size:.78rem;text-decoration:none;display:inline-flex}.contact-dialog-email-link:hover{color:#fff}.contact-dialog-email-link svg{fill:currentColor;flex:none;width:1rem;height:1rem}.contact-dialog-email-link span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.contact-dialog-copy-button{color:#ffffffe6;cursor:pointer;background:#ffffff12;border:1px solid #ffffff2e;border-radius:.65rem;flex:none;align-items:center;gap:.4rem;min-height:2.25rem;padding:.45rem .65rem;font-size:.7rem;font-weight:700;transition:background .2s,border-color .2s,transform .2s;display:inline-flex}.contact-dialog-copy-button:hover,.contact-dialog-copy-button:focus-visible{background:#ffffff24;border-color:#ffffff61;transform:translateY(-1px)}.contact-dialog-copy-button svg{flex:none}@media (max-width:560px){.contact-dialog-email-row{flex-direction:column;align-items:stretch;gap:.55rem;margin-top:-.55rem}.contact-dialog-copy-button{justify-content:center}}.works-project-index{color:var(--subtle);font-family:var(--font-mono), monospace;letter-spacing:.12em;font-size:.68rem}@media (max-width:640px){.reference-header{padding-top:max(.8rem, env(safe-area-inset-top))}.reference-mobile-menu-button{place-items:center;min-width:2.75rem;min-height:2.75rem;padding:0;display:grid}.reference-social-rail a{width:2.75rem;height:2.75rem}.reference-social-rail a .reference-social-glyph{width:1.25rem;height:1.25rem}.reference-hero-content{padding-bottom:max(4.5rem, calc(4.5rem + env(safe-area-inset-bottom)))}.reference-scroll-hint{bottom:max(1.5rem, calc(1.5rem + env(safe-area-inset-bottom)))}}.engineering-page{background:var(--page);min-height:100vh;color:var(--ink);overflow:hidden}.engineering-header{z-index:2;justify-content:space-between;align-items:center;gap:1rem;max-width:1440px;margin:0 auto;padding:1.25rem clamp(1.25rem,4vw,4rem);display:flex;position:relative}.engineering-brand{color:var(--ink);align-items:center;transition:opacity .2s,transform .2s;display:inline-flex}.engineering-brand:hover{opacity:.68;transform:translateY(-1px)}.engineering-brand img{-o-object-fit:contain;object-fit:contain;width:2.1rem;height:2.1rem;display:block}.engineering-nav{color:var(--muted);font-family:var(--font-mono), monospace;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:clamp(.7rem,2vw,1.8rem);font-size:.62rem;display:flex}.engineering-nav>a{transition:color .2s}.engineering-nav>a:hover{color:var(--ink)}.engineering-nav .language-switcher{font-family:var(--font-mono), monospace;letter-spacing:0;text-transform:none}.engineering-shell{max-width:1440px;margin:0 auto;padding:clamp(4rem,10vw,9rem) clamp(1.25rem,8vw,8rem) 4rem;position:relative}.engineering-shell:before{content:"";pointer-events:none;border:1px solid #26d96d29;border-radius:50%;width:min(34vw,30rem);height:min(34vw,30rem);position:absolute;top:4rem;right:8%;box-shadow:inset 0 0 0 1.5rem #26d96d06,0 0 8rem #26d96d14}.engineering-intro{z-index:1;grid-template-columns:minmax(0,.9fr) minmax(18rem,.8fr);align-items:end;gap:clamp(2rem,9vw,9rem);padding-bottom:clamp(4rem,10vw,8rem);display:grid;position:relative}.engineering-intro h1{letter-spacing:-.11em;text-wrap:balance;max-width:42rem;margin:.8rem 0 0;font-size:clamp(3.2rem,8vw,8.5rem);font-weight:550;line-height:.86}.engineering-description{max-width:34rem;color:var(--muted);margin:0;font-size:clamp(.95rem,1.4vw,1.15rem);line-height:1.7}.engineering-intro-line{grid-column:1/-1;gap:.35rem;width:min(100%,21rem);margin-top:clamp(1.5rem,4vw,3rem);display:flex}.engineering-intro-line span{background:var(--accent);flex:1;height:2px;display:block}.engineering-intro-line span:nth-child(2){opacity:.45;flex:2.8}.engineering-intro-line span:nth-child(3){opacity:.18}.engineering-sections{z-index:1;border-top:1px solid var(--border);position:relative}.engineering-section{border-bottom:1px solid var(--border);grid-template-columns:minmax(11rem,.35fr) minmax(0,1fr);gap:clamp(2rem,7vw,8rem);padding:clamp(3rem,7vw,6rem) 0;display:grid}.engineering-section-heading{align-items:flex-start;gap:1rem;display:flex}.engineering-section-index{color:var(--accent);font-family:var(--font-mono), monospace;letter-spacing:.12em;padding-top:.25rem;font-size:.62rem}.engineering-section-heading h2{letter-spacing:-.075em;max-width:24rem;margin:0;font-size:clamp(1.45rem,2.6vw,2.65rem);line-height:.98}.engineering-section-heading p{max-width:20rem;color:var(--muted);margin:1rem 0 0;font-size:.8rem;line-height:1.6}.engineering-notes{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;display:grid}.engineering-note-card{border:1px solid var(--border);background:linear-gradient(145deg,#ffffff0e,#ffffff03);min-height:17rem;padding:clamp(1rem,2vw,1.4rem);transition:border-color .2s,background-color .2s,transform .2s}.engineering-note-card:hover{background:linear-gradient(145deg,#26d96d17,#ffffff05);border-color:#26d96d7a;transform:translateY(-2px)}.engineering-note-icon{color:var(--accent)}.engineering-note-card h3{letter-spacing:-.045em;margin:2.4rem 0 0;font-size:1.1rem}.engineering-note-card p{color:var(--muted);margin:.65rem 0 0;font-size:.78rem;line-height:1.65}.engineering-note-card ul{flex-wrap:wrap;gap:.35rem;margin:1.3rem 0 0;padding:0;list-style:none;display:flex}.engineering-note-card li{border:1px solid var(--border);color:var(--subtle);font-family:var(--font-mono), monospace;border-radius:999px;padding:.3rem .45rem;font-size:.52rem}.engineering-quality{background:linear-gradient(120deg,#26d96d1a,#ffffff06 65%);border:1px solid #26d96d57;grid-template-columns:minmax(0,1fr) minmax(15rem,.75fr);align-items:end;gap:clamp(2rem,7vw,8rem);margin-top:clamp(3rem,8vw,7rem);padding:clamp(1.4rem,4vw,3rem);display:grid}.engineering-quality h2{letter-spacing:-.09em;max-width:32rem;margin:.7rem 0 0;font-size:clamp(1.8rem,4vw,4.2rem);line-height:.93}.engineering-quality p:not(.reference-eyebrow){max-width:34rem;color:var(--muted);margin:1rem 0 0;font-size:.82rem;line-height:1.65}.engineering-quality-steps{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.engineering-quality-steps li{font-family:var(--font-mono), monospace;border-bottom:1px solid #ffffff1f;align-items:center;gap:.8rem;padding:.72rem 0;font-size:.68rem;display:flex}.engineering-quality-steps li span{color:var(--accent);font-size:.55rem}.engineering-disclaimer{max-width:44rem;color:var(--subtle);margin:1.5rem 0 0;font-size:.66rem;line-height:1.6}.engineering-footer{max-width:1440px;color:var(--subtle);font-family:var(--font-mono), monospace;letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;padding:1.5rem clamp(1.25rem,4vw,4rem) 2.5rem;font-size:.55rem;display:flex}.engineering-footer a{color:var(--ink);align-items:center;gap:.4rem;display:inline-flex}.engineering-footer a:hover{color:var(--accent)}.profile-engineering-link{color:var(--ink);border:1px solid #26d96d38;border-radius:.7rem;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;padding:.75rem .8rem;font-size:.72rem;transition:border-color .2s,background-color .2s,transform .2s;display:flex}.profile-engineering-link:hover{background:#26d96d14;border-color:#26d96d8c;transform:translateY(-1px)}.profile-engineering-link svg{color:var(--accent)}@media (max-width:760px){.engineering-header{padding-inline:1rem}.engineering-nav{gap:.65rem;font-size:.55rem}.engineering-nav>a:first-child{display:none}.engineering-shell{padding:3rem 1rem 2.5rem}.engineering-shell:before{opacity:.7;width:60vw;height:60vw;top:5rem;right:-20vw}.engineering-intro{padding-bottom:4rem;display:block}.engineering-intro h1{max-width:22rem;font-size:clamp(3rem,15vw,5.6rem)}.engineering-description{max-width:32rem;margin-top:2rem}.engineering-intro-line{margin-top:2rem}.engineering-section{padding:3rem 0;display:block}.engineering-section-heading{margin-bottom:1.7rem}.engineering-section-heading p{max-width:30rem}.engineering-notes{grid-template-columns:1fr}.engineering-note-card{min-height:auto}.engineering-quality{margin-top:3rem;padding:1.25rem;display:block}.engineering-quality-steps{margin-top:2rem}.engineering-footer{flex-direction:column;align-items:flex-start;padding:1.25rem 1rem 2rem}}@media (max-width:420px){.engineering-header{align-items:flex-start}.engineering-nav .language-switcher{margin-left:auto}.engineering-nav>a:nth-child(2){white-space:normal;max-width:7rem}.engineering-section-heading{gap:.65rem}.engineering-section-index{font-size:.52rem}.engineering-quality-steps li{font-size:.62rem}}@media (prefers-reduced-motion:reduce){.engineering-brand,.engineering-note-card,.profile-engineering-link{transition:none}}.reference-nav>button.is-active{color:var(--reference-ink)}.reference-mobile-menu button.is-active{color:var(--accent);background:#8de8be1f}.reference-mobile-menu button:active{transform:scale(.98)}.works-panel .reference-work-tabs button:active{transform:scale(.97)}@media (prefers-reduced-motion:reduce){.reference-mobile-menu button,.works-panel .reference-work-tabs button{transition:none}}.works-project-quickview{border-left:2px solid var(--accent);background:#26d96d0e;margin-top:1rem;padding:.8rem .9rem}.works-project-quickview-label{color:var(--accent);font-family:var(--font-mono), monospace;letter-spacing:.1em;text-transform:uppercase;font-size:.55rem}.works-project-quickview p{color:var(--ink);margin:.45rem 0 0;font-size:.78rem;line-height:1.5}.works-project-quickview-meta{flex-wrap:wrap;gap:.35rem;margin-top:.65rem;display:flex}.works-project-quickview-meta span{color:var(--subtle);font-family:var(--font-mono), monospace;font-size:.52rem}.works-project-quickview-meta span+span:before{color:var(--accent);content:"/";margin-right:.35rem}@media (prefers-reduced-motion:reduce){.works-project-quickview{transition:none}}@media (forced-colors:active){.reference-primary-button,.reference-secondary-button,.contact-dialog-action,.contact-dialog-copy-button,.profile-engineering-link{color:buttontext;forced-color-adjust:none;background:canvas;border:1px solid buttontext}.reference-nav>button,.reference-mobile-menu button,.works-panel .reference-work-tabs button{color:buttontext}.reference-nav>button.is-active,.reference-mobile-menu button.is-active,.works-panel .reference-work-tabs button.is-active{color:highlighttext;background:highlight}.reference-social-rail a,.profile-social-links a{color:buttontext}.status-dot,.contact-dialog-status i{box-shadow:none;background:linktext}.language-flag-icon{filter:none;outline:1px solid buttontext}}.contact-dialog-briefing{background:#ffffff06;border-left:2px solid #26d96db8;margin:1.2rem 0 1.25rem;padding:.8rem .9rem}.contact-dialog-briefing strong{color:#f4f4f6;font-size:.78rem;display:block}.contact-dialog-briefing p{color:#ffffff94;margin:.35rem 0 0;font-size:.72rem;line-height:1.55}.contact-action-group{gap:.5rem;display:grid}.contact-dialog-copy-whatsapp{justify-content:center;width:100%}.contact-dialog-linkedin-link{color:#ffffffd1;border:1px solid #ffffff21;border-radius:.9rem;align-items:center;gap:.65rem;min-height:2.8rem;padding:.65rem .9rem;font-size:.76rem;font-weight:650;transition:border-color .2s,background-color .2s,transform .2s;display:flex}.contact-dialog-linkedin-link:hover{background:#ffffff0d;border-color:#ffffff4d;transform:translateY(-1px)}.contact-dialog-linkedin-link svg:first-child{fill:currentColor;width:1.15rem;height:1.15rem}.contact-dialog-linkedin-link svg:last-child{width:1rem;height:1rem;margin-left:auto}.contact-dialog-linkedin-link:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (max-width:560px){.contact-dialog-briefing{margin-top:1rem}.contact-dialog-linkedin-link{min-height:3rem}}@media (forced-colors:active){.contact-dialog-linkedin-link,.contact-dialog-briefing{color:buttontext;background:canvas;border-color:buttontext}.contact-dialog-briefing{border-left-color:highlight}}@media (prefers-reduced-motion:reduce){.contact-dialog-linkedin-link{transition:none}}.contact-dialog{width:min(28rem,100vw - 1.5rem);max-height:calc(100dvh - 1.5rem)}.contact-dialog-body{overscroll-behavior:contain;max-height:calc(100dvh - 1.5rem);padding:2rem 1.75rem 1.6rem;overflow-y:auto}.contact-dialog-socials{height:5.55rem;margin-bottom:1rem}.contact-dialog-avatar,.contact-dialog-social{flex-basis:5.35rem;width:5.35rem;height:5.35rem}.contact-dialog-social-email{color:#171719;background:#f2f2f4}.contact-dialog-social-discord{color:#fff;background:#6366e8}.contact-dialog-social svg{width:2.2rem;height:2.2rem}.contact-dialog-tags{margin-bottom:1.35rem}.contact-dialog h2{margin-bottom:.7rem}.contact-dialog-intro{color:#fff9;text-align:center;max-width:23rem;margin:0 auto 1.5rem;font-size:.8rem;line-height:1.6}.contact-dialog-actions{gap:.72rem}.contact-dialog-action{min-height:3.6rem}@media (max-width:560px){.contact-dialog{width:calc(100vw - 1rem);max-height:calc(100dvh - 1rem)}.contact-dialog-body{max-height:calc(100dvh - 1rem);padding:1.35rem .9rem .9rem}.contact-dialog-socials{height:4.9rem;margin-bottom:.8rem;transform:none}.contact-dialog-avatar,.contact-dialog-social{flex-basis:4.75rem;width:4.75rem;min-width:4.75rem;height:4.75rem;min-height:4.75rem}.contact-dialog-social svg{width:2rem;height:2rem}.contact-dialog-tags{flex-wrap:wrap;gap:.35rem;margin-bottom:1rem}.contact-dialog h2{margin-bottom:.55rem}.contact-dialog-intro{margin-bottom:1.15rem;font-size:.76rem;line-height:1.5}}.engineering-breadcrumbs{color:var(--subtle);font-family:var(--font-mono), monospace;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.55rem;margin-bottom:1.5rem;font-size:.58rem;display:flex}.engineering-breadcrumbs a{color:var(--accent)}.engineering-breadcrumbs a:hover{color:var(--ink)}.engineering-breadcrumbs [aria-current=page]{color:var(--muted)}@media (max-width:560px){.engineering-breadcrumbs{margin-bottom:1.1rem;font-size:.52rem}}.now-page{background:var(--reference-bg);min-height:100vh;color:var(--reference-ink);overflow-x:clip}.now-intro{max-width:52rem;padding:clamp(2rem,6vw,5rem) 0 clamp(2.4rem,6vw,5rem)}.now-intro h1{letter-spacing:-.09em;max-width:12ch;margin:.45rem 0 1.2rem;font-size:clamp(3rem,7vw,6.8rem);line-height:.9}.now-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;padding-bottom:clamp(3rem,8vw,7rem);display:grid}.now-card{background:linear-gradient(145deg,#ffffff0e,#ffffff05);border:1px solid #ffffff1a;border-radius:1.2rem;min-height:22rem;padding:1.3rem;position:relative}.now-card:nth-of-type(2){transform:translateY(2rem)}.now-card-topline{color:var(--subtle);font-family:var(--font-mono), monospace;letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;gap:.75rem;font-size:.56rem;display:flex}.now-card-topline span:first-child{color:var(--accent)}.now-card-icon{width:2rem;height:2rem;color:var(--accent);margin:3rem 0 2rem}.now-card h2{letter-spacing:-.06em;margin:0;font-size:clamp(1.4rem,2.3vw,2.2rem);line-height:1}.now-card p{color:var(--muted);margin:1rem 0 0;font-size:.82rem;line-height:1.6}.now-card-proof{color:var(--subtle);font-family:var(--font-mono), monospace;margin-top:1.25rem;font-size:.58rem}.now-card a{color:var(--ink);align-items:center;gap:.4rem;margin-top:1.25rem;font-size:.72rem;font-weight:700;display:inline-flex}.now-card a:hover{color:var(--accent)}.now-card a svg{width:.9rem;height:.9rem}.now-card:focus-within{border-color:#8de8be9e}.now-card a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (max-width:820px){.now-grid{grid-template-columns:1fr}.now-card,.now-card:nth-of-type(2){min-height:auto;transform:none}.now-card-icon{margin:2.5rem 0 1.5rem}}@media (forced-colors:active){.now-card{background:canvas;border-color:buttontext}.now-card-icon,.now-card-topline span:first-child,.now-card a{color:linktext}}.reference-nav-now{color:var(--reference-muted);padding:.3rem 0;font-size:.78rem;transition:color .45s}.reference-nav-now:hover{color:var(--reference-ink)}.reference-mobile-menu a[role=menuitem]{min-height:2.75rem;color:var(--ink);border-radius:.7rem;padding:.78rem .85rem;font-size:.8rem;display:block}.reference-mobile-menu a[role=menuitem]:hover{background:#8de8be1a}.reference-mobile-menu a[role=menuitem]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (max-width:860px){.reference-nav-now{display:none}}@media (forced-colors:active){.reference-nav-now,.reference-mobile-menu a[role=menuitem]{color:buttontext}.reference-mobile-menu a[role=menuitem]:focus-visible{outline-color:highlight}}.process-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin:0;padding:0 0 clamp(3rem,8vw,7rem);list-style:none;display:grid}.process-step{background:linear-gradient(145deg,#ffffff0e,#ffffff05);border:1px solid #ffffff1a;border-radius:1.2rem;min-height:20rem;padding:1.25rem;position:relative}.process-step:not(:last-child):after{content:"";background:#8de8be80;width:1.3rem;height:1px;position:absolute;top:2rem;right:-.65rem}.process-step-index{color:var(--accent);font-family:var(--font-mono), monospace;letter-spacing:.1em;font-size:.58rem}.process-step-icon{width:2rem;height:2rem;color:var(--accent);margin:3rem 0 2rem}.process-step h2{letter-spacing:-.07em;margin:0;font-size:clamp(1.5rem,2.4vw,2.25rem);line-height:1}.process-step p{color:var(--muted);margin:1rem 0 0;font-size:.8rem;line-height:1.6}.process-step:focus-within{border-color:#8de8be9e}@media (max-width:900px){.process-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.process-step:not(:last-child):after{display:none}}@media (max-width:560px){.process-steps{grid-template-columns:1fr}.process-step{min-height:auto}.process-step-icon{margin:2.2rem 0 1.4rem}}@media (forced-colors:active){.process-step{background:canvas;border-color:buttontext}.process-step-icon,.process-step-index{color:linktext}}.not-found-page{color:#f4f5f2;background:radial-gradient(circle at 72% 42%,#1e55442e,#0000 35%),#080a09;flex-direction:column;min-height:100svh;display:flex;overflow-x:hidden}.not-found-header{z-index:2;padding:max(1.25rem, env(safe-area-inset-top)) clamp(1.25rem, 4vw, 4rem) 0;justify-content:space-between;align-items:center;display:flex;position:relative}.not-found-header .engineering-nav{align-items:center;gap:clamp(.8rem,2vw,1.75rem);display:flex}.not-found-header .engineering-nav>a{color:#f4f5f2b3;font-size:.7rem;text-decoration:none}.not-found-header .engineering-nav>a:hover,.not-found-header .engineering-nav>a:focus-visible{color:#8de8be}.not-found-shell{z-index:1;flex:1;grid-template-columns:minmax(18rem,.9fr) minmax(28rem,1.1fr);align-items:center;gap:clamp(1.5rem,6vw,7rem);width:min(100%,90rem);margin:0 auto;padding:clamp(3rem,8vw,7rem) clamp(1.25rem,6vw,6rem);display:grid;position:relative}.not-found-copy{z-index:2;max-width:38rem;position:relative}.not-found-copy h1{letter-spacing:-.085em;max-width:10ch;margin:.9rem 0 1.4rem;font-size:clamp(3.4rem,7vw,7.25rem);font-weight:400;line-height:.88}.not-found-description{color:#f4f5f2ad;max-width:30rem;margin:0;font-size:clamp(1rem,1.6vw,1.25rem);line-height:1.55}.not-found-status{color:#8de8be;font-family:var(--font-mono,monospace);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.5rem;margin:1.5rem 0 0;font-size:.68rem;display:inline-flex}.not-found-status span{font-size:1.2rem;line-height:1}.not-found-primary-actions{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}.not-found-primary-actions a{min-height:2.9rem}.route-scene{isolation:isolate;min-height:clamp(28rem,55vw,42rem);position:relative}.route-scene-glow{z-index:-2;filter:blur(.2px);background:radial-gradient(circle,#8de8be1f,#0000 62%);border:1px solid #8de8be1f;border-radius:50%;position:absolute;inset:14% 6% 8% 4%}.route-skyline{z-index:-1;opacity:.55;align-items:flex-end;gap:1.1rem;height:45%;display:flex;position:absolute;bottom:6%;left:0;right:2%}.route-skyline span{background:linear-gradient(#8de8be12,#8de8be04);border:1px solid #8de8be1f;border-bottom:0;border-radius:.6rem .6rem 0 0;width:18%;display:block}.route-skyline span:first-child{height:45%}.route-skyline span:nth-child(2){height:72%}.route-skyline span:nth-child(3){height:36%}.route-skyline span:nth-child(4){height:58%}.avatar-searching{filter:drop-shadow(0 1.5rem 2rem #0000006b);width:min(30rem,76%);position:absolute;bottom:0;right:10%;transform:rotate(-4deg)}.avatar-searching img{width:100%;height:auto;display:block;-webkit-mask-image:linear-gradient(#000 88%,#0000 100%);mask-image:linear-gradient(#000 88%,#0000 100%)}.route-sign{background:#0a1410e0;border:1px solid #8de8be47;border-radius:.8rem;width:min(17rem,52%);padding:1rem;position:absolute;top:5%;right:2%;transform:rotate(3deg);box-shadow:0 1rem 3rem #00000040}.route-sign:before{content:"";border-top:1px dashed #8de8be73;width:2.7rem;position:absolute;top:1.15rem;left:-2.7rem;transform:rotate(-18deg)}.route-sign>p{color:#f4f5f28f;font-family:var(--font-mono,monospace);letter-spacing:.1em;text-transform:uppercase;margin:0 0 .85rem;font-size:.58rem}.route-sign-post{background:linear-gradient(#8de8be52,#0000);width:1px;height:9rem;position:absolute;top:100%;left:50%}.route-directions{gap:.45rem;display:grid}.route-direction{color:#f4f5f2;border:1px solid #0000;border-radius:.5rem;grid-template-columns:1.25rem 1fr auto;align-items:center;gap:.55rem;min-height:2.5rem;padding:.55rem .6rem;font-size:.75rem;text-decoration:none;transition:border-color .16s ease-out,background-color .16s ease-out,transform .16s ease-out;display:grid}.route-direction svg:first-child{color:#8de8be}.route-direction svg:last-child{color:#f4f5f26b}.route-direction:hover,.route-direction:focus-visible{background:#8de8be14;border-color:#8de8be57;transform:translate(.25rem)}.not-found-footer{padding:0 clamp(1.25rem, 4vw, 4rem) max(1.25rem, env(safe-area-inset-bottom));color:#f4f5f26b;font-family:var(--font-mono,monospace);letter-spacing:.07em;justify-content:space-between;align-items:center;gap:1rem;font-size:.58rem;display:flex}.not-found-footer a{color:#8de8be;align-items:center;gap:.45rem;text-decoration:none;display:inline-flex}.not-found-footer a:hover,.not-found-footer a:focus-visible{color:#f4f5f2}@media (max-width:900px){.not-found-shell{grid-template-columns:1fr;align-items:start;padding-top:clamp(4rem,10vw,7rem)}.not-found-copy{max-width:42rem}.not-found-copy h1{max-width:12ch}.route-scene{min-height:30rem;margin-top:-1rem}.avatar-searching{width:min(27rem,72%);right:15%}.route-sign{top:4%;right:5%}}@media (max-width:560px){.not-found-header{align-items:flex-start}.not-found-header .engineering-nav{gap:.55rem}.not-found-header .engineering-nav>a:first-child{display:none}.not-found-header .engineering-nav>a{font-size:.58rem}.not-found-shell{padding-top:3.5rem;padding-bottom:1rem}.not-found-copy h1{font-size:clamp(3.1rem,15vw,5.1rem)}.not-found-description{font-size:.95rem}.not-found-primary-actions{grid-template-columns:1fr;display:grid}.not-found-primary-actions a{justify-content:center;width:100%}.route-scene{min-height:28rem;margin-top:1rem}.avatar-searching{width:86%;bottom:0;right:0}.route-sign{width:min(15.5rem,68%);top:1%;right:0}.route-sign:before{width:1.4rem;left:-1.4rem}.route-sign-post{height:7rem}.route-direction{font-size:.68rem}.not-found-footer{flex-direction:column;align-items:flex-start;padding-top:1rem}.not-found-footer span:nth-child(2){display:none}}@media (prefers-reduced-motion:reduce){.route-direction{transition:none}}@media (forced-colors:active){.not-found-page{color:canvastext;background:canvas}.not-found-copy h1,.not-found-description,.not-found-status,.not-found-footer,.not-found-header .engineering-nav>a,.route-direction,.route-sign>p{color:canvastext}.route-scene-glow,.route-sign,.route-direction{border-color:buttontext}.route-direction svg:first-child,.not-found-status,.not-found-footer a{color:linktext}.route-scene-glow{background:canvas}.avatar-searching{filter:none}}.reference-primary-button,.reference-secondary-button,.reference-panel-close,.reference-mobile-menu-button,.reference-mobile-menu button,.works-panel .reference-work-tabs button,.contact-dialog-copy-button,.profile-social-links a,.engineering-nav>a,.engineering-footer a,.now-card a,.route-direction,.route-error-actions>*{touch-action:manipulation}.reference-panel-close,.works-panel .reference-panel-close,.profile-dialog .reference-panel-close,.reference-mobile-menu-button,.profile-social-links a,.language-link{min-width:2.75rem;min-height:2.75rem}.works-panel .reference-work-tabs button,.reference-mobile-menu button{min-height:2.75rem}.reference-primary-button:active,.reference-secondary-button:active,.reference-panel-close:active,.reference-mobile-menu-button:active,.contact-dialog-copy-button:active,.profile-social-links a:active,.route-direction:active,.route-error-actions>:active{transition-duration:0s;transform:scale(.97)}.now-updated{color:var(--accent);font-family:var(--font-mono), monospace;letter-spacing:.08em;text-transform:uppercase;margin-top:1.2rem;font-size:.62rem;display:block}.now-grid{border-top:1px solid var(--border);display:block}.now-card,.now-card:nth-of-type(2){border:0;border-bottom:1px solid var(--border);background:0 0;border-radius:0;grid-template-columns:minmax(8rem,.34fr) 3rem minmax(18rem,1fr) minmax(10rem,.42fr);align-items:start;gap:clamp(1.2rem,4vw,4rem);min-height:0;padding:clamp(2rem,5vw,4.4rem) 0;display:grid;transform:none}.now-card-topline{grid-area:1/1/span 2;justify-content:start;gap:.55rem;display:grid}.now-card-icon{grid-area:1/2;width:1.8rem;height:1.8rem;margin:0}.now-card h2{grid-area:1/3;font-size:clamp(1.8rem,3.5vw,3.6rem)}.now-card>p{grid-area:2/3;max-width:42rem;margin:.9rem 0 0;font-size:1rem;line-height:1.65}.now-card-proof{grid-area:1/4;margin-top:.2rem;line-height:1.55}.now-card>a{grid-area:2/4;place-self:start;min-height:2.75rem;margin-top:.5rem}.process-steps{border-top:1px solid var(--border);display:block}.process-step{border:0;border-bottom:1px solid var(--border);background:0 0;border-radius:0;grid-template-columns:4rem 3rem minmax(0,1fr);align-items:start;gap:clamp(1.2rem,4vw,4rem);min-height:0;padding:clamp(2rem,5vw,4rem) 0;display:grid}.process-step:not(:last-child):after{display:none}.process-step-index{padding-top:.35rem}.process-step-icon{width:1.8rem;height:1.8rem;margin:0}.process-step>div:last-child{grid-template-columns:minmax(12rem,.65fr) minmax(18rem,1fr);gap:clamp(1.5rem,6vw,7rem);display:grid}.process-step h2{font-size:clamp(1.8rem,4vw,4rem)}.process-step p{max-width:39rem;margin:.25rem 0 0;font-size:1rem;line-height:1.65}.engineering-notes{border-top:1px solid var(--border);gap:0}.engineering-note-card{border:0;border-bottom:1px solid var(--border);background:0 0;min-height:0;padding:clamp(1.4rem,3vw,2.2rem)}.engineering-note-card:nth-child(odd){border-right:1px solid var(--border)}.engineering-note-card h3{margin-top:3.5rem}.engineering-note-card p,.engineering-section-heading p,.engineering-quality p:not(.reference-eyebrow){font-size:.94rem}.works-project-summary{font-size:1rem}.works-project-bullets{font-size:.94rem}.reference-hero-description{font-size:clamp(.95rem,1.05vw,1rem)}.route-error-page{background:radial-gradient(circle at 75% 50%, #26d96d1c, transparent 32%), var(--page);grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:100svh;padding:clamp(2rem,8vw,8rem);display:grid;position:relative;overflow:hidden}.route-error-copy{z-index:1;max-width:48rem;position:relative}.route-error-copy h1{letter-spacing:-.1em;max-width:11ch;margin:.8rem 0 1.3rem;font-size:clamp(3.2rem,8vw,8rem);font-weight:520;line-height:.88}.route-error-copy>p:not(.reference-eyebrow){max-width:34rem;color:var(--muted);font-size:clamp(.95rem,1.5vw,1.15rem);line-height:1.65}.route-error-actions{flex-wrap:wrap;gap:.7rem;margin-top:1.8rem;display:flex}.route-error-actions .reference-primary-button,.route-error-actions .reference-secondary-button{margin-top:0}.route-error-code{color:#0000;font-family:var(--font-mono), monospace;letter-spacing:-.16em;-webkit-text-stroke:1px #26d96d38;font-size:clamp(10rem,28vw,30rem);font-weight:800;line-height:.7}@media (hover:hover) and (pointer:fine){.engineering-note-card:hover{border-color:var(--border);background:#26d96d09;transform:none}.now-card:hover h2,.process-step:hover h2{color:var(--accent)}.now-card h2,.process-step h2{transition:color var(--motion-hover) ease}}@media (max-width:820px){.now-card,.now-card:nth-of-type(2){grid-template-columns:2.5rem minmax(0,1fr);gap:1rem}.now-card-topline{grid-column:1/-1;justify-content:space-between;display:flex}.now-card-icon{grid-area:2/1}.now-card h2{grid-area:2/2}.now-card>p{grid-area:3/2;margin:.8rem 0 0;padding:0}.now-card-proof{grid-area:4/2;margin-top:.5rem}.now-card>a{grid-area:5/2;margin-top:.5rem}.process-step>div:last-child{grid-template-columns:1fr;gap:.6rem}}@media (max-width:560px){.language-link{min-width:2.5rem;min-height:2.75rem}.reference-hero-description{font-size:1rem}.engineering-nav>a{display:none}.engineering-nav .language-switcher{grid-template-columns:repeat(3,2.5rem);width:7.5rem;display:grid;position:absolute;top:1rem;right:1rem}.works-panel>header{min-height:4.25rem;display:block;position:relative}.works-panel .reference-work-tabs{width:calc(100% - 3.5rem);max-width:none}.works-panel .reference-work-tabs button{padding-inline:.45rem;font-size:.64rem}.works-panel .reference-panel-close{margin-left:0;display:grid;position:absolute;top:.75rem;right:1rem}.process-step{grid-template-columns:2rem minmax(0,1fr);gap:1rem}.process-step-index{grid-column:1}.process-step-icon{grid-area:2/1}.process-step>div:last-child{grid-area:1/2/span 2}.route-error-page{grid-template-columns:1fr;padding:1.25rem}.route-error-code{z-index:0;opacity:.55;font-size:13rem;position:absolute;bottom:2rem;right:-1rem}}@media (pointer:coarse){.reference-social-rail a{min-width:2.75rem;min-height:2.75rem}.engineering-nav>a,.engineering-footer a,.now-card>a{align-items:center;min-height:2.75rem}}@media (prefers-reduced-motion:reduce){.intro{display:none}.now-card h2,.process-step h2{transition:none}}.works-panel .reference-work-tabs button{gap:.48rem;min-height:2.2rem;padding-inline:.8rem}.works-panel .reference-work-tabs button small{min-width:1.2rem;height:1.2rem;color:var(--subtle);font-family:var(--font-mono), monospace;border:1px solid #ffffff1f;border-radius:999px;place-items:center;font-size:.52rem;display:grid}.works-panel .reference-work-tabs button.is-active{background:var(--accent);color:#07120c}.works-panel .reference-work-tabs button.is-active small{color:#07120c;border-color:#07120c33}.works-explorer-intro{justify-content:space-between;align-items:end;gap:2rem;max-width:1220px;margin:0 auto 2.8rem;display:flex}.works-explorer-intro h3{letter-spacing:-.095em;max-width:44rem;margin:.65rem 0 0;font-size:clamp(2.2rem,6vw,5.2rem);line-height:.9}.works-source{color:var(--muted);font-family:var(--font-mono), monospace;letter-spacing:.04em;flex:none;grid-template-columns:auto 1fr;align-items:center;gap:.25rem .55rem;font-size:.58rem;display:grid}.works-source i{background:var(--accent);border-radius:50%;width:.48rem;height:.48rem;box-shadow:0 0 0 .25rem #26d96d1a}.works-source span{color:var(--subtle);grid-column:2}.works-project-media{color:#f3f5ef;background:#0c120f;border:1px solid #26d96d2e;border-radius:.9rem;flex-direction:column;min-height:390px;padding:1.15rem;display:flex}.works-project-media:before,.works-project-media:after{content:none}.works-repo-topline,.works-repo-footer{z-index:2;color:#f3f5ef80;font-family:var(--font-mono), monospace;letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:1rem;font-size:.55rem;display:flex;position:relative}.works-project-media .works-repo-topline span,.works-project-media .works-repo-footer span,.works-project-media .works-repo-mark span{color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;position:static}.works-repo-mark{z-index:2;color:var(--accent);font-family:var(--font-mono), monospace;align-items:center;gap:.55rem;margin-top:3.5rem;font-size:.62rem;display:flex;position:relative}.works-repo-mark span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.works-project-media>strong{z-index:2;overflow-wrap:anywhere;color:#f3f5ef;max-width:92%;font-family:var(--font-sans), sans-serif;letter-spacing:-.09em;text-transform:none;margin-top:.75rem;font-size:clamp(2.2rem,5vw,5rem);font-weight:680;line-height:.84;position:relative;bottom:auto;right:auto}.works-repo-lines{z-index:2;gap:.42rem;margin:auto 0 2.6rem;display:grid;position:relative}.works-repo-lines i{background:linear-gradient(90deg, var(--accent), #26d96d0d);opacity:.48;height:1px;display:block}.works-repo-lines i:nth-child(2){width:72%}.works-repo-lines i:nth-child(3){width:48%}.works-repo-lines i:nth-child(4){width:22%}.works-project-media[data-category=infra]{--accent:#7ee7ff}.works-project-media[data-category=automation]{--accent:#ffd56a}.works-project-media[data-category=technical-base]{--accent:#c7b8ff}.works-project-media[data-category=experiment]{--accent:#ff9ac7}.works-empty-state{max-width:1220px;min-height:20rem;color:var(--muted);text-align:center;border-block:1px solid #ffffff1a;align-content:center;place-items:center;gap:.65rem;margin:0 auto;display:grid}.works-empty-state svg{color:var(--accent)}.works-empty-state strong{color:var(--ink);font-size:1.1rem}.works-empty-state p{max-width:28rem;margin:0;font-size:.82rem;line-height:1.6}@media (max-width:760px){.works-explorer-intro{flex-direction:column;align-items:start;margin-bottom:2rem}.works-explorer-intro h3{font-size:clamp(2.4rem,13vw,4rem)}.works-project-media{min-height:280px}.works-repo-mark{margin-top:2rem}}@media (max-width:560px){.works-panel .reference-work-tabs button{min-height:2.4rem;padding-inline:.65rem}.works-panel .reference-work-tabs button small{min-width:1.1rem;height:1.1rem}.works-project-media{min-height:240px}.works-project-media>strong{font-size:2.45rem}.works-repo-footer span:last-child{display:none}}.reference-nav>a{color:var(--reference-muted);padding:.3rem 0;font-size:.78rem;text-decoration:none;transition:color .18s}.reference-nav>a:hover,.reference-nav>a:focus-visible{color:var(--reference-ink)}.reference-mobile-menu a[role=menuitem]{color:var(--ink);text-align:left;border-radius:.65rem;padding:.7rem .8rem}.reference-mobile-menu a[role=menuitem]:hover,.reference-mobile-menu a[role=menuitem]:focus-visible{background:var(--panel-strong)}.portfolio-work-section,.portfolio-about-section,.portfolio-contact-section{width:min(100%,92rem);margin-inline:auto;padding:clamp(6rem,11vw,10rem) clamp(1rem,4vw,4rem);scroll-margin-top:5rem}.portfolio-work-section{-moz-column-gap:clamp(2.5rem, 7vw, 8rem);background:var(--page);grid-template-columns:minmax(18rem,.72fr) minmax(26rem,1.28fr);column-gap:clamp(2.5rem,7vw,8rem);display:grid}.portfolio-section-heading{border-bottom:1px solid var(--border);grid-column:1/-1;grid-template-columns:minmax(18rem,.85fr) minmax(20rem,1fr);align-items:end;gap:clamp(2rem,8vw,10rem);padding-bottom:clamp(3.5rem,7vw,6rem);display:grid}.portfolio-section-heading h2,.portfolio-about-copy h2,.portfolio-contact-heading h2{letter-spacing:-.085em;text-wrap:balance;max-width:14ch;margin:.85rem 0 0;font-size:clamp(3.25rem,7vw,7.2rem);font-weight:520;line-height:.9}.portfolio-section-heading>p{max-width:55ch;color:var(--muted);text-wrap:pretty;margin:0;font-size:1rem;line-height:1.65}.portfolio-work-scene{aspect-ratio:4/5;outline-offset:-1px;background:#111713;border-radius:1rem;outline:1px solid #ffffff14;align-self:start;margin-top:clamp(3.5rem,7vw,6rem);position:sticky;top:6rem;overflow:hidden}.portfolio-work-scene img{-o-object-fit:cover;object-fit:cover}.portfolio-selected-projects{border-top:1px solid var(--border);margin:clamp(3.5rem,7vw,6rem) 0 0;padding:0;list-style:none}.portfolio-selected-projects li{border-bottom:1px solid var(--border)}.portfolio-selected-projects a{color:var(--ink);padding:clamp(2rem,4vw,3.5rem) 0;text-decoration:none;display:block}.portfolio-project-line{color:var(--subtle);font-family:var(--font-mono), monospace;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;gap:1rem;font-size:.7rem;display:flex}.portfolio-selected-projects h3{letter-spacing:-.075em;margin:1rem 0 0;font-size:clamp(2.3rem,5vw,5.2rem);font-weight:540;line-height:.92}.portfolio-selected-projects a>p{max-width:56ch;color:var(--muted);margin:1.1rem 0 0;font-size:1rem;line-height:1.65}.portfolio-selected-projects dl{grid-template-columns:1fr 1fr;gap:1.5rem;margin:2rem 0 0;display:grid}.portfolio-selected-projects dl>div{border-top:1px solid var(--border);padding-top:1rem}.portfolio-selected-projects dt{color:var(--subtle);font-family:var(--font-mono), monospace;letter-spacing:.08em;text-transform:uppercase;font-size:.66rem}.portfolio-selected-projects dd{color:var(--muted);margin:.55rem 0 0;font-size:.95rem;line-height:1.55}.portfolio-project-open,.portfolio-text-action{color:var(--ink);align-items:center;gap:.65rem;font-size:.88rem;font-weight:650;text-decoration:none;display:inline-flex}.portfolio-project-open{margin-top:1.8rem}.portfolio-text-action{cursor:pointer;touch-action:manipulation;background:0 0;border-bottom:1px solid;min-height:3rem;margin:2rem 0 0;padding:0;transition:color .16s,transform .16s cubic-bezier(.22,1,.36,1)}.portfolio-work-section>.portfolio-text-action{grid-column:2;justify-self:start;margin-top:2.75rem}.portfolio-text-action:hover{color:#15753b}.portfolio-text-action:active{transition-duration:0s;transform:scale(.97)}.portfolio-about-section{border-top:1px solid var(--border);grid-template-columns:minmax(22rem,1fr) minmax(24rem,.88fr);align-items:center;gap:clamp(3rem,8vw,9rem);display:grid}.portfolio-about-media{aspect-ratio:4/5;outline-offset:-1px;background:#111713;border-radius:1rem;outline:1px solid #11120f14;position:relative;overflow:hidden}.portfolio-about-media img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.portfolio-about-media>span{color:#ffffffc7;font-family:var(--font-mono), monospace;letter-spacing:.08em;border-top:1px solid #ffffff52;padding-top:.8rem;font-size:.66rem;position:absolute;bottom:1rem;left:1rem;right:1rem}.portfolio-about-copy h2{max-width:11ch;font-size:clamp(3rem,6vw,6rem)}.portfolio-about-lead{max-width:58ch;color:var(--muted);text-wrap:pretty;margin:1.6rem 0 0;font-size:1.05rem;line-height:1.7}.portfolio-about-copy ul{border-top:1px solid var(--border);margin:3rem 0 0;padding:0;list-style:none}.portfolio-about-copy li{border-bottom:1px solid var(--border);grid-template-columns:1.5rem minmax(0,1fr);gap:1rem;padding:1.35rem 0;display:grid}.portfolio-about-copy li>svg{color:#15753b;margin-top:.15rem}.portfolio-about-copy h3{letter-spacing:-.03em;margin:0;font-size:1.2rem;font-weight:560}.portfolio-about-copy li p{max-width:48ch;color:var(--muted);margin:.45rem 0 0;font-size:1rem;line-height:1.55}.journey-heading{grid-template-columns:minmax(0,1fr)}.journey-tags{font-family:var(--font-mono), monospace;letter-spacing:.04em;display:block;color:#11120f9e!important;margin-top:.85rem!important;font-size:.7rem!important}.portfolio-contact-section{color:#f4f5f2;clip-path:inset(0 -100vmax);background:#080a09;box-shadow:0 0 0 100vmax #080a09}.portfolio-contact-heading{border-bottom:1px solid #ffffff24;grid-template-columns:minmax(16rem,.55fr) minmax(25rem,1fr);align-items:end;gap:clamp(2rem,8vw,9rem);padding-bottom:clamp(3rem,6vw,5rem);display:grid}.portfolio-contact-heading .reference-eyebrow{color:#f4f5f280;grid-column:1}.portfolio-contact-heading h2{color:#f4f5f2;grid-column:1;max-width:10ch;font-size:clamp(3.5rem,8vw,8rem)}.portfolio-contact-heading>p:last-child{color:#f4f5f2a8;grid-area:1/2/span 2;max-width:48ch;margin:0;font-size:1rem;line-height:1.65}.portfolio-contact-actions{grid-template-columns:1fr 1fr;gap:clamp(1rem,2vw,1.75rem);margin-top:clamp(3rem,7vw,6rem);display:grid}.contact-intent{border:0;margin:clamp(2rem,4vw,3rem) 0 0;padding:0}.contact-intent legend{color:#f4f5f280;font-family:var(--font-mono), monospace;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.9rem;font-size:.66rem}.contact-intent>div{flex-wrap:wrap;gap:.55rem;display:flex}.contact-intent label{color:#f4f5f29e;cursor:pointer;touch-action:manipulation;border:1px solid #ffffff29;border-radius:999px;align-items:center;min-height:2.75rem;padding:.65rem .95rem;font-size:.8rem;font-weight:600;transition:color .16s,border-color .16s,background-color .16s;display:inline-flex;position:relative}.contact-intent label.is-active{color:#f4f5f2;background:#72e79c1f;border-color:#72e79c}.contact-intent input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.contact-intent label:has(input:focus-visible){outline-offset:3px;outline:2px solid #72e79c}.portfolio-contact-action{color:#f4f5f2;touch-action:manipulation;background:#0d100e;border:1px solid #ffffff24;border-radius:1rem;grid-template-rows:auto auto;grid-template-columns:1fr auto;min-width:0;text-decoration:none;display:grid;position:relative;overflow:hidden}.portfolio-contact-action.is-primary{background:#0c1610}.portfolio-contact-media{aspect-ratio:16/9;background:#101712;grid-column:1/-1;position:relative;overflow:hidden}.portfolio-contact-media video{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.portfolio-contact-action-copy{gap:.45rem;padding:1.5rem;display:grid}.portfolio-contact-action-copy small{color:#72e79c;font-family:var(--font-mono), monospace;letter-spacing:.08em;text-transform:uppercase;font-size:.68rem}.portfolio-contact-action-copy strong{letter-spacing:-.055em;font-size:clamp(1.8rem,3vw,3rem);font-weight:550;line-height:1}.portfolio-contact-action-copy>span{color:#f4f5f294;max-width:42ch;font-size:1rem;line-height:1.55}.portfolio-contact-action>svg{color:#f4f5f280;align-self:center;margin-right:1.5rem}.portfolio-contact-direct{border-bottom:1px solid #ffffff24;flex-wrap:wrap;gap:1.75rem;padding:2rem 0;display:flex}.portfolio-contact-direct a{color:#f4f5f2b8;align-items:center;gap:.65rem;min-height:3rem;font-size:.92rem;text-decoration:none;display:inline-flex}.portfolio-contact-direct a:hover{color:#72e79c}.portfolio-footer{color:#f4f5f26b;font-family:var(--font-mono), monospace;justify-content:space-between;gap:1rem;padding-top:1.4rem;font-size:.7rem;display:flex}.route-error-visual{background:#0c110e;border-radius:1rem;place-items:center;min-height:min(70svh,48rem);display:grid;position:relative;overflow:hidden}.route-error-visual img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.route-error-visual span{color:#0000;font-family:var(--font-mono), monospace;-webkit-text-stroke:1px #26d96d66;font-size:clamp(7rem,18vw,18rem);font-weight:800;line-height:.8;position:absolute;bottom:-.08em;right:1rem}.works-empty-state img{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:11rem;height:11rem}.works-empty-state p{font-size:1rem}.reference-hero-description,.works-project-summary,.works-empty-state p,.portfolio-selected-projects dd{font-size:var(--text-body);line-height:var(--leading-body)}.reference-hero-line{margin-bottom:-.06em;padding-bottom:.06em;display:block;overflow:hidden}.reference-hero-line>span{display:block}.portfolio-work-scene img,.portfolio-about-media img,.journey-media-poster,.journey-media-video{transform-origin:50%}.portfolio-selected-projects a,.portfolio-contact-action,.portfolio-contact-direct a,.reference-primary-button{touch-action:manipulation}.portfolio-selected-projects a:active,.portfolio-contact-action:active,.reference-primary-button:active{transition-duration:0s;transform:scale(.985)}.portfolio-project-open svg,.portfolio-contact-action>svg,.portfolio-contact-direct svg{transition:transform var(--motion-hover) var(--ease-enter), color var(--motion-hover) ease}@media (hover:hover) and (pointer:fine){.portfolio-selected-projects a{transition:padding-left var(--motion-hover) var(--ease-enter), background-color var(--motion-hover) ease}.portfolio-selected-projects a:hover{background:#ffffff05;padding-left:1rem}.portfolio-selected-projects a:hover .portfolio-project-open svg{transform:translate(.35rem)}.portfolio-contact-action{transition:background-color var(--motion-hover) ease}.portfolio-contact-action:hover>svg,.portfolio-contact-action:focus-visible>svg{color:#72e79c;transform:translate(.2rem,-.2rem)}.portfolio-contact-direct a:hover svg{transform:translateY(-.15rem)}}@media (max-width:900px){.portfolio-work-section,.portfolio-about-section{grid-template-columns:1fr}.portfolio-section-heading{grid-template-columns:1fr;gap:1.5rem}.portfolio-work-scene{aspect-ratio:16/11;position:relative;top:auto}.portfolio-work-section>.portfolio-text-action{grid-column:1}.portfolio-about-media{aspect-ratio:4/5}.portfolio-contact-heading{grid-template-columns:1fr;gap:1.5rem}.portfolio-contact-heading .reference-eyebrow,.portfolio-contact-heading h2,.portfolio-contact-heading>p:last-child{grid-area:auto/1}.portfolio-contact-actions{grid-template-columns:1fr}}@media (max-width:560px){.reference-nav>a{display:none}.portfolio-work-section,.portfolio-about-section,.portfolio-contact-section{padding-inline:1rem}.portfolio-section-heading h2,.portfolio-about-copy h2,.portfolio-contact-heading h2{font-size:clamp(3.1rem,15vw,5rem)}.portfolio-selected-projects dl{grid-template-columns:1fr}.reference-social-rail,.reference-hero-meta{display:none}.reference-hero-copy{padding-right:.25rem}.portfolio-contact-direct,.portfolio-footer{flex-direction:column;align-items:flex-start;gap:.5rem}}@media (prefers-reduced-motion:reduce){.reference-hero-line>span,.portfolio-work-scene img,.portfolio-about-media img,.journey-media-poster,.journey-media-video,.portfolio-contact-media video{transform:none!important}.portfolio-text-action,.portfolio-selected-projects a,.portfolio-contact-action,.portfolio-project-open svg,.portfolio-contact-action>svg,.portfolio-contact-direct svg,.reference-nav>a{transition:none}}.character-lab-page{color:#f3efe6;background:#090b09;min-height:100svh;padding:clamp(1rem,3vw,2.5rem)}.character-lab-header{grid-template-columns:minmax(0,7fr) minmax(16rem,3fr);gap:clamp(1.5rem,4vw,4rem);max-width:96rem;margin:0 auto clamp(2rem,5vw,4.5rem);display:grid}.character-lab-header>a{color:#f3efe6ad;grid-column:1/-1;justify-self:start;align-items:center;gap:.55rem;min-height:3rem;text-decoration:none;display:inline-flex}.character-lab-header .reference-eyebrow{grid-column:1/-1}.character-lab-header h1{letter-spacing:-.07em;max-width:15ch;margin:0;font-size:clamp(3rem,7.5vw,8.5rem);font-weight:560;line-height:.9}.character-lab-header>p:last-child{color:#f3efe6b3;max-width:34rem;font-size:var(--text-body);line-height:var(--leading-body);align-self:end;margin:0}.character-lab-gate,.character-lab-stage{border-top:1px solid #f3efe629;max-width:96rem;margin:0 auto}.character-lab-gate{grid-template-columns:minmax(0,3fr) minmax(18rem,2fr);gap:clamp(2rem,6vw,7rem);padding-block:clamp(2rem,5vw,5rem);display:grid}.character-lab-gate h2{letter-spacing:-.055em;max-width:14ch;margin:.8rem 0 0;font-size:clamp(2rem,4.5vw,5.2rem);line-height:.98}.character-lab-gate-action{flex-direction:column;align-self:end;align-items:flex-start;gap:.65rem;display:flex}.character-lab-gate-action p{color:#f3efe680;font-family:var(--font-mono);margin:0;font-size:.75rem;line-height:1.5}.character-lab-loading{color:#f3efe69e;min-height:55svh;font-family:var(--font-mono);place-items:center;font-size:.8rem;display:grid}.game-lab-link{color:#f3efe69e;min-height:3rem;font-family:var(--font-mono);align-items:center;gap:.55rem;font-size:.75rem;text-decoration:none;display:inline-flex}@media (hover:hover) and (pointer:fine){.game-lab-link:hover{color:#72e79c}}.character-lab-stage{border-bottom:1px solid #f3efe629;grid-template-columns:minmax(0,1fr) minmax(16rem,22rem);min-height:min(72svh,58rem);display:grid}.character-lab-viewport{background:radial-gradient(circle at 50% 45%,#76ee9d0e,#0000 34%),#070907;min-width:0;min-height:34rem;position:relative;overflow:hidden}.character-lab-viewport:after{content:"";pointer-events:none;border:1px solid #f3efe614;position:absolute;inset:0}.character-lab-viewport canvas{touch-action:none;outline:none;width:100%;height:100%}.character-lab-viewport canvas:focus-visible{outline-offset:-4px;outline:2px solid #72e79c}.character-lab-state{z-index:2;color:#f3efe6b8;text-align:center;background:#070907;align-content:center;justify-items:center;gap:1rem;padding:2rem;display:grid;position:absolute;inset:0}.character-lab-state button,.character-lab-actions button{color:#f3efe6;min-height:3rem;font:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:1px solid #f3efe62e;padding:.65rem .9rem}.character-lab-runtime-state{z-index:1;color:#f3efe6b3;font-family:var(--font-mono);background:#090b09d1;align-items:center;gap:.55rem;margin:0;padding:.55rem .7rem;font-size:.7rem;display:flex;position:absolute;bottom:1rem;right:1rem}.character-lab-runtime-state span{background:#72e79c;border-radius:50%;width:.45rem;height:.45rem}.character-lab-console{border-left:1px solid #f3efe629;flex-direction:column;gap:2rem;padding:clamp(1.25rem,3vw,2.25rem);display:flex}.character-lab-console-heading{flex-direction:column;gap:.8rem;display:flex}.character-lab-console-heading strong{font-size:1.1rem;font-weight:520}.character-lab-console dl{margin:0}.character-lab-console dl>div{border-top:1px solid #f3efe61a;justify-content:space-between;gap:1rem;padding-block:.9rem;display:flex}.character-lab-console dt{color:#f3efe680}.character-lab-console dd{color:#f3efe6;font-family:var(--font-mono);font-variant-numeric:tabular-nums;margin:0}.character-lab-variants{border:1px solid #f3efe61f;grid-template-columns:repeat(3,1fr);gap:.35rem;padding:.3rem;display:grid}.character-lab-variants button{color:#f3efe68c;min-height:3rem;font-family:var(--font-mono);cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:.55rem .65rem;font-size:.68rem}.character-lab-variants button[aria-pressed=true]{color:#091009;background:#72e79c}.character-lab-actions{flex-direction:column;gap:.65rem;margin-top:auto;display:flex}.character-lab-animation-control{border-top:1px solid #f3efe61a;gap:.55rem;padding-top:1rem;display:grid}.character-lab-animation-control label{color:#f3efe680;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;font-size:.7rem}.character-lab-animation-control select,.character-lab-animation-control button{color:#f3efe6;min-height:3rem;font:inherit;background:#090b09;border:1px solid #f3efe62e;border-radius:0}.character-lab-animation-control select{width:100%;padding-inline:.75rem}.character-lab-animation-control button{cursor:pointer;touch-action:manipulation;padding:.65rem .9rem}.character-lab-actions button[aria-pressed=true]{color:#72e79c;border-color:#72e79c}@media (hover:hover) and (pointer:fine){.character-lab-header>a:hover,.character-lab-state button:hover,.character-lab-variants button:not([aria-pressed=true]):hover,.character-lab-actions button:hover{color:#72e79c}.character-lab-animation-control button:hover{color:#72e79c;border-color:#72e79c}}@media (max-width:820px){.character-lab-header,.character-lab-gate,.character-lab-stage{grid-template-columns:1fr}.character-lab-header h1{font-size:clamp(3rem,13vw,6rem)}.character-lab-stage{min-height:auto}.character-lab-viewport{min-height:min(68svh,38rem)}.character-lab-console{border-top:1px solid #f3efe629;border-left:0}.character-lab-actions{grid-template-columns:1fr 1fr;display:grid}.character-lab-variants{grid-template-columns:1fr}}@media (max-width:480px){.character-lab-page{padding-inline:1rem}.character-lab-viewport{min-height:31rem}.character-lab-runtime-state{max-width:calc(100% - 1.3rem);bottom:.65rem;right:.65rem}}@media (prefers-reduced-motion:reduce){.character-lab-page *{scroll-behavior:auto}}.player-sandbox-page{color:#f3efe6;background:#090b09;min-height:100svh;padding:clamp(1rem,3vw,2.5rem)}.player-sandbox-header{grid-template-columns:minmax(0,7fr) minmax(17rem,3fr);gap:clamp(1.5rem,4vw,4rem);max-width:96rem;margin:0 auto clamp(2rem,5vw,4.5rem);display:grid}.player-sandbox-header>a{color:#f3efe6ad;grid-column:1/-1;justify-self:start;align-items:center;gap:.55rem;min-height:3rem;text-decoration:none;display:inline-flex}.player-sandbox-header .reference-eyebrow{grid-column:1/-1}.player-sandbox-header h1{letter-spacing:-.068em;max-width:16ch;margin:0;font-size:clamp(3rem,7vw,8rem);font-weight:560;line-height:.92}.player-sandbox-header>p:last-child{color:#f3efe6b3;max-width:35rem;font-size:var(--text-body);line-height:var(--leading-body);align-self:end;margin:0}.player-sandbox-gate,.player-sandbox-stage{border-top:1px solid #f3efe629;max-width:96rem;margin:0 auto}.player-sandbox-gate{grid-template-columns:minmax(0,3fr) minmax(18rem,2fr);gap:clamp(2rem,6vw,7rem);padding-block:clamp(2rem,5vw,5rem);display:grid}.player-sandbox-gate h2{letter-spacing:-.055em;max-width:15ch;margin:.8rem 0 1.25rem;font-size:clamp(2rem,4.5vw,5.2rem);font-weight:560;line-height:.98}.player-sandbox-gate>div:first-child>p:last-child{color:#f3efe69e;max-width:42rem;margin:0;line-height:1.65}.player-sandbox-gate-action{flex-direction:column;align-self:end;align-items:flex-start;gap:.65rem;display:flex}.player-sandbox-gate-action p{color:#f3efe680;font-family:var(--font-mono);margin:0;font-size:.75rem;line-height:1.5}.player-sandbox-loading{color:#f3efe69e;min-height:58svh;font-family:var(--font-mono);place-items:center;font-size:.8rem;display:grid}.player-sandbox-stage{border-bottom:1px solid #f3efe629;grid-template-columns:minmax(0,1fr) minmax(17rem,22rem);min-height:min(76svh,62rem);display:grid}.player-sandbox-viewport{background:#0e100f;min-width:0;min-height:38rem;position:relative;overflow:hidden}.player-sandbox-viewport:after{content:"";pointer-events:none;border:1px solid #f3efe614;position:absolute;inset:0}.player-sandbox-viewport canvas{outline:none;width:100%;height:100%;display:block;touch-action:pan-y!important}.player-sandbox-viewport canvas:focus-visible{outline-offset:-4px;outline:2px solid #72e79c}.player-sandbox-runtime-message,.player-sandbox-pause{z-index:3;text-align:center;background:#0e100f;place-items:center;padding:2rem;display:grid;position:absolute;inset:0}.player-sandbox-runtime-message button,.player-sandbox-pause button,.player-sandbox-console-actions button{color:#f3efe6;min-height:3rem;font:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:1px solid #f3efe633;border-radius:0;padding:.65rem .9rem}.player-sandbox-pause{background:#090b09eb}.player-sandbox-pause>div{max-width:34rem}.player-sandbox-pause h2{letter-spacing:-.055em;margin:.85rem 0;font-size:clamp(2.2rem,5vw,4.8rem);font-weight:560;line-height:.95}.player-sandbox-pause p:not(.reference-eyebrow){color:#f3efe6a6;margin:0 auto 1.5rem;line-height:1.6}.player-sandbox-controls-hint{z-index:2;color:#f3efe6a8;font-family:var(--font-mono);pointer-events:none;background:#090b09d6;flex-wrap:wrap;gap:.35rem 1rem;padding:.7rem .85rem;font-size:.68rem;display:flex;position:absolute;bottom:1rem;left:1rem;right:1rem}.player-sandbox-controls-hint span:first-child{color:#72e79c}.player-sandbox-console{border-left:1px solid #f3efe629;flex-direction:column;gap:1.8rem;min-width:0;padding:clamp(1.25rem,3vw,2.25rem);display:flex}.player-sandbox-console-heading{gap:.7rem;display:grid}.player-sandbox-console-heading strong{font-size:1.1rem;font-weight:560}.player-sandbox-console-heading>p:last-child{color:#f3efe68a;margin:0;font-size:.88rem;line-height:1.55}.player-sandbox-console dl{margin:0}.player-sandbox-console dl>div{border-top:1px solid #f3efe61a;justify-content:space-between;gap:1rem;padding-block:.85rem;display:flex}.player-sandbox-console dt{color:#f3efe680;font-weight:520}.player-sandbox-console dd{color:#f3efe6;min-width:0;font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:right;margin:0}.player-sandbox-console dd[data-player-state=Jump],.player-sandbox-console dd[data-player-state=Falling],.player-sandbox-console dd[data-player-state=Landing]{color:#72e79c}.player-sandbox-animation-row{flex-direction:column;gap:.4rem!important}.player-sandbox-animation-row dd{color:#f3efe6b8;text-align:left}.player-sandbox-console-actions{gap:.65rem;margin-top:auto;display:grid}.player-sandbox-console-actions button[aria-pressed=true]{color:#72e79c;border-color:#72e79c}.game-lab-link.is-sandbox{color:#72e79c}.game-lab-link.is-graybox{color:#f3efe6}.game-lab-link.is-puzzle{color:#72e79c}.game-lab-link.is-world{color:#d9ff43}.player-puzzle-objective{z-index:2;color:#f3efe6;-webkit-backdrop-filter:blur(12px)saturate(125%);backdrop-filter:blur(12px)saturate(125%);background:#090b09db;border-left:2px solid #72e79c;gap:.25rem;max-width:min(19rem,100% - 24rem);padding:.75rem .85rem;display:grid;position:absolute;top:1rem;left:1rem}.player-puzzle-objective>span{color:#f3efe67a;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;font-size:.58rem}.player-puzzle-objective>strong{font-size:.8rem;font-weight:560}.player-puzzle-complete{z-index:2;color:#f3efe6;pointer-events:none;background:#07170df0;border:1px solid #72e79c8f;align-items:center;gap:1rem;padding:1rem;display:flex;position:absolute;bottom:4.3rem;left:1rem;right:1rem}.player-puzzle-complete>span{color:#72e79c;width:2.5rem;height:2.5rem;font-family:var(--font-mono);border:1px solid #72e79c80;flex:none;place-items:center;font-size:.68rem;display:grid}.player-puzzle-complete strong{color:#72e79c;font-size:.9rem;display:block}.player-puzzle-complete p{color:#f3efe6ad;margin:.2rem 0 0;font-size:.76rem}.player-mechanical-actions{z-index:2;justify-items:end;gap:.45rem;width:min(22rem,100% - 2rem);display:grid;position:absolute;top:1rem;right:1rem}.player-layer-toggle,.player-elo-action{color:#f3efe6;-webkit-backdrop-filter:blur(12px)saturate(125%);backdrop-filter:blur(12px)saturate(125%);min-height:3rem;font-family:var(--font-mono);cursor:pointer;touch-action:manipulation;background:#090b09db;border:1px solid #f3efe638;border-radius:0;align-items:center;gap:.7rem;padding:.55rem .8rem .55rem .55rem;font-size:.72rem;transition:color .18s,border-color .18s,background-color .18s;display:inline-flex}.player-layer-toggle>span,.player-elo-action>span{color:#f3efe6ad;border:1px solid #f3efe633;place-items:center;width:2rem;height:2rem;display:grid}.player-layer-toggle[aria-pressed=true]{color:#72e79c;background:#07170de6;border-color:#72e79cb8}.player-layer-toggle[aria-pressed=true]>span{color:#72e79c;border-color:#72e79c80}.player-layer-toggle:active{transform:scale(.98)}.player-elo-action{color:#72e79c;background:#07170de6;border-color:#72e79c80}.player-elo-action:disabled{color:#f3efe685;cursor:default;background:#090b09c7;border-color:#f3efe624}.player-elo-action:not(:disabled):active{transform:scale(.98)}@media (hover:hover) and (pointer:fine){.player-sandbox-header>a:hover,.player-sandbox-runtime-message button:hover,.player-sandbox-pause button:hover,.player-sandbox-console-actions button:hover,.player-layer-toggle:hover,.player-elo-action:not(:disabled):hover{color:#72e79c;border-color:#72e79c}}@media (max-width:900px){.player-sandbox-header,.player-sandbox-gate,.player-sandbox-stage{grid-template-columns:1fr}.player-sandbox-header h1{font-size:clamp(3rem,13vw,6rem)}.player-sandbox-stage{min-height:auto}.player-sandbox-viewport{min-height:min(72svh,42rem)}.player-sandbox-console{border-top:1px solid #f3efe629;border-left:0}.player-sandbox-console-actions{grid-template-columns:1fr 1fr}}@media (max-width:520px){.player-sandbox-page{padding-inline:1rem}.player-sandbox-viewport{min-height:66svh}.player-sandbox-controls-hint{gap:.3rem .7rem;bottom:.65rem;left:.65rem;right:.65rem}.player-mechanical-actions{width:calc(100% - 1.3rem);top:.65rem;right:.65rem}.player-puzzle-objective{max-width:calc(100% - 1.3rem);top:8.2rem;left:.65rem}.player-sandbox-console dl>div:not(.player-sandbox-animation-row){font-size:.94rem}}@media (prefers-reduced-motion:reduce){.player-sandbox-page *{scroll-behavior:auto}.player-layer-toggle,.player-elo-action,.player-puzzle-objective{transition:none}}@media (prefers-reduced-transparency:reduce){.player-layer-toggle,.player-elo-action,.player-puzzle-objective{-webkit-backdrop-filter:none;backdrop-filter:none;background:#090b09}}@media (min-width:640px){.sm\:gap-4{gap:1rem}.sm\:px-8{padding-left:2rem;padding-right:2rem}.sm\:py-4{padding-top:1rem;padding-bottom:1rem}}