:root{--bg-deep: #0a0a0b;--bg-elevated: #121214;--bg-panel: #18181b;--bg-hover: #1f1f23;--border: rgba(245, 240, 232, .08);--border-strong: rgba(245, 240, 232, .16);--text: #f5f0e8;--text-muted: rgba(245, 240, 232, .62);--text-faint: rgba(245, 240, 232, .38);--accent: #c4a574;--accent-soft: rgba(196, 165, 116, .14);--accent-hover: #d4b98a;--font-display: "Newsreader", "Times New Roman", serif;--font-body: "DM Sans", system-ui, sans-serif;--shell-rail: 13.5rem;--space-page: clamp(1.25rem, 3vw, 2.5rem);--radius: 2px;--ease: cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}html{color-scheme:dark}body{font-family:var(--font-body);font-size:15px;line-height:1.55;color:var(--text);background:var(--bg-deep);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,h4{font-family:var(--font-display);font-weight:500;line-height:1.15;margin:0}p{margin:0}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}::selection{background:var(--accent-soft);color:var(--text)}.app-atmosphere{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 80% 50% at 10% -10%,rgba(196,165,116,.09),transparent 55%),radial-gradient(ellipse 60% 40% at 90% 110%,rgba(120,140,160,.07),transparent 50%),var(--bg-deep)}.app-atmosphere:after{content:"";position:absolute;inset:0;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:overlay}.skip-link{position:absolute;left:-9999px;top:0;z-index:100;padding:.75rem 1rem;background:var(--accent);color:var(--bg-deep);font-weight:600}.skip-link:focus{left:1rem;top:1rem}.shell{position:relative;z-index:1;display:grid;grid-template-columns:var(--shell-rail) 1fr;height:100dvh;max-height:100dvh;overflow:hidden}.shell-rail{display:flex;flex-direction:column;gap:2rem;padding:1.75rem 1.25rem 1.5rem;border-right:1px solid var(--border);background:#0a0a0b8c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.shell-brand{display:flex;flex-direction:column;gap:.35rem;padding:.25rem .5rem}.shell-brand-name{font-family:var(--font-display);font-size:1.35rem;font-weight:500;letter-spacing:-.02em}.shell-brand-title{font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.shell-nav{display:flex;flex-direction:column;gap:.15rem;flex:1}.shell-nav-link{position:relative;display:flex;align-items:center;gap:.75rem;padding:.55rem .65rem;border-radius:var(--radius);color:var(--text-muted);font-size:.95rem;font-weight:500;transition:color .25s var(--ease),background .25s var(--ease)}.shell-nav-link:hover{color:var(--text);background:var(--bg-hover)}.shell-nav-link.is-active{color:var(--text)}.shell-nav-indicator{width:4px;height:4px;border-radius:50%;background:transparent;transition:background .25s var(--ease),box-shadow .25s var(--ease)}.shell-nav-link.is-active .shell-nav-indicator{background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.shell-rail-foot{padding:0 .5rem}.shell-mail{font-size:.75rem;color:var(--text-faint);word-break:break-all;transition:color .2s var(--ease)}.shell-mail:hover{color:var(--accent)}.shell-mobile-bar{display:none}.shell-main{position:relative;min-width:0;min-height:0;height:100%;overflow:hidden}@media(max-width:860px){.shell{grid-template-columns:1fr;grid-template-rows:auto 1fr}.shell-rail{display:none}.shell-mobile-bar{display:flex;flex-direction:column;gap:.75rem;padding:.85rem 1rem .65rem;border-bottom:1px solid var(--border);background:#0a0a0bd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.shell-brand--compact .shell-brand-name{font-size:1.15rem}.shell-mobile-nav{display:flex;gap:.15rem;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.shell-mobile-nav::-webkit-scrollbar{display:none}.shell-mobile-link{flex:0 0 auto;padding:.4rem .7rem;border-radius:999px;font-size:.8rem;font-weight:500;color:var(--text-muted);border:1px solid transparent;transition:color .2s var(--ease),border-color .2s var(--ease),background .2s var(--ease)}.shell-mobile-link.is-active{color:var(--accent);border-color:var(--border-strong);background:var(--accent-soft)}}.pane{height:100%;max-height:100%;padding:var(--space-page);overflow:hidden}.pane--home,.pane--contact{display:flex;align-items:center}.pane--split{display:grid;grid-template-columns:minmax(16rem,.95fr) minmax(0,1.15fr);gap:0;padding:0}.pane--skills{display:flex;flex-direction:column;gap:1.75rem;overflow-y:auto;overscroll-behavior:contain}.pane-list{display:flex;flex-direction:column;min-height:0;padding:var(--space-page);border-right:1px solid var(--border);overflow:hidden}.pane-header{margin-bottom:1.5rem;max-width:36rem}.pane-title{font-size:clamp(1.85rem,3vw,2.45rem);letter-spacing:-.02em;margin-bottom:.65rem}.pane-lede{color:var(--text-muted);font-size:.95rem;max-width:32rem}.home-composition,.contact-composition{max-width:40rem;padding-left:clamp(0rem,4vw,3rem)}.home-kicker{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:1.25rem}.home-brand{font-size:clamp(3rem,8vw,5.5rem);letter-spacing:-.03em;line-height:.95;margin-bottom:1.5rem}.home-headline{font-family:var(--font-display);font-size:clamp(1.25rem,2.4vw,1.65rem);font-weight:400;line-height:1.35;max-width:28ch;margin-bottom:1rem}.home-support{color:var(--text-muted);max-width:42ch;margin-bottom:2rem}.home-actions,.contact-actions{display:flex;flex-wrap:wrap;gap:.75rem}.contact-lede{max-width:34ch}.contact-actions{margin:1.75rem 0 2rem}.contact-links{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:1.25rem}.contact-link{display:inline-flex;align-items:center;gap:.45rem;color:var(--text-muted);font-size:.9rem;transition:color .2s var(--ease)}.contact-link:hover{color:var(--accent)}.select-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.25rem;overflow-y:auto;overscroll-behavior:contain;min-height:0;flex:1;padding-right:.25rem}.select-item{width:100%;display:flex;align-items:flex-start;gap:.9rem;text-align:left;padding:.85rem .75rem;border-radius:var(--radius);border:1px solid transparent;transition:background .2s var(--ease),border-color .2s var(--ease)}.select-item:hover{background:var(--bg-hover)}.select-item.is-active{background:var(--accent-soft);border-color:var(--border-strong)}.select-index{font-family:var(--font-display);font-size:.85rem;color:var(--text-faint);padding-top:.15rem;min-width:1.5rem}.select-body{display:flex;flex-direction:column;gap:.2rem;min-width:0}.select-title{font-family:var(--font-display);font-size:1.15rem;letter-spacing:-.01em}.select-meta{font-size:.8rem;color:var(--text-muted);line-height:1.4}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1.5rem 2rem}.skill-group-label{font-family:var(--font-body);font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:.75rem}.education{padding-top:.5rem;border-top:1px solid var(--border)}.education-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.education-list li{display:grid;gap:.15rem}.education-school{font-family:var(--font-display);font-size:1.1rem}.education-detail{color:var(--text-muted);font-size:.9rem}.education-period{color:var(--text-faint);font-size:.8rem}@media(max-width:860px){.pane--split{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);overflow-y:auto;overscroll-behavior:contain}.pane-list{border-right:none;border-bottom:1px solid var(--border);overflow:visible;flex:0 0 auto}.pane-list .select-list{overflow:visible;flex:none}.home-composition,.contact-composition{padding-left:0}}.detail-panel{display:flex;flex-direction:column;min-height:0;min-width:0;height:100%;padding:var(--space-page);background:#1212148c;border-left:1px solid var(--border)}.detail-panel-header{margin-bottom:1.25rem;flex-shrink:0}.detail-panel-title{font-size:clamp(1.5rem,2.5vw,2rem);letter-spacing:-.02em}.detail-meta{font-size:.78rem;color:var(--text-muted);margin-bottom:.4rem}.detail-panel-body{overflow-y:auto;overscroll-behavior:contain;min-height:0;padding-right:.35rem;padding-bottom:1rem}.detail-summary{color:var(--text-muted);margin-bottom:1.5rem;max-width:48ch}.detail-section-label{font-family:var(--font-body);font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 .65rem}.detail-list{margin:0 0 1.5rem;padding-left:1.1rem;color:var(--text-muted);display:flex;flex-direction:column;gap:.65rem}.detail-list li::marker{color:var(--accent)}.stack-chips{list-style:none;padding:0;margin:0 0 1.5rem;display:flex;flex-wrap:wrap;gap:.4rem}.stack-chips li{padding:.28rem .55rem;border:1px solid var(--border);border-radius:var(--radius);font-size:.75rem;color:var(--text-muted);background:#ffffff05}.detail-links{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem}.detail-link{display:inline-flex;align-items:center;gap:.35rem;font-size:.85rem;color:var(--accent);transition:color .2s var(--ease)}.detail-link:hover{color:var(--accent-hover)}.detail-image{margin-top:.5rem;border:1px solid var(--border);border-radius:var(--radius);width:100%;max-height:14rem;object-fit:cover;object-position:top}@media(max-width:860px){.detail-panel{border-left:none;border-top:1px solid var(--border);background:#12121459;min-height:0}}.pane--journey{display:flex;flex-direction:column;gap:.5rem;overflow-y:auto;overscroll-behavior:contain;max-width:44rem}.journey-timeline{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}.journey-chapter{display:grid;grid-template-columns:1.5rem 1fr;gap:1rem;align-items:stretch}.journey-chapter-track{display:flex;flex-direction:column;align-items:center;padding-top:.7rem}.journey-chapter-dot{width:.65rem;height:.65rem;border-radius:50%;border:1.5px solid var(--text-faint);background:transparent;flex-shrink:0;transition:border-color .25s var(--ease),background .25s var(--ease),box-shadow .25s var(--ease)}.journey-chapter.is-open .journey-chapter-dot{border-color:var(--accent);background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.journey-chapter-line{width:1px;flex:1;min-height:1.5rem;margin-top:.45rem;background:linear-gradient(to bottom,var(--border-strong),transparent)}.journey-chapter:not(:last-child) .journey-chapter-line{background:var(--border-strong)}.journey-chapter-main{min-width:0;padding-bottom:1.75rem}.journey-chapter-trigger{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;width:100%;text-align:left;padding:.15rem .5rem .15rem 0;border-radius:var(--radius);transition:opacity .2s var(--ease)}.journey-chapter-trigger:hover .journey-chapter-title{color:var(--accent-hover)}.journey-chapter-era{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-weight:600}.journey-chapter-title{font-family:var(--font-display);font-size:clamp(1.15rem,2vw,1.4rem);letter-spacing:-.02em;line-height:1.25;transition:color .2s var(--ease)}.journey-chapter-meta{font-size:.78rem;color:var(--text-muted)}.journey-chapter-story{overflow:hidden}.journey-chapter-story-inner{display:flex;flex-direction:column;gap:.7rem;padding:.85rem 0 .25rem;max-width:36rem}.journey-story-p{color:var(--text-muted);font-size:.9rem;line-height:1.6;margin:0}.journey-carry{margin:.35rem 0 0;padding:.85rem 1rem;border-left:2px solid var(--accent);background:#c4a5740f}.journey-carry-label{font-size:.65rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 .35rem}.journey-carry-quote{font-family:var(--font-display);font-size:1rem;font-style:italic;line-height:1.4;color:var(--text);letter-spacing:-.01em;margin:0}@media(max-width:860px){.pane--journey{max-width:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.7rem 1.15rem;font-size:.875rem;font-weight:560;letter-spacing:.01em;border-radius:var(--radius);transition:background .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease),transform .25s var(--ease)}.btn--primary{background:var(--accent);color:var(--bg-deep);border:1px solid var(--accent)}.btn--primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn--ghost{background:transparent;color:var(--text);border:1px solid var(--border-strong)}.btn--ghost:hover{border-color:var(--accent);color:var(--accent)}