:root{--text:#5a5852;--text-muted:#807d72;--text-h:#26251e;--bg:#f7f7f4;--body-bg:linear-gradient(180deg, #fafaf7 0%, #f7f7f4 58%, #f1f0ea 100%);--bg-elevated:#ffffffe0;--surface:#fff;--surface-strong:#fff;--surface-muted:#efeee8;--glass-bg:#ffffffdb;--field-bg:#fff;--field-bg-focus:#fff;--media-bg:#efeee8;--screen-bg:#0f1011;--grid-line:#26251e0b;--selection-bg:#5db1e22e;--border:#e6e5e0;--border-strong:#cfcdc4;--code-bg:#fff;--accent:#4fa9dc;--accent-hover:#3799cf;--accent-soft:#4fa9dc24;--accent-border:#4fa9dc47;--liquid-glass-bg:linear-gradient(145deg, #fffffff0 0%, #fafaf7c2 100%);--liquid-glass-hover-bg:linear-gradient(145deg, #fff 0%, #f7f7f4e6 100%);--liquid-glass-primary-bg:linear-gradient(145deg, #84d2f69e 0%, #4fa9dc94 52%, #2d8bcc8a 100%);--liquid-glass-primary-hover-bg:linear-gradient(145deg, #9adef9b8 0%, #60b8e6ad 52%, #3899d7a3 100%);--liquid-glass-danger-bg:linear-gradient(145deg, #ffffff80 0%, #ffeeee4d 50%, #f57e7e29 100%);--liquid-glass-danger-hover-bg:linear-gradient(145deg, #ffffff94 0%, #ffe8e85c 50%, #e5484833 100%);--liquid-glass-focus:#4fa9dc47;--liquid-glass-highlight:#ffffff6b;--liquid-glass-inner:#ffffff29;--liquid-glass-flow:#ffffff5c;--liquid-glass-shadow:0 1px 0 #26251e0a, inset 0 0 0 1px #26251e0a;--liquid-glass-shadow-hover:0 12px 30px #26251e14, inset 0 0 0 1px #26251e0f;--liquid-glass-blur:10px;--success-bg:#1c875e1f;--success-border:#1c875e3d;--error-bg:#b938381a;--error-border:#b9383838;--shadow:0 1px 0 #26251e0a;--shadow-lg:0 18px 42px #26251e1a;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--container:1280px;--page-gutter:72px;--page-top:9.5rem;--sans:Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--heading:Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:ui-monospace, SFMono-Regular, Consolas, monospace;font:18px/1.6 var(--sans);letter-spacing:0;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--text:#d0d6e0;--text-muted:#8a8f98;--text-h:#f7f8f8;--bg:#010102;--body-bg:linear-gradient(180deg, #010102 0%, #0f1011 56%, #010102 100%);--bg-elevated:#0f1011;--surface:#0f1011;--surface-strong:#141516;--surface-muted:#18191a;--glass-bg:#0f1011;--field-bg:#141516;--field-bg-focus:#18191a;--media-bg:#ffffff0f;--screen-bg:#070b12;--grid-line:#f7f8f80b;--selection-bg:#80d3f94d;--border:#23252a;--border-strong:#34343a;--code-bg:#ffffff14;--accent:#8ed8ff;--accent-hover:#b8e8ff;--accent-soft:#8ed8ff29;--accent-border:#8ed8ff4d;--liquid-glass-bg:linear-gradient(145deg, #ffffff29 0%, #8ea9dc1a 50%, #ffffff14 100%);--liquid-glass-hover-bg:linear-gradient(145deg, #ffffff38 0%, #97b5ec24 50%, #ffffff1a 100%);--liquid-glass-primary-bg:linear-gradient(145deg, #8ed8ff80 0%, #4ea6dc70 52%, #2a74b36b 100%);--liquid-glass-primary-hover-bg:linear-gradient(145deg, #b8e8ff99 0%, #66beec85 52%, #388bce80 100%);--liquid-glass-danger-bg:linear-gradient(145deg, #ffffff24 0%, #ed696924 50%, #ffffff14 100%);--liquid-glass-danger-hover-bg:linear-gradient(145deg, #ffffff2e 0%, #ed69692e 50%, #ffffff1a 100%);--liquid-glass-focus:#8ed8ff52;--liquid-glass-highlight:#fff3;--liquid-glass-inner:#ffffff0f;--liquid-glass-flow:#fff3;--liquid-glass-shadow:0 8px 22px #0000001f, inset 0 1px 0 #ffffff29, inset 0 -1px 0 #ffffff0f;--liquid-glass-shadow-hover:0 12px 28px #00000029, inset 0 1px 0 #ffffff38, inset 0 -1px 0 #ffffff14;--success-bg:#3fb58224;--success-border:#3fb58247;--error-bg:#ed696924;--error-border:#ed69694d;--shadow:0 1px 0 #ffffff08;--shadow-lg:0 18px 44px #00000057}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:clip}body{color:var(--text);background:var(--bg);margin:0;overflow-x:clip}body:before{display:none}#root{isolation:isolate;min-height:100vh;position:relative}main,section,div{position:relative}img{max-width:100%;display:block}h1,h2,h3,h4{font-family:var(--heading);color:var(--text-h);font-weight:600}h1{letter-spacing:0;font-size:clamp(3rem,7vw,5.2rem);line-height:.98}h2{letter-spacing:0;font-size:clamp(2rem,4.6vw,3.8rem);line-height:1.02}h3{letter-spacing:0;font-size:clamp(1.35rem,2.5vw,2.15rem);line-height:1.1}p{margin:0}ul{list-style:none}a{color:inherit;text-decoration:none;transition:color .2s}button,input,textarea{font:inherit}button{cursor:pointer}:where(.interactive-button,.nav-logo-mark-link,.nav-preference-button,.nav-toggle,.nav-link,.filter-btn,.filter-button,.workflow-download,.workflow-training-link,.workflow-copy-button,.back-button,.project-live-link,.view-details,.social-link,.submit-button,.admin-primary-button,.admin-button,.admin-danger-button,.admin-upload-button,.admin-row-actions button,.admin-segmented button,.admin-list-item){isolation:isolate;-webkit-backdrop-filter:blur(var(--liquid-glass-blur)) saturate(1.35);transition:transform .25s,background .25s,border-color .25s,box-shadow .25s,color .25s;position:relative;overflow:hidden;background:var(--liquid-current-bg,var(--liquid-glass-bg))!important;box-shadow:var(--liquid-current-shadow,var(--liquid-glass-shadow))!important;border:0!important}:where(.interactive-button,.nav-logo-mark-link,.nav-preference-button,.nav-toggle,.nav-link,.filter-btn,.filter-button,.workflow-download,.workflow-training-link,.workflow-copy-button,.back-button,.project-live-link,.view-details,.social-link,.submit-button,.admin-primary-button,.admin-button,.admin-danger-button,.admin-upload-button,.admin-row-actions button,.admin-segmented button,.admin-list-item):before,:where(.interactive-button,.nav-logo-mark-link,.nav-preference-button,.nav-toggle,.nav-link,.filter-btn,.filter-button,.workflow-download,.workflow-training-link,.workflow-copy-button,.back-button,.project-live-link,.view-details,.social-link,.submit-button,.admin-primary-button,.admin-button,.admin-danger-button,.admin-upload-button,.admin-row-actions button,.admin-segmented button,.admin-list-item):after{content:"";pointer-events:none;border-radius:inherit;position:absolute}:where(.interactive-button,.nav-logo-mark-link,.nav-preference-button,.nav-toggle,.nav-link,.filter-btn,.filter-button,.workflow-download,.workflow-training-link,.workflow-copy-button,.back-button,.project-live-link,.view-details,.social-link,.submit-button,.admin-primary-button,.admin-button,.admin-danger-button,.admin-upload-button,.admin-row-actions button,.admin-segmented button,.admin-list-item):before{z-index:0;background:linear-gradient(180deg, var(--liquid-glass-highlight) 0%, #fff0 32%), radial-gradient(circle at 22% 16%, var(--liquid-glass-inner), #fff0 34%);opacity:.64;inset:0}:where(.interactive-button,.nav-logo-mark-link,.nav-preference-button,.nav-toggle,.nav-link,.filter-btn,.filter-button,.workflow-download,.workflow-training-link,.workflow-copy-button,.back-button,.project-live-link,.view-details,.social-link,.submit-button,.admin-primary-button,.admin-button,.admin-danger-button,.admin-upload-button,.admin-row-actions button,.admin-segmented button,.admin-list-item):after{z-index:0;background:linear-gradient(105deg, #fff0 0%, var(--liquid-glass-flow) 46%, #fff0 74%);opacity:0;width:58%;transition:opacity .35s,transform .7s cubic-bezier(.22,1,.36,1);inset:-35% auto -35% -80%;transform:translate(-30%)skew(-18deg)}:where(.interactive-button,.nav-logo-mark-link,.nav-preference-button,.nav-toggle,.nav-link,.filter-btn,.filter-button,.workflow-download,.workflow-training-link,.workflow-copy-button,.back-button,.project-live-link,.view-details,.social-link,.submit-button,.admin-primary-button,.admin-button,.admin-danger-button,.admin-upload-button,.admin-row-actions button,.admin-segmented button,.admin-list-item)>*{z-index:1;position:relative}:where(.interactive-button,.nav-logo-mark-link,.nav-preference-button,.nav-toggle,.nav-link,.filter-btn,.filter-button,.workflow-download,.workflow-training-link,.workflow-copy-button,.back-button,.project-live-link,.view-details,.social-link,.submit-button,.admin-primary-button,.admin-button,.admin-danger-button,.admin-upload-button,.admin-row-actions button,.admin-segmented button,.admin-list-item):is(:hover,:focus-visible){transform:translateY(-1px);background:var(--liquid-current-hover-bg,var(--liquid-glass-hover-bg))!important;box-shadow:var(--liquid-current-hover-shadow,var(--liquid-glass-shadow-hover))!important}:where(.interactive-button,.nav-logo-mark-link,.nav-preference-button,.nav-toggle,.nav-link,.filter-btn,.filter-button,.workflow-download,.workflow-training-link,.workflow-copy-button,.back-button,.project-live-link,.view-details,.social-link,.submit-button,.admin-primary-button,.admin-button,.admin-danger-button,.admin-upload-button,.admin-row-actions button,.admin-segmented button,.admin-list-item):is(:hover,:focus-visible):after{opacity:1;transform:translate(340%)skew(-18deg)}:where(.interactive-button,.nav-logo-mark-link,.nav-preference-button,.nav-toggle,.nav-link,.filter-btn,.filter-button,.workflow-download,.workflow-training-link,.workflow-copy-button,.back-button,.project-live-link,.view-details,.social-link,.submit-button,.admin-primary-button,.admin-button,.admin-danger-button,.admin-upload-button,.admin-row-actions button,.admin-segmented button,.admin-list-item):focus-visible{outline-offset:3px;outline:0;box-shadow:var(--liquid-current-hover-shadow,var(--liquid-glass-shadow-hover)), 0 0 0 5px var(--liquid-glass-focus)!important}:where(.interactive-button.primary,.workflow-download,.workflow-training-link,.project-live-link,.submit-button,.admin-primary-button){--liquid-current-bg:var(--liquid-glass-primary-bg);--liquid-current-hover-bg:var(--liquid-glass-primary-hover-bg);--liquid-glass-flow:#ffffff7a;--primary-flow-opacity:.34;--primary-flow-hover-opacity:.52;--primary-flow-duration:4.2s;--primary-flow-width:46%;color:#fff}:where(.interactive-button.primary,.workflow-download,.workflow-training-link,.project-live-link,.submit-button,.admin-primary-button):after{width:var(--primary-flow-width);opacity:var(--primary-flow-opacity);animation:primaryButtonFlow var(--primary-flow-duration) cubic-bezier(.42, 0, .22, 1) infinite;background:linear-gradient(105deg,#fff0 0%,#ffffff2e 34%,#ffffffb8 48%,#b8e8ff6b 58%,#fff0 78%);inset:-42% auto -42% -68%;transform:translate(-30%)skew(-18deg)}:where(.interactive-button.primary,.workflow-download,.workflow-training-link,.project-live-link,.submit-button,.admin-primary-button):is(:hover,:focus-visible):after{opacity:var(--primary-flow-hover-opacity);transform:none}[data-theme=dark] :where(.interactive-button.primary,.workflow-download,.workflow-training-link,.project-live-link,.submit-button,.admin-primary-button){--primary-flow-opacity:.42;--primary-flow-hover-opacity:.62}:where(.nav-link.active,.filter-btn.active,.filter-button.active,.social-link[aria-expanded=true],.admin-segmented button.active,.admin-list-item.active){--liquid-current-bg:linear-gradient(145deg, #fff9 0%, var(--accent-soft) 54%, #4fa9dc1f 100%);--liquid-current-hover-bg:linear-gradient(145deg, #ffffffbd 0%, var(--accent-soft) 54%, #4fa9dc2e 100%)}[data-theme=dark] :where(.nav-link.active,.filter-btn.active,.filter-button.active,.social-link[aria-expanded=true],.admin-segmented button.active,.admin-list-item.active){--liquid-current-bg:linear-gradient(145deg, #ffffff24 0%, var(--accent-soft) 54%, #8ed8ff24 100%);--liquid-current-hover-bg:linear-gradient(145deg, #fff3 0%, var(--accent-soft) 54%, #8ed8ff33 100%)}:where(.admin-danger-button){--liquid-current-bg:var(--liquid-glass-danger-bg);--liquid-current-hover-bg:var(--liquid-glass-danger-hover-bg);--liquid-glass-flow:#ffffff5c}:where(.submit-button:disabled,button:disabled){opacity:.62;cursor:not-allowed;transform:none}:where(.interactive-button.primary,.workflow-download,.workflow-training-link,.project-live-link,.submit-button,.admin-primary-button):disabled:after{opacity:.12;animation:none}@keyframes primaryButtonFlow{0%{transform:translate(-35%)skew(-18deg)}46%,to{transform:translate(360%)skew(-18deg)}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){:where(.interactive-button,.nav-logo-mark-link,.nav-preference-button,.nav-toggle,.nav-link,.filter-btn,.filter-button,.workflow-download,.workflow-training-link,.workflow-copy-button,.back-button,.project-live-link,.view-details,.social-link,.submit-button,.admin-primary-button,.admin-button,.admin-danger-button,.admin-upload-button,.admin-row-actions button,.admin-segmented button,.admin-list-item){background:var(--surface-strong)!important}}@media (prefers-reduced-motion:reduce){:where(.interactive-button,.nav-logo-mark-link,.nav-preference-button,.nav-toggle,.nav-link,.filter-btn,.filter-button,.workflow-download,.workflow-training-link,.workflow-copy-button,.back-button,.project-live-link,.view-details,.social-link,.submit-button,.admin-primary-button,.admin-button,.admin-danger-button,.admin-upload-button,.admin-row-actions button,.admin-segmented button,.admin-list-item){transition:none}:where(.interactive-button.primary,.workflow-download,.workflow-training-link,.project-live-link,.submit-button,.admin-primary-button):after{opacity:.18;animation:none;transform:translate(88%)skew(-18deg)}}code{font-family:var(--mono);background:var(--code-bg);color:var(--text-h);border-radius:.5rem;padding:.25rem .5rem;font-size:.9rem}::selection{background:var(--selection-bg)}.page-shell{width:min(var(--container), calc(100% - var(--page-gutter)));margin:0 auto}.section-kicker{-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--accent);letter-spacing:.12em;text-transform:uppercase;background:0 0;border:0;border-radius:0;align-items:center;gap:.5rem;padding:0;font-size:.74rem;font-weight:600;display:inline-flex}.section-header{text-align:center;justify-items:center;gap:1rem;max-width:880px;margin:0 auto 3.5rem;display:grid}.section-header p{max-width:50rem;font-size:clamp(1.05rem,1.6vw,1.32rem);line-height:1.55}.glass-panel{background:var(--glass-bg);border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px)saturate(1.08)}@media (width<=768px){:root{--page-gutter:32px;--page-top:8rem}h1{font-size:3.1rem}h2{font-size:2.15rem}h3{font-size:1.3rem}body:before{opacity:.04}}@media (width>=769px) and (width<=1100px){:root{--page-gutter:48px;--page-top:8.4rem}h1{font-size:4rem}h2{font-size:2.65rem}}@media (width>=1600px){:root{--container:1280px;--page-gutter:64px}h1{font-size:5.4rem}}@media (width<=520px){:root{--page-gutter:32px;--page-top:7.5rem}h1{font-size:2.7rem}h2{font-size:1.9rem}.section-header{margin-bottom:2rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.navigation-shell{z-index:1000;padding:14px 24px;position:fixed;top:0;left:0;right:0}.navigation{border:1px solid color-mix(in srgb, var(--border) 56%, #ffffffb8);background:linear-gradient(140deg, #ffffff9e 0%, #ffffff47 44%, #ffffff29 100%), color-mix(in srgb, var(--surface-strong) 54%, transparent);-webkit-backdrop-filter:blur(24px)saturate(1.48);isolation:isolate;border-radius:20px;justify-content:space-between;align-items:center;width:min(1120px,100%);margin:0 auto;padding:10px 11px 10px 16px;display:flex;overflow:hidden;box-shadow:0 18px 48px #26251e1a,inset 0 1px #ffffff7a,inset 0 -1px #fff3}.navigation:before,.navigation:after{content:"";pointer-events:none;border-radius:inherit;position:absolute}.navigation:before{z-index:0;opacity:.82;background:radial-gradient(circle at 18% 0,#ffffffc7,#0000 34%),radial-gradient(circle at 78% 115%,#4fa9dc24,#0000 36%),linear-gradient(#ffffff57,#0000 46%);inset:1px}.navigation:after{z-index:0;opacity:.58;background:linear-gradient(100deg,#0000 0%,#ffffff6b 48%,#0000 76%);width:28%;animation:8.5s ease-in-out infinite navLiquidSheen;top:-90%;bottom:-90%;left:-38%;transform:translate(0)rotate(12deg)}.nav-brand{z-index:1;align-items:center;gap:12px;display:inline-flex;position:relative}.nav-logo-text{color:var(--text-h);letter-spacing:.02em;white-space:nowrap;font-size:.88rem;font-weight:600}.nav-logo-mark-link{--liquid-current-bg:linear-gradient(145deg, #ffffffc2, #ffffff57);--liquid-current-hover-bg:linear-gradient(145deg, #ffffffe6, #ffffff7a);--liquid-current-shadow:inset 0 1px 0 #ffffff94, 0 8px 18px #26251e0f;--liquid-current-hover-shadow:inset 0 1px 0 #ffffffb8, 0 12px 24px #26251e1a;border-radius:10px;outline:none;justify-content:center;align-items:center;width:28px;height:28px;transition:transform .2s,box-shadow .2s;display:inline-flex}.nav-logo-mark-link:hover,.nav-logo-mark-link:focus-visible{box-shadow:0 0 0 8px var(--accent-soft);transform:translateY(-1px)}.nav-logo-mark{background:radial-gradient(circle at 32% 20%, #ffffff8a, transparent 34%), linear-gradient(145deg, var(--accent), var(--accent-hover));width:14px;height:14px;box-shadow:0 0 18px var(--accent-soft), inset 0 0 0 1px #ffffff38;border-radius:5px}.nav-links{isolation:isolate;z-index:1;align-items:center;gap:6px;display:flex;position:relative}.nav-links>li:not(.nav-active-indicator){z-index:1;position:relative}.nav-active-indicator{z-index:0;background:radial-gradient(circle at 26% 0%, #ffffffe0, transparent 38%), linear-gradient(145deg, #ffffff9e, #ffffff3d), color-mix(in srgb, var(--accent-soft) 72%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.35);opacity:0;pointer-events:none;border-radius:12px;width:68px;height:34px;position:absolute;top:0;left:0;box-shadow:inset 0 1px #ffffffb8,inset 0 -1px #4fa9dc24,0 12px 28px #4fa9dc26,0 2px 10px #26251e0d}.nav-desktop-controls{z-index:1;align-items:center;display:flex;position:relative}.nav-mobile-controls{display:none}.nav-preference-controls{align-items:center;gap:8px;display:inline-flex}.nav-preference-button{border:1px solid var(--border);background:var(--surface);min-width:44px;min-height:34px;color:var(--text-h);letter-spacing:0;--liquid-current-bg:linear-gradient(145deg, #ffffffa3, #ffffff42);--liquid-current-hover-bg:linear-gradient(145deg, #ffffffc7, #ffffff5c);--liquid-current-shadow:inset 0 1px 0 #ffffff94, 0 8px 18px #26251e0d;--liquid-current-hover-shadow:inset 0 1px 0 #ffffffb8, 0 12px 24px #26251e14;border-radius:12px;justify-content:center;align-items:center;padding:0 .85rem;font-size:.78rem;font-weight:600;transition:background .25s,border-color .25s,color .25s,transform .25s;display:inline-flex}.nav-preference-button:hover{background:var(--surface);border-color:var(--border-strong);transform:translateY(-1px)}.nav-theme-icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:18px;height:18px;display:block}.nav-link{--liquid-current-bg:transparent;--liquid-current-shadow:none;--liquid-current-hover-bg:linear-gradient(145deg, #ffffff70, #ffffff2e);--liquid-current-hover-shadow:inset 0 1px 0 #ffffff8a, 0 8px 18px #26251e0d;min-width:68px;color:var(--text);border-radius:12px;justify-content:center;align-items:center;padding:8px 14px;font-size:.82rem;font-weight:500;transition:background .25s,color .25s,box-shadow .25s;display:inline-flex}.nav-link:hover,.nav-link.active{color:var(--text-h)}.nav-toggle{border:1px solid var(--border);background:var(--surface);--liquid-current-bg:linear-gradient(145deg, #ffffffa8, #ffffff47);--liquid-current-hover-bg:linear-gradient(145deg, #ffffffd1, #fff6);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:42px;height:42px;display:none}[data-theme=dark] .navigation{border-color:color-mix(in srgb, var(--border) 68%, #ffffff3d);background:linear-gradient(140deg, #ffffff24 0%, #ffffff12 48%, #ffffff0a 100%), color-mix(in srgb, var(--surface-strong) 58%, transparent);box-shadow:0 18px 56px #00000061,inset 0 1px #ffffff29,inset 0 -1px #ffffff0f}[data-theme=dark] .navigation:before{background:radial-gradient(circle at 18% 0,#ffffff2e,#0000 34%),radial-gradient(circle at 76% 116%,#8ed8ff33,#0000 38%),linear-gradient(#ffffff14,#0000 50%)}[data-theme=dark] .navigation:after{background:linear-gradient(100deg,#0000 0%,#ffffff2e 48%,#0000 76%)}[data-theme=dark] .nav-active-indicator{background:radial-gradient(circle at 26% 0%, #ffffff3d, transparent 38%), linear-gradient(145deg, #8ed8ff38, #ffffff14), color-mix(in srgb, var(--accent-soft) 62%, transparent);box-shadow:inset 0 1px #ffffff2e,inset 0 -1px #8ed8ff24,0 12px 30px #00000047,0 0 28px #8ed8ff1f}[data-theme=dark] .nav-logo-mark-link,[data-theme=dark] .nav-preference-button,[data-theme=dark] .nav-toggle{--liquid-current-bg:linear-gradient(145deg, #ffffff21, #ffffff0d);--liquid-current-hover-bg:linear-gradient(145deg, #ffffff2e, #ffffff14);--liquid-current-shadow:inset 0 1px 0 #ffffff1f, 0 10px 24px #00000029;--liquid-current-hover-shadow:inset 0 1px 0 #ffffff2e, 0 12px 28px #0003}[data-theme=dark] .nav-link{--liquid-current-hover-bg:linear-gradient(145deg, #ffffff21, #ffffff0d);--liquid-current-hover-shadow:inset 0 1px 0 #ffffff1f, 0 10px 24px #00000024}@keyframes navLiquidSheen{0%,62%{opacity:0;transform:translate(0)rotate(12deg)}74%{opacity:.58}to{opacity:0;transform:translate(560%)rotate(12deg)}}.nav-toggle span{background:var(--text-h);width:18px;height:1.5px;transition:transform .3s}@media (width<=768px){.navigation-shell{padding:12px}.navigation{border-radius:18px;flex-wrap:wrap;padding:12px 12px 12px 16px}.nav-toggle{display:inline-flex}.nav-desktop-controls{display:none}.nav-mobile-controls{display:block}.nav-links{opacity:0;pointer-events:none;border-top:1px solid #0000;gap:8px;width:100%;max-height:0;margin-top:0;padding-top:0;transition:max-height .3s,opacity .3s,margin-top .3s,padding-top .3s,border-color .3s;display:grid;overflow:hidden}.nav-active-indicator{display:none}.nav-links.open{border-top-color:var(--border);opacity:1;pointer-events:auto;max-height:380px;margin-top:12px;padding-top:12px}.nav-link{--liquid-current-bg:linear-gradient(145deg, #ffffff80, #ffffff2e);--liquid-current-shadow:none;justify-content:flex-start;width:100%;padding:13px 14px}.nav-link.active{--liquid-current-bg:linear-gradient(145deg, #ffffffb8, #ffffff47);--liquid-current-shadow:inset 0 1px 0 #ffffff9e, 0 8px 18px #26251e0f}.nav-preference-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;display:grid}.nav-preference-button{width:100%;min-height:48px}}@media (prefers-reduced-motion:reduce){.navigation:after{animation:none}}.page-transition{z-index:1;min-height:100vh;position:relative}.intro-reveal{z-index:9999;background:radial-gradient(circle at 18% 8%, #ffffffbd, transparent 24rem), radial-gradient(circle at 82% 16%, #b2daeb57, transparent 28rem), radial-gradient(circle at 50% 100%, #4fa9dc1f, transparent 36rem), var(--body-bg);color:var(--text-h);place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.intro-reveal-panels{grid-template-columns:repeat(3,1fr);display:grid;position:absolute;inset:0}.intro-reveal-panel{background:linear-gradient(180deg, #ffffffb3, #ffffff38), color-mix(in srgb, var(--surface-strong) 72%, transparent);-webkit-backdrop-filter:blur(22px)saturate(1.24);will-change:transform, clip-path;min-width:0;box-shadow:inset 1px 0 #ffffff85}.intro-reveal-panel-b{background:linear-gradient(180deg, #8ed8ff33, #ffffff42), color-mix(in srgb, var(--surface-strong) 68%, transparent)}.intro-reveal-panel-c{background:linear-gradient(180deg, #4fa9dc29, #fff3), color-mix(in srgb, var(--surface-strong) 64%, transparent)}.intro-reveal-pixels,.intro-reveal-glow,.intro-reveal-scan{pointer-events:none;z-index:1;display:block;position:absolute}.intro-reveal-pixels{opacity:0;background-image:radial-gradient(circle,#26251e1f 0 1px,#0000 1.5px),radial-gradient(circle,#4fa9dc1f 0 1px,#0000 1.5px);background-position:0 0,12px 12px;background-size:24px 24px,24px 24px;inset:0;-webkit-mask-image:radial-gradient(#000000e6,#0000 72%),linear-gradient(#0000 0%,#000000b8 18%,#000000d6 78%,#0000 100%);mask-image:radial-gradient(#000000e6,#0000 72%),linear-gradient(#0000 0%,#000000b8 18%,#000000d6 78%,#0000 100%)}.intro-reveal-pixels-secondary{opacity:0;background-position:8px 10px,24px 26px;background-size:36px 36px,36px 36px;inset:12% 8%}.intro-reveal-glow{aspect-ratio:1;filter:blur(22px);mix-blend-mode:multiply;background:radial-gradient(circle,#8ed8ff42,#4fa9dc1c 42%,#0000 72%);border-radius:999px;width:min(560px,82vw)}.intro-reveal-scan{background:linear-gradient(90deg,#0000,#4fa9dcb8,#0000);width:min(520px,78vw);height:1px;box-shadow:0 0 24px #4fa9dc38}.intro-reveal-content{z-index:2;will-change:transform, opacity;justify-items:start;gap:1rem;width:min(860px,100% - 48px);display:grid;overflow:hidden}.intro-reveal-kicker{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;font-size:.78rem;font-weight:700}.intro-reveal-title{color:var(--text-h);letter-spacing:0;gap:.25rem;font-size:clamp(3rem,8vw,7.1rem);font-weight:600;line-height:.95;display:grid;overflow:hidden}.intro-reveal-line{will-change:transform, opacity;display:block}.intro-reveal-rule{will-change:transform;background:linear-gradient(90deg,#8ed8ff,#8ed8ff00);width:min(320px,56vw);height:2px;margin-top:.6rem}[data-theme=dark] .intro-reveal{color:var(--text-h);background:radial-gradient(circle at 20% 10%,#8ed8ff24,#0000 28rem),radial-gradient(circle at 80% 72%,#4fa9dc1f,#0000 30rem),#05090f}[data-theme=dark] .intro-reveal-panel{box-shadow:none;background:linear-gradient(#ffffff14,#fff0),linear-gradient(145deg,#09121cfa,#04090ffa)}[data-theme=dark] .intro-reveal-panel-b{background:linear-gradient(#8ed8ff2e,#fff0),linear-gradient(145deg,#0c1e2cfa,#050b12fa)}[data-theme=dark] .intro-reveal-panel-c{background:linear-gradient(#4fa9dc2e,#fff0),linear-gradient(145deg,#091723fa,#04080efa)}[data-theme=dark] .intro-reveal-pixels{background-image:radial-gradient(circle,#f8fafc2e 0 1px,#0000 1.5px),radial-gradient(circle,#8ed8ff2e 0 1px,#0000 1.5px)}[data-theme=dark] .intro-reveal-glow{filter:blur(18px);mix-blend-mode:screen;background:radial-gradient(circle,#8ed8ff33,#4fa9dc14 42%,#0000 70%)}[data-theme=dark] .intro-reveal-scan{background:linear-gradient(90deg,#0000,#8ed8ffdb,#0000);box-shadow:0 0 24px #8ed8ff6b}.intro-reveal-lock{overflow:hidden}@media (width<=520px){.intro-reveal-content{gap:.75rem;width:min(100% - 32px,520px)}.intro-reveal-title{font-size:clamp(2.6rem,14vw,4.4rem)}.intro-reveal-pixels{opacity:.22;background-size:30px 30px,30px 30px}}@media (prefers-reduced-motion:reduce){.intro-reveal{display:none}}.ambient-background{--ambient-pointer-x:50vw;--ambient-pointer-y:45vh;--ambient-pointer-alpha:0;--ambient-image-x:0px;--ambient-image-y:0px;--ambient-detail-x:0px;--ambient-detail-y:0px;--ambient-detail-x-reverse:0px;--ambient-detail-y-reverse:0px;--ambient-band-shift-x:0px;--ambient-band-shift-y:0px;z-index:0;pointer-events:none;background:var(--body-bg);contain:paint;position:fixed;inset:0;overflow:hidden}.ambient-background:before{content:"";opacity:.92;background:radial-gradient(circle at 18% 8%,#ffffffad,#0000 22rem),radial-gradient(circle at 82% 18%,#b2daeb61,#0000 28rem),radial-gradient(circle at 50% 100%,#4fa9dc1f,#0000 36rem);position:absolute;inset:-18%}.ambient-image,.ambient-image-veil,.ambient-pointer-light,.ambient-band,.ambient-light,.ambient-grid,.ambient-pixels,.ambient-noise{display:block;position:absolute}.ambient-image{filter:saturate(1.04)contrast(.98);opacity:.72;transform:translate3d(var(--ambient-image-x), var(--ambient-image-y), 0) scale(1.04);transform-origin:50%;will-change:transform;background-image:url(/backgrounds/aigc-soft-studio-bg.png);background-position:50%;background-repeat:no-repeat;background-size:cover;inset:-4%}.ambient-image-veil{background:linear-gradient(#fafaf76b,#f7f7f494),radial-gradient(circle at 18% 20%,#ffffff94,#0000 26rem),radial-gradient(circle at 70% 72%,#4fa9dc1a,#0000 32rem);inset:0}.ambient-pointer-light{z-index:1;aspect-ratio:1;filter:blur(18px);width:clamp(18rem,32vw,30rem);opacity:var(--ambient-pointer-alpha);mix-blend-mode:screen;transform:translate3d(calc(var(--ambient-pointer-x) - 50%), calc(var(--ambient-pointer-y) - 50%), 0);will-change:transform, opacity;background:radial-gradient(circle,#ffffff75,#8ed8ff33 34%,#0000 70%);border-radius:50%;top:0;left:0}.ambient-band{filter:blur(42px);opacity:.48;mix-blend-mode:multiply;width:62vw;min-width:620px;height:34vh;min-height:260px;translate:var(--ambient-band-shift-x) var(--ambient-band-shift-y);will-change:transform;border-radius:999px}.ambient-band-primary{background:linear-gradient(90deg,#4fa9dc2e,#9ce1e833,#0000);animation:28s ease-in-out infinite alternate ambientBandPrimary;top:2%;left:-17%;transform:rotate(-8deg)}.ambient-band-secondary{background:linear-gradient(90deg,#0000,#c3b9ee3d,#ece0ad29);animation:34s ease-in-out infinite alternate ambientBandSecondary;top:28%;right:-20%;transform:rotate(12deg)}.ambient-band-tertiary{background:linear-gradient(90deg,#b0dfe729,#4fa9dc1a,#fff0);width:78vw;animation:38s ease-in-out infinite alternate ambientBandTertiary;bottom:-13%;left:18%;transform:rotate(4deg)}.ambient-light{opacity:.32;background:#ffffffc7;border-radius:50%;width:10px;height:10px;animation:18s ease-in-out infinite alternate ambientFloat;box-shadow:0 0 18px #ffffffb8,0 0 44px #4fa9dc29}.ambient-light-one{top:30%;left:16%}.ambient-light-two{width:7px;height:7px;animation-duration:22s;animation-delay:-6s;top:58%;right:18%}.ambient-light-three{width:5px;height:5px;animation-duration:26s;animation-delay:-11s;top:18%;left:68%}.ambient-grid{background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);opacity:.42;transform-origin:50%;background-size:28px 28px;animation:32s linear infinite ambientGridDrift;inset:0;-webkit-mask-image:linear-gradient(#00000052,#0000 78%);mask-image:linear-gradient(#00000052,#0000 78%)}.ambient-pixels{opacity:.28;background-image:radial-gradient(circle,#26251e1f 0 1px,#0000 1.5px),radial-gradient(circle,#4fa9dc1a 0 1px,#0000 1.5px);background-position:var(--ambient-detail-x) var(--ambient-detail-y), calc(var(--ambient-detail-x) + 9px) calc(var(--ambient-detail-y) + 9px);background-size:18px 18px,18px 18px;animation:44s linear infinite ambientPixelDrift;inset:0;-webkit-mask-image:radial-gradient(#000000c2,#0000 72%),linear-gradient(#000000b8,#0000 92%);mask-image:radial-gradient(#000000c2,#0000 72%),linear-gradient(#000000b8,#0000 92%)}.ambient-pixels-secondary{opacity:.18;background-size:28px 28px,28px 28px;background-position:calc(var(--ambient-detail-x-reverse) + 4px) calc(var(--ambient-detail-y-reverse) + 6px), calc(var(--ambient-detail-x-reverse) + 18px) calc(var(--ambient-detail-y-reverse) + 20px);filter:blur(.2px);animation-duration:58s;animation-direction:reverse;inset:12% 8% 8%}.ambient-noise{opacity:.18;mix-blend-mode:soft-light;background-image:repeating-radial-gradient(circle at 18% 22%,#26251e0b 0 1px,#0000 1px 4px),repeating-linear-gradient(120deg,#ffffff0a 0 1px,#0000 1px 5px);inset:0}[data-theme=dark] .ambient-background:before{opacity:1;background:radial-gradient(circle at 16% 4%,#8ed8ff24,#0000 28rem),radial-gradient(circle at 84% 20%,#31a3b71f,#0000 30rem),radial-gradient(circle at 50% 100%,#8ed8ff1a,#0000 38rem)}[data-theme=dark] .ambient-image{opacity:.32;filter:saturate(1.1)contrast(1.06)brightness(.52);mix-blend-mode:screen}[data-theme=dark] .ambient-image-veil{background:linear-gradient(#010102c7,#0f1011db),radial-gradient(circle at 18% 8%,#8ed8ff1f,#0000 28rem),radial-gradient(circle at 72% 80%,#31a3b714,#0000 34rem)}[data-theme=dark] .ambient-pointer-light{mix-blend-mode:screen;background:radial-gradient(circle,#8ed8ff3d,#32ccd61f 34%,#0000 72%)}[data-theme=dark] .ambient-band{opacity:.28;mix-blend-mode:screen}[data-theme=dark] .ambient-band-primary{background:linear-gradient(90deg,#8ed8ff33,#32ccd61a,#0000)}[data-theme=dark] .ambient-band-secondary{background:linear-gradient(90deg,#0000,#7e8f962e,#59cdd314)}[data-theme=dark] .ambient-band-tertiary{background:linear-gradient(90deg,#3f97ab1a,#8ed8ff24,#0000)}[data-theme=dark] .ambient-light{opacity:.26;background:#b8ccffcc;box-shadow:0 0 22px #8ed8ff7a,0 0 58px #32ccd62e}[data-theme=dark] .ambient-noise{opacity:.12}[data-theme=dark] .ambient-pixels{opacity:.22;background-image:radial-gradient(circle,#f7f8f824 0 1px,#0000 1.5px),radial-gradient(circle,#8ed8ff1f 0 1px,#0000 1.5px)}@keyframes ambientBandPrimary{0%{transform:translate(-4%,-2%)rotate(-8deg)scale(1)}to{transform:translate(12%,10%)rotate(-3deg)scale(1.08)}}@keyframes ambientBandSecondary{0%{transform:translate(6%)rotate(12deg)scale(1)}to{transform:translate(-12%,8%)rotate(7deg)scale(1.12)}}@keyframes ambientBandTertiary{0%{transform:translate(-6%,4%)rotate(4deg)scale(1)}to{transform:translate(8%,-8%)rotate(8deg)scale(1.04)}}@keyframes ambientFloat{0%{transform:translate(0,0)}to{transform:translate(34px,-48px)}}@keyframes ambientGridDrift{0%{background-position:0 0,0 0}to{background-position:56px 56px,56px 56px}}@keyframes ambientPixelDrift{0%{transform:translate(0,0)}to{transform:translate(18px,18px)}}@media (width<=768px){.ambient-band{filter:blur(30px);opacity:.34;min-width:360px;height:24vh;min-height:180px}.ambient-band-secondary{display:none}.ambient-image{opacity:.6;inset:-2%;transform:scale(1.02)}.ambient-pointer-light,.ambient-light-three{display:none}.ambient-grid{opacity:.28;background-size:34px 34px}.ambient-pixels{opacity:.18;background-size:24px 24px,24px 24px}}@media (prefers-reduced-motion:reduce){.ambient-band,.ambient-light,.ambient-grid,.ambient-pixels{animation:none}.ambient-image{transform:scale(1.02)}.ambient-pointer-light{display:none}}:root{--cursor-blob-size:132px;--cursor-aura-size:230px;--cursor-blob-opacity:.34;--cursor-aura-opacity:.18}[data-theme=dark]{--cursor-blob-opacity:.28;--cursor-aura-opacity:.14}.mouse-follower,.mouse-trail{z-index:900;pointer-events:none;opacity:0;will-change:transform, opacity, width, height;border-radius:50%;position:fixed;top:0;left:0}.mouse-follower{width:var(--cursor-blob-size);height:var(--cursor-blob-size);mix-blend-mode:screen;filter:blur(.5px);background:radial-gradient(circle at 34% 32%,#ffffffe0,#ffffff4d 34%,#4fa9dc24 68%,#4fa9dc00 100%);transition:opacity .26s,width .34s,height .34s,background .34s,box-shadow .34s;box-shadow:0 0 42px #4fa9dc38,inset 0 0 36px #ffffff61}.mouse-trail{width:var(--cursor-aura-size);height:var(--cursor-aura-size);filter:blur(18px);mix-blend-mode:multiply;background:radial-gradient(circle,#4fa9dc33,#4fa9dc00 66%);transition:opacity .32s,width .42s,height .42s}[data-theme=dark] .mouse-follower{mix-blend-mode:lighten;background:radial-gradient(circle at 34% 32%,#ffffffbd,#8ed8ff3d 38%,#8ed8ff21 72%,#8ed8ff00 100%)}[data-theme=dark] .mouse-trail{mix-blend-mode:screen}.mouse-follower.is-visible{opacity:var(--cursor-blob-opacity)}.mouse-trail.is-visible{opacity:var(--cursor-aura-opacity)}.mouse-follower.is-interactive{opacity:.44;width:184px;height:184px;box-shadow:0 0 58px #4fa9dc47,inset 0 0 44px #ffffff7a}.mouse-trail.is-interactive{opacity:.22;width:300px;height:300px}@media (width<=768px),(pointer:coarse),(prefers-reduced-motion:reduce){.mouse-follower,.mouse-trail{display:none}}.interactive-button{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.6rem;min-height:44px;padding:.78rem 1.05rem;transition:background .25s,border-color .25s,box-shadow .25s,color .25s;display:inline-flex}.interactive-button.primary{background:var(--accent);color:#fff;box-shadow:none}.interactive-button.primary:hover{box-shadow:var(--shadow-lg)}.interactive-button.secondary{background:var(--surface-muted);color:var(--text-h);border-color:var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.interactive-button.secondary:hover{background:var(--surface-strong);border-color:var(--border-strong)}.button-content{z-index:1;font-size:.95rem;font-weight:500;position:relative}@media (width<=768px){.interactive-button{width:100%}}.motion-text{display:block}.motion-text-line-wrap{display:block;overflow:hidden}.motion-text-line,.motion-text-word{transform-origin:0 100%;display:inline-block}.motion-text-word{margin-right:.22em}.motion-text-word:last-child{margin-right:0}@media (prefers-reduced-motion:reduce){.motion-text-line,.motion-text-word{opacity:1!important;visibility:visible!important;transform:none!important}}.hero{align-items:center;min-height:100svh;padding:clamp(7.5rem,13svh,10.5rem) 0 clamp(4.5rem,7svh,6.5rem);display:flex;overflow:clip}.hero-layout{grid-template-columns:minmax(0,1.05fr) minmax(360px,.82fr);align-items:center;gap:clamp(2rem,5vw,5rem);display:grid}.hero-copy{text-align:left;justify-items:start;max-width:720px;display:grid}.hero-title{letter-spacing:0;margin:1.1rem 0 1.2rem}.hero-subtitle{max-width:42rem;color:var(--text);font-size:clamp(1.04rem,1.45vw,1.28rem);line-height:1.55}.hero-buttons{flex-wrap:wrap;justify-content:flex-start;gap:.85rem;margin-top:1.7rem;display:flex}.hero-profile{border-radius:var(--radius-lg);width:100%;padding:clamp(1rem,2vw,1.4rem)}.profile-header{text-align:left;justify-content:flex-start;align-items:center;gap:1rem;padding-bottom:1.05rem;display:flex}.profile-avatar{border-radius:var(--radius-md);object-fit:cover;object-position:center top;width:clamp(88px,10vw,118px);height:clamp(112px,13vw,150px);box-shadow:none;background:#0878b9;flex:0 0 clamp(88px,10vw,118px)}.profile-label{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin-bottom:.35rem;font-size:.74rem;font-weight:600}.profile-header h2{margin-bottom:.25rem;font-size:clamp(1.7rem,3vw,2.4rem);line-height:1.08}.profile-summary{max-width:100%;color:var(--text-h);text-align:left;margin:0;font-size:.98rem;line-height:1.62}.profile-highlights{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin-top:1.15rem;display:grid}.profile-highlight{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-muted);text-align:left;min-width:0;padding:.85rem}.profile-highlight span{color:var(--accent);letter-spacing:0;margin-bottom:.25rem;font-size:.76rem;font-weight:600;display:block}.profile-highlight strong{color:var(--text-h);font-size:.9rem;font-weight:600;line-height:1.35;display:block}.profile-collaborators{border-top:1px solid var(--border);max-width:100%;color:var(--accent);text-align:left;margin:1rem 0 0;padding-top:1rem;font-size:.86rem;font-weight:600}.profile-collaborators span{color:var(--text-h);margin-top:.25rem;font-size:.96rem;font-weight:500;line-height:1.6;display:block}.profile-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin-top:1rem;display:grid}.profile-detail{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);text-align:left;min-width:0;padding:.75rem}.profile-detail dt{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin-bottom:.2rem;font-size:.8rem;font-weight:600;display:block}.profile-detail dd{color:var(--text-h);overflow-wrap:anywhere;font-size:1rem}.profile-detail a{color:inherit}.profile-detail a:hover{color:var(--accent)}[data-theme=dark] .profile-highlight,[data-theme=dark] .profile-detail{background:#ffffff14}.hero-background-blur{display:none}.hero-background-blur-left{background:var(--surface-strong);width:340px;height:340px;top:120px;left:-80px}.hero-background-blur-right{background:var(--accent-soft);width:400px;height:400px;bottom:40px;right:-120px}@media (width<=960px){.hero{min-height:auto;padding:var(--page-top) 0 4.5rem}.hero-layout{grid-template-columns:1fr;justify-items:center}.hero-copy{text-align:center;justify-items:center}.hero-title,.hero-subtitle{max-width:100%}.hero-buttons{justify-content:center}.hero-profile{max-width:760px}}@media (width>=961px){.hero-title{white-space:nowrap}}@media (width>=961px) and (height<=820px){.hero{align-items:flex-start;padding-top:7.25rem;padding-bottom:3rem}.hero-layout{align-items:start}.hero-profile{padding:1.35rem}.profile-header{padding-bottom:1rem}.profile-summary,.profile-highlights{margin-top:.85rem}.profile-summary{line-height:1.65}.profile-highlight{padding:.65rem .75rem}.profile-collaborators{margin-top:.75rem}.profile-detail{padding-top:.62rem;padding-bottom:.62rem}}@media (width<=768px){.hero-buttons{flex-direction:column;width:min(100%,420px)}.profile-highlights,.profile-details{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.hero{padding-bottom:3.75rem}.hero-title{margin:1rem 0 1.15rem}.hero-subtitle{font-size:1rem;line-height:1.72}.hero-profile{border-radius:28px;padding:1.15rem}.profile-header{align-items:center}.profile-avatar{border-radius:20px;flex-basis:72px;width:72px;height:96px}.profile-summary{margin-top:1rem}.profile-highlights{gap:.55rem}.profile-highlight{border-radius:16px;padding:.68rem}.profile-detail{padding:.7rem}}@media (width<=380px){.profile-details,.profile-highlights{grid-template-columns:1fr}}.skills-showcase{padding:clamp(1rem,3vw,2rem) 0 clamp(5.5rem,8vw,8rem);scroll-margin-top:120px}.skills-filter{flex-wrap:wrap;justify-content:center;gap:.8rem;margin-bottom:2.5rem;display:flex}.filter-button{background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:.68rem .9rem;font-size:.92rem;transition:background .25s,color .25s,border-color .25s}.filter-button:hover,.filter-button.active{color:var(--text-h);background:var(--surface-strong);border-color:var(--border-strong)}.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,2vw,1.5rem);display:grid}.skill-card{border-radius:var(--radius-md);flex-direction:column;min-height:360px;padding:clamp(1.15rem,2.3vw,1.65rem);display:flex}.skill-card-top{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.skill-icon{font-size:1.6rem}.skill-category{border-radius:var(--radius-sm);background:var(--surface-muted);border:1px solid var(--border);letter-spacing:.08em;text-transform:uppercase;padding:.34rem .56rem;font-size:.75rem}.skill-name{margin-bottom:.75rem}.skill-description{line-height:1.62}.skill-tools{margin-top:1.15rem}.skill-tools-label{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.65rem;font-size:.78rem;display:block}.skill-tools-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:.55rem;display:grid}.skill-tool{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-muted);min-width:0;color:var(--text);align-items:center;gap:.5rem;padding:.45rem .55rem;font-size:.84rem;line-height:1.2;display:flex}.skill-tool span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.skill-tool-logo{background:#fff;border-radius:9px;flex:0 0 28px;place-items:center;width:28px;height:28px;display:grid;box-shadow:inset 0 0 0 1px #0f172a14}.skill-tool-logo img{object-fit:contain;width:20px;height:20px;display:block}.skill-strength{border-top:1px solid var(--border);justify-content:space-between;align-items:baseline;margin-top:auto;padding-top:1rem;display:flex}.skill-strength strong{color:var(--text-h);font-size:1.15rem}@media (width<=768px){.skills-showcase{padding-bottom:5rem}.skills-grid{grid-template-columns:1fr}.skill-card{min-height:340px}.skill-tool{font-size:.82rem}}.project-card{--tilt-rx:0deg;--tilt-ry:0deg;--tilt-y:0px;--glare-x:50%;--glare-y:20%;border-radius:var(--radius-md);cursor:pointer;background:var(--surface);border:1px solid var(--border);min-height:100%;box-shadow:var(--shadow);transform:perspective(1000px) rotateX(var(--tilt-rx)) rotateY(var(--tilt-ry)) translate3d(0, var(--tilt-y), 0);transform-style:preserve-3d;outline:none;transition:transform .28s,border-color .28s,box-shadow .28s;position:relative;overflow:hidden}.project-card:before{content:"";z-index:3;pointer-events:none;border-radius:inherit;background:radial-gradient(circle at var(--glare-x) var(--glare-y), #ffffff52, transparent 32%), linear-gradient(135deg, #ffffff1f, transparent 42%);opacity:0;mix-blend-mode:soft-light;transition:opacity .28s;position:absolute;inset:0}.project-card:hover{--tilt-y:-4px;border-color:var(--border-strong);box-shadow:var(--shadow-lg)}.project-card:hover:before{opacity:1}.project-card:focus-visible{box-shadow:var(--shadow-lg), 0 0 0 5px var(--liquid-glass-focus)}.project-image-wrapper{aspect-ratio:16/11;background:var(--media-bg);width:100%;position:relative;overflow:hidden}.project-grid .project-card:first-child .project-image-wrapper{aspect-ratio:21/9}.project-image{object-fit:cover;width:100%;height:100%;transition:transform .5s,filter .3s;transform:translateZ(18px)scale(1)}.project-card:hover .project-image{filter:saturate(.96)contrast(1.04);transform:translateZ(18px)scale(1.045)}.project-card-screen .project-image-wrapper{background:var(--screen-bg)}.project-card-screen .project-image{object-fit:contain}.project-overlay{z-index:2;opacity:0;background:linear-gradient(#0000 42%,#0101028f);justify-content:flex-end;align-items:flex-end;padding:1rem;transition:opacity .3s;display:flex;position:absolute;inset:0}.project-card:hover .project-overlay{opacity:1}.view-details{border-radius:var(--radius-sm);color:var(--text-h);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff0;align-items:center;padding:.58rem .75rem;font-size:.8rem;font-weight:600;display:inline-flex}.project-content{padding:clamp(1rem,2vw,1.45rem)}.project-meta-row{justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:.9rem;display:flex}.project-category,.project-featured{border-radius:var(--radius-sm);letter-spacing:0;white-space:nowrap;padding:.32rem .55rem;font-size:.75rem}.project-category{color:var(--text-h);background:var(--surface);border:1px solid var(--border)}.project-featured{color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-border)}.project-title{max-width:28rem;margin-top:.42rem;margin-bottom:.68rem}.project-media-type{color:var(--accent);letter-spacing:0;font-size:.82rem;font-weight:600;display:inline-flex}.project-description{max-width:42rem;margin-bottom:1rem;line-height:1.62}.project-tags{flex-wrap:wrap;gap:.6rem;display:flex}.project-tag{background:var(--surface-muted);color:var(--text);border-radius:var(--radius-sm);border:1px solid var(--border);padding:.34rem .55rem;font-size:.82rem}@media (width<=768px){.project-grid .project-card:first-child .project-image-wrapper{aspect-ratio:16/11}}@media (width<=768px),(pointer:coarse),(prefers-reduced-motion:reduce){.project-card{transform:translate3d(0, var(--tilt-y), 0)}.project-card:before{display:none}.project-image,.project-card:hover .project-image{transform:scale(1.035)}}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,2vw,1.5rem);display:grid}.project-grid .project-card:first-child{grid-column:1/-1}@media (width<=768px){.project-grid{grid-template-columns:1fr}}.workflow-showcase{padding:clamp(1rem,3vw,2rem) 0 clamp(5.5rem,8vw,8rem);scroll-margin-top:120px}.workflow-showcase-detail{padding-bottom:1rem}.workflow-header{max-width:940px}.workflow-hero-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(1rem,2vw,1.5rem);margin-bottom:clamp(2.5rem,5vw,4rem);display:grid}.workflow-subsection-header{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:1.2rem;max-width:980px;margin-bottom:1.5rem;display:grid}.workflow-subsection-header-spaced{margin-top:clamp(3rem,6vw,5rem)}.workflow-subsection-kicker{border-radius:var(--radius-sm);background:var(--accent-soft);border:1px solid var(--accent-border);width:44px;height:44px;color:var(--accent);font-family:var(--mono);place-items:center;font-size:.82rem;font-weight:700;display:inline-grid}.workflow-subsection-header h3{margin-bottom:.45rem;font-size:1.55rem}.workflow-subsection-header p{max-width:48rem;line-height:1.7}.workflow-summary,.workflow-step,.workflow-script-card,.workflow-table-card,.workflow-training-card,.workflow-skill-card,.workflow-prompt-panel{border-radius:var(--radius-md);padding:clamp(1.15rem,2.4vw,1.75rem)}.workflow-summary{flex-direction:column;min-height:100%;display:flex}.workflow-label{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.8rem;font-size:.78rem;font-weight:700;display:inline-flex}.workflow-summary h3,.workflow-step h3,.workflow-script-card h3,.workflow-table-card h3,.workflow-prompt-content h3{margin-bottom:.75rem;font-size:1.35rem}.workflow-summary p,.workflow-step p,.workflow-script-card p,.workflow-table-note,.workflow-prompt-content p{line-height:1.62}.workflow-metrics{gap:.75rem;margin:1.25rem 0;display:grid}.workflow-metrics div{border-radius:var(--radius-sm);background:var(--surface-muted);border:1px solid var(--border);padding:.85rem}.workflow-metrics span{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.25rem;font-size:.76rem;font-weight:700;display:block}.workflow-metrics strong{color:var(--text-h);font-size:.95rem;font-weight:500;line-height:1.45}.workflow-download{border-radius:var(--radius-sm);background:var(--accent);color:#fff;min-height:48px;box-shadow:none;border:1px solid #0000;justify-content:center;align-items:center;margin-top:auto;padding:.78rem 1.1rem;font-size:.94rem;font-weight:500;display:inline-flex}.workflow-download:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.workflow-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.workflow-step{min-height:0;padding:1.25rem}.workflow-step span{color:var(--accent);font-family:var(--mono);margin-bottom:.55rem;font-size:.82rem;display:inline-flex}.workflow-step h3{margin-bottom:.45rem;font-size:1.08rem}.workflow-step p{font-size:.88rem}.workflow-scripts{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.workflow-training-card{grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);align-items:stretch;gap:clamp(1rem,2vw,1.5rem);margin-bottom:1.5rem;display:grid;overflow:hidden}.workflow-training-preview{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--media-bg);min-height:360px;display:block;position:relative;overflow:hidden}.workflow-training-preview img{object-fit:cover;object-position:center top;width:100%;height:100%;transition:transform .35s}.workflow-training-preview:hover img{transform:scale(1.018)}.workflow-training-content{flex-direction:column;min-width:0;display:flex}.workflow-training-content h3{color:var(--text-h);margin-bottom:.75rem;font-size:1.35rem}.workflow-training-content p{line-height:1.62}.workflow-training-tags{flex-wrap:wrap;gap:.55rem;margin:1rem 0;display:flex}.workflow-training-tags span{border-radius:var(--radius-sm);background:var(--accent-soft);border:1px solid var(--accent-border);color:var(--accent);padding:.34rem .56rem;font-size:.78rem;font-weight:700}.workflow-training-highlights{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.workflow-training-highlights li{padding-left:1.05rem;line-height:1.65;position:relative}.workflow-training-highlights li:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;top:.72em;left:0}.workflow-training-link{border-radius:var(--radius-sm);background:var(--accent);color:#fff;min-height:48px;box-shadow:none;justify-content:center;align-items:center;margin-top:auto;padding:.78rem 1rem;font-size:.94rem;font-weight:600;display:inline-flex}.workflow-training-link:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.workflow-skill-card{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);align-items:stretch;gap:clamp(1rem,2vw,1.5rem);margin-bottom:1.5rem;display:grid;overflow:hidden}.workflow-skill-images{gap:.9rem;min-width:0;display:grid}.workflow-skill-image{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--media-bg);aspect-ratio:1;margin:0;position:relative;overflow:hidden}.workflow-skill-image-original{aspect-ratio:16/9}.workflow-skill-image img{object-fit:cover;width:100%;height:100%;transition:transform .35s}.workflow-skill-image:hover img{transform:scale(1.018)}.workflow-skill-image span{z-index:2;border-radius:var(--radius-sm);color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#111827ad;align-items:center;min-height:32px;padding:.38rem .68rem;font-size:.76rem;font-weight:700;display:inline-flex;position:absolute;top:.85rem;left:.85rem}.workflow-skill-content{flex-direction:column;min-width:0;display:flex}.workflow-skill-content h3{color:var(--text-h);margin-bottom:.75rem;font-size:1.35rem}.workflow-skill-content p{line-height:1.62}.workflow-skill-tags{flex-wrap:wrap;gap:.55rem;margin:1rem 0;display:flex}.workflow-skill-tags span{border-radius:var(--radius-sm);background:var(--accent-soft);border:1px solid var(--accent-border);color:var(--accent);padding:.34rem .56rem;font-size:.78rem;font-weight:700}.workflow-skill-highlights{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.workflow-skill-highlights li{padding-left:1.05rem;line-height:1.65;position:relative}.workflow-skill-highlights li:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;top:.72em;left:0}.workflow-prompt-stack{gap:1.5rem;margin-bottom:1.5rem;display:grid}.workflow-prompt-panel{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:clamp(1rem,2vw,1.5rem);display:grid;overflow:hidden}.workflow-image-compare{--comparison-position:50%;aspect-ratio:1;border-radius:var(--radius-md);background:var(--media-bg);border:1px solid var(--border);cursor:ew-resize;isolation:isolate;touch-action:none;position:relative;overflow:hidden}.workflow-image-compare img{object-fit:cover;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%}.workflow-compare-after,.workflow-compare-before{position:absolute;inset:0}.workflow-compare-after{display:block}.workflow-compare-before{clip-path:inset(0 calc(100% - var(--comparison-position)) 0 0)}.workflow-compare-labels{z-index:4;justify-content:space-between;gap:1rem;display:flex;position:absolute;inset:1rem 1rem auto}.workflow-compare-labels span{border-radius:var(--radius-sm);color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#111827ad;align-items:center;min-height:34px;padding:.4rem .7rem;font-size:.78rem;font-weight:700;display:inline-flex}.workflow-compare-handle{top:0;bottom:0;left:var(--comparison-position);z-index:3;background:#ffffffeb;width:2px;position:absolute;transform:translate(-1px);box-shadow:0 0 0 1px #1118272e,0 0 22px #11182747}.workflow-compare-handle:before{content:"";border-radius:var(--radius-sm);background:#ffffffeb;border:1px solid #1118272e;width:42px;height:42px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 28px #1118272e}.workflow-compare-handle:after{content:"< >";color:var(--accent);font-family:var(--mono);letter-spacing:0;font-size:.78rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.workflow-compare-range{z-index:5;opacity:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.workflow-prompt-content{flex-direction:column;min-width:0;display:flex}.workflow-prompt-tags{flex-wrap:wrap;gap:.55rem;margin:1rem 0;display:flex}.workflow-prompt-tags span{border-radius:var(--radius-sm);background:var(--accent-soft);border:1px solid var(--accent-border);color:var(--accent);padding:.34rem .56rem;font-size:.78rem;font-weight:700}.workflow-prompt-box{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--code-bg);flex:1;min-height:180px;max-height:280px;padding:1rem;overflow:auto}.workflow-prompt-box pre{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text-h);font-family:var(--mono);margin:0;font-size:.78rem;line-height:1.65}.workflow-copy-button{border:1px solid var(--accent-border);border-radius:var(--radius-sm);background:var(--surface-strong);min-height:48px;color:var(--text-h);margin-top:1rem;padding:.78rem 1rem;font-size:.94rem;font-weight:600;transition:transform .2s,border-color .2s,background .2s}.workflow-copy-button:hover{border-color:var(--border-strong);background:var(--accent-soft);transform:translateY(-1px)}.workflow-script-card span{border-radius:var(--radius-sm);background:var(--accent-soft);border:1px solid var(--accent-border);color:var(--accent);margin-bottom:.75rem;padding:.42rem .72rem;font-size:.76rem;font-weight:700;display:inline-flex}.workflow-table-top{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.2rem;display:flex}.workflow-deliverable{border-radius:var(--radius-sm);background:var(--surface-muted);border:1px solid var(--border);color:var(--text-h);flex:none;padding:.55rem .8rem;font-size:.82rem}.workflow-table-wrap{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-muted);overflow-x:auto}.workflow-table{border-collapse:collapse;width:100%;min-width:980px}.workflow-table th,.workflow-table td{border-bottom:1px solid var(--border);border-right:1px solid var(--border);text-align:left;vertical-align:top;padding:.78rem .85rem;line-height:1.55}.workflow-table th{color:var(--text-h);background:var(--surface-strong);white-space:nowrap;font-size:.78rem;font-weight:700}.workflow-table td{color:var(--text);font-size:.86rem}.workflow-table td:first-child,.workflow-table td:nth-child(2),.workflow-table td:nth-child(3),.workflow-table td:nth-child(6){color:var(--text-h);white-space:nowrap}.workflow-table th:last-child,.workflow-table td:last-child{border-right:none}.workflow-table tbody tr:last-child td{border-bottom:none}.workflow-table-note{margin-top:1rem;font-size:.92rem}@media (width<=1080px){.workflow-hero-grid,.workflow-scripts,.workflow-training-card,.workflow-skill-card,.workflow-prompt-panel{grid-template-columns:1fr}}@media (width<=768px){.workflow-showcase{padding-bottom:5rem}.workflow-steps{grid-template-columns:1fr}.workflow-summary,.workflow-step,.workflow-script-card,.workflow-table-card,.workflow-training-card,.workflow-skill-card,.workflow-prompt-panel{border-radius:24px;padding:1.15rem}.workflow-table-top{display:grid}.workflow-deliverable{white-space:normal;justify-self:flex-start}.workflow-download{width:100%}.workflow-training-preview{border-radius:20px;min-height:260px}.workflow-skill-image{border-radius:20px}.workflow-training-link{width:100%;margin-top:1rem}.workflow-subsection-header{grid-template-columns:1fr;gap:.75rem}.workflow-subsection-header h3{font-size:1.35rem}.workflow-image-compare{border-radius:20px}.workflow-compare-labels{inset:.75rem .75rem auto}.workflow-prompt-box{max-height:240px}.workflow-copy-button{width:100%}}.home-section{padding-bottom:clamp(5.5rem,9vw,8rem);scroll-margin-top:120px}.home-projects{padding-top:clamp(1rem,3vw,2rem)}.home-features{padding-top:clamp(1rem,4vw,3rem)}.home-feature-grid{border-radius:var(--radius-lg);background:var(--surface);grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;padding:clamp(1rem,3vw,2rem);display:grid}.home-feature-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-muted);flex-direction:column;justify-content:flex-end;gap:.8rem;min-height:260px;padding:clamp(1.25rem,2.5vw,2rem);display:flex}.home-feature-card p:first-child{color:var(--accent);font-size:.88rem;font-weight:700}.home-feature-card h3{max-width:14rem}.home-feature-card p:last-child{max-width:20rem;line-height:1.65}[data-theme=dark] .home-feature-grid{background:var(--surface)}[data-theme=dark] .home-feature-card{background:var(--surface-muted)}@media (width<=960px){.home-feature-grid{grid-template-columns:1fr}.home-feature-card{min-height:220px}}.project-filter{flex-wrap:wrap;gap:.8rem;margin-bottom:2rem;display:flex}.filter-btn{background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:.68rem .9rem;transition:background .25s,color .25s,border-color .25s}.filter-btn:hover,.filter-btn.active{color:var(--text-h);background:var(--surface-strong);border-color:var(--border-strong)}.projects-page{padding:var(--page-top) 0 clamp(5.5rem, 8vw, 8rem)}.projects-header{text-align:center;justify-items:center;gap:1.15rem;max-width:860px;margin:0 auto 3rem;display:grid}.projects-header p{max-width:52rem;font-size:clamp(1.05rem,1.6vw,1.28rem);line-height:1.55}.project-detail-page{padding:var(--page-top) 0 clamp(5.5rem, 8vw, 8rem)}.not-found{text-align:center;border-radius:32px;gap:1rem;padding:2rem;display:grid}.not-found .interactive-button{justify-self:center;width:auto}.back-button{color:var(--text-h);background:0 0;border:none;border-radius:999px;margin-bottom:1.5rem;padding:.62rem .95rem;font-size:.95rem}.project-detail{gap:clamp(1.5rem,3vw,2.5rem);display:grid}.project-detail-header{text-align:center;justify-items:center;gap:1rem;max-width:960px;margin:0 auto;display:grid}.project-detail-description{max-width:54rem;font-size:clamp(1.05rem,1.5vw,1.25rem);line-height:1.62}.project-live-link{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-hover) 100%);color:#fff;border:1px solid #0000;border-radius:999px;justify-content:center;justify-self:center;align-items:center;min-height:48px;padding:.78rem 1.2rem;font-size:.94rem;font-weight:500;display:inline-flex;box-shadow:0 16px 34px #1f4b9933}.project-live-link:hover{transform:translateY(-1px);box-shadow:0 20px 40px #1f4b993d}.project-detail-image{background:var(--glass-bg), var(--media-bg);border-radius:38px;padding:clamp(.55rem,1.5vw,.9rem);overflow:hidden}.project-detail-image img{object-fit:contain;border-radius:30px;width:100%;height:min(72svh,720px)}.project-detail-image-screen img{aspect-ratio:2200/1040;object-fit:cover;background:var(--screen-bg);height:auto}.project-detail-content{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;display:grid}.project-detail-section{border-radius:34px;padding:clamp(1.35rem,2.4vw,2rem)}.project-detail-section h2{margin-bottom:1rem}.project-facts{gap:.9rem;margin-bottom:1.2rem;display:grid}.project-facts div{gap:.25rem;display:grid}.project-facts dt{color:var(--text-h);font-size:.82rem;font-weight:600}.project-facts dd{color:var(--text);line-height:1.7}.project-highlights{gap:.85rem;display:grid}.project-highlights li{line-height:1.75}.project-highlights li:before{content:"";background:var(--accent);border-radius:999px;width:.42rem;height:.42rem;margin-right:.65rem;display:inline-block;transform:translateY(-.08rem)}.tech-tags{flex-wrap:wrap;gap:.65rem;display:flex}.tech-tag{background:var(--surface-muted);color:var(--text-h);border:0;border-radius:999px;padding:.5rem .78rem;font-size:.84rem}.project-media-section{gap:1.35rem;margin-top:clamp(1rem,3vw,2rem);display:grid}.project-media-section .section-header{margin-bottom:.3rem}.poster-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.poster-frame,.video-frame{border-radius:34px;padding:.75rem;overflow:hidden}.poster-frame img{aspect-ratio:896/1200;object-fit:contain;background:var(--media-bg);border-radius:20px;width:100%}.poster-frame.screen-frame{grid-column:1/-1}.poster-frame.screen-frame img{aspect-ratio:2200/1040;object-fit:cover;background:var(--screen-bg)}.poster-frame.work-frame img{aspect-ratio:4/3;object-fit:contain;background:var(--screen-bg)}.poster-frame figcaption,.video-frame figcaption{color:var(--text-h);padding:.75rem .25rem .1rem;font-size:.92rem}.video-gallery{justify-items:center;display:grid}.video-frame{width:min(100%,720px)}.video-frame video{aspect-ratio:808/1080;object-fit:contain;background:#111827;border-radius:20px;width:100%;max-height:78svh;display:block}@media (width<=768px){.project-detail-image img{height:min(66svh,560px)}.poster-gallery{grid-template-columns:1fr}.poster-frame,.video-frame{border-radius:24px;padding:.55rem}.project-live-link{width:100%}}@media (width>=769px) and (width<=1100px){.poster-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}.skills-page{padding-top:var(--page-top)}.skills-page .skills-showcase{padding-bottom:5rem}.social-links{gap:1.1rem;margin-top:4rem;display:grid}.social-links .section-header{gap:.75rem;margin-bottom:0}.social-links .section-header h2{font-size:2rem}.social-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.85rem;display:grid}.social-link{text-align:left;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);width:100%;min-height:90px;color:inherit;cursor:pointer;gap:1rem;padding:clamp(1rem,2vw,1.35rem);transition:box-shadow .25s,transform .25s;display:grid}.social-link:hover,.social-link:focus-visible,.social-link[aria-expanded=true]{border-color:var(--border-strong);box-shadow:var(--shadow-lg);outline:none}.social-link-content{gap:1rem;display:grid}.social-link-top{align-items:center;gap:1rem;display:flex}.social-icon{border-radius:var(--radius-sm);background:var(--surface-strong);border:1px solid var(--border);width:46px;height:46px;color:var(--text-h);text-transform:uppercase;justify-content:center;align-items:center;font-size:1rem;display:inline-flex;overflow:hidden}.social-icon img{object-fit:contain;width:31px;height:31px}.social-label,.social-account,.social-action{display:block}.social-label{color:var(--text-h);margin-bottom:.2rem;font-weight:500}.social-account{color:var(--text);font-size:1rem}.social-copy{flex:1;min-width:0}.social-action{color:var(--text);font-size:.88rem}.social-expand-indicator{border-radius:var(--radius-sm);background:var(--accent-soft);min-width:3.5rem;color:var(--text-h);text-align:center;flex:none;padding:.4rem .7rem;font-size:.82rem}.social-qr-panel{overflow:hidden}.social-qr{aspect-ratio:1;object-fit:contain;border-radius:var(--radius-sm);border:1px solid var(--border);background:#fff;width:100%}@media (width<=520px){.social-grid{grid-template-columns:1fr}.social-link{border-radius:var(--radius-md);padding:1rem}}.contact-page{padding:var(--page-top) 0 clamp(5.5rem, 8vw, 8rem)}.contact-header{text-align:center;justify-items:center;gap:1.15rem;max-width:860px;margin:0 auto 3rem;display:grid}.contact-header p{max-width:52rem;font-size:clamp(1.05rem,1.6vw,1.28rem);line-height:1.55}.contact-layout{grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);align-items:stretch;gap:clamp(1rem,2vw,1.5rem);display:grid}.contact-copy{border-radius:var(--radius-lg);height:100%;padding:clamp(1.35rem,3vw,2.25rem)}.contact-layout .social-links{height:100%;margin-top:0}.contact-layout .social-grid{grid-template-columns:1fr;align-content:stretch;height:100%}.contact-label{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin-bottom:.8rem;font-size:.74rem;font-weight:600}.contact-copy h2{max-width:20rem;margin-bottom:1rem}.contact-points{gap:.75rem;margin-top:1.45rem;display:grid}.contact-points li{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-muted);padding:.78rem .9rem .78rem 1.75rem;position:relative}.contact-points li:before{content:"";background:var(--accent);border-radius:50%;width:5px;height:5px;position:absolute;top:1.42rem;left:.9rem}@media (width<=900px){.contact-layout{grid-template-columns:1fr}}@media (width<=768px){.contact-copy{padding:1.5rem}}@media (width<=520px){.contact-copy{border-radius:28px;padding:1.25rem}}.admin-page,.admin-login-page{width:min(var(--container), calc(100% - var(--page-gutter)));padding:var(--page-top) 0 6rem;margin:0 auto}.admin-login-page{place-items:center;min-height:100vh;display:grid}.admin-login-card{border-radius:var(--radius-md);gap:1rem;width:min(560px,100%);padding:2rem;display:grid}.admin-login-card h1,.admin-topbar h1{font-size:2.4rem}.admin-topbar,.admin-panel{border-radius:var(--radius-md);background:var(--surface-strong);border:1px solid var(--border);box-shadow:var(--shadow);gap:1.25rem;margin-bottom:1.25rem;padding:1.5rem;display:grid}.admin-panel-heading,.admin-topbar{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.admin-panel-heading.compact{align-items:center;margin-top:1rem}.admin-panel h2,.admin-panel h3{font-size:1.35rem}.admin-panel p,.admin-topbar p{max-width:58rem}.admin-actions,.admin-row-actions,.admin-segmented{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.admin-primary-button,.admin-button,.admin-danger-button,.admin-upload-button,.admin-row-actions button,.admin-segmented button,.admin-list-item,.admin-list-select{border:1px solid var(--border);background:var(--surface);min-height:2.6rem;color:var(--text-h);border-radius:.65rem;padding:.55rem .85rem}.admin-primary-button{border-color:var(--accent);background:var(--accent);color:#fff}.admin-danger-button{border-color:var(--error-border);background:var(--error-bg)}.admin-upload-button{cursor:pointer;position:relative;overflow:hidden}.admin-upload-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.admin-segmented{border:1px solid var(--border);background:var(--surface-muted);border-radius:.8rem;padding:.25rem}.admin-segmented button{border-color:#0000;min-height:2.2rem}.admin-segmented button.active,.admin-list-item.active{background:var(--accent-soft);border-color:var(--accent-border);color:var(--text-h)}.admin-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.admin-field{color:var(--text-h);gap:.35rem;font-size:.9rem;display:grid}.admin-field input,.admin-field textarea,.admin-json{border:1px solid var(--border);background:var(--field-bg);width:100%;color:var(--text-h);border-radius:.75rem;padding:.75rem .85rem}.admin-field textarea,.admin-json{resize:vertical}.admin-json{min-height:24rem;font-family:var(--mono);font-size:.82rem;line-height:1.5}.admin-toggle{color:var(--text-h);align-items:center;gap:.5rem;display:inline-flex}.admin-toggle input{width:1rem;height:1rem}.admin-list{gap:.75rem;display:grid}.admin-row,.admin-list-item,.admin-subpanel{justify-content:space-between;align-items:center;gap:1rem;display:flex}.admin-list-item{text-align:left;width:100%}.admin-list-select{text-align:left;background:0 0;border:0;flex:1;min-width:0;padding:0}.admin-editor-layout{grid-template-columns:minmax(220px,320px) 1fr;align-items:start;gap:1rem;display:grid}.admin-detail,.admin-subpanel{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-muted);gap:1rem;padding:1rem;display:grid}.admin-status{color:var(--accent);font-size:.95rem}.admin-error{color:#b93838}@media (width<=900px){.admin-panel-heading,.admin-topbar,.admin-row,.admin-subpanel{display:grid}.admin-editor-layout{grid-template-columns:1fr}}@media (width<=640px){.admin-login-card h1,.admin-topbar h1{font-size:1.8rem}.admin-page,.admin-login-page{width:min(100% - 1.25rem, var(--container))}}