:root{--bg: #f7f9fb;--surface: #ffffff;--border: #e2e8f0;--shadow-card: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-card-hover: 0 4px 12px rgba(0, 0, 0, .08);--text: #1a2230;--text-muted: #64748b;--text-faint: #94a3b8;--accent-teal: #0d9488;--accent-teal-bg: rgba(13, 148, 136, .1);--accent-amber: #d97706;--accent-amber-bg: rgba(217, 119, 6, .1);--accent-blue: #2563eb;--accent-blue-bg: rgba(37, 99, 235, .1);--accent-slate: #64748b;--accent-slate-bg: rgba(100, 116, 139, .1);--accent-highlight-bg: #fffbeb;--font-head: "Space Grotesk", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;--radius-md: 10px;--radius-lg: 14px;--container: 1120px;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100svh;display:flex;flex-direction:column}h1,h2,h3{font-family:var(--font-head);color:var(--text);font-weight:600;margin:0}p{margin:0;color:var(--text-muted)}a{color:inherit}ul{margin:0;padding:0;list-style:none}button{font-family:inherit}::selection{background:var(--accent-teal-bg);color:var(--accent-teal)}:focus-visible{outline:2px solid var(--accent-teal);outline-offset:3px;border-radius:4px}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 24px}.section{padding:96px 0}@media(max-width:720px){.section{padding:64px 0}}.section-kicker{display:block;font-family:var(--font-mono);font-size:13px;letter-spacing:.06em;color:var(--accent-teal);margin-bottom:12px;text-transform:uppercase}.section-title{font-size:28px;font-weight:700;letter-spacing:-.01em;margin-bottom:12px;padding-left:14px;border-left:4px solid var(--accent-teal)}.section-sub{font-size:16px;color:var(--text-muted);max-width:620px;margin-bottom:48px}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.status-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px 5px 8px;border-radius:999px;font-family:var(--font-mono);font-size:12.5px;font-weight:500;white-space:nowrap;border:1px solid transparent}.status-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.status-chip[data-tone=healthy]{color:var(--accent-teal);background:var(--accent-teal-bg);border-color:#0d948840}.status-chip[data-tone=healthy] .status-dot{background:var(--accent-teal);box-shadow:0 0 0 3px var(--accent-teal-bg)}.status-chip[data-tone=building]{color:var(--accent-amber);background:var(--accent-amber-bg);border-color:#d9770640}.status-chip[data-tone=building] .status-dot{background:var(--accent-amber);animation:pulse-dot 1.6s ease-in-out infinite}.status-chip[data-tone=stable]{color:var(--accent-blue);background:var(--accent-blue-bg);border-color:#2563eb40}.status-chip[data-tone=stable] .status-dot{background:var(--accent-blue)}.status-chip[data-tone=archived],.status-chip[data-tone=progress]{color:var(--accent-slate);background:var(--accent-slate-bg);border-color:#64748b40}.status-chip[data-tone=archived] .status-dot,.status-chip[data-tone=progress] .status-dot{background:var(--accent-slate)}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.35}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}a.card,button.card,.card-interactive{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}a.card:hover,button.card:hover,.card-interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}.reveal{opacity:0;transform:translateY(16px)}.reveal.is-visible{animation:reveal-in .5s ease-out both}@keyframes reveal-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.link-arrow{display:inline-block;transition:transform .15s ease}a:hover .link-arrow,button:hover .link-arrow{transform:translate(3px)}.btn{display:inline-flex;align-items:center;gap:6px;padding:11px 20px;border-radius:var(--radius-md);font-size:14.5px;font-weight:500;text-decoration:none;border:1px solid transparent;transition:border-color .15s ease,background .15s ease,color .15s ease}.btn-primary{background:var(--text);color:var(--surface)}.btn-primary:hover{background:#0f1622}.btn-ghost{background:var(--surface);color:var(--text);border-color:var(--border)}.btn-ghost:hover{border-color:var(--accent-teal);color:var(--accent-teal)}.sitenav{position:sticky;top:0;z-index:50;background:#f7f9fbd1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.sitenav-inner{display:flex;align-items:center;justify-content:space-between;height:56px}.sitenav-brand{font-size:13.5px;color:var(--text);text-decoration:none;font-weight:500}.sitenav-links{display:flex;gap:24px}.sitenav-links a{font-size:14px;color:var(--text-muted);text-decoration:none;transition:color .15s ease}.sitenav-links a:hover{color:var(--accent-teal)}@media(max-width:520px){.sitenav-links{gap:12px}.sitenav-links a{font-size:12.5px;white-space:nowrap}.sitenav-brand{font-size:12px}}@media(max-width:360px){.sitenav-inner{overflow-x:auto}}.statusbar{padding:18px 20px;display:flex;flex-direction:column;gap:14px}.statusbar-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.statusbar-label{font-size:12.5px;color:var(--text-faint);letter-spacing:.04em;text-transform:uppercase}.statusbar-updated{font-size:12px;color:var(--text-faint)}.statusbar-list{display:flex;flex-wrap:wrap;gap:10px}.statusbar-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg);text-decoration:none;transition:border-color .15s ease,transform .15s ease}.statusbar-item:hover{border-color:var(--accent-teal);transform:translateY(-1px)}.statusbar-name{font-size:14px;font-weight:500;color:var(--text)}@media(max-width:560px){.statusbar-head{flex-direction:column;align-items:flex-start;gap:4px}}.core-skills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.skill-chip{position:relative;display:inline-flex;align-items:center;padding:5px 12px;border-radius:999px;background:var(--accent-teal-bg);border:1px solid rgba(13,148,136,.22);cursor:default;transition:border-color .15s ease,background .15s ease}.skill-chip:hover,.skill-chip:focus-visible{border-color:var(--accent-teal);background:#0d948829;outline:none}.skill-chip-label{font-size:12px;font-weight:600;color:var(--accent-teal);white-space:nowrap}.skill-chip-tooltip{position:absolute;bottom:calc(100% + 10px);left:50%;width:max-content;max-width:min(220px,calc(100vw - 32px));padding:10px 12px;border-radius:var(--radius-md);background:var(--text);color:var(--surface);font-size:12.5px;line-height:1.55;text-align:left;white-space:normal;overflow-wrap:break-word;opacity:0;transform:translate(-50%) translateY(4px);transition:opacity .15s ease,transform .15s ease;pointer-events:none;z-index:5}.skill-chip-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--text)}.skill-chip:hover .skill-chip-tooltip,.skill-chip:focus-visible .skill-chip-tooltip{opacity:1;transform:translate(-50%) translateY(0)}@media(max-width:860px){.core-skills{justify-content:center}}.hero{padding-top:72px;padding-bottom:56px}.hero-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:56px;align-items:center;margin-bottom:48px}.hero-title{font-size:clamp(32px,5vw,48px);letter-spacing:-.02em;line-height:1.15;margin-bottom:14px}.hero-title-en{color:var(--text-muted);font-weight:500;font-size:.55em}.hero-role{font-family:var(--font-mono);font-size:16px;color:var(--accent-teal);margin-bottom:20px}.hero-role-sep{color:var(--text-faint)}.hero-tagline-main{font-family:var(--font-head);font-size:clamp(28px,4vw,40px);font-weight:700;line-height:1.2;max-width:620px;color:var(--text);margin-bottom:12px}.hero-tagline-word{display:inline-block}.hero-tagline-main.is-playing .hero-tagline-word{animation:hero-word-in .35s cubic-bezier(.22,1,.36,1) var(--word-delay, 0ms) both}@keyframes hero-word-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.hero-tagline-sub{font-size:15px;line-height:1.6;max-width:480px;color:var(--text-muted);margin-bottom:14px}.hero-proposals-link{display:inline-flex;font-size:13.5px;font-weight:600;color:var(--accent-teal);text-decoration:none;margin-bottom:28px}.hero-proposals-link:hover{text-decoration:underline}.hero-stats{display:flex;gap:28px;flex-wrap:wrap;margin-bottom:28px}.hero-stat{display:flex;flex-direction:column;gap:2px}.hero-stat-value{font-size:22px;font-weight:600;color:var(--text)}.hero-stat-label{font-size:12px;color:var(--text-faint)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-photo-wrap{display:flex;flex-direction:column;align-items:center;gap:12px;justify-self:center}.hero-photo{width:min(260px,100%);aspect-ratio:3 / 4;overflow:hidden;padding:0}.hero-photo img{width:100%;height:100%;object-fit:cover;display:block}.hero-photo-caption{font-size:12.5px;color:var(--text-faint)}@media(max-width:860px){.hero-grid{grid-template-columns:1fr;text-align:center}.hero-tagline-main,.hero-tagline-sub{margin-inline:auto}.hero-actions,.hero-stats{justify-content:center}.hero-photo-wrap{order:-1}}.tram-line{position:relative;display:flex;gap:4px;padding:30px 4px 4px;margin-bottom:20px;overflow:visible}@media(max-width:640px){.tram-line{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}}.tram-track{position:absolute;left:20px;right:20px;top:36px;height:2px;background:var(--border);overflow:hidden}.tram-track-fill{display:block;width:100%;height:100%;background:var(--accent-teal);transform:scaleX(1);transform-origin:left}.tram-line.is-playing .tram-track-fill{animation:tram-track-draw .7s ease-out both}@keyframes tram-track-draw{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.tram-stop{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;flex:1 0 108px;min-width:108px;background:none;border:none;padding:0 4px 10px;margin:0;cursor:pointer;font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}.tram-line.is-playing .tram-stop{animation:tram-stop-enter .42s cubic-bezier(.34,1.56,.64,1) both}.tram-line.is-playing .tram-stop-1{animation-delay:.21s}.tram-line.is-playing .tram-stop-2{animation-delay:.3s}.tram-line.is-playing .tram-stop-3{animation-delay:.39s}.tram-line.is-playing .tram-stop-4{animation-delay:.48s}.tram-line.is-playing .tram-stop-5{animation-delay:.57s}.tram-line.is-playing .tram-stop-6{animation-delay:.66s}.tram-line.is-playing .tram-stop-7{animation-delay:.75s}@keyframes tram-stop-enter{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.tram-stop-dot{width:12px;height:12px;border-radius:50%;background:var(--surface);border:2px solid var(--border);transition:border-color .15s ease,background .15s ease,transform .15s ease}.tram-stop:hover .tram-stop-dot,.tram-stop:focus-visible .tram-stop-dot,.tram-stop.is-active .tram-stop-dot{border-color:var(--accent-teal);transform:scale(1.15)}.tram-avatar{position:relative;width:30px;height:30px;border-radius:50%;border:2px solid var(--accent-teal);background:var(--surface)}.tram-avatar img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}.tram-line.is-playing .tram-avatar{animation:tram-avatar-drop .56s cubic-bezier(.34,1.56,.64,1) 1.2s both}@keyframes tram-avatar-drop{0%{opacity:0;transform:translateY(-24px) scale(.6)}70%{opacity:1;transform:translateY(3px) scale(1.05)}to{opacity:1;transform:translateY(0) scale(1)}}.tram-avatar-ripple{position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--accent-teal);opacity:0}.tram-line.is-playing .tram-avatar-ripple{animation:tram-avatar-ripple 2.4s ease-out 1.76s infinite}@keyframes tram-avatar-ripple{0%{transform:scale(1);opacity:.5}to{transform:scale(1.8);opacity:0}}.tram-avatar.is-bouncing{animation:tram-avatar-bounce .5s cubic-bezier(.34,1.56,.64,1)}@keyframes tram-avatar-bounce{0%{transform:scale(1)}35%{transform:scale(.85)}65%{transform:scale(1.18)}to{transform:scale(1)}}.tram-bubble{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);white-space:nowrap;padding:6px 12px;border-radius:999px;background:var(--accent-teal);color:#fff;font-size:12px;font-weight:500;box-shadow:var(--shadow-card-hover);animation:tram-bubble-pop .2s cubic-bezier(.34,1.56,.64,1);pointer-events:none;z-index:6}@keyframes tram-bubble-pop{0%{opacity:0;transform:translate(-50%) translateY(6px) scale(.8)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.tram-stop-label{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}.tram-stop-date{font-size:11px;color:var(--text-faint)}.tram-stop-title{font-size:13px;font-weight:500;color:var(--text-muted);transition:color .15s ease}.tram-stop.is-active .tram-stop-title,.tram-stop.is-current .tram-stop-title{color:var(--text)}.tram-stop-tooltip{position:absolute;bottom:calc(100% + 10px);left:50%;width:max-content;max-width:min(220px,calc(100vw - 32px));padding:10px 12px;border-radius:var(--radius-md);background:var(--text);color:var(--surface);font-size:12.5px;line-height:1.55;text-align:left;white-space:normal;overflow-wrap:break-word;opacity:0;transform:translate(-50%) translateY(4px);transition:opacity .15s ease,transform .15s ease;pointer-events:none;z-index:5}.tram-stop-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--text)}@media(hover:hover)and (pointer:fine){.tram-stop:hover .tram-stop-tooltip,.tram-stop:focus-visible .tram-stop-tooltip{opacity:1;transform:translate(-50%) translateY(0)}}.tram-detail{padding:22px 26px}.tram-detail-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:10px}.tram-detail-date{font-size:12.5px;color:var(--text-faint)}.tram-detail-title{font-size:18px;display:flex;align-items:center;gap:10px}.tram-current-badge{font-family:var(--font-mono);font-size:11px;font-weight:500;color:var(--accent-teal);background:var(--accent-teal-bg);border:1px solid rgba(13,148,136,.25);padding:3px 8px;border-radius:999px}.tram-detail-text{font-size:14.5px;line-height:1.75}@media(max-width:640px){.tram-track{left:4px;right:4px}.tram-stop-tooltip{display:none}.tram-detail{padding:18px 20px}}.proof-strip{padding-top:56px;padding-bottom:56px;background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.proof-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(120px,auto);gap:14px}.proof-card-lg{grid-column:span 2;grid-row:span 2;justify-content:center}.proof-card-lg .proof-card-text{font-size:16px}.proof-card{display:flex;flex-direction:column;gap:10px;padding:20px 24px;text-decoration:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.proof-card:hover{transform:translateY(-2px);border-color:var(--accent-teal);box-shadow:var(--shadow-card-hover)}.proof-card-project{font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--accent-teal)}.proof-card-text{font-size:14px;line-height:1.6;color:var(--text)}.proof-num{font-weight:600;color:var(--text);transition:color .15s ease}.proof-card:hover .proof-num{color:var(--accent-teal)}@media(max-width:900px){.proof-grid{grid-template-columns:repeat(2,1fr)}.proof-card-lg{grid-column:span 2;grid-row:span 1}}@media(max-width:560px){.proof-grid{grid-template-columns:1fr}.proof-card-lg{grid-column:span 1}}.about-teaser{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.about-teaser-summary{max-width:640px;font-size:16.5px;line-height:1.8;color:var(--text);margin-bottom:20px}.about-teaser-link{display:inline-flex;font-size:14.5px;font-weight:600;color:var(--accent-teal);text-decoration:none}.about-teaser-link:hover{text-decoration:underline}.pp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.pp-card{display:flex;flex-direction:column;gap:10px;padding:24px;text-decoration:none;color:inherit;transition:border-color .15s ease,box-shadow .2s ease,transform .15s ease}.pp-card:hover{border-color:var(--accent-teal);box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.pp-card-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pp-card-name{font-size:20px}.pp-card-tagline{font-size:14.5px;color:var(--text);font-weight:500}.pp-card-overview{font-size:14px;line-height:1.65;color:var(--text-muted);flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pp-card-link{margin-top:6px;font-size:13.5px;font-weight:600;color:var(--accent-teal)}.proposals-teaser{padding:72px 0;background:linear-gradient(160deg,#0a2e2b,#0d3b36)}.proposals-teaser-inner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;text-decoration:none;color:inherit;padding:8px;border-radius:var(--radius-lg);transition:transform .2s ease}.proposals-teaser-inner:hover{transform:translateY(-2px)}.proposals-teaser-badge{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.04em;color:#fbbf24;background:#fbbf241f;border:1px solid rgba(251,191,36,.35);padding:6px 14px;border-radius:999px}.proposals-teaser-headline{font-family:var(--font-head);font-size:clamp(32px,5vw,44px);font-weight:700;color:#fff;letter-spacing:-.01em}.proposals-teaser-sub{max-width:520px;font-size:15.5px;line-height:1.6;color:#ffffffb8}.proposals-teaser-icons{display:flex;gap:14px;margin:10px 0 4px}.proposals-teaser-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;font-size:24px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.18)}.proposals-teaser-cta{font-size:15px;font-weight:600;color:#5eead4}@media(max-width:640px){.proposals-teaser{padding:56px 0}.proposals-teaser-icons{gap:10px}.proposals-teaser-icon{width:44px;height:44px;font-size:20px}}.working-style-teaser{padding-top:56px;padding-bottom:56px}.working-style-teaser-link{display:inline-block;font-size:14.5px;font-weight:600;color:var(--accent-teal);text-decoration:none}.working-style-teaser-link:hover{text-decoration:underline}.contact{padding-bottom:64px}.contact-inner{padding:48px;display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;text-align:left}.contact-sub{margin-bottom:0}.contact-actions{display:flex;flex-wrap:wrap;gap:12px;flex-shrink:0}.contact-github-note{text-align:center;max-width:560px;margin:24px auto 0;font-size:12.5px;line-height:1.6;color:var(--text-faint)}.contact-footer{text-align:center;margin-top:16px;font-size:12.5px;color:var(--text-faint)}.contact-footer a{color:var(--text-faint);text-decoration:underline;text-underline-offset:2px}.contact-footer a:hover{color:var(--text-muted)}@media(max-width:720px){.contact-inner{padding:32px 24px}}.lightbox{position:fixed;inset:0;z-index:200;background:#0a0e14d1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:32px;animation:lightbox-fade .15s ease}@keyframes lightbox-fade{0%{opacity:0}to{opacity:1}}.lightbox-figure{margin:0;max-width:min(1100px,100%);max-height:88vh;display:flex;flex-direction:column;gap:10px;align-items:center}.lightbox-figure img{max-width:100%;max-height:78vh;object-fit:contain;border-radius:var(--radius-md);box-shadow:0 20px 60px #0006}.lightbox-figure figcaption{color:#f7f9fbbf;font-size:12.5px;text-align:center}.lightbox-close{position:absolute;top:20px;right:24px;width:40px;height:40px;border-radius:50%;border:1px solid rgba(247,249,251,.25);background:#f7f9fb14;color:#f7f9fb;font-size:16px;cursor:pointer}.lightbox-close:hover{background:#f7f9fb2e}@media(prefers-reduced-motion:reduce){.lightbox{animation:none}}.about-page{padding-top:64px}.about-page-grid{display:grid;grid-template-columns:1.3fr .9fr;gap:40px;margin-top:32px;align-items:start}.about-bio{max-width:620px}.about-para{font-size:16.5px;line-height:1.8;margin-bottom:20px;color:var(--text)}.about-council{display:flex;align-items:center;gap:12px;font-size:14.5px;line-height:1.7;color:var(--text-muted)}.about-council-thumb{flex-shrink:0;width:40px;height:40px;padding:0;border-radius:8px;overflow:hidden;border:1px solid var(--border);cursor:zoom-in;background:none;transition:transform .15s ease,border-color .15s ease}.about-council-thumb:hover{transform:scale(1.08);border-color:var(--accent-teal)}.about-council-thumb img{width:100%;height:100%;object-fit:cover;display:block}.about-facts{padding:24px 26px;display:flex;flex-direction:column;gap:16px}.about-fact{display:flex;flex-direction:column;gap:4px}.about-fact dt{font-family:var(--font-mono);font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-faint)}.about-fact dd{margin:0;font-size:14.5px;color:var(--text);line-height:1.5}.about-fact dd a{color:var(--accent-teal);text-decoration:none}.about-fact dd a:hover{text-decoration:underline}.about-fact-sub{font-size:12.5px;color:var(--text-faint)}@media(max-width:860px){.about-page-grid{grid-template-columns:1fr}}.tram-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:var(--surface);border:1px solid var(--border);margin-bottom:18px}.tram-badge-dots{display:inline-flex;align-items:center;gap:4px}.tram-badge-dot{width:5px;height:5px;border-radius:50%;background:var(--border)}.tram-badge-dot.is-here{background:var(--accent-teal);box-shadow:0 0 0 3px var(--accent-teal-bg)}.tram-badge-label{font-size:11.5px;color:var(--text-muted)}.project-detail{padding:36px 36px 32px;display:flex;flex-direction:column;gap:32px;scroll-margin-top:24px}.pd-head-main{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:6px}.pd-name{font-size:24px}.pd-tagline{font-size:15.5px;color:var(--text);margin-bottom:4px}.pd-role{font-size:12.5px;color:var(--text-faint)}.pd-section{display:flex;flex-direction:column;gap:14px}.pd-h{font-family:var(--font-mono);font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-teal);padding-left:10px;border-left:3px solid var(--accent-teal)}.pd-overview,.pd-body{font-size:15px;line-height:1.75;color:var(--text)}.pd-diagram-image img{width:100%;border-radius:6px;display:block}.pd-diagram-pair{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.pd-cloud-services{margin-top:20px;padding:16px 18px;border-radius:var(--radius-md);background:var(--bg);border:1px solid var(--border)}.pd-cloud-services-title{font-family:var(--font-mono);font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-faint);margin-bottom:10px}.pd-cloud-table{width:100%;border-collapse:collapse}.pd-cloud-table tr+tr{border-top:1px solid var(--border)}.pd-cloud-table td{padding:8px 10px 8px 0;font-size:13.5px;vertical-align:top}.pd-cloud-service{color:var(--accent-teal);white-space:nowrap;width:1%;padding-right:20px}.pd-cloud-usage{color:var(--text-muted)}.pd-decisions{display:flex;flex-direction:column;gap:16px}.pd-decision{padding:16px 18px;border-radius:var(--radius-md);background:var(--bg);border:1px solid var(--border)}.pd-decision-q{font-size:14px;font-weight:600;color:var(--text);margin-bottom:6px}.pd-decision-a{font-size:14px;line-height:1.7;color:var(--text-muted)}.project-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.metric-tile{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:var(--radius-md);background:var(--bg);border:1px solid var(--border)}.metric-label{font-size:11.5px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em}.metric-value{font-size:16.5px;font-weight:600;color:var(--text)}.metric-sub{font-size:12px;color:var(--text-muted)}.pd-trouble-section{padding:28px 26px;border-radius:var(--radius-lg);background:var(--bg);border:1px solid var(--border)}.pd-trouble-intro{font-size:14px;color:var(--text-muted);margin-top:-6px}.pd-trouble-jump{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.pd-trouble-jump a{display:inline-flex;font-size:12.5px;font-weight:500;color:var(--accent-teal);background:var(--accent-teal-bg);border:1px solid rgba(13,148,136,.2);border-radius:999px;padding:6px 12px;text-decoration:none}.pd-trouble-jump a:hover{border-color:var(--accent-teal)}.pd-trouble-list{display:flex;flex-direction:column;gap:16px}.pd-trouble{padding:20px 22px;border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);scroll-margin-top:76px}.pd-trouble-title{font-size:15.5px;font-weight:600;color:var(--text);margin-bottom:12px}.pd-trouble-dl{display:grid;grid-template-columns:max-content 1fr;gap:4px 12px;margin:0}.pd-trouble-dl dt{font-family:var(--font-mono);font-size:11.5px;color:var(--text-faint);padding-top:2px;white-space:nowrap}.pd-trouble-dl dd{margin:0;font-size:13.5px;line-height:1.65;color:var(--text-muted);padding-bottom:6px}.pd-growth-section{padding:28px 26px;border-radius:var(--radius-lg);background:var(--accent-teal-bg);border:1px solid rgba(13,148,136,.2)}.pd-growth{display:flex;flex-direction:column;gap:14px}.pd-growth p{font-size:14.5px;line-height:1.75;color:var(--text)}.pd-growth strong{color:var(--accent-teal);font-family:var(--font-mono);font-size:12.5px;font-weight:600;letter-spacing:.02em}.pd-evidence-group+.pd-evidence-group{margin-top:24px}.pd-evidence-group-title{font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-faint);margin-bottom:12px}.pd-evidence-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.pd-evidence-item{display:flex;flex-direction:column;gap:8px;padding:0;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);cursor:zoom-in;overflow:hidden;text-align:left;font-family:inherit;transition:border-color .15s ease,transform .15s ease}.pd-evidence-item:hover{border-color:var(--accent-teal);transform:translateY(-2px)}.pd-evidence-item img{width:100%;aspect-ratio:16 / 10;object-fit:cover;display:block;background:#10151f}.pd-evidence-caption{padding:0 12px 12px;font-size:12px;line-height:1.5;color:var(--text-muted)}.pd-why-matters{padding:18px 22px;border-radius:var(--radius-md);background:var(--accent-amber-bg);border:1px solid rgba(217,119,6,.25);color:var(--text);font-size:15px;font-weight:600;line-height:1.6;text-align:center}.project-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid var(--border);margin-top:4px;padding-top:20px}.project-stack{display:flex;flex-wrap:wrap;gap:8px}.stack-tag{font-size:12px;padding:4px 9px;border-radius:6px;background:var(--bg);border:1px solid var(--border);color:var(--text-muted)}.project-repo-link{padding:8px 16px;font-size:13.5px;flex-shrink:0}@media(max-width:640px){.project-detail{padding:24px 20px 26px}.pd-trouble-section,.pd-growth-section{padding:20px 16px}.pd-trouble-dl{grid-template-columns:1fr;gap:2px 0}.pd-trouble-dl dt{margin-top:8px}.pd-trouble-dl dt:first-child{margin-top:0}}.diagram-figure{margin:0;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px 16px 14px}.diagram-svg{width:100%;height:auto;display:block}.diagram-node-title{font-family:var(--font-body);font-size:13px;font-weight:600;fill:var(--text)}.diagram-node-sub{font-family:var(--font-mono);font-size:9.5px;fill:var(--text-faint)}.diagram-edge-label{font-family:var(--font-mono);font-size:10.5px;font-weight:500}.diagram-path{cursor:default;transition:opacity .15s ease}.diagram-svg:has(.diagram-path:hover) .diagram-path:not(:hover){opacity:.3}.diagram-caption{margin-top:10px;font-size:12.5px;color:var(--text-muted);line-height:1.6}@media(max-width:640px){.diagram-node-title{font-size:11px}.diagram-edge-label{font-size:9px}}.project-page-crumb{padding-top:28px}.project-page-crumb a{font-size:13.5px;color:var(--text-muted);text-decoration:none}.project-page-crumb a:hover{color:var(--accent-teal)}.project-page,.study-page{padding-top:20px}.study-page .section-sub a{color:var(--accent-teal)}.study-list{display:flex;flex-direction:column;gap:14px}.study-item{padding:20px 22px}.study-item-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:8px}.study-item-name{font-size:14.5px;font-weight:600;color:var(--text);text-decoration:none}.study-item-name:hover{color:var(--accent-teal)}.study-item-tags{display:flex;gap:8px}.study-tag{font-size:11px;padding:3px 8px;border-radius:6px;background:var(--bg);border:1px solid var(--border);color:var(--text-faint)}.study-item-desc{font-size:14px;line-height:1.65;color:var(--text-muted)}.study-subheading{font-size:20px;margin-top:56px;margin-bottom:8px}.study-plain-list{display:flex;flex-direction:column;gap:10px;margin-top:20px}.study-plain-list li{font-size:14px;line-height:1.6;color:var(--text-muted);padding:12px 16px;border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border)}.proposal-card{padding:24px 26px;display:flex;flex-direction:column;gap:16px}.proposal-card-head{display:flex;align-items:flex-start;gap:16px;background:none;border:none;padding:0;margin:0;text-align:left;cursor:pointer;font:inherit;color:inherit}.proposal-card-icon{font-size:26px;line-height:1;flex-shrink:0}.proposal-card-headtext{flex:1;display:flex;flex-direction:column;gap:6px}.proposal-type-badge{display:inline-block;width:fit-content;font-size:11px;font-weight:600;color:var(--accent-amber);background:var(--accent-amber-bg);border:1px solid rgba(217,119,6,.25);padding:3px 8px;border-radius:999px}.proposal-card-title{font-size:17.5px}.proposal-card-subtitle{font-size:13px;color:var(--text-muted)}.proposal-card-chevron{flex-shrink:0;font-size:14px;color:var(--text-faint);transition:transform .2s ease;margin-top:4px}.proposal-card-chevron.is-open{transform:rotate(180deg)}.proposal-card-summary{font-size:14px;line-height:1.65;color:var(--text)}.proposal-card-stats{display:flex;flex-wrap:wrap;gap:8px}.proposal-stat{font-size:12px;font-weight:600;color:var(--accent-teal);background:var(--accent-teal-bg);border:1px solid rgba(13,148,136,.25);padding:5px 10px;border-radius:999px}.proposal-card-actions{display:flex;gap:10px;flex-wrap:wrap}.proposal-preview{border-top:1px solid var(--border);padding-top:18px;display:flex;flex-direction:column;gap:20px}.proposal-preview-block h4{font-family:var(--font-head);font-size:14px;color:var(--text);margin-bottom:8px}.proposal-preview-block p{font-size:13.5px;line-height:1.7;margin-bottom:8px}.proposal-preview-block p:last-child{margin-bottom:0}.proposal-needs{display:flex;flex-direction:column;gap:10px;margin:0}.proposal-needs dt{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-faint);margin-bottom:4px}.proposal-needs dd{margin:0;font-size:13.5px;color:var(--text)}.proposal-needs ul,.proposal-evidence-points,.proposal-outcomes{display:flex;flex-direction:column;gap:6px;margin:0;padding:0}.proposal-needs li,.proposal-evidence-points li,.proposal-outcomes li{font-size:13.5px;line-height:1.6;padding-left:16px;position:relative}.proposal-needs li:before,.proposal-evidence-points li:before,.proposal-outcomes li:before{content:"—";position:absolute;left:0;color:var(--accent-teal)}.proposal-table-wrap{overflow-x:auto;margin-bottom:10px}.proposal-table{width:100%;border-collapse:collapse;font-size:13px}.proposal-table th,.proposal-table td{border:1px solid var(--border);padding:8px 10px;text-align:left}.proposal-table th{background:var(--surface);font-family:var(--font-mono);font-weight:600;color:var(--text-muted)}.proposal-kpi,.proposal-scope{background:var(--accent-teal-bg);border-radius:var(--radius-md);padding:10px 14px}.proposal-scope{background:var(--surface);border:1px solid var(--border)}.proposal-disclaimer{font-size:12px;color:var(--text-faint);font-style:italic}@media(max-width:560px){.proposal-card{padding:20px}.proposal-card-head{gap:12px}}.proposals-page{padding-top:20px}.proposals-list{display:flex;flex-direction:column;gap:20px}.growth-sequence-flow{display:flex;align-items:stretch;gap:10px;flex-wrap:wrap}.growth-sequence-item{display:flex;align-items:center;gap:10px;flex:1 1 200px}.growth-sequence-card{flex:1;padding:24px;display:flex;flex-direction:column;gap:6px}.growth-sequence-step{font-size:12px;color:var(--accent-teal);font-weight:600}.growth-sequence-title{font-size:18px;font-weight:600}.growth-sequence-text{font-size:13.5px;line-height:1.6;margin-top:4px}.growth-sequence-arrow{font-size:18px;color:var(--text-faint);flex-shrink:0}@media(max-width:720px){.growth-sequence-flow{flex-direction:column}.growth-sequence-item{flex-direction:column;align-items:stretch}.growth-sequence-arrow{align-self:center;transform:rotate(90deg)}}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.skill-group--tags{grid-column:1 / -1}.skill-group{padding:20px 22px}.skill-group-title{font-size:14.5px;font-weight:600;color:var(--accent-teal);margin-bottom:14px}.skill-items{display:flex;flex-direction:column;gap:14px}.skill-item{display:flex;align-items:flex-start;gap:10px}.skill-item-icon{flex-shrink:0;width:18px;height:18px;margin-top:2px;color:var(--text-faint)}.skill-item-text{display:flex;flex-direction:column;gap:3px}.skill-item-name{font-size:13px;font-weight:600;color:var(--text)}.skill-item-note{font-size:12.5px;line-height:1.55;color:var(--text-muted)}.skill-tag-cloud{display:flex;flex-wrap:wrap;gap:8px}.skill-tag-pill{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;padding:6px 12px;border-radius:999px;background:var(--bg);border:1px solid var(--border);color:var(--text-muted)}.skill-tag-icon{width:14px;height:14px;color:var(--text-faint)}.working-style-page{padding-top:20px}.working-style-traits{display:flex;flex-direction:column;gap:12px;margin-top:40px;max-width:640px}.working-style-trait{padding:20px 24px}.working-style-trait-title{font-size:15px;font-weight:600;color:var(--accent-teal);margin-bottom:6px}.working-style-trait-detail{font-size:13.5px;line-height:1.65;color:var(--text-muted)}