@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/32687112bd2dd8db-s.0v2ipp7s07_p9.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/28868e710e86be81-s.44ks8kcggj012.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/0c89a48fa5027cee-s.p.1ii7211jqpzi_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk Fallback;src:local(Arial);ascent-override:89.71%;descent-override:26.62%;line-gap-override:0.0%;size-adjust:109.69%}.space_grotesk_a4177b3f-module__DCxVEW__className{font-family:Space Grotesk,Space Grotesk Fallback;font-style:normal}.space_grotesk_a4177b3f-module__DCxVEW__variable{--font-sans:"Space Grotesk", "Space Grotesk Fallback"}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/13bf9871fe164e7f-s.3bz3aq452sydg.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/cc545e633e20c56d-s.2sb9jzhmrh7ny.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/71b036adf157cdcf-s.343obqi851wr5.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/89b21bb081cb7469-s.40kcwrf1wub16.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/3fe682a82f50d426-s.200l3jur7oygh.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/70bc3e132a0a741e-s.p.269kn9uafm0ti.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Fallback;src:local(Arial);ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.0%;size-adjust:134.59%}.jetbrains_mono_2b1eae20-module__XfFTLG__className{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.jetbrains_mono_2b1eae20-module__XfFTLG__variable{--font-mono:"JetBrains Mono", "JetBrains Mono Fallback"}
*,: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}.fixed{position:fixed}.inset-x-0{left:0;right:0}.bottom-0{bottom:0}.top-3{top:.75rem}.flex{display:flex}.hidden{display:none}.size-3\.5{width:.875rem;height:.875rem}.shrink-0{flex-shrink:0}.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}.outline-none{outline-offset:2px;outline:2px solid #0000}.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}: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), Arial, sans-serif;text-rendering:optimizelegibility;margin:0;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}.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}.reference-header{z-index:70;pointer-events:none;padding:1.15rem clamp(1.5rem,3vw,3rem);position:fixed;inset:0 0 auto}.reference-header-inner{pointer-events:auto;justify-content:space-between;align-items:center;gap:1rem;max-width:none;min-height:3rem;margin:0;display:flex}.reference-brand{color:var(--reference-ink);align-items:center;transition:color .45s,opacity .25s;display:inline-flex}.reference-brand:hover{opacity:.65}.reference-brand-mark{-o-object-fit:contain;object-fit:contain;width:2.1rem;height:2.1rem;display:block}.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:.8rem 1rem}.reference-header-inner{align-items:flex-start;position:relative}.reference-brand{gap:.45rem;font-size:.76rem}.reference-brand-mark{width:1.8rem;height:1.8rem}.reference-nav{gap:.1rem}.reference-nav>button:not(.reference-mobile-menu-button){display:none}.reference-mobile-menu-button{display:block}.language-link{min-width:1.55rem;font-size:.55rem}.language-flag-icon{width:1rem;height:.67rem}.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-work-tabs button.is-active{background:var(--primary);color:var(--primary-ink)}.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}}.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)}.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}}@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}}
