:root{--bg: #f8f9fc;--bg-alt: #eef1f7;--bg-card: #ffffff;--bg-dark: #0f1419;--bg-hero: #0a0e14;--text: #1a1d24;--text-muted: #5c6370;--text-hero: #f0f2f5;--text-hero-muted: rgba(255, 255, 255, .7);--accent: #2563eb;--accent-hover: #1d4ed8;--accent-soft: rgba(37, 99, 235, .08);--accent-line: rgba(37, 99, 235, .35);--border: #e2e6ee;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .06);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .08);--font-sans: "DM Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--max-width: 680px;--max-width-wide: 900px;--nav-h: 0px;--radius: 10px;--radius-lg: 16px;--section-padding: 5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUpHero{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes heroShine{0%,to{opacity:.4}50%{opacity:.7}}@keyframes cursorBlink{0%,50%{opacity:1}51%,to{opacity:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*,*:before,*:after{box-sizing:border-box}html{height:100%;overflow:hidden;scroll-behavior:smooth;scroll-padding-top:var(--nav-h)}body{margin:0;height:100%;overflow:hidden;font-family:var(--font-sans);font-size:16px;line-height:1.6;color:var(--text);background:var(--bg);background-image:radial-gradient(ellipse 120% 100% at 50% -20%,rgba(37,99,235,.04) 0%,transparent 50%),linear-gradient(180deg,var(--bg) 0%,var(--bg-alt) 100%);background-attachment:fixed;-webkit-font-smoothing:antialiased;opacity:0;transition:opacity .35s ease-out}body.loaded{opacity:1}a{color:var(--accent);text-decoration:none;transition:color .2s ease}a:hover{text-decoration:underline}.site-nav{position:fixed;top:0;left:0;right:0;height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;background:#0a0e14eb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06);box-shadow:0 1px #ffffff0a;z-index:100;opacity:0;transform:translateY(-100%);transition:opacity .4s ease,transform .4s ease}body.loaded .site-nav{opacity:1;transform:translateY(0)}.nav-brand{font-weight:700;font-size:1.05rem;color:var(--text-hero);letter-spacing:.03em;padding:.25rem 0;border-bottom:2px solid transparent;transition:color .2s ease,border-color .2s ease}.nav-brand:hover{text-decoration:none;color:#fff;border-bottom-color:var(--accent)}.nav-links{display:flex;list-style:none;margin:0;padding:0;gap:.25rem}.nav-links a{color:var(--text-hero-muted);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;padding:.5rem .75rem;border-radius:6px;transition:color .2s ease,background .2s ease}.nav-links a:hover{color:#fff;background:#ffffff14;text-decoration:none}@media(max-width:768px){.nav-links{display:none}}#root{height:100%;display:flex;flex-direction:column}main{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.homepage{height:100%;min-height:calc(100vh - var(--nav-h));margin-top:var(--nav-h);position:relative;background:#000;display:flex}.homepage-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-size:cover;background-position:center 38%;background-repeat:no-repeat;background-color:#000;min-height:100%}.homepage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:1}.homepage-nav-btn{position:fixed;top:calc(var(--nav-h) + 1.25rem);z-index:50;width:48px;height:48px;border-radius:50%;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,border-color .2s ease}.homepage-nav-btn:hover{background:#ffffff1a;border-color:#ffffff26}.homepage-nav-btn--left{left:1.5rem}.homepage-nav-btn--right{right:1.5rem}.homepage-split{display:grid;grid-template-columns:1fr 1fr;height:100%;min-height:0;width:100%;position:relative;z-index:2;align-items:flex-start;justify-content:center;padding-top:26vh;box-sizing:border-box}.homepage-right{background:none;display:flex;align-items:flex-start;justify-content:center;padding:2rem 3rem;position:relative;width:100%}@media(max-width:900px){.homepage-split{grid-template-columns:1fr;padding-top:22vh}.homepage-right{justify-content:center;padding:2rem 1.5rem}}@media(max-height:700px){.homepage-split{padding-top:18vh}}.homepage-content{max-width:520px;width:100%;text-align:left}.homepage-greeting{margin:0 0 1rem;font-size:1rem;font-weight:500;letter-spacing:.2em;color:#ffffffb3}.homepage-title{margin:0 0 1.5rem;font-size:clamp(2.5rem,5.5vw,4rem);font-weight:700;line-height:1.15;letter-spacing:-.02em;color:#fff;text-transform:uppercase;white-space:nowrap}.homepage-title-typed{color:#e6c035;font-weight:700}.homepage-cursor{display:inline-block;margin-left:2px;color:#e6c035;animation:cursorBlink 1s step-end infinite}.homepage-tagline{margin:0 0 2.25rem;font-size:1.1rem;line-height:1.7;color:#ffffffbf;max-width:440px}.homepage-ctas{display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-start}.homepage-cta{display:inline-flex;align-items:center;gap:.6rem;padding:1rem 1.75rem;font-size:.85rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;border-radius:6px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}.homepage-cta--primary{background:#d4a800;color:#0a0b0e;border:none}.homepage-cta--primary:hover{background:#e6b800;text-decoration:none;transform:translateY(-2px);box-shadow:0 6px 24px #d4a80059}.homepage-cta--secondary{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.25)}.homepage-cta--secondary:hover{border-color:#ffffff80;background:#ffffff0d;text-decoration:none;transform:translateY(-2px)}.sidebar-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:1002;animation:fadeIn .2s ease}.sidebar-menu-wrap{position:fixed;top:calc(var(--nav-h) + 1rem);left:1.5rem;display:flex;align-items:stretch;z-index:1003;animation:floatingMenuIn .25s ease}@keyframes floatingMenuIn{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.sidebar-menu-panel{display:flex;flex-direction:column;padding:.65rem .6rem .6rem;background:#1c1e24;border-radius:16px;box-shadow:0 16px 48px #0006,0 0 0 1px #ffffff0f;gap:.25rem}.sidebar-menu-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;margin:0 auto .2rem;padding:0;background:transparent;border:none;color:#fffc;cursor:pointer;transition:color .2s ease,background .2s ease;border-radius:8px}.sidebar-menu-close:hover{color:#e6c035;background:#ffffff0f}.sidebar-menu-icons{display:flex;flex-direction:column;gap:.25rem}.sidebar-menu-icon-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:#ffffffa6;text-decoration:none;border-radius:10px;transition:color .2s ease,background .2s ease;border:0;background:transparent;cursor:pointer;font:inherit}.sidebar-menu-icon-link:hover{background:#ffffff0f;color:#fff}.sidebar-menu-icon-link--active,.sidebar-menu-icon-link--active .sidebar-menu-icon{color:#e6c035}.sidebar-menu-icon{display:flex;align-items:center;justify-content:center;color:inherit}.sidebar-menu-labels{display:flex;flex-direction:column;justify-content:flex-start;gap:.25rem;padding-top:calc(.65rem + 36px + .2rem);padding-bottom:.6rem;padding-left:.85rem;padding-right:.5rem}.sidebar-menu-label-link{display:flex;align-items:center;height:40px;padding:0 .5rem 0 0;font-size:.85rem;font-weight:600;letter-spacing:.05em;color:#fffc;text-decoration:none;text-transform:uppercase;transition:color .2s ease;border:0;background:transparent;cursor:pointer;font:inherit;text-align:left}.sidebar-menu-label-link:hover{color:#fff}.sidebar-menu-label-link--active{color:#e6c035}.about-page{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#15171c;transform:translate(100%);transition:transform .35s ease-out;overflow-y:auto}.about-page.about-page--visible{transform:translate(0)}.about-page-hamburger{position:fixed;top:1.25rem;left:1.5rem;z-index:1002;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:#fff;border-radius:50%;cursor:pointer;transition:background .2s,border-color .2s}.about-page-hamburger:hover{background:#ffffff1a;border-color:#ffffff26}.about-page-inner{max-width:1000px;margin:0 auto;padding:2rem 1.5rem 4rem;color:#e6edf3}.about-page-header{text-align:center;margin-bottom:2.5rem}.about-page-title{margin:0 0 .5rem;font-size:2rem;font-weight:700;letter-spacing:.02em;color:#fff}.about-page-title-accent{color:#3b82f6}.about-page-line{width:80px;height:3px;background:#3b82f6;margin:0 auto 1rem;border-radius:2px}.about-page-line--short{width:50px;height:2px;margin:0 0 1rem}.about-page-subtitle{margin:0;font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#ffffffb3}.about-page-profile{display:grid;grid-template-columns:280px 1fr;gap:2rem;align-items:start;margin-bottom:2rem}@media(max-width:640px){.about-page-profile{grid-template-columns:1fr}}.about-page-photo-wrap{position:relative;aspect-ratio:3/4;max-height:320px;border:4px solid #3b82f6;border-radius:12px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff26,0 0 0 1px #3b82f633,0 8px 24px #00000040,0 2px 6px #3b82f633}.about-page-photo-wrap:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:1px solid rgba(255,255,255,.2);border-radius:6px;pointer-events:none;z-index:1}.about-page-photo,.about-page-photo-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.about-page-photo-placeholder{display:flex;align-items:center;justify-content:center;background:#1c1e24;font-family:var(--font-mono);font-size:3rem;font-weight:700;color:#fff3}.about-page-photo-placeholder.hidden{display:none!important}.about-page-details{display:grid;grid-template-columns:1fr 1fr;gap:1rem 2rem;font-size:.95rem}.about-page-details p{margin:0 0 .6rem}.about-page-detail-label{display:inline-block;min-width:100px;color:#ffffff80;font-weight:500}.about-page-cv-wrap{text-align:center;margin-bottom:2.5rem}.about-page-cv-btn{display:inline-flex;align-items:center;gap:.6rem;padding:.75rem 1.5rem;background:#3b82f6;color:#fff;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border-radius:8px;text-decoration:none;transition:background .2s,transform .2s}.about-page-cv-btn:hover{background:#2563eb;transform:translateY(-2px)}.about-page-two-col{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2.5rem}@media(max-width:700px){.about-page-two-col{grid-template-columns:1fr}}.about-page-block-title{margin:0 0 .5rem;font-size:.9rem;font-weight:700;letter-spacing:.08em;color:#fff}.about-page-timeline{list-style:none;padding:0;margin:0}.about-page-timeline-item{position:relative;padding-left:1.5rem;padding-bottom:1.25rem}.about-page-timeline-item:last-child{padding-bottom:0}.about-page-timeline-dot{position:absolute;left:0;top:.35rem;width:10px;height:10px;border-radius:50%;background:#3b82f6}.about-page-timeline-item:before{content:"";position:absolute;left:4px;top:1.25rem;bottom:0;width:2px;background:#3b82f6;opacity:.5}.about-page-timeline-dates{display:block;font-size:.8rem;color:#3b82f6;font-weight:600;margin-bottom:.25rem}.about-page-timeline-item strong{display:block;font-size:.9rem;margin-bottom:.25rem}.about-page-timeline-desc{margin:0;font-size:.85rem;color:#ffffffb3;line-height:1.5}.about-page-skills{margin-bottom:2rem}.about-page-skills-list{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem}.about-page-skill-item{display:inline-flex;align-items:center;gap:.4rem}.about-page-skill-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--accent, rgba(255, 255, 255, .85));flex-shrink:0}.about-page-skill-name-only{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#ffffffe6}:root{--book-baseline: 12px;--book-height: 78vh;--book-width: calc(var(--book-height) * 2 / 3);--book-spine-width: 44px;--book-page-bg: #f5f0e6;--book-cover-bg: #e8dfd0;--book-dark-text: #0a0a0a;--book-ink: #0a0a0a;--book-font-title: "Playfair Display", Georgia, serif;--book-font: "Cormorant Garamond", Georgia, serif;--book-base-size: 15px;--book-accent: #8b6914}.portfolio-page{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#15171c;transform:translate(100%);transition:transform .35s ease-out;overflow-y:auto}.portfolio-page.portfolio-page--visible{transform:translate(0)}.portfolio-page-inner{min-height:100%;padding:var(--book-baseline) 1.5rem 4rem;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.portfolio-gallery-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;background:#000000d9;border:none;padding:2rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.portfolio-gallery-lightbox-img{max-width:95vw;max-height:95vh;width:auto;height:auto;object-fit:contain;pointer-events:none}.portfolio-book-wrap{display:flex;width:calc(var(--book-width) + var(--book-spine-width));max-width:98vw;height:var(--book-height);max-height:92vh;box-shadow:0 25px 50px #0006,0 0 0 1px #0000000f;position:relative;perspective:1400px;perspective-origin:50% 50%;border-radius:0 8px 8px 0}.portfolio-book__spine{width:var(--book-spine-width);flex-shrink:0;background:linear-gradient(90deg,#4a3728,#5c4636 12%,#6b5344 25%,#5c4636,#4a3728,#5c4636 70%,#4a3728 88%,#3d2e22);box-shadow:inset -3px 0 12px #00000059;position:relative;display:flex;align-items:center;justify-content:center}.portfolio-book__spine-title{writing-mode:vertical-rl;transform:rotate(180deg);font-family:var(--book-font-title);font-size:calc(var(--book-base-size) * .9);font-weight:600;letter-spacing:.2em;color:#ffffffd9;text-shadow:0 1px 2px rgba(0,0,0,.4);white-space:nowrap;padding:1rem 0}.portfolio-book__spine:before{content:"";position:absolute;left:0;top:0;bottom:0;width:100%;background:repeating-linear-gradient(90deg,transparent 0px,transparent 1px,rgba(0,0,0,.12) 1px,rgba(0,0,0,.12) 2px);pointer-events:none}.portfolio-book__pages{flex:1;min-width:0;width:var(--book-width);height:100%;position:relative;transform-style:preserve-3d}.portfolio-cover__flap{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none;padding:0;cursor:pointer;background:transparent;transition:transform .9s cubic-bezier(.32,.72,0,1);transform-origin:left center;transform-style:preserve-3d;z-index:2}.portfolio-cover__flap--open{transform:rotateY(-180deg)}.portfolio-cover__flap--hidden{pointer-events:none;visibility:hidden}.portfolio-book__pages .portfolio-book__page--cover{width:100%;height:100%;background:#2c2419;background-image:linear-gradient(to bottom,rgba(0,0,0,.35) 0%,transparent 40%,transparent 70%,rgba(0,0,0,.5) 100%),url(/assets/bookcover.jpg);background-size:contain;background-position:center center;background-repeat:no-repeat;display:flex;align-items:flex-end;justify-content:center;padding:0 0 calc(var(--book-baseline) * 1.25);backface-visibility:hidden;transform:translateZ(0);box-sizing:border-box;border:2px solid #c4b8a4;box-shadow:inset 0 0 0 8px #00000026,inset 0 0 0 10px #2c241914,inset 0 2px 4px #0000001a}.page__content-hint--cover{font-family:var(--book-font);font-size:calc(var(--book-base-size) * .85);letter-spacing:.08em;color:#fffffff2;text-shadow:0 1px 4px rgba(0,0,0,.6),0 2px 8px rgba(0,0,0,.4)}.portfolio-book-spread{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;visibility:hidden;pointer-events:none;z-index:1;overflow:visible;border-radius:0 8px 8px 0;background:#ebe4d6;transform-style:preserve-3d}.portfolio-book-spread.portfolio-book-spread--visible{visibility:visible;pointer-events:auto}.portfolio-book-close-btn{position:absolute;top:calc(var(--book-baseline) * 1.5);right:calc(var(--book-baseline) * 1.5);padding:.5rem 1rem;font-family:var(--book-font);font-size:calc(var(--book-base-size) * .85);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--book-dark-text);background:#fff;border:1px solid rgba(44,36,25,.3);border-radius:6px;cursor:pointer;z-index:10;box-shadow:0 2px 10px #00000026}.portfolio-book-close-btn:hover{background:#f5f0e6;border-color:#2c241966;box-shadow:0 2px 14px #0003}.portfolio-book-spread .portfolio-book{width:100%;height:100%;display:flex;perspective:1200px;transform-style:preserve-3d}.portfolio-book-spread .portfolio-book--single{display:block}.portfolio-book-spread .portfolio-book__page--single{position:relative;width:100%;height:100%;display:grid;transform:rotateY(0);transition:transform .9s cubic-bezier(.645,.045,.355,1);transform-origin:0% 0%;transform-style:preserve-3d;pointer-events:auto;background-color:var(--book-page-bg);background-image:linear-gradient(90deg,rgba(220,212,198,.5) 0%,transparent 15%),linear-gradient(180deg,rgba(255,255,255,.12) 0%,transparent 20%)}.portfolio-book-spread .portfolio-book__page--single:before{content:"";position:absolute;left:0;top:0;bottom:0;width:48px;background:#e0ddd4;transform:rotateY(90deg) translate(-24px);transform-origin:left center;backface-visibility:visible;z-index:0}.portfolio-book-spread .portfolio-book__page--single:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--book-page-bg);transform:translateZ(-30px);backface-visibility:visible;z-index:-2}.portfolio-book-spread .portfolio-book__page--single.portfolio-book__page--turned{transform:rotateY(-180deg)}.portfolio-book-spread .portfolio-book__page--single.portfolio-book__page--reset{transition:none!important;transform:rotateY(0)!important}.portfolio-book__page-front,.portfolio-book__page-back{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0 calc(var(--book-baseline) * 1.8);overflow:hidden;background-color:var(--book-page-bg);backface-visibility:hidden;pointer-events:auto}.portfolio-book__page-front{transform:rotateY(0) translateZ(2px);background-color:var(--book-page-bg);background-image:linear-gradient(90deg,rgba(220,212,198,.4) 0%,transparent 18%),linear-gradient(180deg,rgba(255,255,255,.1) 0%,transparent 25%)}.portfolio-book__page-back{transform:rotateY(180deg) translateZ(2px);background-color:var(--book-page-bg);background-image:linear-gradient(-90deg,rgba(220,212,198,.4) 0%,transparent 18%),linear-gradient(180deg,rgba(255,255,255,.1) 0%,transparent 25%)}.page__content{padding:calc(var(--book-baseline) * 1.5);height:100%;position:relative;text-align:center;font-family:var(--book-font);color:var(--book-ink);box-sizing:border-box}.portfolio-book-spread .page__content{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:calc(var(--book-baseline) * 3);padding-bottom:calc(var(--book-baseline) * 10);min-height:0}.portfolio-book-spread .page__content .page__content-gallery--full{width:100%}.page__content-title--techevents-cover{flex-shrink:0;width:100%;margin-bottom:calc(var(--book-baseline) * 1.5);text-align:center;font-size:calc(var(--book-base-size) * 1.75);padding-left:0}.portfolio-book-spread .page__content .page__content-title--techevents-cover{text-align:center;padding-left:0}.page__content-techevents-cover{flex:1;min-height:0;width:100%;display:flex;align-items:center;justify-content:center;padding:0 calc(var(--book-baseline) * 1);box-sizing:border-box}.page__content-techevents-cover-btn{width:100%;height:100%;padding:0;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;min-height:0}.page__content-techevents-cover-img{width:100%;height:100%;object-fit:contain;display:block}.page__content-journey{flex:1;display:flex;align-items:center;justify-content:center;width:100%;min-height:0;padding:calc(var(--book-baseline) * 2);box-sizing:border-box}.page__content-journey-text{margin:0;font-family:var(--book-font-title);font-size:clamp(1.5rem,4vw,calc(var(--book-base-size) * 2.2));font-weight:600;letter-spacing:.02em;color:var(--book-ink);text-align:center;line-height:1.3}.page__content-text--event{flex:0 0 auto;margin-bottom:calc(var(--book-baseline) * 1.5)}.page__content-video-wrap--event{flex:0 1 auto;max-height:40%;margin-top:calc(var(--book-baseline) * 1)}.portfolio-book-spread .page__content:before{content:"";position:absolute;inset:calc(var(--book-baseline) * .5);border:1px solid rgba(44,36,25,.08);pointer-events:none;border-radius:1px}.page__content--cover{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:space-between;margin:calc(var(--book-baseline) * 2);padding:calc(var(--book-baseline) * 2.5);background:transparent;border:1px solid rgba(255,255,255,.25);box-shadow:inset 0 0 0 1px #00000026}.page__content--cover .cover__inner{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1;justify-content:center}.page__content-book-title{font-family:var(--book-font-title);font-size:clamp(2rem,5vw,calc(var(--book-base-size) * 3.2));font-weight:700;letter-spacing:.12em;color:#fff;margin:0 0 calc(var(--book-baseline) * .5) 0;text-shadow:0 2px 8px rgba(0,0,0,.6),0 0 20px rgba(0,0,0,.4);line-height:1.15}.page__content-cover-ornament{display:block;font-size:.6rem;color:#ffffffe6;margin-bottom:calc(var(--book-baseline) * 1.5);opacity:.9;text-shadow:0 1px 4px rgba(0,0,0,.5)}.page__content-cover-by{font-family:var(--book-font);font-size:calc(var(--book-base-size) * .75);font-weight:400;letter-spacing:.25em;color:#ffffffd9;margin:calc(var(--book-baseline) * 1) 0 calc(var(--book-baseline) * .25) 0;text-transform:uppercase;text-shadow:0 1px 4px rgba(0,0,0,.5)}.page__content-author{font-family:var(--book-font-title);font-size:calc(var(--book-base-size) * 1.35);font-weight:500;color:#fff;letter-spacing:.06em;margin:0 0 calc(var(--book-baseline) * 2) 0;padding:0;border:none;text-shadow:0 2px 8px rgba(0,0,0,.6),0 0 20px rgba(0,0,0,.4)}.page__content-credits{font-family:var(--book-font);font-size:calc(var(--book-base-size) * .8);margin:0;letter-spacing:.15em;color:#ffffffe6;text-transform:uppercase;text-shadow:0 1px 4px rgba(0,0,0,.5)}.page__content--cover .page__content-hint{font-size:calc(var(--book-base-size) * .7);letter-spacing:.08em;color:#fffffff2;opacity:1;margin-top:0;font-style:normal;text-shadow:0 1px 4px rgba(0,0,0,.6)}.page__content-title{font-family:var(--book-font-title);font-size:calc(var(--book-base-size) * 1.15);font-weight:600;letter-spacing:.04em;margin-top:calc(var(--book-baseline) * 5);margin-bottom:calc(var(--book-baseline) * 3);text-align:center;color:var(--book-dark-text);width:100%}.portfolio-book-spread .page__content-title{text-align:left;padding-left:calc(var(--book-baseline) * 1.5)}.portfolio-book-spread .page__content-tech-items{justify-content:center}.page__content-toc{width:100%;max-width:360px;margin-top:calc(var(--book-baseline) * 2);margin-left:auto;margin-right:auto}.page__content-toc-row{display:flex;align-items:baseline;gap:.25rem;padding-bottom:calc(var(--book-baseline) * 1.2);min-height:1.8em}.page__content-toc-row--header{padding-top:calc(var(--book-baseline) * .5);padding-bottom:calc(var(--book-baseline) * .6)}.page__content-toc-label{font-family:var(--book-font);font-size:calc(var(--book-base-size) * 1);font-weight:600;color:var(--book-ink);cursor:default}.page__content-toc-link{flex-shrink:0;background:none;border:none;font-family:var(--book-font);font-size:calc(var(--book-base-size) * 1);cursor:pointer;color:var(--book-ink);padding:0;text-align:left;transition:color .2s;white-space:nowrap}.page__content-toc-link:hover{color:var(--book-accent)}.page__content-toc-link--active{font-weight:600}.page__content-toc-dots{flex:1;min-width:.5rem;margin:0 .35rem;border-bottom:1px dotted var(--book-ink);opacity:.6;vertical-align:baseline;align-self:flex-end;margin-bottom:.25em}.page__content-toc-page{flex-shrink:0;font-family:var(--book-font);font-size:calc(var(--book-base-size) * .95);color:var(--book-ink)}.page__content-back{margin-bottom:calc(var(--book-baseline) * 2);padding:0 0 0 calc(var(--book-baseline) * 1.5);font-size:calc(var(--book-base-size) * .85);font-weight:600;color:var(--book-accent);background:none;border:none;cursor:pointer;font-family:var(--book-font);text-align:left}.page__content-back:hover{text-decoration:underline;color:var(--book-dark-text)}.page__content-meta{font-size:calc(var(--book-base-size) * .9);font-weight:500;color:var(--book-ink);margin-bottom:calc(var(--book-baseline) * 2);text-align:left;padding-left:calc(var(--book-baseline) * 1.5)}.page__content-text{font-family:var(--book-font);font-size:calc(var(--book-base-size) * .92);font-weight:500;text-align:justify;text-indent:calc(var(--book-baseline) * 2);line-height:1.75;margin-bottom:calc(var(--book-baseline) * 2);color:var(--book-ink);padding-left:calc(var(--book-baseline) * 1.5);padding-right:calc(var(--book-baseline) * .5);max-width:100%}.portfolio-book-spread .page__content .page__content-text{flex:1;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:0}.page__content-text p{margin:0 0 calc(var(--book-baseline) * 1.25) 0}.portfolio-book-spread .page__content .page__content-text p:last-child{margin-bottom:0}.page__content-text p:first-child{text-indent:0}.page__content-tech-wrap{padding-left:calc(var(--book-baseline) * 1.5);margin-top:calc(var(--book-baseline) * 2);margin-bottom:calc(var(--book-baseline) * 4);flex-shrink:0}.page__content-tech-items{display:flex;flex-wrap:wrap;align-items:center;gap:calc(var(--book-baseline) * 1);margin-bottom:calc(var(--book-baseline) * .8)}.page__content-tech-item{display:inline-flex;align-items:center;gap:.15rem}.page__content-tech-label{font-size:calc(var(--book-base-size) * .75);font-weight:600;color:var(--book-ink)}.page__content-tech-sep{font-size:calc(var(--book-base-size) * .7);color:var(--book-ink);opacity:.8}.page__content-tech-logo-wrap{display:inline-flex;align-items:center}.page__content-tech-icon{width:1.25rem;height:1.25rem;object-fit:contain;display:block;vertical-align:middle;filter:brightness(0)}.page__content-tech{font-size:calc(var(--book-base-size) * .75);font-weight:600;letter-spacing:.02em;color:var(--book-ink);text-align:left;margin:0}.page__content-flip-arrow{position:absolute;top:50%;right:calc(var(--book-baseline) * 1.5);transform:translateY(-50%);width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;padding:0;font-family:var(--book-font);font-size:1.5rem;font-weight:400;color:var(--book-ink);background:none;border:none;cursor:pointer;transition:transform .2s,opacity .2s}.page__content-flip-arrow:hover{opacity:.8;transform:translateY(-50%) translate(2px)}.page__content-flip-arrow--back{right:auto;left:calc(var(--book-baseline) * 1.5)}.page__content-flip-arrow--back:hover{transform:translateY(-50%) translate(-2px)}.page__content-gallery{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--book-baseline) * 1.2);margin-top:calc(var(--book-baseline) * 3);padding-left:calc(var(--book-baseline) * 1.5);padding-right:calc(var(--book-baseline) * .5);max-width:100%}.page__content-gallery--full{margin-top:calc(var(--book-baseline) * 1.5);flex:1;min-height:0;grid-template-columns:1fr 1fr;gap:calc(var(--book-baseline) * 1);padding:0 calc(var(--book-baseline) * 1);align-content:start}.page__content-gallery--full .page__content-gallery-item{min-height:0;aspect-ratio:4 / 3}.page__content-gallery--fill-page{display:grid;align-content:stretch;justify-content:stretch}.page__content-gallery--fill-page .page__content-gallery-item{aspect-ratio:auto;min-height:0}.page__content-gallery--fill-page.page__content-gallery--count-1{grid-template-columns:1fr;grid-template-rows:1fr}.page__content-gallery--fill-page.page__content-gallery--count-2{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.page__content-gallery--fill-page.page__content-gallery--count-3{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr}.page__content-gallery--fill-page.page__content-gallery--count-4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.page__content-gallery--fill-page.page__content-gallery--count-5,.page__content-gallery--fill-page.page__content-gallery--count-6{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr}.page__content-video-wrap{margin-top:calc(var(--book-baseline) * 1.5);flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:0 calc(var(--book-baseline) * 1)}.page__content-video{width:100%;max-height:100%;object-fit:contain;border-radius:4px;background:#111}.page__content-gallery-item{aspect-ratio:4 / 3;overflow:hidden;border-radius:8px;background:#0000000f;border:1px solid rgba(0,0,0,.08);box-shadow:inset 0 0 0 1px #ffffff80,0 2px 8px #0000001a,0 0 0 1px #2563eb0f}.page__content-gallery-item--clickable{cursor:pointer;padding:0;border:none;font:inherit;color:inherit;text-align:left}.page__content-gallery-item--clickable:hover{box-shadow:inset 0 0 0 1px #fff9,0 6px 20px #00000026,0 0 0 1px #2563eb1f}.page__content-gallery-item img{width:100%;height:100%;object-fit:cover;display:block}.page__number{position:absolute;bottom:var(--book-baseline);width:calc(100% - (var(--book-baseline) * 2));font-family:var(--book-font);font-size:calc(var(--book-base-size) * 1.1);text-align:center;color:var(--book-ink);opacity:.8}@media(max-width:768px){:root{--book-width: min(92vw, 380px);--book-height: min(75vh, 320px);--book-spine-width: 24px}.portfolio-book-wrap,.portfolio-book-spread .portfolio-book{flex-direction:row}.portfolio-book-spread .portfolio-book__page{min-height:0}}.section-num{display:inline-flex;align-items:center;gap:.5rem;margin:0 0 .35rem;font-family:var(--font-mono);font-size:.78rem;font-weight:500;color:var(--text-muted)}.section-num:before{content:"";width:20px;height:2px;background:linear-gradient(90deg,var(--accent),transparent);border-radius:1px}.section-label{margin:0 0 .5rem;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--text-muted)}.section-title{margin:0 0 1.5rem;font-size:1.5rem;font-weight:700;letter-spacing:-.02em;line-height:1.3;color:var(--text)}.section-title--large{font-size:1.85rem;margin-bottom:2rem;letter-spacing:-.03em}.section-inner{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem;opacity:0;transform:translateY(28px);transition:opacity .55s ease,transform .55s ease}.section-inner--wide{max-width:var(--max-width-wide)}.section.is-inview .section-inner{opacity:1;transform:translateY(0)}.hero{min-height:calc(100vh - var(--nav-h));margin-top:var(--nav-h);display:flex;align-items:center;justify-content:center;padding:3rem 1.5rem 4rem;background:var(--bg-hero);color:var(--text-hero);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 100% 80% at 50% 20%,rgba(37,99,235,.18) 0%,transparent 50%),radial-gradient(circle at 20% 80%,rgba(37,99,235,.06) 0%,transparent 40%),radial-gradient(circle at 80% 60%,rgba(37,99,235,.05) 0%,transparent 35%);animation:heroShine 8s ease-in-out infinite;pointer-events:none}.hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:120px;background:linear-gradient(to top,var(--bg),transparent);pointer-events:none}.hero-inner{max-width:640px;text-align:center;position:relative;z-index:1}.hero-inner>*{opacity:0;transform:translateY(24px);animation:fadeInUpHero .6s ease forwards}.hero-inner.hero-loaded>.hero-eyebrow{animation-delay:.05s}.hero-inner.hero-loaded>.hero-headline{animation-delay:.15s}.hero-inner.hero-loaded>.hero-stats{animation-delay:.25s}.hero-inner.hero-loaded>.hero-stack{animation-delay:.35s}.hero-inner.hero-loaded>.hero-profile{animation-delay:.45s}.hero-inner.hero-loaded>.hero-ctas{animation-delay:.55s}.hero-eyebrow{margin:0 0 1rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--text-hero-muted)}.hero-headline{margin:0 0 1rem;font-size:clamp(1.75rem,5vw,2.5rem);font-weight:700;line-height:1.2;letter-spacing:-.03em;text-shadow:0 2px 20px rgba(0,0,0,.2)}.hero-stats{margin:0 0 .5rem;font-size:.95rem;color:var(--text-hero-muted)}.hero-stack{margin:0 0 2rem;font-family:var(--font-mono);font-size:.8rem;color:var(--text-hero-muted);opacity:.9}.hero-profile{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2rem}.hero-photo-wrap{position:relative;flex-shrink:0;padding:4px;border-radius:50%;background:linear-gradient(135deg,#3b82f680,#2563eb4d);box-shadow:0 0 0 2px #fff6,0 0 0 4px #3b82f659,0 4px 12px #0000004d}.hero-photo,.hero-photo-placeholder{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.5);display:block;transition:transform .3s ease,border-color .3s ease}.hero-photo-wrap:hover .hero-photo,.hero-photo-wrap:hover .hero-photo-placeholder{transform:scale(1.05);border-color:#ffffffb3}.hero-photo-wrap:hover{box-shadow:0 0 0 2px #ffffff80,0 0 0 4px #3b82f680,0 6px 16px #00000059}.hero-photo-placeholder{display:flex;align-items:center;justify-content:center;background:#ffffff1a;font-family:var(--font-mono);font-weight:600;font-size:1rem;color:var(--text-hero-muted)}.hero-photo-placeholder.hidden{display:none!important}.hero-name-wrap{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.hero-name{font-weight:700;font-size:1rem}.hero-title{font-size:.85rem;color:var(--text-hero-muted);margin:0}.hero-ctas{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.hero-cta{display:inline-block;padding:.6rem 1.25rem;font-weight:600;font-size:.9rem;border-radius:8px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}.hero-cta--primary{background:var(--accent);color:#fff}.hero-cta--primary:hover{background:var(--accent-hover);text-decoration:none;transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.hero-cta--secondary{background:transparent;color:var(--text-hero);border:1px solid rgba(255,255,255,.35)}.hero-cta--secondary:hover{background:#ffffff14;text-decoration:none;border-color:#ffffff80;transform:translateY(-2px)}.section{padding:var(--section-padding) 0;position:relative}.section:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:min(90%,600px);height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent)}.section:last-of-type:after{display:none}.about-section{background:var(--bg)}.about-section .section-inner{padding-left:1.5rem;border-left:3px solid var(--accent-line)}.about-text{margin:0 0 1rem;color:var(--text);line-height:1.7;font-size:1.02rem}.about-text:last-child{margin-bottom:0}.impact-section{background:var(--bg-alt)}.impact-grid{display:flex;flex-direction:column;gap:1.5rem}.impact-card{padding:1.75rem 2rem;background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);border-left:4px solid var(--accent);box-shadow:var(--shadow-sm);opacity:0;transform:translateY(20px);transition:opacity .4s ease,transform .4s ease,box-shadow .3s ease,border-color .3s ease}.section.is-inview .impact-card{opacity:1;transform:translateY(0)}.section.is-inview .impact-card:nth-child(1){transition-delay:.08s}.section.is-inview .impact-card:nth-child(2){transition-delay:.16s}.section.is-inview .impact-card:nth-child(3){transition-delay:.24s}.impact-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px);border-left-color:var(--accent-hover)}.impact-card-header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.5rem;margin-bottom:.35rem}.impact-company{margin:0;font-size:1.05rem;font-weight:700}.impact-dates{font-size:.8rem;color:var(--text-muted);font-weight:500}.impact-role{margin:0 0 .75rem;font-size:.9rem;color:var(--text-muted)}.impact-metric{margin:0 0 .5rem;font-weight:700;font-size:.95rem;color:var(--accent);display:inline-block;padding:.2rem .6rem;background:var(--accent-soft);border-radius:6px}.impact-result{margin:0 0 .75rem;font-size:.95rem;line-height:1.55;color:var(--text)}.impact-skills{margin:0;font-family:var(--font-mono);font-size:.78rem;color:var(--text-muted);line-height:1.5}.principles-section{background:var(--bg)}.principles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem}.principle-card{padding:1.5rem 1.75rem;background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);opacity:0;transform:translateY(16px);transition:opacity .4s ease,transform .4s ease,box-shadow .3s ease,border-color .3s ease;position:relative;overflow:hidden}.principle-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:0;background:var(--accent);transition:height .3s ease}.principle-card:hover:before{height:100%}.section.is-inview .principle-card{opacity:1;transform:translateY(0)}.section.is-inview .principle-card:nth-child(1){transition-delay:.06s}.section.is-inview .principle-card:nth-child(2){transition-delay:.12s}.section.is-inview .principle-card:nth-child(3){transition-delay:.18s}.principle-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px);border-color:var(--accent-line)}.principle-title{margin:0 0 .5rem;font-size:1rem;font-weight:700}.principle-proof{margin:0;font-size:.9rem;color:var(--text-muted);line-height:1.55}.experience-section{background:var(--bg-alt)}.experience-list{display:flex;flex-direction:column;gap:1.5rem}.experience-card{padding:1.75rem 2rem;background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);opacity:0;transform:translateY(20px);transition:opacity .4s ease,transform .4s ease,box-shadow .3s ease}.section.is-inview .experience-card{opacity:1;transform:translateY(0)}.section.is-inview .experience-card:nth-child(1){transition-delay:.08s}.section.is-inview .experience-card:nth-child(2){transition-delay:.16s}.section.is-inview .experience-card:nth-child(3){transition-delay:.24s}.experience-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.experience-card-header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.5rem;margin-bottom:.25rem}.experience-dates{font-size:.75rem;color:var(--accent);font-weight:600;order:-1;display:inline-block;padding:.25rem .6rem;background:var(--accent-soft);border-radius:6px;width:fit-content;margin-bottom:.5rem;font-family:var(--font-mono)}.experience-company{margin:0;font-size:1.1rem;font-weight:700}.experience-role{margin:0 0 .25rem;font-weight:600;font-size:.95rem}.experience-location{margin:0 0 1rem;font-size:.9rem;color:var(--text-muted)}.experience-responsibilities{margin:0 0 1rem;padding-left:1.25rem;font-size:.95rem}.experience-responsibilities li{margin-bottom:.35rem}.experience-skills{margin:0;font-family:var(--font-mono);font-size:.78rem;color:var(--text-muted);line-height:1.5;padding-top:.75rem;margin-top:.75rem;border-top:1px solid var(--border)}.skills-section{background:var(--bg)}.skills-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media(max-width:560px){.skills-grid{grid-template-columns:1fr}}.skills-block{padding:1.5rem 1.75rem;background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);opacity:0;transform:translateY(16px);transition:opacity .4s ease,transform .4s ease,box-shadow .3s ease}.section.is-inview .skills-block{opacity:1;transform:translateY(0)}.section.is-inview .skills-block:nth-child(1){transition-delay:.06s}.section.is-inview .skills-block:nth-child(2){transition-delay:.12s}.skills-block:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.skills-block-title{margin:0 0 .75rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding-bottom:.5rem;border-bottom:1px solid var(--border)}.skills-list{list-style:none;margin:0;padding:0}.skills-list li{font-size:.95rem;padding:.35rem 0 .35rem 1rem;position:relative}.skills-list li:before{content:"";position:absolute;left:0;top:.65em;width:4px;height:4px;border-radius:2px;background:var(--accent)}.education-degree{margin:0 0 .25rem;font-weight:600;color:var(--text)}.education-school{margin:0;font-size:.9rem;color:var(--text-muted)}.contact-section{background:var(--bg-alt);padding-bottom:5rem}.contact-intro{margin:0 0 1.75rem;color:var(--text-muted);font-size:1.02rem;max-width:420px}.contact-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.contact-list li{display:flex;align-items:center;gap:1rem;padding:.85rem 1.25rem;background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.contact-list li:hover{transform:translate(6px);box-shadow:var(--shadow-md);border-color:var(--accent-line)}.contact-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--accent-soft);color:var(--accent);border-radius:10px;font-size:1rem;flex-shrink:0}.contact-list a{color:var(--text);font-weight:500;transition:color .2s ease}.contact-list a:hover{color:var(--accent)}.contact-list li span:not(.contact-icon){color:var(--text-muted)}.site-footer{padding:2rem 1.5rem;text-align:center;font-size:.85rem;background:var(--bg-dark);color:var(--text-hero-muted);border-top:1px solid rgba(255,255,255,.06);position:relative}.site-footer:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,transparent,var(--accent),transparent);border-radius:0 0 2px 2px}.site-footer p{margin:.5rem 0 0}.footer-back{font-size:.8rem;font-weight:500;letter-spacing:.04em;color:var(--text-hero-muted);transition:color .2s ease}.footer-back:hover{color:#fff;text-decoration:none}.site-footer a{color:var(--text-hero-muted)}.site-footer a:hover{color:#fff}