*,:after,:before{--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:rgba(59,130,246,.5);--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: }::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:rgba(59,130,246,.5);--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: }/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings: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:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-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,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.visible{visibility:visible}.block{display:block}.hidden{display:none}.resize{resize:both}.scroll-smooth{scroll-behavior:smooth}.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)}:root{--accent:#42e8f1;--accent-alt:#9b8cff;--accent-pink:#ff7aa8;--warm:#fbbf24;--ink-gold:#e8d8af;--cinnabar:#f9735b;--bg:#05060f;--bg-soft:#080a12;--text:#f0f4f8;--muted:rgba(240,244,248,.6);--panel:hsla(0,0%,100%,.06);--panel-strong:hsla(0,0%,100%,.12);--line:hsla(0,0%,100%,.1);--shadow:rgba(0,0,0,.4);--mono:"SFMono-Regular","SF Mono",ui-monospace,Menlo,Monaco,Consolas,"Liberation Mono",monospace;--code-bg:rgba(2,6,23,.66);--code-line:rgba(66,232,241,.16);--code-key:#82f7ff;--code-string:#e8d8af;--hero-bg-image:url(../media/hero-poster.webp);--about-bg-image:url(../media/capability-field.webp);--timeline-bg-image:url(../media/process-field.webp);--works-bg-image:url(../media/case-site-art.webp);--contact-bg-image:url(../media/contact-field.webp);--skills-bg-image:url(../media/006.webp);color-scheme:dark}[data-theme=light]{--accent:#007f8d!important;--accent-alt:#4f46e5!important;--accent-pink:#b83280!important;--ink-gold:#856b24!important;--bg:#f7f3ea;--bg-soft:#ece4d6;--text:#111827;--muted:rgba(17,24,39,.76);--panel:hsla(0,0%,100%,.84);--panel-strong:hsla(0,0%,100%,.96);--line:rgba(17,24,39,.16);--shadow:rgba(17,24,39,.18);--code-bg:hsla(0,0%,100%,.72);--code-line:rgba(0,127,141,.16);--code-key:#007f8d;--code-string:#856b24;color-scheme:light}*{box-sizing:border-box}body,html{background:var(--bg)}body{min-height:100vh;overflow-x:hidden;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";inset:0;background:linear-gradient(115deg,color-mix(in srgb,var(--accent) 10%,transparent),transparent 34rem),linear-gradient(250deg,color-mix(in srgb,var(--ink-gold) 8%,transparent),transparent 28rem),linear-gradient(90deg,var(--code-line) 1px,transparent 1px),linear-gradient(180deg,color-mix(in srgb,var(--text) 5%,transparent) 1px,transparent 1px);background-size:auto,auto,4rem 4rem,4rem 4rem;-webkit-mask-image:radial-gradient(ellipse at center,#000 0,transparent 78%);mask-image:radial-gradient(ellipse at center,#000 0,transparent 78%);opacity:.78;animation:atmosphere-drift 18s ease-in-out infinite alternate}body:after,body:before{position:fixed;z-index:0;pointer-events:none}body:after{content:"01 const idea = input();  02 design.interface();  03 build.static();  04 deploy.pages();";left:1rem;right:1rem;bottom:.7rem;color:color-mix(in srgb,var(--accent) 22%,transparent);font-family:var(--mono);font-size:.65rem;letter-spacing:0;white-space:nowrap;opacity:.42}body>*{position:relative;z-index:1}main{overflow:hidden}::-moz-selection{background:color-mix(in srgb,var(--accent) 35%,transparent)}::selection{background:color-mix(in srgb,var(--accent) 35%,transparent)}[id]{scroll-margin-top:5rem}.site-header{position:fixed;inset:0 0 auto 0;z-index:60;border-bottom:1px solid color-mix(in srgb,var(--accent) 16%,var(--line));background:linear-gradient(90deg,color-mix(in srgb,var(--bg) 92%,transparent),color-mix(in srgb,var(--code-bg) 84%,transparent)),color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.nav-shell{width:min(100%,88rem);height:4.25rem;margin:0 auto;padding:0 1.5rem;justify-content:space-between;gap:1rem}.brand-link,.nav-shell{display:flex;align-items:center}.brand-link{gap:.6rem;color:var(--text);text-decoration:none}.brand-mark{display:grid;width:2.25rem;height:2.25rem;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 56%,transparent);border-radius:.25rem;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 22%,var(--bg)),color-mix(in srgb,var(--ink-gold) 18%,var(--bg)));color:var(--accent);font-family:var(--mono);font-weight:1000;font-size:1rem;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--text) 7%,transparent)}.brand-avatar{overflow:hidden;padding:0;background:#05060f}.brand-avatar img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.brand-name{font-family:var(--mono);font-weight:900;font-size:1.1rem}.nav-links{display:flex;align-items:center;gap:.25rem}.mobile-link,.nav-link{position:relative;border-radius:.28rem;padding:.6rem .9rem;color:var(--muted);font-family:var(--mono);font-size:.88rem;font-weight:700;text-decoration:none;transition:color .2s,background .2s}.mobile-link.is-active,.mobile-link:hover,.nav-link.is-active,.nav-link:hover{color:var(--text);background:color-mix(in srgb,var(--accent) 10%,transparent)}.nav-actions{display:flex;align-items:center;gap:.6rem}.theme-toggle{display:inline-flex;align-items:center;gap:.4rem;min-height:2.25rem;padding:.3rem .8rem;border:1px solid var(--line);border-radius:999px;color:var(--text);background:var(--panel);font-size:.85rem;cursor:pointer;transition:background .2s,border-color .2s}.theme-toggle:hover{background:var(--panel-strong);border-color:color-mix(in srgb,var(--accent) 40%,transparent)}.theme-toggle-dot{width:.6rem;height:.6rem;border-radius:999px;background:var(--accent)}.nav-cta{position:relative;overflow:hidden;display:inline-flex;align-items:center;border-radius:999px;padding:.6rem 1rem;color:#05060f;background:linear-gradient(135deg,#fff 0,var(--accent) 100%);font-weight:800;font-size:.85rem;text-decoration:none;transition:transform .2s,box-shadow .2s}.nav-cta:hover{transform:translateY(-1px);box-shadow:0 4px 20px color-mix(in srgb,var(--accent) 40%,transparent)}.mobile-menu-button{display:none;width:2.4rem;height:2.4rem;place-items:center;border:1px solid var(--line);border-radius:.4rem;background:var(--panel);cursor:pointer}.mobile-menu-button span{display:block;width:1rem;height:2px;background:var(--text)}.mobile-menu-button span:after,.mobile-menu-button span:before{content:"";display:block;width:1rem;height:2px;background:var(--text)}.mobile-menu{border-top:1px solid var(--line);padding:.8rem 1.5rem 1rem;background:color-mix(in srgb,var(--bg) 88%,transparent)}.mobile-menu .mobile-link{display:flex;min-height:2.6rem;align-items:center}.hidden{display:none}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;padding:0}.scroll-rail{position:fixed;right:.9rem;top:50%;z-index:50;display:grid;gap:.74rem;transform:translateY(-50%);justify-items:end}.scroll-progress{position:absolute;right:.62rem;top:.55rem;bottom:.55rem;width:1px;overflow:hidden;background:color-mix(in srgb,var(--text) 12%,transparent)}.scroll-progress span{display:block;width:100%;height:calc(var(--scroll-progress, 0)*100%);background:linear-gradient(180deg,var(--accent),var(--ink-gold))}.rail-link{position:relative;display:grid;grid-template-columns:minmax(2.1rem,max-content) 1.25rem;gap:.68rem;align-items:center;min-width:5.4rem;padding:.28rem .2rem .28rem .55rem;border-radius:.46rem;color:color-mix(in srgb,var(--text) 38%,transparent);font-size:.86rem;font-weight:800;text-decoration:none;letter-spacing:0;transition:color .18s ease,transform .18s ease,background .18s ease}.rail-link:before{content:"";position:relative;z-index:1;grid-column:2;grid-row:1;justify-self:center;width:.76rem;height:.76rem;border:1px solid color-mix(in srgb,var(--ink-gold) 60%,transparent);border-radius:999px;background:var(--bg)}.rail-num{grid-column:1;grid-row:1;color:color-mix(in srgb,var(--accent) 72%,var(--text));font-size:1rem;font-weight:1000;line-height:1}.rail-label{grid-column:1;grid-row:2;color:color-mix(in srgb,var(--text) 54%,transparent);font-size:.88rem;font-weight:900;line-height:1.1}.rail-link.is-active,.rail-link:hover{color:var(--text);background:color-mix(in srgb,var(--panel-strong) 72%,transparent);transform:translateX(-2px)}.rail-link.is-active .rail-label,.rail-link:hover .rail-label{color:var(--text)}.rail-link.is-active:before{background:var(--accent);border-color:var(--accent);box-shadow:0 0 18px color-mix(in srgb,var(--accent) 55%,transparent)}.hero-section{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden;isolation:isolate}.hero-background{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 14%,transparent) 1px,transparent 1px),linear-gradient(180deg,color-mix(in srgb,var(--accent) 8%,transparent) 1px,transparent 1px),radial-gradient(ellipse at 24% 38%,color-mix(in srgb,var(--accent) 16%,transparent) 0,transparent 28rem),radial-gradient(ellipse at 74% 30%,color-mix(in srgb,var(--ink-gold) 8%,transparent) 0,transparent 24rem),linear-gradient(90deg,rgba(3,4,10,.99) 0,rgba(3,4,10,.94) 54%,rgba(3,4,10,.99) 100%);background-size:4.5rem 4.5rem,4.5rem 4.5rem,auto,auto,auto;filter:saturate(.92) contrast(1.05)}.hero-overlay{position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 20% 30%,color-mix(in srgb,var(--accent) 12%,transparent) 0,transparent 25rem),radial-gradient(circle at 75% 50%,color-mix(in srgb,var(--ink-gold) 10%,transparent) 0,transparent 20rem),linear-gradient(90deg,rgba(5,6,15,.9) 0,rgba(5,6,15,.52) 56%,rgba(5,6,15,.12) 100%),linear-gradient(180deg,transparent 0,rgba(5,6,15,.5) 80%,var(--bg) 100%);pointer-events:none;animation:light-breathe 9s ease-in-out infinite alternate}.hero-shell{position:relative;z-index:1;display:grid;width:min(100%,88rem);min-height:calc(100svh - 6rem);margin:0 auto;padding:5rem 1.5rem 3rem;grid-template-columns:minmax(0,1fr) minmax(22rem,.72fr);align-items:center;gap:clamp(2rem,5vw,5rem)}.hero-copy{max-width:50rem}.eyebrow{display:inline-flex;align-items:center;gap:.6rem;color:color-mix(in srgb,var(--accent) 80%,var(--text));font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.eyebrow:before{content:"";width:2rem;height:1px;background:currentColor}.hero-name{margin-top:.8rem;max-width:9ch;font-size:clamp(4.8rem,7.2vw,6.85rem);font-weight:1000;line-height:.9;letter-spacing:0;color:var(--text);text-shadow:0 0 28px color-mix(in srgb,var(--accent) 18%,transparent),0 0 58px color-mix(in srgb,var(--ink-gold) 12%,transparent)}.hero-avatar-feature{position:relative;width:clamp(10rem,16vw,14.5rem);aspect-ratio:1;margin-top:.9rem;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 38%,var(--line));border-radius:.9rem;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 12%,transparent),transparent 58%),var(--bg);box-shadow:0 0 0 1px color-mix(in srgb,var(--text) 7%,transparent) inset,0 24px 70px rgba(0,0,0,.34),0 0 42px color-mix(in srgb,var(--accent) 16%,transparent)}.hero-avatar-feature:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 18%,transparent),transparent 35%),linear-gradient(180deg,transparent 52%,rgba(3,4,10,.36))}.hero-avatar-large{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;filter:saturate(.92) contrast(1.04)}.hero-role{margin-top:1rem;color:var(--text);font-size:clamp(1.5rem,2.1vw,1.95rem);font-weight:900;line-height:1.16;max-width:25ch;text-wrap:balance;word-break:normal}.hero-intro{max-width:42rem;margin-top:1.2rem;color:var(--muted);font-size:1.02rem;line-height:1.72;text-wrap:pretty}.hero-profile{display:inline-flex;max-width:min(100%,28rem);align-items:center;gap:.85rem;margin-top:1.2rem;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));border-radius:.65rem;padding:.5rem .9rem .5rem .5rem;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,transparent),transparent 56%),color-mix(in srgb,var(--code-bg) 66%,transparent);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--text) 8%,transparent)}.hero-profile-image{flex:0 0 auto;width:4.75rem;height:4.75rem;border:1px solid color-mix(in srgb,var(--accent) 34%,transparent);border-radius:.5rem;-o-object-fit:cover;object-fit:cover;-o-object-position:42% 34%;object-position:42% 34%;background:var(--bg)}.hero-profile-copy{display:grid;gap:.24rem;min-width:0}.hero-profile-copy strong{color:var(--text);font-family:var(--mono);font-size:.95rem;font-weight:1000;line-height:1.2}.hero-profile-copy span{color:var(--muted);font-size:.82rem;font-weight:700;line-height:1.35}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}.action-button{position:relative;overflow:hidden;display:inline-flex;align-items:center;min-height:3rem;padding:.8rem 1.5rem;border-radius:999px;font-weight:800;font-size:.9rem;text-decoration:none;transition:transform .2s,background .2s}.action-button:after,.nav-cta:after,.submit-button:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent,hsla(0,0%,100%,.42) 45%,transparent 72%);transform:translateX(-120%);transition:transform .52s ease}.action-button:hover:after,.nav-cta:hover:after,.submit-button:hover:after{transform:translateX(120%)}.action-button.primary{color:#05060f;background:linear-gradient(135deg,#fff 0,var(--accent) 100%)}.action-button.primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px color-mix(in srgb,var(--accent) 40%,transparent)}.action-button.secondary{color:var(--text);background:var(--panel);border:1px solid var(--line)}.action-button.secondary:hover{background:var(--panel-strong);transform:translateY(-1px)}.hero-proofline,.hero-stats{display:grid;max-width:46rem;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:2.55rem;border-top:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));border-bottom:1px solid color-mix(in srgb,var(--ink-gold) 18%,var(--line))}.hero-stat{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:.15rem .55rem;border-right:1px solid var(--line);padding:1rem 1rem .95rem 0;background:transparent}.hero-stat+.hero-stat{padding-left:1rem}.hero-stat:last-child{border-right:0}.hero-stat strong{display:block;grid-column:2;color:var(--text);font-size:1.08rem;font-weight:1000;line-height:1.2}.hero-stat span{display:block;grid-row:1/span 2;color:color-mix(in srgb,var(--accent) 78%,var(--ink-gold));font-size:.7rem;font-weight:1000;line-height:1.35}.hero-stat em{display:block;grid-column:2;color:var(--muted);font-size:.75rem;font-style:normal;line-height:1.4}.hero-console{position:relative;overflow:hidden;justify-self:end;width:min(100%,34rem);margin-right:clamp(2.5rem,6vw,5rem);border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));border-radius:.5rem;background:linear-gradient(135deg,color-mix(in srgb,var(--code-bg) 88%,transparent),color-mix(in srgb,var(--bg) 72%,transparent)),color-mix(in srgb,var(--panel) 72%,transparent);box-shadow:0 30px 90px rgba(0,0,0,.34),inset 0 1px 0 color-mix(in srgb,var(--text) 8%,transparent);font-family:var(--mono)}.hero-console:before{content:"";position:absolute;inset:2.9rem 0 0;pointer-events:none;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 8%,transparent) 1px,transparent 1px),linear-gradient(180deg,color-mix(in srgb,var(--text) 5%,transparent) 1px,transparent 1px);background-size:3rem 3rem;opacity:.5}.console-top{position:relative;z-index:1;display:flex;min-height:2.9rem;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));padding:0 1rem;background:color-mix(in srgb,var(--bg) 68%,transparent)}.console-dots{display:inline-flex;gap:.38rem}.console-dots span{width:.58rem;height:.58rem;border-radius:999px;background:color-mix(in srgb,var(--accent) 70%,var(--ink-gold));opacity:.86}.console-dots span:nth-child(2){background:var(--ink-gold)}.console-dots span:nth-child(3){background:var(--accent-pink)}.console-file{color:color-mix(in srgb,var(--text) 68%,transparent);font-size:.76rem;font-weight:800}.console-code{position:relative;z-index:1;display:grid;gap:.15rem;margin:0;padding:1.25rem 1rem 1.05rem;list-style:none;counter-reset:console-line}.console-code li{display:grid;grid-template-columns:2.4rem minmax(0,1fr);gap:.8rem;color:color-mix(in srgb,var(--text) 70%,transparent);font-size:.84rem;line-height:1.9}.console-code li:before{counter-increment:console-line;content:counter(console-line,decimal-leading-zero);color:color-mix(in srgb,var(--accent) 62%,transparent);text-align:right}.console-code code{color:inherit;white-space:normal}.code-key{color:var(--code-key)}.code-string{color:var(--code-string)}.console-status{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;border-top:1px solid color-mix(in srgb,var(--accent) 16%,var(--line));padding:.85rem 1rem;color:var(--muted);font-size:.78rem}.console-status strong{color:var(--accent);font-weight:900}.section-shell{position:relative;overflow:hidden;padding:6rem 1.5rem}.section-shell:before{content:attr(data-module);position:absolute;right:clamp(1rem,5vw,4rem);top:4.2rem;z-index:1;border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);border-radius:.28rem;padding:.35rem .55rem;color:color-mix(in srgb,var(--accent) 70%,transparent);background:color-mix(in srgb,var(--code-bg) 68%,transparent);font-family:var(--mono);font-size:.68rem;font-weight:800;letter-spacing:0}.section-background{position:absolute;inset:0;z-index:-2;background-position:50%;background-size:cover;background-repeat:no-repeat;filter:saturate(.55) contrast(.95) brightness(.55)}.section-overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,var(--bg) 0,transparent 15%,transparent 85%,var(--bg) 100%);background:linear-gradient(90deg,rgba(5,6,15,.92) 0,rgba(5,6,15,.68) 46%,rgba(5,6,15,.84) 100%),linear-gradient(180deg,var(--bg) 0,rgba(5,6,15,.35) 16%,rgba(5,6,15,.3) 82%,var(--bg) 100%);pointer-events:none}.contact-shell,.hero-shell,.section-grid,.wide-shell{position:relative;z-index:1}.code-layer{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:SFMono-Regular,SF Mono,ui-monospace,Menlo,Monaco,Consolas,monospace}.code-layer:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 8%,transparent) 1px,transparent 1px),linear-gradient(180deg,color-mix(in srgb,var(--text) 4%,transparent) 1px,transparent 1px);background-size:8.5rem 8.5rem,8.5rem 8.5rem;opacity:.12;-webkit-mask-image:radial-gradient(ellipse at center,#000 0,transparent 78%);mask-image:radial-gradient(ellipse at center,#000 0,transparent 78%)}.code-layer:after{content:"";position:absolute;inset:8% 4%;border:1px solid color-mix(in srgb,var(--accent) 18%,transparent);opacity:.18;clip-path:polygon(0 0,36% 0,36% 1px,0 1px,0 100%,1px 100%,1px 0,100% 0,100% 1px,62% 1px,62% 0,100% 0,100% 100%,99.9% 100%,99.9% 0)}.code-layer pre{position:absolute;width:min(28rem,42vw);margin:0;padding:1rem 1.15rem;border-left:1px solid color-mix(in srgb,var(--accent) 36%,transparent);color:color-mix(in srgb,var(--text) 42%,transparent);background:linear-gradient(90deg,color-mix(in srgb,var(--bg) 28%,transparent),transparent 74%);font-size:.72rem;line-height:1.8;opacity:.42;white-space:pre-wrap;filter:saturate(.85);transform:rotate(-1deg)}.code-layer pre span{display:block;margin-bottom:.25rem;color:color-mix(in srgb,var(--accent) 76%,var(--text));font-size:.64rem;font-weight:800;text-transform:uppercase}.hero-code-layer pre:first-child{right:8%;top:17%;opacity:.48}.hero-code-layer pre:last-child{right:24%;bottom:19%;width:min(22rem,32vw);opacity:.34;transform:rotate(1.4deg)}.section-code-layer pre{right:-2rem;top:4%;width:min(26rem,36vw);opacity:.18;transform:rotate(.8deg)}.process-code-layer pre{left:auto;right:5%;top:5%;width:min(24rem,32vw);opacity:.15;transform:rotate(-.8deg)}.works-code-layer pre{right:31%;top:8%;width:min(22rem,28vw);opacity:.16}.contact-code-layer pre{left:auto;right:7%;top:8%;width:min(24rem,30vw);opacity:.15;transform:rotate(.8deg)}.about-section .section-background{background-image:var(--about-bg-image);opacity:.28}.timeline-section .section-background{background-image:var(--timeline-bg-image);opacity:.22}.works-section .section-background{background-image:var(--works-bg-image);opacity:.24}.contact-section .section-background{background-image:var(--contact-bg-image);opacity:.25}.contact-shell,.section-grid,.wide-shell{width:min(100%,88rem);margin:0 auto}.section-grid{display:grid;grid-template-columns:minmax(16rem,.75fr) minmax(0,1.25fr);gap:clamp(2rem,5vw,4rem);align-items:start}.sticky-panel{align-self:start;position:sticky;top:5.5rem}.section-title{margin-top:.8rem;max-width:26ch;color:var(--text);font-size:3.2rem;font-weight:1000;line-height:1.05;text-wrap:balance}.section-lead{max-width:42rem;margin-top:1.2rem;color:var(--muted);font-size:1rem;line-height:1.8}.section-note{max-width:28rem;color:var(--muted);font-size:.9rem;line-height:1.7;align-self:end}.about-body{position:relative}.story-panels{display:grid;gap:.9rem}.story-panel{position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 16%,var(--line));border-radius:.32rem;padding:clamp(1rem,2vw,1.4rem);background:color-mix(in srgb,var(--code-bg) 48%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.proof-panel{display:grid;grid-template-columns:3.5rem minmax(0,1fr);gap:0 1rem;align-items:start;min-height:8.25rem}.capability-row{border-width:0 0 1px;border-radius:0;padding:clamp(1.1rem,2vw,1.65rem) 0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.capability-row:before{display:none}.capability-row:first-child{border-top:1px solid color-mix(in srgb,var(--accent) 24%,var(--line))}.capability-row h3{font-family:var(--mono);font-size:1.32rem}.capability-row p{max-width:46rem}.proof-index{grid-row:1/span 2;color:color-mix(in srgb,var(--accent) 82%,var(--ink-gold));font-family:var(--mono);font-size:3.2rem;font-weight:1000;line-height:.9;opacity:.78}.contact-form:before,.story-panel:before,.timeline-card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,transparent),transparent 38%,color-mix(in srgb,var(--ink-gold) 8%,transparent));opacity:.65}.story-panel h3{color:var(--text);font-size:1.22rem;font-weight:900;line-height:1.2}.story-panel p{margin-top:.6rem;color:var(--muted);line-height:1.75}.belief-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:1.2rem}.belief-card{border-top:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));padding:.9rem 0 0;background:transparent}.belief-card strong{display:block;color:var(--accent);font-size:1.4rem;font-weight:1000}.belief-card span{display:block;margin-top:.3rem;color:var(--muted);font-size:.78rem}.skill-cloud{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.2rem}.skill-tag{border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));border-radius:999px;padding:.5rem .85rem;color:var(--text);background:var(--panel);font-size:.8rem;font-weight:600;transition:border-color .2s,color .2s}.skill-tag:hover{border-color:var(--accent);color:var(--accent)}.timeline{position:relative;margin-top:3.4rem}.timeline:before{content:"";position:absolute;left:7rem;top:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent 0,var(--ink-gold) 20%,var(--accent) 50%,var(--accent-pink) 80%,transparent 100%);opacity:.5}.timeline-item{position:relative;display:grid;grid-template-columns:6rem 1.5rem minmax(0,1fr);gap:1.35rem;align-items:start;padding:1rem 0}.timeline-marker{display:flex;align-items:center;gap:.5rem}.timeline-year{width:5rem;color:var(--accent);font-size:1.35rem;font-weight:1000;line-height:1.2;text-align:right;letter-spacing:.08em}.timeline-dot{width:.75rem;height:.75rem;border-radius:50%;background:var(--ink-gold);border:2px solid var(--ink-gold);transition:transform .26s ease,box-shadow .26s ease,background .26s ease}.timeline-item.is-active .timeline-dot{background:var(--accent);border-color:var(--accent);transform:scale(1.35);box-shadow:0 0 0 .45rem color-mix(in srgb,var(--accent) 12%,transparent),0 0 28px color-mix(in srgb,var(--accent) 55%,transparent)}.timeline-card{position:relative;grid-column:3;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 16%,var(--line));border-radius:.32rem;padding:clamp(1rem,1.8vw,1.4rem);background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 7%,transparent) 0 2.3rem,transparent 2.3rem),linear-gradient(135deg,color-mix(in srgb,var(--code-bg) 58%,transparent),color-mix(in srgb,var(--bg) 54%,transparent));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:border-color .26s ease,background .26s ease}.timeline-item.is-active .timeline-card{border-color:color-mix(in srgb,var(--accent) 34%,var(--line));background:color-mix(in srgb,var(--panel-strong) 68%,transparent)}.timeline-card h3{color:var(--text);font-family:var(--mono);font-size:1.24rem;font-weight:900;line-height:1.25}.timeline-card p{margin-top:.5rem;color:var(--muted);line-height:1.7}.works-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(14rem,24rem);gap:2rem;align-items:end}.works-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin-top:3.1rem}.work-card{position:relative;--mx:50%;--my:38%;min-height:39rem;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));border-radius:.35rem;background:color-mix(in srgb,var(--code-bg) 66%,transparent);transform-style:preserve-3d;will-change:transform;transition:border-color .2s,box-shadow .2s,background .2s}.work-card:before{content:attr(data-file);position:absolute;inset:0 0 auto 0;z-index:3;height:2.45rem;display:flex;align-items:center;border-bottom:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));padding:0 1rem;color:color-mix(in srgb,var(--accent) 76%,var(--text));background:color-mix(in srgb,var(--bg) 66%,transparent);font-family:var(--mono);font-size:.72rem;font-weight:800}.work-card:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(circle at var(--mx) var(--my),color-mix(in srgb,var(--accent) 18%,transparent),transparent 18rem),linear-gradient(135deg,color-mix(in srgb,var(--ink-gold) 10%,transparent),transparent 40%);opacity:0;transition:opacity .22s ease}.work-card:hover{border-color:color-mix(in srgb,var(--ink-gold) 40%,transparent);box-shadow:0 28px 80px rgba(0,0,0,.32)}.work-card:hover:after{opacity:1}.work-image{position:absolute;inset:0;z-index:0;background-position:50%;background-size:cover;opacity:.28;filter:saturate(.72) contrast(1.05) brightness(.72)}.work-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,4,10,.7),rgba(3,4,10,.32) 54%,rgba(3,4,10,.72)),linear-gradient(180deg,rgba(3,4,10,.26),rgba(3,4,10,.64) 55%,rgba(3,4,10,.92))}.work-body{position:relative;z-index:1;padding:3.65rem 1.25rem 1.25rem;display:flex;flex-direction:column;height:100%;transform:translateZ(1px)}.work-tag{display:inline-flex;width:-moz-fit-content;width:fit-content;border:1px solid color-mix(in srgb,var(--ink-gold) 50%,transparent);border-radius:.26rem;padding:.3rem .65rem;color:var(--ink-gold);font-size:.68rem;letter-spacing:.06em}.work-body h3,.work-tag{font-family:var(--mono);font-weight:900}.work-body h3{margin-top:.8rem;color:var(--text);font-size:1.35rem;line-height:1.25}.work-body>p{margin-top:.5rem;color:var(--muted);font-size:.88rem;line-height:1.65}.work-screenshot{position:relative;margin-top:.95rem;aspect-ratio:16/9;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));border-radius:.35rem;background:linear-gradient(90deg,rgba(66,232,241,.08) 0 1px,transparent 1px),linear-gradient(180deg,rgba(66,232,241,.08) 0 1px,transparent 1px),rgba(2,6,23,.78);background-size:2rem 2rem;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--text) 6%,transparent),0 18px 42px rgba(0,0,0,.24);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.work-screenshot:before{content:attr(data-shot-label);position:absolute;inset:0 0 auto 0;z-index:2;height:1.55rem;display:flex;align-items:center;border-bottom:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));padding:0 .75rem 0 2.35rem;color:color-mix(in srgb,var(--accent) 82%,var(--text));background:color-mix(in srgb,var(--bg) 82%,transparent);font-family:var(--mono);font-size:.62rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.work-screenshot:after{content:"";position:absolute;top:.58rem;left:.68rem;z-index:3;width:.38rem;height:.38rem;border-radius:999px;background:var(--accent);box-shadow:.58rem 0 0 color-mix(in srgb,var(--ink-gold) 82%,transparent),1.16rem 0 0 color-mix(in srgb,var(--accent-pink) 80%,transparent)}.work-screenshot img,.work-screenshot video{position:absolute;inset:1.55rem 0 0;display:block;width:100%;height:calc(100% - 1.55rem);-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;transform:scale(1.001);transition:transform .36s ease,filter .22s ease}.work-screenshot video{background:#020617}.work-card:hover .work-screenshot{border-color:color-mix(in srgb,var(--ink-gold) 42%,var(--accent));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--text) 8%,transparent),0 22px 58px rgba(0,0,0,.3);transform:translateY(-.12rem)}.work-card:hover .work-screenshot img,.work-card:hover .work-screenshot video{transform:scale(1.025)}.work-proof{margin-top:1rem;display:grid;grid-template-columns:2.4rem 1fr;gap:.45rem .65rem}.work-proof dt{color:var(--ink-gold);font-family:var(--mono);font-size:.7rem;font-weight:900;line-height:1.5}.work-proof dd{color:color-mix(in srgb,var(--text) 72%,transparent);font-size:.78rem;line-height:1.5}.work-stack{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:auto;padding-top:.8rem}.work-stack span{border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));border-radius:.25rem;padding:.28rem .55rem;color:color-mix(in srgb,var(--accent) 70%,var(--text));background:rgba(5,6,15,.4);font-family:var(--mono);font-size:.68rem;font-weight:600}.work-link{display:inline-flex;margin-top:.9rem;color:var(--accent);font-weight:800;font-size:.85rem;text-decoration:none;transition:color .2s}.work-link:hover{color:var(--text)}.work-link:after{content:" →";transition:transform .2s}.work-link:hover:after{transform:translateX(3px)}.contact-shell{display:grid;grid-template-columns:minmax(0,.9fr) minmax(18rem,.7fr);gap:clamp(2rem,5vw,4rem);align-items:start}.social-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:2rem}.music-feature{display:grid;gap:.8rem;margin-top:1rem;padding:1rem;border:1px solid color-mix(in srgb,var(--accent) 16%,var(--line));border-radius:.3rem;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 8%,transparent),transparent 56%),color-mix(in srgb,var(--code-bg) 54%,transparent)}.music-feature-head{display:flex;align-items:start;justify-content:space-between;gap:.75rem}.music-label{display:block;color:var(--accent);font-family:var(--mono);font-size:.76rem;font-weight:1000;letter-spacing:0}.music-feature h3{margin-top:.25rem;color:var(--text);font-size:1.05rem;font-weight:900;line-height:1.2}.music-badge{display:inline-flex;align-items:center;min-height:1.7rem;padding:0 .5rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent-pink) 30%,var(--line));color:var(--accent-pink);font-family:var(--mono);font-size:.68rem;font-weight:900}.music-feature p{color:var(--muted);font-size:.84rem;line-height:1.6}.music-feature audio{width:100%;min-height:2.4rem;accent-color:var(--accent)}.social-link{display:flex;align-items:center;gap:.75rem;border:1px solid color-mix(in srgb,var(--accent) 16%,var(--line));border-radius:.3rem;padding:.85rem;color:var(--text);text-decoration:none;background:color-mix(in srgb,var(--code-bg) 46%,transparent);transition:transform .2s,border-color .2s,background .2s}.social-link:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent-pink) 50%,transparent);background:var(--panel-strong)}.social-icon{display:grid;width:2.2rem;height:2.2rem;place-items:center;border-radius:.4rem;background:linear-gradient(135deg,var(--accent),var(--accent-pink));color:#05060f;font-weight:1000;font-size:.75rem}.social-text{display:grid;gap:.18rem;min-width:0}.social-text small,.social-text strong{display:block;min-width:0;overflow-wrap:anywhere}.social-text small{color:var(--muted);font-family:var(--mono);font-size:.68rem;font-weight:800;line-height:1.25}.contact-form{position:relative;overflow:hidden;--form-pad:clamp(1.1rem,2vw,1.6rem);border:1px solid var(--line);border-radius:.35rem;padding:calc(var(--form-pad) + 2.3rem) var(--form-pad) var(--form-pad) calc(var(--form-pad) + 1.7rem);background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 8%,transparent) 0 2.4rem,transparent 2.4rem),color-mix(in srgb,var(--code-bg) 60%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.contact-form:after{content:attr(data-file);position:absolute;inset:0 0 auto 0;z-index:1;height:2.45rem;display:flex;align-items:center;border-bottom:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));padding:0 1rem;color:color-mix(in srgb,var(--accent) 76%,var(--text));background:color-mix(in srgb,var(--bg) 62%,transparent);font-family:var(--mono);font-size:.72rem;font-weight:800}.project-switcher{min-width:0;margin:0 0 1.1rem;padding:0;border:0}.project-switcher legend{margin-bottom:.55rem;color:var(--text);font-family:var(--mono);font-size:.85rem;font-weight:800}.mode-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem}.mode-option{min-height:2.45rem;border:1px solid var(--line);border-radius:.3rem;padding:.55rem .7rem;color:var(--muted);background:color-mix(in srgb,var(--bg) 48%,transparent);font-family:var(--mono);font-size:.78rem;font-weight:800;cursor:pointer;transition:color .18s ease,border-color .18s ease,background .18s ease,transform .18s ease}.mode-option.is-active,.mode-option:hover{color:#03040a;border-color:color-mix(in srgb,var(--accent) 62%,transparent);background:linear-gradient(135deg,#f8fff8 0,var(--accent) 100%)}.mode-option:hover{transform:translateY(-1px)}.fit-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-top:1.6rem}.fit-panel div{border-top:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));padding-top:.75rem}.fit-panel span{display:block;color:var(--accent);font-size:.78rem;font-weight:1000}.fit-panel p{margin-top:.4rem;color:var(--muted);font-size:.84rem;line-height:1.65}.field{display:grid;gap:.4rem;margin-bottom:.9rem}.field label span{color:var(--text);font-family:var(--mono);font-weight:700;font-size:.85rem}.field input,.field textarea{width:100%;border:1px solid var(--line);border-radius:.28rem;padding:.8rem .9rem;color:var(--text);background:color-mix(in srgb,var(--bg) 50%,transparent);font-family:var(--mono);font-size:.9rem;outline:none;transition:border-color .2s,box-shadow .2s}.field input::-moz-placeholder,.field textarea::-moz-placeholder{color:var(--muted)}.field input::placeholder,.field textarea::placeholder{color:var(--muted)}.field input:focus,.field textarea:focus{border-color:color-mix(in srgb,var(--accent) 60%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}.field textarea{resize:vertical;min-height:8rem}.submit-button{position:relative;overflow:hidden;width:100%;min-height:3rem;border:none;border-radius:.3rem;color:#05060f;background:linear-gradient(135deg,#fff 0,var(--accent) 100%);font-family:var(--mono);font-weight:800;font-size:.9rem;cursor:pointer;transition:transform .2s,box-shadow .2s}@keyframes atmosphere-drift{0%{transform:translate3d(-1.4rem,-1rem,0) scale(1)}to{transform:translate3d(1.2rem,.8rem,0) scale(1.04)}}@keyframes enso-rotate{to{transform:rotate(1turn)}}@keyframes light-breathe{0%{opacity:.76}to{opacity:.96}}@keyframes orb-breathe{0%{opacity:.45;transform:scale(.98)}to{opacity:.82;transform:scale(1.04)}}.submit-button:hover{transform:translateY(-2px);box-shadow:0 6px 24px color-mix(in srgb,var(--accent) 40%,transparent)}.form-status{min-height:1.5rem;margin-top:.75rem;color:var(--muted);font-size:.85rem;text-align:center}.form-status[data-state=success]{color:var(--accent)}.form-status[data-state=error]{color:var(--accent-pink)}.site-footer{display:flex;width:min(100%,88rem);margin:0 auto;padding:2rem 1.5rem;justify-content:space-between;align-items:center;gap:1rem;border-top:1px solid var(--line);color:var(--muted);font-size:.85rem}.footer-links{display:flex;gap:1.5rem}.footer-links a{color:var(--muted);text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--accent)}.config-error{position:fixed;z-index:100;top:5rem;left:1rem;right:1rem;border-radius:.5rem;padding:1rem;background:#ef4444;color:#fff;text-align:center}[data-theme=light] body:before{background:linear-gradient(115deg,color-mix(in srgb,var(--accent) 9%,transparent),transparent 34rem),linear-gradient(250deg,color-mix(in srgb,var(--ink-gold) 9%,transparent),transparent 28rem),linear-gradient(90deg,rgba(0,127,141,.07) 1px,transparent 1px),linear-gradient(180deg,rgba(17,24,39,.035) 1px,transparent 1px);background-size:auto,auto,4rem 4rem,4rem 4rem;opacity:.5}[data-theme=light] body:after{color:color-mix(in srgb,var(--accent) 28%,transparent)}[data-theme=light] .mobile-menu,[data-theme=light] .site-header{background:color-mix(in srgb,var(--bg) 88%,transparent)}[data-theme=light] .action-button.secondary,[data-theme=light] .belief-card,[data-theme=light] .contact-form,[data-theme=light] .mobile-menu-button,[data-theme=light] .music-feature,[data-theme=light] .skill-tag,[data-theme=light] .social-link,[data-theme=light] .theme-toggle,[data-theme=light] .timeline-card{background:var(--panel);box-shadow:0 18px 48px color-mix(in srgb,var(--shadow) 42%,transparent)}[data-theme=light] .hero-background{background:linear-gradient(90deg,rgba(0,127,141,.08) 1px,transparent 1px),linear-gradient(180deg,rgba(17,24,39,.035) 1px,transparent 1px),radial-gradient(ellipse at 24% 36%,color-mix(in srgb,var(--accent) 10%,transparent) 0,transparent 28rem),radial-gradient(ellipse at 72% 28%,color-mix(in srgb,var(--ink-gold) 8%,transparent) 0,transparent 24rem),linear-gradient(90deg,hsla(42,45%,94%,.98) 0,hsla(42,45%,94%,.92) 54%,hsla(42,45%,94%,.98) 100%);background-size:4.5rem 4.5rem,4.5rem 4.5rem,auto,auto,auto;filter:saturate(.88) contrast(.98)}[data-theme=light] .contact-form:after,[data-theme=light] .hero-console,[data-theme=light] .section-shell:before,[data-theme=light] .work-card:before{background:hsla(0,0%,100%,.78)}[data-theme=light] .console-top{background:hsla(0,0%,100%,.72)}[data-theme=light] .hero-overlay{background:radial-gradient(circle at 20% 30%,color-mix(in srgb,var(--accent) 11%,transparent) 0,transparent 25rem),radial-gradient(circle at 74% 48%,color-mix(in srgb,var(--ink-gold) 16%,transparent) 0,transparent 22rem),linear-gradient(90deg,hsla(42,45%,94%,.86) 0,hsla(42,45%,94%,.48) 58%,hsla(42,45%,94%,.2) 100%),linear-gradient(180deg,transparent 0,hsla(42,45%,94%,.64) 78%,var(--bg) 100%)}[data-theme=light] .field label span,[data-theme=light] .hero-name,[data-theme=light] .hero-role,[data-theme=light] .project-switcher legend,[data-theme=light] .section-title,[data-theme=light] .site-footer,[data-theme=light] .social-link,[data-theme=light] .story-panel h3,[data-theme=light] .timeline-card h3,[data-theme=light] .work-body h3{color:var(--text)}[data-theme=light] .belief-card span,[data-theme=light] .fit-panel p,[data-theme=light] .footer-links a,[data-theme=light] .hero-intro,[data-theme=light] .hero-stat em,[data-theme=light] .music-feature p,[data-theme=light] .section-lead,[data-theme=light] .section-note,[data-theme=light] .site-footer p,[data-theme=light] .story-panel p,[data-theme=light] .timeline-card p,[data-theme=light] .work-body>p,[data-theme=light] .work-proof dd{color:var(--muted)}[data-theme=light] .section-background{filter:saturate(.5) contrast(.88) brightness(1.14)}[data-theme=light] .section-overlay{background:linear-gradient(90deg,hsla(42,45%,94%,.96) 0,hsla(42,45%,94%,.78) 48%,hsla(42,45%,94%,.92) 100%),linear-gradient(180deg,var(--bg) 0,hsla(42,45%,94%,.58) 18%,hsla(42,45%,94%,.62) 80%,var(--bg) 100%)}[data-theme=light] .code-layer:before{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 10%,transparent) 1px,transparent 1px),linear-gradient(180deg,rgba(17,24,39,.045) 1px,transparent 1px);opacity:.18}[data-theme=light] .code-layer:after{border-color:color-mix(in srgb,var(--accent) 24%,transparent);opacity:.24}[data-theme=light] .code-layer pre{color:rgba(17,24,39,.34);background:linear-gradient(90deg,hsla(0,0%,100%,.36),transparent 74%)}[data-theme=light] .code-layer pre span{color:var(--accent)}[data-theme=light] .about-section .section-background,[data-theme=light] .contact-section .section-background,[data-theme=light] .timeline-section .section-background,[data-theme=light] .works-section .section-background{opacity:.34}[data-theme=light] .timeline-card{background:linear-gradient(90deg,rgba(0,127,141,.06) 0 2.3rem,transparent 2.3rem),linear-gradient(135deg,hsla(0,0%,100%,.9),hsla(42,45%,94%,.76))}[data-theme=light] .timeline-item.is-active .timeline-card{background:hsla(0,0%,100%,.96)}[data-theme=light] .work-card{background:hsla(0,0%,100%,.9);box-shadow:0 24px 70px color-mix(in srgb,var(--shadow) 38%,transparent)}[data-theme=light] .contact-form{background:linear-gradient(90deg,rgba(0,127,141,.055) 0 2.4rem,transparent 2.4rem),hsla(0,0%,100%,.88)}[data-theme=light] .work-image{filter:saturate(.52) contrast(.88) brightness(1.08);opacity:.24}[data-theme=light] .work-image:after{background:linear-gradient(90deg,hsla(0,0%,100%,.88),hsla(0,0%,100%,.7) 54%,hsla(0,0%,100%,.86)),linear-gradient(180deg,hsla(0,0%,100%,.54),hsla(0,0%,100%,.82) 58%,hsla(0,0%,100%,.96))}[data-theme=light] .work-proof dt,[data-theme=light] .work-tag{color:var(--ink-gold);border-color:color-mix(in srgb,var(--ink-gold) 42%,transparent)}[data-theme=light] .work-stack span{color:var(--accent);background:hsla(0,0%,100%,.78);border-color:color-mix(in srgb,var(--accent) 28%,var(--line))}[data-theme=light] .work-screenshot{border-color:color-mix(in srgb,var(--accent) 28%,rgba(17,24,39,.18));background:linear-gradient(90deg,rgba(0,127,141,.08) 0 1px,transparent 1px),linear-gradient(180deg,rgba(0,127,141,.08) 0 1px,transparent 1px),hsla(0,0%,100%,.9);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.72),0 18px 44px rgba(17,24,39,.14)}[data-theme=light] .work-screenshot:before{color:var(--accent);background:hsla(0,0%,100%,.88);border-bottom-color:color-mix(in srgb,var(--accent) 20%,rgba(17,24,39,.14))}[data-theme=light] .field input,[data-theme=light] .field textarea,[data-theme=light] .mode-option{color:var(--text);background:hsla(0,0%,100%,.82)}[data-theme=light] .field input::-moz-placeholder,[data-theme=light] .field textarea::-moz-placeholder{color:color-mix(in srgb,var(--text) 62%,transparent)}[data-theme=light] .field input::placeholder,[data-theme=light] .field textarea::placeholder,[data-theme=light] .mode-option{color:color-mix(in srgb,var(--text) 62%,transparent)}[data-theme=light] .action-button.primary,[data-theme=light] .mode-option.is-active,[data-theme=light] .mode-option:hover,[data-theme=light] .nav-cta,[data-theme=light] .submit-button{color:#061014;background:linear-gradient(135deg,#fff,#7ee8ed)}@media (max-width:1080px){.contact-shell,.hero-shell,.section-grid,.works-heading{grid-template-columns:1fr}.hero-shell{gap:1.5rem;padding-top:4rem}.scroll-rail{display:none}.sticky-panel{position:static}.hero-name{font-size:5.6rem}.hero-role{font-size:1.85rem}.section-title{font-size:2.7rem}.hero-console{max-width:44rem;width:min(100%,44rem);margin-right:0;justify-self:stretch}.proof-index{font-size:2.6rem}.belief-strip,.hero-stats,.social-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-stat:nth-child(2){border-right:0}.hero-stat:nth-child(n+3){border-top:1px solid var(--line)}.works-grid{grid-template-columns:1fr}.work-card{min-height:28rem}}@media (max-width:720px){.nav-cta,.nav-links,body:after{display:none}.mobile-menu-button{display:grid}.theme-toggle span:last-child{display:none}.hero-section{min-height:100svh;padding-top:0}.hero-shell{position:relative;min-height:100svh;padding:5.25rem 1.25rem 2.4rem;align-content:start}.hero-copy{position:relative;z-index:2}.code-layer pre{width:18rem;font-size:.58rem;line-height:1.65}.hero-code-layer pre:first-child{right:-3rem;top:9%;opacity:.3}.hero-code-layer pre:last-child{right:-5rem;bottom:12%;opacity:.22}.contact-code-layer pre,.process-code-layer pre,.section-code-layer pre,.works-code-layer pre{right:-5rem;left:auto;top:8%;opacity:.18}.hero-name{font-size:3.5rem}.hero-avatar-feature{width:8.5rem;margin-top:.8rem}.hero-role{max-width:16ch;font-size:1.45rem}.hero-intro{font-size:.95rem;line-height:1.6}.hero-profile{width:100%;gap:.7rem;margin-top:.95rem}.hero-profile-image{width:3.8rem;height:3.8rem}.hero-console{margin-top:1.2rem}.console-code{padding:.9rem .8rem}.console-code li{grid-template-columns:1.7rem minmax(0,1fr);gap:.55rem;font-size:.68rem;line-height:1.7}.console-status{padding:.75rem .8rem;font-size:.68rem}.section-shell:before{right:1rem;top:2.5rem;opacity:.72}.hero-actions,.hero-stats{margin-top:1.4rem}.hero-stats{grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));border-bottom:1px solid color-mix(in srgb,var(--ink-gold) 18%,var(--line))}.hero-stat{border:0;border-right:1px solid var(--line);border-radius:0;padding:.75rem;background:transparent}.hero-stat+.hero-stat{padding-left:.75rem}.hero-stat:nth-child(2){border-right:0}.hero-stat:nth-child(n+3){border-top:1px solid var(--line)}.hero-stat strong{font-size:1rem}.proof-panel{grid-template-columns:2.4rem minmax(0,1fr);min-height:auto}.proof-index{font-size:1.8rem}.belief-card{border:1px solid var(--line);border-radius:.5rem;padding:.9rem;background:color-mix(in srgb,var(--accent-alt) 8%,transparent)}.section-shell{padding:4rem 1rem}.section-title{font-size:2rem}.fit-panel{grid-template-columns:1fr}.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.timeline:before{left:.25rem}.timeline-item{grid-template-columns:.75rem minmax(0,1fr);gap:.75rem;padding:1.05rem 0}.timeline-marker{display:grid;grid-column:1/-1;grid-template-columns:.75rem minmax(0,1fr);gap:.75rem}.timeline-year{grid-column:2;width:auto;font-size:1.15rem;text-align:left}.timeline-dot{grid-column:1;grid-row:1;align-self:center}.timeline-card{grid-column:2}.work-card{min-height:28rem}.work-proof{grid-template-columns:2.2rem 1fr}.site-footer{flex-direction:column;text-align:center}.footer-links{gap:1rem}}@media (max-width:440px){.belief-strip,.social-grid{grid-template-columns:1fr}.music-feature{margin-top:.9rem;padding:.9rem}.music-feature-head{gap:.5rem}.hero-name{font-size:3rem}.hero-avatar-feature{width:7.75rem}.section-title{font-size:1.75rem}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.001ms!important;transition-duration:.001ms!important}}