@import "https://fonts.googleapis.com/css2?family=Inter+Tight:wght@300;400;500;600;700&display=swap";:root{--bg-deep:#bdbdbb;--bg-surface:#e9e9e7;--bg-surface-elev:#f2f2f0;--border-subtle:#0000001f;--border-focus:#00000073;--text-primary:#161616;--text-muted:#3f3f3f;--text-faint:#6a6a68;--accent-teal:#161616;--accent-teal-dim:#2b2b2b;--accent-blue:#444;--f-display:"Inter Tight", "Inter", system-ui, sans-serif;--f-body:"Inter Tight", "Inter", system-ui, sans-serif;--f-mono:"Inter Tight", "Inter", system-ui, sans-serif;--maxw:1260px;--pad:36px;--radius-sm:8px;--radius:14px;--radius-lg:22px;--ease-cinematic:cubic-bezier(.16, .84, .44, 1)}@media (width<=768px){:root{--pad:20px}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text-primary);font-family:var(--f-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(#cdcdcc 0,#bdbdbb 40vh,#b8b8b6 100%) fixed;margin:0;font-size:16px;line-height:1.6;overflow-x:hidden}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul{margin:0;padding:0;list-style:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}h1,h2,h3,h4,p{margin:0}input,textarea{font-family:var(--f-body)}::selection{color:#f2f2f0;background:#161616}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:#00000026;border-radius:6px}#navbar{z-index:500;padding:18px var(--pad) 0;transition:all .35s var(--ease-cinematic);position:fixed;top:0;left:0;right:0}.nav-container{max-width:var(--maxw);transition:all .35s var(--ease-cinematic);background:0 0;border:1px solid #0000;border-radius:100px;justify-content:space-between;align-items:center;margin:0 auto;padding:10px 24px;display:flex}#navbar.is-scrolled .nav-container{-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);border-color:var(--border-subtle);background:#e9e9e7d9;box-shadow:0 10px 30px -14px #00000059}.nav-brand{font-family:var(--f-display);letter-spacing:-.02em;color:var(--text-primary);align-items:center;gap:8px;font-size:17px;font-weight:700;display:flex}.brand-symbol{color:var(--accent-teal);font-size:18px}.nav-desktop-links{align-items:center;gap:28px;display:flex}.nav-anchor{color:var(--text-muted);transition:color .2s var(--ease-cinematic);align-items:center;gap:6px;font-size:13.5px;font-weight:500;display:flex}.nav-idx{font-family:var(--f-mono);color:var(--accent-teal);font-size:11px}.nav-anchor:hover{color:var(--text-primary)}.nav-right-actions{align-items:center;gap:14px;display:flex}.hire-me-pill{font-family:var(--f-mono);color:#f2f2f0;transition:all .25s var(--ease-cinematic);background:#161616;border:1px solid #161616;border-radius:100px;align-items:center;gap:8px;padding:7px 18px;font-size:12.5px;font-weight:600;display:inline-flex}.hire-me-pill:hover{color:#161616;box-shadow:none;background:0 0}.hire-indicator-dot{background:currentColor;border-radius:50%;width:6px;height:6px;animation:1.8s infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.8)}}.mobile-hamburger{flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;display:none}.mobile-hamburger span{background:var(--text-primary);border-radius:2px;width:22px;height:2px;transition:transform .3s,opacity .3s;display:block}.mobile-hamburger.active span:first-child{transform:translateY(7px)rotate(45deg)}.mobile-hamburger.active span:nth-child(2){opacity:0}.mobile-hamburger.active span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}@media (width<=960px){.nav-desktop-links{display:none}.mobile-hamburger{display:flex}}.mobile-nav-drawer{z-index:600;background:var(--bg-surface);border-left:1px solid var(--border-subtle);width:min(340px,85vw);height:100vh;transition:transform .4s var(--ease-cinematic);flex-direction:column;justify-content:space-between;padding:40px 32px;display:flex;position:fixed;top:0;right:0;transform:translate(100%)}.mobile-nav-drawer.open{transform:translate(0)}.drawer-header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.drawer-brand{font-family:var(--f-display);color:var(--text-primary);font-size:18px;font-weight:700}.drawer-close{color:var(--text-muted);font-size:18px}.drawer-links{flex-direction:column;gap:20px;display:flex}.drawer-links a{font-family:var(--f-display);color:var(--text-primary);align-items:center;gap:10px;font-size:20px;display:flex}.drawer-num{font-family:var(--f-mono);color:var(--accent-teal);font-size:13px}.drawer-hire-btn{background:var(--accent-teal);color:var(--bg-deep);text-align:center;border-radius:100px;margin-top:10px;padding:10px 20px;font-weight:700;display:inline-block}.drawer-footer{color:var(--text-muted);gap:16px;font-size:13px;display:flex}.mobile-nav-backdrop{z-index:590;opacity:0;pointer-events:none;transition:opacity .3s var(--ease-cinematic);background:#000000b3;position:fixed;inset:0}.mobile-nav-backdrop.open{opacity:1;pointer-events:auto}.scene-hero-cinematic{min-height:100svh;padding:96px var(--pad) 40px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero-dark-environment{z-index:0;pointer-events:none;position:absolute;inset:0}.environment-floor-layer{opacity:.38;background-position:50% 65%;background-repeat:no-repeat;background-size:cover;transition:transform .2s ease-out;display:none;position:absolute;inset:0}.environment-silver-vignette{background:none, linear-gradient(180deg, #bdbdbb66 0%, transparent 25%, transparent 75%, var(--bg-deep) 100%);position:absolute;inset:0}.environment-subtle-glow{background:radial-gradient(#00000014 0%,#0000 70%);border-radius:50%;width:700px;height:350px;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}.hero-content-wrapper{z-index:2;width:100%;max-width:1100px;margin:0 auto;position:relative}.hero-status-tag{border:1px solid var(--border-subtle);background:#0000000a;border-radius:100px;align-items:center;gap:10px;margin-bottom:24px;padding:6px 16px;display:inline-flex}.status-live-beacon{background:var(--accent-teal);width:8px;height:8px;box-shadow:0 0 10px var(--accent-teal);border-radius:50%;animation:2s infinite pulse-dot}.status-copy{font-family:var(--f-mono);letter-spacing:.06em;color:var(--text-muted);font-size:12px}.hero-headline-block{margin-bottom:20px}.hero-pre-title{font-family:var(--f-mono);color:var(--accent-teal);margin-bottom:6px;font-size:15px}.hero-candidate-name{font-family:var(--f-display);letter-spacing:-.05em;color:var(--text-primary);margin-bottom:12px;font-size:clamp(38px,6vw,86px);font-weight:500;line-height:1}.hero-animated-role{font-family:var(--f-mono);color:var(--text-primary);min-height:1.6em;font-size:clamp(16px,2.4vw,22px)}.role-prefix{color:var(--text-faint);margin-right:4px}.hero-professional-intro{color:var(--text-muted);max-width:740px;margin-bottom:18px;font-size:16.5px;line-height:1.7}.hero-tech-highlights-row{flex-wrap:wrap;gap:8px;margin-bottom:22px;display:flex}.understated-pill{font-family:var(--f-mono);border:1px solid var(--border-subtle);color:var(--text-muted);background:#00000008;border-radius:100px;padding:5px 12px;font-size:11.5px}.hero-action-buttons{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:28px;display:flex}.hero-verified-socials{align-items:center;gap:10px;margin-left:6px;display:flex}.action-btn{font-family:var(--f-body);transition:all .25s var(--ease-cinematic);border-radius:100px;align-items:center;gap:8px;padding:12px 26px;font-size:14px;font-weight:600;display:inline-flex}.action-primary{background:var(--text-primary);color:#f2f2f0}.action-primary:hover{color:#f2f2f0;background:#3a3a3a;transform:translateY(-1px);box-shadow:0 6px 20px #0003}.action-secondary{border:1px solid var(--border-subtle);color:var(--text-primary);background:0 0}.action-secondary:hover{border-color:var(--accent-teal);color:var(--accent-teal);background:#0000000d}.social-icon-btn{border:1px solid var(--border-subtle);width:44px;height:44px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;transition:all .25s;display:flex}.social-icon-btn:hover{color:var(--accent-teal);border-color:var(--accent-teal);transform:translateY(-1px)}.hero-verified-metrics{border-top:1px solid var(--border-subtle);grid-template-columns:repeat(3,1fr);gap:24px;padding-top:20px;display:grid}@media (width<=680px){.hero-verified-metrics{grid-template-columns:1fr;gap:16px}}.metric-box{flex-direction:column;gap:4px;display:flex}.metric-digit{font-family:var(--f-display);color:var(--text-primary);font-size:clamp(28px,4vw,42px);font-weight:800;line-height:1}.metric-main-label{font-family:var(--f-mono);color:var(--text-primary);text-transform:uppercase;font-size:12px;font-weight:600}.metric-sub-detail{color:var(--text-faint);margin-top:2px;font-size:12px}.hero-scroll-cue{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.scroll-hint-label{font-family:var(--f-mono);letter-spacing:.18em;color:var(--text-faint);font-size:10px}.scroll-chevron-line{background:#0000001a;width:1px;height:32px;position:relative;overflow:hidden}.scroll-chevron-dot{background:var(--accent-teal);width:100%;height:100%;animation:2s ease-in-out infinite scrolldown;position:absolute;top:-100%;left:0}@keyframes scrolldown{0%{top:-100%}50%{top:0}to{top:100%}}.scene-page-flip-container{background:var(--bg-deep);min-height:220vh;position:relative}.sticky-book-stage{height:100svh;padding:80px var(--pad) 40px;justify-content:center;align-items:center;display:flex;position:sticky;top:0;overflow:hidden}.portfolio-book-viewport{width:100%;max-width:var(--maxw);perspective:2000px;height:min(720px,80vh);transform-style:preserve-3d;position:relative}.book-page{border-radius:var(--radius-lg);position:absolute;inset:0;overflow:hidden;box-shadow:0 25px 60px -15px #000000bf}.book-page-revealed{background:var(--bg-surface);border:1px solid var(--border-subtle);z-index:1}.page-content-wrapper{flex-direction:column;height:100%;padding:48px;display:flex;overflow-y:auto}@media (width<=768px){.page-content-wrapper{padding:24px}}.page-header-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.section-roman-tag{font-family:var(--f-mono);letter-spacing:.14em;color:var(--accent-teal);text-transform:uppercase;font-size:11.5px}.page-number-indicator{font-family:var(--f-mono);color:var(--text-faint);font-size:11px}.revealed-section-title{font-family:var(--f-display);color:var(--text-primary);letter-spacing:-.02em;margin-bottom:8px;font-size:clamp(28px,4vw,44px);font-weight:800}.revealed-lead-copy{color:var(--text-muted);max-width:820px;margin-bottom:28px;font-size:16px;line-height:1.6}.revealed-two-column-layout{grid-template-columns:1.2fr 1fr;align-items:start;gap:36px;display:grid}@media (width<=900px){.revealed-two-column-layout{grid-template-columns:1fr}}.editorial-narrative{flex-direction:column;gap:14px;margin-bottom:20px;display:flex}.narrative-paragraph{color:var(--text-muted);font-size:14.5px;line-height:1.7}.verified-education-card,.verified-internship-card{border-radius:var(--radius);background:var(--bg-surface-elev);border:1px solid var(--border-subtle);padding:24px}.verified-education-card{align-items:flex-start;gap:16px;display:flex}.edu-card-icon{background:#0000000a;border-radius:8px;padding:8px;font-size:28px}.edu-degree-title{font-family:var(--f-display);color:var(--text-primary);margin-bottom:4px;font-size:16px;font-weight:700}.edu-college-name{color:var(--accent-teal);margin-bottom:4px;font-size:14px}.edu-meta-row{font-family:var(--f-mono);color:var(--text-faint);gap:8px;font-size:12px;display:flex}.meta-sep{color:var(--text-faint)}.internship-badge-row{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.internship-status-badge{font-family:var(--f-mono);color:var(--accent-teal);background:#0000001a;border:1px solid #00000040;border-radius:100px;padding:3px 8px;font-size:10px}.internship-period-badge{font-family:var(--f-mono);color:var(--text-faint);font-size:10.5px}.internship-role-title{font-family:var(--f-display);color:var(--text-primary);margin-bottom:2px;font-size:17px;font-weight:700}.internship-org-name{color:var(--accent-teal);margin-bottom:4px;font-size:14px}.internship-duration-note{font-family:var(--f-mono);color:var(--text-faint);margin-bottom:12px;font-size:12px}.internship-bullet-list{flex-direction:column;gap:8px;display:flex}.internship-bullet-list li{color:var(--text-muted);padding-left:16px;font-size:13.5px;line-height:1.5;position:relative}.internship-bullet-list li:before{content:"▹";color:var(--accent-teal);position:absolute;left:0}.book-page-turning{z-index:2;transform-style:preserve-3d;will-change:transform}.turning-page-front{backface-visibility:hidden;border-radius:var(--radius-lg);background:#e9e9e7;border:1px solid #0000001f;flex-direction:column;justify-content:space-between;padding:48px;display:flex;position:absolute;inset:0}.cover-sheen-overlay{pointer-events:none;background:linear-gradient(90deg,#0000001f 0%,#0000 60%);position:absolute;inset:0}.cover-crease-shadow{pointer-events:none;background:linear-gradient(90deg,#000c 0%,#0000 100%);width:40px;position:absolute;top:0;bottom:0;left:0}.cover-folio-tag{font-family:var(--f-mono);letter-spacing:.15em;color:var(--accent-teal);font-size:12px}.cover-title-group{margin:auto 0}.cover-sub-label{font-family:var(--f-mono);color:var(--text-faint);letter-spacing:.1em;margin-bottom:8px;font-size:13px;display:block}.cover-headline{font-family:var(--f-display);color:var(--text-primary);font-size:clamp(32px,5vw,54px);font-weight:800}.cover-prompt-cue{font-family:var(--f-mono);color:var(--text-muted);align-items:center;gap:10px;font-size:11.5px;display:flex}.cue-glyph{color:var(--accent-teal);font-size:18px}.turning-page-back{backface-visibility:hidden;border-radius:var(--radius-lg);background:#dcdcda;border:1px solid #00000014;position:absolute;inset:0;transform:rotateY(180deg)}.back-shadow-gradient{background:linear-gradient(270deg,#000000b3 0%,#0000 100%);position:absolute;inset:0}.scene-cert-cylinder-container{background:var(--bg-deep);min-height:250vh;position:relative}.sticky-cylinder-stage{height:100svh;padding:75px var(--pad) 24px;flex-direction:column;justify-content:space-between;display:flex;position:sticky;top:0;overflow:hidden}.cylinder-scene-head{text-align:center;max-width:760px;margin:0 auto}.cylinder-main-title{font-family:var(--f-display);color:var(--text-primary);letter-spacing:-.02em;margin:6px 0;font-size:clamp(26px,3.8vw,42px);font-weight:800}.cylinder-sub-text{color:var(--text-muted);font-size:14.5px;line-height:1.5}.cylinder-3d-viewport{perspective:1600px;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:100%;height:460px;display:flex;position:relative;overflow:visible}.cylinder-depth-grid{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.depth-circle-top{border-top:1px dashed #00000012;border-radius:50%;width:110%;height:420px;position:absolute;top:12%}.depth-circle-bottom{border-bottom:1px solid #0000000d;border-radius:50%;width:120%;height:480px;position:absolute;bottom:5%}.depth-crosshair{font-family:var(--f-mono);color:#0000002e;font-size:20px;position:absolute}.cylinder-track-ring{transform-style:preserve-3d;will-change:transform;width:0;height:0;transition:transform 80ms linear;position:absolute;top:50%;left:50%}.cylinder-panel-card{width:330px;height:260px;transform-style:preserve-3d;backface-visibility:hidden;cursor:pointer;transition:transform .3s,filter .3s;position:absolute;top:-130px;left:-165px}.panel-card-inner{border-radius:var(--radius);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:100%;height:100%;transition:all .3s var(--ease-cinematic);background:#121926e6;border:1px solid #0000001a;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 20px 45px -10px #000c}.cylinder-panel-card.is-front-focus .panel-card-inner{border-color:var(--accent-teal);transform:scale(1.08)translateZ(30px);box-shadow:0 25px 60px -10px #0000004d}.panel-cert-media{background:#000;width:100%;height:165px;position:relative;overflow:hidden}.panel-cert-media img{object-fit:contain;background:#fff;width:100%;height:100%}.panel-badge{font-family:var(--f-mono);color:var(--accent-teal);background:#000c;border-radius:100px;padding:3px 8px;font-size:10px;position:absolute;top:8px;left:8px}.panel-cert-meta{flex-direction:column;flex:1;justify-content:space-between;padding:12px 14px;display:flex}.panel-title{font-family:var(--f-display);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:700;overflow:hidden}.panel-issuer{color:var(--accent-teal);margin-top:2px;font-size:12px}.panel-foot{justify-content:space-between;align-items:center;margin-top:6px;display:flex}.panel-date{font-family:var(--f-mono);color:var(--text-faint);font-size:10px}.panel-click-hint{font-family:var(--f-mono);color:var(--text-muted);font-size:10.5px}.cylinder-focused-bar{max-width:var(--maxw);border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;width:100%;margin:0 auto;padding-top:14px;display:flex}.focused-info{flex-direction:column;display:flex}.focused-counter{font-family:var(--f-mono);color:var(--accent-teal);font-size:11px}.focused-name{font-family:var(--f-display);color:var(--text-primary);font-size:15px;font-weight:600}.accessible-credentials-tray{max-width:var(--maxw);padding:0 var(--pad);margin:60px auto 40px}.tray-heading{font-family:var(--f-display);color:var(--text-primary);margin-bottom:20px;font-size:20px}.tray-list-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.tray-item-card{border-radius:var(--radius);background:var(--bg-surface);border:1px solid var(--border-subtle);cursor:pointer;justify-content:space-between;align-items:center;padding:18px;transition:all .25s;display:flex}.tray-item-card:hover{border-color:var(--accent-teal);transform:translateY(-2px)}.tray-cat{font-family:var(--f-mono);color:var(--accent-teal);font-size:10px}.tray-title{font-family:var(--f-display);color:var(--text-primary);margin:3px 0;font-size:14.5px;font-weight:600}.tray-sub{color:var(--text-faint);font-size:12px}.tray-view-btn{font-family:var(--f-mono);color:var(--accent-teal);font-size:11px}.scene-six-directions-container{background:var(--bg-deep);min-height:250vh;position:relative}.sticky-six-stage{height:100svh;padding:75px var(--pad) 20px;flex-direction:column;justify-content:space-between;display:flex;position:sticky;top:0;overflow:hidden}.six-stage-header{text-align:center;max-width:820px;margin:0 auto}.header-meta-tag{justify-content:center;align-items:center;gap:16px;margin-bottom:4px;display:flex}.convergence-indicator{font-family:var(--f-mono);color:var(--accent-teal);background:#0000001a;border:1px solid #00000040;border-radius:100px;padding:2px 8px;font-size:10.5px}.six-stage-title{font-family:var(--f-display);color:var(--text-primary);letter-spacing:-.02em;margin:4px 0;font-size:clamp(26px,3.8vw,42px);font-weight:800}.six-stage-sub{color:var(--text-muted);font-size:14px;line-height:1.5}.converging-grid-viewport{width:100%;max-width:var(--maxw);flex:1;justify-content:center;align-items:center;margin:12px auto;display:flex}.six-panels-grid{grid-template-columns:repeat(3,1fr);gap:20px;width:100%;display:grid}@media (width<=1040px){.six-panels-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.six-panels-grid{grid-template-columns:1fr}}.six-direction-panel{will-change:transform, opacity;cursor:pointer;transition:box-shadow .3s}.panel-surface-shell{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius);height:100%;transition:all .3s var(--ease-cinematic);flex-direction:column;display:flex;overflow:hidden}.six-direction-panel:hover .panel-surface-shell{border-color:var(--accent-teal);transform:translateY(-4px);box-shadow:0 16px 40px -10px #0009}.panel-visual-area{background:#000;height:160px;position:relative;overflow:hidden}.panel-visual-area img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.six-direction-panel:hover .panel-visual-area img{transform:scale(1.06)}.panel-top-badges{justify-content:space-between;align-items:center;display:flex;position:absolute;top:10px;left:10px;right:10px}.vector-badge{font-family:var(--f-mono);color:var(--accent-teal);background:#000c;border-radius:4px;padding:2px 7px;font-size:9px}.view-badge{font-family:var(--f-mono);color:#fff;background:#0000001a;border-radius:4px;padding:2px 7px;font-size:9px}.panel-content-body{flex-direction:column;flex:1;padding:16px;display:flex}.panel-project-name{font-family:var(--f-display);color:var(--text-primary);margin-bottom:2px;font-size:16px;font-weight:700}.panel-tagline-text{color:var(--accent-teal);margin-bottom:8px;font-size:12px}.panel-problem-built{color:var(--text-muted);flex-direction:column;gap:4px;margin-bottom:10px;font-size:12px;line-height:1.45;display:flex}.panel-problem-built strong{color:var(--text-primary)}.panel-stack-pills{flex-wrap:wrap;gap:4px;margin-bottom:12px;display:flex}.stack-pill{font-family:var(--f-mono);color:var(--text-muted);background:#0000000a;border:1px solid #0000000f;border-radius:4px;padding:2px 6px;font-size:9.5px}.panel-action-bar{gap:8px;margin-top:auto;display:flex}.panel-btn{font-family:var(--f-mono);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:100px;padding:5px 12px;font-size:11px;font-weight:600;transition:all .2s}.panel-btn.primary{background:var(--text-primary);color:var(--bg-deep);border-color:var(--text-primary)}.panel-btn.primary:hover{background:var(--accent-teal);border-color:var(--accent-teal)}.panel-btn.secondary:hover{border-color:var(--accent-teal);color:var(--accent-teal)}.panel-btn.tertiary{color:var(--text-faint);background:0 0}.panel-btn.tertiary:hover{color:var(--text-primary)}.six-stage-progress-track{width:100%;max-width:var(--maxw);background:#00000014;border-radius:2px;height:2px;margin:10px auto 0;overflow:hidden}.six-stage-progress-fill{background:var(--accent-teal);height:100%;transition:width .1s}.scene-skills-container{padding:110px var(--pad);background:var(--bg-deep);position:relative}.skills-inner-content{max-width:var(--maxw);margin:0 auto}.skills-scene-header{margin-bottom:52px}.skills-scene-title{font-family:var(--f-display);color:var(--text-primary);letter-spacing:-.02em;margin:6px 0;font-size:clamp(28px,4.2vw,46px);font-weight:800}.skills-scene-sub{color:var(--text-muted);max-width:600px;font-size:15.5px;line-height:1.6}.skills-layered-matrix{flex-direction:column;gap:20px;display:flex}.skill-layer-card{border-radius:var(--radius);background:var(--bg-surface);border:1px solid var(--border-subtle);transition:all .3s var(--ease-cinematic);padding:24px 30px}.skill-layer-card.layer-focused,.skill-layer-card:hover{border-color:var(--accent-teal);transform:translate(6px);box-shadow:0 10px 30px -5px #00000080}.layer-header-bar{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.layer-icon{font-family:var(--f-mono);width:36px;height:36px;color:var(--accent-teal);background:#00000014;border-radius:8px;justify-content:center;align-items:center;font-size:16px;display:flex}.layer-text-wrap{margin-left:14px;margin-right:auto}.layer-stratum-label{font-family:var(--f-mono);color:var(--text-faint);letter-spacing:.1em;font-size:10px}.layer-category-name{font-family:var(--f-display);color:var(--text-primary);font-size:17px;font-weight:700}.layer-skill-count{font-family:var(--f-mono);color:var(--text-faint);font-size:11px}.layer-pills-cluster{flex-wrap:wrap;gap:8px;display:flex}.structured-skill-pill{font-family:var(--f-mono);color:var(--text-muted);border:1px solid var(--border-subtle);background:#0000000a;border-radius:6px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;transition:all .2s;display:inline-flex}.pill-dot{color:var(--accent-teal);font-size:14px}.structured-skill-pill:hover{color:var(--text-primary);border-color:var(--accent-teal)}.scene-closing-hire-me{padding:130px var(--pad) 90px;background:var(--bg-deep);position:relative;overflow:hidden}.closing-ambient-vignette{pointer-events:none;background:radial-gradient(circle at 50% 45%,#0000000f 0%,#0000 65%);position:absolute;inset:0}.closing-content-stage{z-index:2;text-align:center;max-width:900px;margin:0 auto;position:relative}.closing-eyebrow-tag{font-family:var(--f-mono);letter-spacing:.16em;color:var(--accent-teal);font-size:12px}.closing-headline{font-family:var(--f-display);color:var(--text-primary);letter-spacing:-.03em;margin:12px 0 16px;font-size:clamp(34px,5.5vw,64px);font-weight:800}.closing-lead-invitation{color:var(--text-muted);max-width:660px;margin:0 auto 48px;font-size:16.5px;line-height:1.6}.converged-contact-hub{flex-direction:column;gap:28px;display:flex}.btn-large-glow{padding:16px 36px;font-size:16px}.btn-large-glow:hover{box-shadow:0 0 30px #0006}.hub-verified-links-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (width<=768px){.hub-verified-links-grid{grid-template-columns:1fr}}.hub-channel-card{border-radius:var(--radius);background:var(--bg-surface);border:1px solid var(--border-subtle);text-align:left;transition:all .3s var(--ease-cinematic);align-items:center;gap:14px;padding:22px;display:flex}.hub-channel-card:hover{border-color:var(--accent-teal);transform:translateY(-3px);box-shadow:0 12px 30px #00000080}.channel-icon-wrap{width:44px;height:44px;color:var(--accent-teal);background:#00000014;border-radius:10px;justify-content:center;align-items:center;display:flex}.channel-text{flex-direction:column;flex:1;display:flex}.channel-label{font-family:var(--f-mono);color:var(--text-faint);letter-spacing:.08em;font-size:10px}.channel-value{color:var(--text-primary);margin-top:2px;font-size:14px;font-weight:600}.channel-arrow{font-family:var(--f-mono);color:var(--text-faint)}.hub-channel-card:hover .channel-arrow{color:var(--accent-teal)}.modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#000000d9;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-container{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);width:100%;max-width:680px;max-height:90vh;animation:modal-in .3s var(--ease-cinematic);position:relative;overflow-y:auto;box-shadow:0 30px 80px #000c}@keyframes modal-in{0%{opacity:0;transform:scale(.95)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-close-btn{z-index:10;color:#fff;background:#0009;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;transition:all .2s;display:flex;position:absolute;top:18px;right:18px}.modal-close-btn:hover{background:#000;transform:rotate(90deg)}.modal-media-header{background:#000;height:280px;position:relative;overflow:hidden}.modal-image{object-fit:contain;width:100%;height:100%}.modal-badge-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.modal-category{font-family:var(--f-mono);color:var(--accent-teal);background:#0000001a;border-radius:100px;padding:4px 10px;font-size:11px}.modal-year{font-family:var(--f-mono);color:var(--text-faint);font-size:11px}.modal-body{padding:28px}.modal-title{font-family:var(--f-display);color:var(--text-primary);margin-bottom:4px;font-size:24px;font-weight:700}.modal-subtitle{color:var(--accent-teal);margin-bottom:14px;font-size:14.5px;font-weight:500}.modal-description{color:var(--text-muted);margin-bottom:20px;font-size:14.5px;line-height:1.65}.cert-id-badge{border:1px solid var(--border-subtle);background:#0000000a;border-radius:8px;align-items:center;gap:10px;margin-bottom:24px;padding:10px 14px;display:flex}.id-label{font-family:var(--f-mono);color:var(--text-faint);font-size:11px}.id-code{font-family:var(--f-mono);color:var(--accent-teal);font-size:12px}.modal-tags{flex-wrap:wrap;gap:6px;margin-bottom:24px;display:flex}.modal-actions{gap:12px;display:flex}.btn{font-family:var(--f-body);transition:all .25s var(--ease-cinematic);border-radius:100px;align-items:center;gap:8px;padding:11px 24px;font-size:13.5px;font-weight:600;display:inline-flex}.btn-primary{background:var(--text-primary);color:var(--bg-deep)}.btn-primary:hover{color:#f2f2f0;background:#3a3a3a;transform:translateY(-1px);box-shadow:0 6px 20px #0003}.btn-secondary{border:1px solid var(--border-subtle);color:var(--text-primary);background:0 0}.btn-secondary:hover{border-color:var(--accent-teal);color:var(--accent-teal)}.btn-ghost{border:1px solid var(--border-subtle);color:var(--text-primary);background:0 0}.btn-ghost:hover{border-color:var(--accent-teal);color:var(--accent-teal)}.btn-outline{border:1px solid var(--border-subtle);color:var(--text-muted)}.btn-outline:hover{color:var(--text-primary);border-color:var(--text-primary)}.btn-sm{padding:6px 16px;font-size:12px}.site-footer{border-top:1px solid var(--border-subtle);padding:32px var(--pad);background:var(--bg-deep)}.footer-inner{max-width:var(--maxw);color:var(--text-faint);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:0 auto;font-size:13px;display:flex}.footer-links{gap:20px;display:flex}.footer-links a:hover{color:var(--text-primary)}.back-to-top{z-index:700;background:var(--bg-surface);border:1px solid var(--border-subtle);width:44px;height:44px;color:var(--text-muted);opacity:0;pointer-events:none;transition:all .25s var(--ease-cinematic);border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;bottom:28px;left:28px;transform:translateY(10px)}.back-to-top.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.back-to-top:hover{border-color:var(--accent-teal);color:var(--accent-teal)}a:focus-visible,button:focus-visible{outline:2px solid var(--accent-teal);outline-offset:3px;border-radius:4px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.six-direction-panel{opacity:1!important;transform:none!important}.book-page-turning{transform:none!important}}.pr-wrap{color:#111;background:#c9c9c7;height:420vh;position:relative}.pr-stage{height:100svh;padding:76px var(--pad) 18px;background:linear-gradient(#0000000b 1px,#0000 1px) 0 0/48px 48px,linear-gradient(90deg,#0000000b 1px,#0000 1px) 0 0/48px 48px,#c9c9c7;flex-direction:column;justify-content:space-between;display:flex;position:sticky;top:0;overflow:hidden}.pr-top{z-index:3;justify-content:space-between;display:flex;position:relative}.pr-tag{font-family:var(--f-mono);letter-spacing:.08em;color:#333;font-size:11px}.pr-bgtext{font-family:var(--f-display);letter-spacing:-.04em;color:#1a1a1a;pointer-events:none;z-index:1;white-space:nowrap;justify-content:space-between;align-items:center;padding:0 4vw;font-size:clamp(48px,11vw,170px);font-weight:600;display:flex;position:absolute;inset:0}.pr-bgtext span{will-change:transform, opacity}.pr-grid{z-index:2;flex:1;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(3,1fr);gap:14px;width:min(86vw,1200px);min-height:0;margin:14px auto;display:grid;position:relative;overflow:visible}.pr-card{text-align:left;cursor:pointer;will-change:transform, opacity;background:#0d1117;border:0;border-radius:10px;min-height:0;padding:0;transition:box-shadow .3s,filter .3s;position:relative;overflow:hidden;box-shadow:0 18px 40px -18px #0000008c}.pr-card img{object-fit:cover;width:100%;height:100%;transition:transform .5s;position:absolute;inset:0}.pr-grid:hover .pr-card:not(:hover){filter:brightness(.6)saturate(.7)}.pr-card:hover img{transform:scale(1.06)}.pr-card:hover{box-shadow:0 28px 60px -18px #000000bf}.pr-info{color:#fff;background:linear-gradient(#0000,#000000d9);flex-direction:column;gap:2px;padding:28px 14px 12px;display:flex;position:absolute;bottom:0;left:0;right:0}.pr-view{font-family:var(--f-mono);color:var(--accent-teal);font-size:9.5px}.pr-info strong{font-family:var(--f-display);font-size:clamp(13px,1.3vw,17px)}.pr-info em{color:#cbd5e1;font-size:11.5px;font-style:normal}.pr-cta{font-family:var(--f-mono);color:#111;opacity:0;background:#fff;border-radius:100px;padding:4px 9px;font-size:10px;transition:all .25s;position:absolute;top:10px;right:10px;transform:translateY(-6px)}.pr-card:hover .pr-cta,.pr-card:focus-visible .pr-cta{opacity:1;transform:none}.pr-foot{z-index:3;align-items:center;gap:16px;display:flex;position:relative}.pr-foot p{font-family:var(--f-mono);color:#333;white-space:nowrap;font-size:10.5px}.pr-track{background:#00000026;flex:1;height:2px}.pr-track div{background:#111;width:0;height:100%}@media (width<=760px){.pr-grid{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(2,1fr);gap:10px;width:92vw}.pr-foot p{display:none}}@media (prefers-reduced-motion:reduce){.pr-card{opacity:1!important;transform:none!important}}.cr-wrap{background:#bdbdbb;height:800vh;position:relative}.cr-stage{--cw:clamp(150px, 16vw, 250px);--rw:clamp(190px, 19vw, 290px);color:#1b1b1b;background:linear-gradient(#cdcdcc 0%,#bcbcba 22%,#b8b8b6 100%);height:100svh;position:sticky;top:0;overflow:hidden}.cr-top{top:84px;left:var(--pad);right:var(--pad);font-family:var(--f-mono);letter-spacing:.08em;color:#333;z-index:5;justify-content:space-between;font-size:11px;display:flex;position:absolute}.cr-words{z-index:1;pointer-events:none;position:absolute;inset:0}.cr-words span{font-family:var(--f-display);letter-spacing:-.045em;white-space:nowrap;will-change:transform;color:#202020;font-size:clamp(28px,4.8vw,82px);font-weight:500;line-height:1;position:absolute}.cr-w1{top:43%;left:6vw}.cr-w2{top:57%;right:6vw}.cr-intro{z-index:2;pointer-events:none;font-family:var(--f-mono);letter-spacing:.05em;text-transform:uppercase;color:#222;font-size:10px;position:absolute;inset:0}.cr-center{text-align:center;line-height:1.4;position:absolute;top:53%;left:50%;transform:translate(-50%)}.cr-left{left:var(--pad);text-transform:none;max-width:250px;line-height:1.45;position:absolute;bottom:36px}.cr-right{right:var(--pad);pointer-events:auto;color:#111;border-bottom:1px solid #111;padding-bottom:2px;position:absolute;bottom:36px}.cr-persp{z-index:3;perspective:1500px;perspective-origin:46% 46%;pointer-events:none;position:absolute;inset:0}.cr-ring{width:0;height:0;transform-style:preserve-3d;will-change:transform;position:absolute;top:50%;left:50%}.cr-rcard{backface-visibility:visible;background:#f4f4f2;border-radius:6px;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 14px 30px -14px #00000080}.cr-rcard img,.cr-gcard img{object-fit:contain;width:100%;height:100%;display:block}.cr-grid{z-index:4;grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(4,1fr);gap:10px;width:min(92vw,1260px);height:min(72svh,620px);display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-48%)}.cr-gcard{cursor:pointer;opacity:0;will-change:transform, opacity;background:#f4f4f2;border:0;border-radius:8px;min-height:0;padding:0;transition:box-shadow .3s,filter .3s;position:relative;overflow:hidden;box-shadow:0 16px 36px -18px #0000008c}.cr-grid:hover .cr-gcard:not(:hover){filter:brightness(.75)}.cr-gcard:hover{box-shadow:0 26px 50px -18px #000000b3}.cr-cap{color:#fff;text-align:left;opacity:0;background:linear-gradient(#0000,#000000d1);flex-direction:column;padding:22px 10px 8px;font-size:10.5px;line-height:1.25;transition:opacity .25s;display:flex;position:absolute;bottom:0;left:0;right:0}.cr-cap b{font-family:var(--f-mono);color:var(--accent-teal);font-size:9px;font-weight:500}.cr-gcard:hover .cr-cap,.cr-gcard:focus-visible .cr-cap{opacity:1}.cr-foot{left:var(--pad);right:var(--pad);z-index:5;position:absolute;bottom:14px}.cr-track{background:#00000026;height:2px}.cr-track div{background:#111;width:0;height:100%}@media (width<=760px){.cr-grid{grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:repeat(3,1fr);gap:6px;height:74svh}.cr-left{display:none}}@media (width<=480px){.cr-grid{grid-template-rows:repeat(6,minmax(0,1fr));grid-template-columns:repeat(2,1fr);gap:5px;height:76svh}}@media (prefers-reduced-motion:reduce){.cr-gcard{opacity:1!important;transform:none!important}.cr-persp{display:none}}.pr-wrap{background:var(--bg-deep);color:var(--text-primary)}.pr-stage{background:var(--bg-deep)}.pr-tag,.pr-foot p{color:var(--text-muted)}.pr-track{background:#ffffff1a}.pr-track div{background:var(--accent-teal)}.cr-active{z-index:5;letter-spacing:.08em;text-transform:uppercase;color:#161616;text-align:center;pointer-events:none;max-width:80vw;font-size:11px;position:absolute;bottom:52px;left:50%;transform:translate(-50%)}.metric-text-group{flex-direction:column;display:flex}@media (height<=800px){.hero-scroll-cue{display:none}}.ab-wrap{height:380vh;position:relative}.ab-stage{height:100svh;padding:84px var(--pad) 18px;color:#161616;flex-direction:column;align-items:center;display:flex;position:sticky;top:0;overflow:hidden}.ab-top{top:84px;left:var(--pad);right:var(--pad);letter-spacing:.08em;color:#333;justify-content:space-between;font-size:11px;display:flex;position:absolute}.ab-title{pointer-events:none;font-family:var(--f-display);letter-spacing:-.05em;white-space:nowrap;flex-direction:row;justify-content:space-between;align-items:flex-start;padding:0 7vw;font-size:clamp(56px,11vw,170px);font-weight:500;line-height:.95;display:flex;position:absolute;top:38%;left:0;right:0}.ab-title span{will-change:transform;display:block}.ab-title span:nth-child(2){margin-top:.6em}.ab-lead{text-align:center;width:min(92vw,980px);font-family:var(--f-display);letter-spacing:-.035em;font-size:clamp(20px,2.9vw,42px);font-weight:500;line-height:1.12;position:absolute;top:31%;left:50%;transform:translate(-50%)}.ab-lead span{will-change:opacity;transition:none}.ab-cards{grid-template-columns:1fr 1.2fr;gap:14px;width:min(92vw,1100px);display:grid;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.ab-card{opacity:0;will-change:transform, opacity;background:#ececea;border-radius:12px;flex-direction:column;gap:4px;padding:18px 20px;display:flex;box-shadow:0 20px 40px -22px #00000080}.ab-chip{letter-spacing:.08em;color:#555;font-size:10px}.ab-card h3{font-family:var(--f-display);letter-spacing:-.02em;font-size:clamp(15px,1.5vw,20px);font-weight:600;line-height:1.15}.ab-card p{color:#222;font-size:13.5px}.ab-card small{color:#555;font-size:11.5px}.ab-card ul{color:#333;flex-direction:column;gap:3px;margin-top:6px;font-size:12px;line-height:1.35;display:flex}.ab-card li:before{content:"— "}.ab-foot{left:var(--pad);right:var(--pad);position:absolute;bottom:14px}.ab-track{background:#00000026;height:2px}.ab-track div{background:#111;width:0;height:100%}@media (width<=760px){.ab-cards{grid-template-columns:1fr;bottom:30px}.ab-card ul{display:none}.ab-lead{top:24%}}@media (prefers-reduced-motion:reduce){.ab-card{opacity:1!important;transform:none!important}}.intro-loader{z-index:9999;color:#e9e9e7;background:#161616;border-bottom-right-radius:0;border-bottom-left-radius:0;justify-content:center;align-items:center;transition:transform .9s cubic-bezier(.76,0,.24,1),border-radius .9s cubic-bezier(.76,0,.24,1);display:flex;position:fixed;inset:0}.intro-loader.is-leaving{border-bottom-right-radius:50% 12vh;border-bottom-left-radius:50% 12vh;transform:translateY(-100%)}.intro-center{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:0 20px;display:flex;position:relative}.intro-brand{letter-spacing:.3em;color:#9a9a98;font-size:14px;animation:.8s .1s both intro-fade}.intro-name{letter-spacing:-.04em;font-size:clamp(28px,6vw,64px);font-weight:500;line-height:1.05;animation:.9s cubic-bezier(.16,.84,.44,1) .2s both intro-rise}.intro-bar{background:#e9e9e726;width:min(260px,60vw);height:2px;margin-top:10px;overflow:hidden}.intro-bar i{transform-origin:0;background:#e9e9e7;height:100%;transition:transform .1s linear;display:block}.intro-count{right:var(--pad);letter-spacing:-.05em;color:#e9e9e7e6;font-variant-numeric:tabular-nums;font-size:clamp(48px,10vw,120px);font-weight:300;line-height:1;position:absolute;bottom:28px}.intro-hint{left:var(--pad);letter-spacing:.22em;color:#7d7d7b;font-size:11px;position:absolute;bottom:32px}@keyframes intro-fade{0%{opacity:0}to{opacity:1}}@keyframes intro-rise{0%{opacity:0;filter:blur(6px);transform:translateY(24px)}to{opacity:1;filter:none;transform:none}}.hx{opacity:0;filter:blur(6px);transform:translateY(26px)}.intro-done .hx{animation:hx-in .9s var(--d,0s) var(--ease-cinematic) forwards}@keyframes hx-in{to{opacity:1;filter:none;transform:none}}.hero-word{white-space:nowrap;vertical-align:top;margin-bottom:-.2em;padding-bottom:.2em;display:inline-block;overflow:hidden}.hero-char{opacity:0;display:inline-block;transform:translateY(110%)rotate(6deg)}.intro-done .hero-char{animation:char-up .9s calc(.25s + var(--i) * 35ms) var(--ease-cinematic) forwards}@keyframes char-up{to{opacity:1;transform:none}}.hero-status-tag{position:relative;overflow:hidden}.hero-status-tag:after{content:"";background:linear-gradient(100deg,#0000 30%,#ffffff8c 50%,#0000 70%);animation:4.5s ease-in-out 2.2s infinite tag-shine;position:absolute;inset:0;transform:translate(-120%)}@keyframes tag-shine{0%,60%{transform:translate(-120%)}to{transform:translate(120%)}}.metric-box{transition:transform .35s var(--ease-cinematic)}.metric-box:hover{transform:translateY(-4px)}@media (prefers-reduced-motion:reduce){.hx,.hero-char{opacity:1!important;filter:none!important;animation:none!important;transform:none!important}.hero-status-tag:after{animation:none!important}}