*,:after,:before{box-sizing:border-box}:root{--bg:#faf8f5;--fg:#2a2a2a;--muted:#6b7280;--border:#e5e7eb;--surface:#ffffff;--surface-2:#f1efea;--surface-3:#e9e6df;--surface-border:rgba(0,0,0,0.10);--surface-border-strong:rgba(0,0,0,0.18);--overlay:rgba(20,16,12,0.32);--shadow:0 20px 60px rgba(0,0,0,0.18);--ring:rgba(0,0,0,0.55);--accent:#2f6df0;--accent-soft:rgba(47,109,240,0.12);--diagram-grid:rgba(0,0,0,0.05);--diagram-stroke:rgba(0,0,0,0.28);--diagram-node:#f6f4ef;--diagram-node-border:rgba(0,0,0,0.16);--diagram-text:#2a2a2a}html.dark{--bg:#1a1a1a;--fg:#f5f5f5;--muted:#9ca3af;--border:#333333;--surface:#1f1f1f;--surface-2:#2a2a2a;--surface-3:#333333;--surface-border:rgba(255,255,255,0.12);--surface-border-strong:rgba(255,255,255,0.22);--overlay:rgba(0,0,0,0.55);--shadow:0 20px 70px rgba(0,0,0,0.55);--ring:rgba(255,255,255,0.7);--accent:#7bb5ff;--accent-soft:rgba(123,181,255,0.16);--diagram-grid:rgba(255,255,255,0.06);--diagram-stroke:rgba(255,255,255,0.30);--diagram-node:rgba(255,255,255,0.06);--diagram-node-border:rgba(255,255,255,0.16);--diagram-text:rgba(255,255,255,0.92)}html{scroll-behavior:smooth}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,serif;background:var(--bg);color:var(--fg);line-height:1.6}::view-transition-new(root),::view-transition-old(root){animation:none;mix-blend-mode:normal}@media (prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-new(root),::view-transition-old(root){animation:none!important}}.cp-root{position:relative}.cp-root,.cp-trigger{display:inline-flex;align-items:center;flex-shrink:0}.cp-trigger{height:36px;padding:0 8px 0 12px;border-radius:10px;border:1px solid var(--surface-border);background:var(--surface-2);color:var(--fg);cursor:pointer;gap:10px;font-size:.88rem;overflow:hidden;transition:background .18s ease,border-color .18s ease}.cp-trigger:hover{background:var(--surface-3);border-color:var(--surface-border-strong)}.cp-trigger:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.cp-icon{flex-shrink:0;opacity:.6}.cp-trigger-inner{flex:1;display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;pointer-events:none}.cp-placeholder{color:var(--muted);font-size:.88rem}.cp-kbd{display:inline-flex;align-items:center;flex-shrink:0;padding:3px 7px;border-radius:6px;border:1px solid var(--surface-border);background:var(--surface);color:var(--muted);font-size:.7rem;letter-spacing:.03em;line-height:1}.cp-input-wrap{flex:1;display:flex;align-items:center;gap:10px;min-width:0}.cp-input{flex:1;min-width:0;border:0;outline:none;background:transparent;color:var(--fg);font-size:.9rem;padding:0}.cp-input::placeholder{color:var(--muted)}.cp-panel{position:absolute;top:100%;left:0;right:0;width:100%;margin-top:10px;border-radius:14px;border:1px solid var(--surface-border);background:var(--surface);box-shadow:var(--shadow);overflow:hidden;z-index:9999}.cp-list{max-height:62vh;overflow:auto;padding:6px}.cp-group{padding:4px 4px 2px}.cp-group+.cp-group{margin-top:2px}.cp-group-title{font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:8px 10px 4px}.cp-item{width:100%;display:flex;align-items:center;gap:10px;text-align:left;border:0;background:transparent;color:var(--fg);padding:9px 10px;border-radius:8px;cursor:pointer;font-size:.95rem;line-height:1.2;transition:background .12s ease}.cp-item:hover{background:var(--surface-2)}.cp-item.active{background:var(--surface-3)}.cp-item-meta{margin-left:auto;color:var(--muted);font-size:.78rem;white-space:nowrap}.cp-empty{color:var(--muted);padding:16px 12px;font-size:.9rem}.system-diagram-viewport{height:420px;width:100%;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.02);overflow:hidden;position:relative}.diagram-box{user-select:none}.page-root{display:flex;flex-direction:column;min-height:100vh}.main{flex:1}.sidebar{position:fixed;top:0;left:0;right:0;padding:2rem 4rem;border-bottom:1px solid var(--border);background:var(--bg);justify-content:space-between;z-index:100;height:auto;backdrop-filter:blur(8px);background:color-mix(in srgb,var(--bg) 92%,transparent)}.profile-card,.sidebar{display:flex;align-items:center}.profile-card{gap:.75rem}.profile-name{font-size:1.5rem;font-weight:400;margin:0;letter-spacing:.05em}.profile-title{display:none}.sidebar-nav{display:flex;gap:2rem;margin:0}.sidebar-nav a{text-decoration:none;color:var(--fg);font-size:.95rem;transition:opacity .2s ease;border:none;background:transparent;padding:0;border-radius:0;display:inline-block}.header-right{display:flex;align-items:center;gap:12px}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;border-radius:10px;border:1px solid var(--surface-border);background:var(--surface-2);color:var(--fg);cursor:pointer;padding:0;transition:background .18s ease,border-color .18s ease,box-shadow .25s ease,color .4s ease}.theme-toggle[data-theme=light]{color:#ef9d24}.theme-toggle[data-theme=dark]{color:#c2ccf0}.theme-toggle:hover{background:var(--surface-3);border-color:var(--surface-border-strong)}.theme-toggle[data-theme=light]:hover{box-shadow:0 0 0 1px rgba(239,157,36,.35),0 6px 18px -8px rgba(239,157,36,.6)}.theme-toggle[data-theme=dark]:hover{box-shadow:0 0 0 1px rgba(194,204,240,.3),0 6px 18px -8px rgba(194,204,240,.5)}.theme-toggle:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.theme-toggle-svg{overflow:visible}.tt-cut{transition:transform .5s cubic-bezier(.65,0,.35,1)}.theme-toggle[data-theme=light] .tt-cut{transform:translate(8px,-8px)}.theme-toggle[data-theme=dark] .tt-cut{transform:translate(0)}.tt-rays{transform-origin:12px 12px;transition:transform .45s cubic-bezier(.34,1.56,.64,1),opacity .3s ease}.theme-toggle[data-theme=light] .tt-rays{opacity:1;transform:scale(1) rotate(0deg)}.theme-toggle[data-theme=dark] .tt-rays{opacity:0;transform:scale(.35) rotate(-45deg)}@media (prefers-reduced-motion:reduce){.tt-cut,.tt-rays{transition:none}}.hero-banner{padding:6rem 4rem;margin-top:80px;max-width:1400px;margin-left:auto;margin-right:auto;width:100%;min-height:calc(100vh - 80px);display:flex;align-items:center}.hero-inner{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.6fr);gap:3.5rem;width:100%;align-items:start}.hero-left{display:flex;flex-direction:column;align-items:center;gap:1.25rem}.hero-avatar{width:100%;max-width:420px;height:auto;border-radius:.75rem;overflow:hidden;box-shadow:0 18px 45px rgba(0,0,0,.5);background:var(--border)}.hero-avatar img{width:100%;height:auto;object-fit:contain;display:block}.hero-copy{max-width:750px;display:flex;flex-direction:column;justify-content:center}.hero-title{font-size:3.5rem;font-weight:300;margin:0 0 1.5rem;line-height:1.2}.hero-title em{font-style:italic;font-weight:400}.typewriter-cursor{display:inline;font-weight:100;color:var(--fg);animation:cursor-blink 1.06s step-end infinite;margin-left:2px}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.typewriter-dots{display:inline-flex;gap:.15em;font-size:inherit;color:var(--muted)}.typewriter-dots .dot{animation:dot-bounce 1.4s ease-in-out infinite;display:inline-block}.typewriter-dots .dot:nth-child(2){animation-delay:.2s}.typewriter-dots .dot:nth-child(3){animation-delay:.4s}@keyframes dot-bounce{0%,80%,to{opacity:.2;transform:translateY(0)}40%{opacity:1;transform:translateY(-6px)}}.typewriter-highlight{color:var(--fg);text-shadow:0 0 20px rgba(255,255,255,.15);transition:text-shadow .5s ease}html:not(.dark) .typewriter-highlight{text-shadow:0 0 20px rgba(0,0,0,.08)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hero-subtitle{font-size:1.1rem;color:var(--muted);margin:0;line-height:1.7;text-align:center;max-width:26rem}.hero-actions{display:flex;gap:1.5rem;margin-top:2rem}.btn{padding:.75rem 2rem;border:1px solid var(--fg);background:transparent;color:var(--fg);text-decoration:none;font-size:.95rem;cursor:pointer;transition:background .2s ease,color .2s ease;border-radius:.25rem;display:inline-flex;align-items:center;justify-content:center;width:auto}.btn.primary,.btn:hover{background:var(--fg);color:var(--bg)}.btn.primary:hover{background:transparent;color:var(--fg)}.btn.ghost{border:1px solid var(--border)}.btn-case-study{display:inline-flex;align-items:center;gap:.6rem;margin-top:1rem;padding:.6rem 1.4rem;font-size:.9rem;font-weight:500;letter-spacing:.01em;color:var(--fg);background:color-mix(in srgb,var(--fg) 6%,transparent);border:1px solid color-mix(in srgb,var(--fg) 25%,transparent);border-radius:999px;cursor:pointer;transition:background .25s ease,border-color .25s ease,color .25s ease,box-shadow .25s ease}.btn-case-study:hover{background:var(--fg);border-color:var(--fg);color:var(--bg);box-shadow:0 6px 20px -8px color-mix(in srgb,var(--fg) 60%,transparent)}.btn-case-study:focus-visible{outline:2px solid var(--fg);outline-offset:3px}.btn-case-study-arrow{display:inline-block;font-size:1.05em;line-height:1}.collapsible-section{border-top:1px solid var(--border);padding:4rem;max-width:1400px;margin:0 auto;width:100%;background:transparent}.section-header{padding:0;cursor:pointer;display:flex;align-items:center;justify-content:space-between;user-select:none;background:transparent}.section-title{font-size:2rem;font-weight:400;margin:0 0 2rem;letter-spacing:.02em;color:var(--fg)}.section-toggle{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--fg);font-size:1.2rem;flex-shrink:0;margin-bottom:2rem}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.card{background:transparent;border:none;border-radius:0;padding:0}.card h3{margin:0 0 .5rem;font-size:1.15rem;font-weight:500}.card-subtitle{margin:0 0 1rem;font-size:.85rem;color:var(--muted)}.project-card{display:flex;flex-direction:column;gap:.8rem}.project-cover{display:block;width:100%;aspect-ratio:16/10;border-radius:14px;overflow:hidden;border:1px solid var(--surface-border);background:var(--surface-2);padding:0;cursor:pointer;transition:border-color .18s ease,transform .18s ease}.project-cover:hover{border-color:var(--surface-border-strong);transform:translateY(-2px)}.project-cover-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.project-cover:hover .project-cover-img{transform:scale(1.03)}.project-cover-img[data-fit=contain]{object-fit:contain;padding:12%}.project-cover:hover .project-cover-img[data-fit=contain]{transform:none}.project-flow{list-style:none;margin:0;padding:0}.project-flow-step{position:relative;display:flex;align-items:flex-start;gap:.7rem;padding-bottom:.85rem}.project-flow-step:last-child{padding-bottom:0}.project-flow-step:not(:last-child):before{content:"";position:absolute;left:10px;top:22px;bottom:-2px;width:2px;background:var(--surface-border)}.project-flow-num{position:relative;z-index:1;flex-shrink:0;width:22px;height:22px;border-radius:999px;background:var(--fg);color:var(--bg);font-size:.72rem;font-weight:600;display:grid;place-items:center}.project-flow-text{font-size:.88rem;line-height:1.4;padding-top:2px;color:color-mix(in srgb,var(--fg) 82%,transparent)}.csd-flow{margin:10px 0 6px}.project-tags{display:flex;flex-wrap:wrap;gap:.4rem}.project-tag{font-size:.72rem;color:var(--muted);border:1px solid var(--surface-border);background:var(--surface-2);padding:.2rem .55rem;border-radius:6px}.project-title{margin:0;font-size:1.15rem;font-weight:600}.project-meta{margin:0;font-size:.82rem;color:var(--muted)}.project-blurb{margin:0;font-size:.95rem;color:color-mix(in srgb,var(--fg) 80%,transparent);line-height:1.6}.project-bullets{margin:0;padding-left:1.2rem;color:var(--muted);font-size:.9rem;line-height:1.6}.project-bullets li{margin-bottom:.3rem}.project-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.3rem;align-items:center}.project-cta{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1.05rem;border-radius:8px;border:1px solid var(--fg);background:var(--fg);color:var(--bg);font-size:.85rem;font-weight:500;cursor:pointer;transition:opacity .15s ease,transform .15s ease}.project-cta:hover{opacity:.9;transform:translateY(-1px)}.project-link{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .85rem;border-radius:8px;border:1px solid var(--surface-border);background:var(--surface-2);color:var(--fg);font-size:.85rem;text-decoration:none;transition:background .15s ease,border-color .15s ease,transform .15s ease}.project-link:hover{background:var(--surface-3);border-color:var(--surface-border-strong);transform:translateY(-1px)}.project-link svg{width:15px;height:15px;flex-shrink:0}.timeline{position:relative;padding-left:2.5rem}.timeline-line{position:absolute;left:11px;top:.6rem;bottom:.6rem;width:2px;background:var(--muted);opacity:.35;transform-origin:top center;border-radius:2px}.timeline-entry{position:relative;margin-bottom:2.75rem}.timeline-entry:last-child{margin-bottom:0}.timeline-dot{display:block;position:absolute;left:-2.05rem;top:.55rem;width:12px;height:12px;border-radius:50%;background:var(--fg);box-shadow:0 0 0 4px var(--bg)}.timeline-date{margin:0 0 .6rem;font-size:.8rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.timeline-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:.6rem}.timeline-card-heading{min-width:0}.timeline-card-heading h3{margin:0 0 .2rem;font-size:1.1rem;font-weight:500}.timeline-card-heading .card-subtitle{margin:0 0 .15rem;font-size:.9rem}.timeline-meta{margin:0;font-size:.78rem;color:var(--muted);opacity:.8}.timeline-logo{width:56px;height:56px;object-fit:contain;flex-shrink:0}.card-body,.card-list{font-size:.95rem;color:var(--muted);margin:0;line-height:1.7}.card-list{padding-left:1.5rem;margin-top:.5rem}.card-list li{margin-bottom:.5rem}.card button:focus-visible{outline:2px solid var(--fg);outline-offset:6px}.card button:hover{opacity:.95}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem;margin-top:2rem}.gallery-item{aspect-ratio:1;background:var(--border);border-radius:.5rem;overflow:hidden;cursor:pointer;border:none;margin:0}.gallery-btn{all:unset;cursor:pointer}.gallery-btn,.gallery-btn img{display:block;width:100%;height:100%}.gallery-btn img{object-fit:cover;border-radius:0}.gallery-item figcaption{display:none}.ach-coverflow{margin-top:1.5rem;outline:none}.ach-stage{position:relative;height:clamp(260px,48vw,320px);perspective:1200px}.ach-card-3d{position:absolute;top:50%;left:50%;width:clamp(240px,60vw,330px);margin-left:calc(clamp(240px, 60vw, 330px) * -.5);margin-top:calc(clamp(240px, 60vw, 330px) * -.375);will-change:transform}.ach-card-3d[data-hidden=true]{pointer-events:none}.ach-card-img{all:unset;display:block;width:100%;aspect-ratio:4/3;border-radius:16px;overflow:hidden;cursor:pointer;border:1px solid var(--surface-border);box-shadow:0 22px 48px -20px rgba(0,0,0,.6);background:var(--surface-2)}.ach-card-img img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.ach-coverflow-caption{margin:1.3rem auto 0;max-width:32rem;min-height:3.2em;display:flex;align-items:flex-start;justify-content:center}.ach-coverflow-caption-text{margin:0;text-align:center;font-size:.92rem;line-height:1.5;color:var(--fg)}.ach-controls{display:flex;align-items:center;justify-content:center;gap:1.1rem;margin-top:1.1rem}.ach-nav{width:40px;height:40px;border-radius:999px;border:1px solid var(--surface-border);background:var(--surface-2);color:var(--fg);font-size:1.3rem;line-height:1;cursor:pointer;display:grid;place-items:center;transition:background .15s ease,border-color .15s ease,opacity .15s ease}.ach-nav:hover:not(:disabled){background:var(--surface-3);border-color:var(--surface-border-strong)}.ach-nav:disabled{opacity:.35;cursor:default}.ach-dots{display:flex;gap:.5rem;align-items:center}.ach-dot{width:8px;height:8px;border-radius:999px;border:0;padding:0;background:var(--surface-3);cursor:pointer;transition:background .15s ease,transform .15s ease}.ach-dot.active{background:var(--fg);transform:scale(1.25)}.skills-grid{display:grid;gap:2rem}.skills-category{display:flex;flex-direction:column;gap:.75rem}.skills-title{font-size:.78rem;font-weight:600;margin:0;text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}.skills-category--core .skills-title{color:var(--fg)}.chips{display:flex;flex-wrap:wrap;gap:.75rem}.chip{font-size:.85rem;padding:.5rem 1rem;border:1px solid var(--border);background:transparent;color:var(--fg);border-radius:2rem;cursor:default;transition:background .2s ease,color .2s ease,border-color .2s ease;display:inline-block}.chip:hover{border-color:var(--fg);background:var(--fg);color:var(--bg)}.skill-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,112px));justify-content:start;gap:1.2rem 1.1rem}.skill-tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:.55rem;width:100%;min-height:116px}.skill-logo{width:66px;height:66px;border-radius:16px;background:#ffffff;border:1px solid var(--surface-border);display:grid;place-items:center;box-shadow:0 1px 2px rgba(0,0,0,.06);transition:transform .18s ease,box-shadow .18s ease}.skill-tile:hover .skill-logo{transform:translateY(-3px);box-shadow:0 12px 26px -12px rgba(0,0,0,.4)}.skill-logo img{width:40px;height:40px;object-fit:contain;display:block}.skill-monogram{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#232634;color:#fff;font-weight:700;font-size:.8rem;letter-spacing:.01em}.skill-name{display:flex;align-items:flex-start;justify-content:center;min-height:2.35em;font-size:.78rem;color:var(--muted);text-align:center;line-height:1.18;text-wrap:balance}.skills-category--core .skill-tiles{grid-template-columns:repeat(auto-fit,minmax(104px,124px));gap:1.25rem 1.2rem}.skills-category--core .skill-logo{width:72px;height:72px;border-radius:18px}.skills-category--core .skill-logo img{width:43px;height:43px}.skills-category--core .skill-monogram{width:45px;height:45px;border-radius:12px;font-size:.86rem}.skills-category--core .skill-name{font-size:.85rem;font-weight:500;color:var(--fg)}.skill-used{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(2px);z-index:6;white-space:nowrap;padding:4px 9px;border-radius:7px;border:1px solid var(--surface-border);background:var(--surface);color:var(--fg);box-shadow:var(--shadow);font-size:.72rem;opacity:0;pointer-events:none;transition:opacity .16s ease,transform .16s ease}.skill-tile:hover .skill-used{opacity:1;transform:translateX(-50%) translateY(6px)}.footer{border-top:1px solid var(--border);padding:3rem 4rem;text-align:center;color:var(--muted);font-size:.9rem;max-width:1400px;margin-left:auto;margin-right:auto;width:100%}.footer a{color:var(--fg);text-decoration:none}.footer a:hover{opacity:.6}.lightbox-overlay{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.75);backdrop-filter:blur(6px);display:grid;place-items:center;padding:18px}.lightbox-content{position:relative;width:min(1100px,96vw);max-height:92vh;background:var(--surface);border:1px solid var(--surface-border);border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}.lightbox-img{width:100%;height:min(72vh,780px);object-fit:contain;background:var(--surface-2);display:block}.lightbox-caption{padding:14px 16px;border-top:1px solid var(--surface-border);color:var(--fg)}.lightbox-title{font-weight:600;margin-bottom:4px}.lightbox-text{color:var(--muted);line-height:1.35}.lightbox-close{top:10px;right:10px;border:0;padding:8px 10px;border-radius:12px}.lightbox-close,.lightbox-nav{position:absolute;background:rgba(0,0,0,.45);color:#fff;cursor:pointer;backdrop-filter:blur(6px)}.lightbox-nav{top:50%;transform:translateY(-50%);border:0;width:42px;height:42px;border-radius:999px;font-size:26px;display:grid;place-items:center}.lightbox-nav.left{left:10px}.lightbox-nav.right{right:10px}.csd-overlay{position:fixed;inset:0;z-index:9998;background:var(--overlay);backdrop-filter:blur(6px)}.csd-panel{position:absolute;right:0;top:0;height:100%;width:min(560px,92vw);background:var(--surface);border-left:1px solid var(--surface-border);box-shadow:-16px 0 60px rgba(0,0,0,.28);display:flex;flex-direction:column}.csd-header{padding:16px 16px 12px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--surface-border)}.csd-title{font-size:1rem;font-weight:650;color:var(--fg)}.csd-subtitle{margin-top:4px;font-size:.85rem;color:var(--muted)}.csd-close{border:0;background:var(--surface-2);color:var(--fg);padding:8px 10px;border-radius:12px;cursor:pointer;transition:background .15s ease}.csd-close:hover{background:var(--surface-3)}.csd-tabs{padding:10px 12px;display:flex;gap:8px;border-bottom:1px solid var(--surface-border)}.csd-tab{border:1px solid var(--surface-border);background:var(--surface-2);color:var(--muted);padding:8px 12px;border-radius:999px;cursor:pointer;font-size:.85rem;transition:background .15s ease,color .15s ease,border-color .15s ease}.csd-tab:hover{color:var(--fg);background:var(--surface-3)}.csd-tab.active{background:var(--fg);border-color:var(--fg);color:var(--bg)}.csd-body{padding:14px 16px 18px;overflow:auto}.csd-section h3{margin:14px 0 6px;font-size:.9rem;letter-spacing:.02em;color:var(--fg)}.csd-section li,.csd-section p{color:color-mix(in srgb,var(--fg) 78%,transparent);font-size:.92rem;line-height:1.65}.csd-section ul{padding-left:18px}.csd-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.csd-link{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1rem;border-radius:10px;border:1px solid var(--surface-border);background:var(--surface-2);color:var(--fg);text-decoration:none;font-size:.88rem;font-weight:500;transition:background .15s ease,border-color .15s ease,transform .15s ease}.csd-link:hover{background:var(--surface-3);border-color:var(--surface-border-strong);transform:translateY(-1px)}.csd-link svg{width:16px;height:16px;flex-shrink:0}.csd-diagram{margin-bottom:12px;overflow:hidden}.csd-diagram,.sysdiagram{margin-top:10px;border:1px solid var(--surface-border);background:var(--surface-2);border-radius:14px;padding:10px}.sysdiagram-svg{display:block;width:100%;height:auto;touch-action:none}.sysdiagram-node{cursor:grab}.sysdiagram-node:active{cursor:grabbing}.sysdiagram-img{display:block;width:100%;height:auto;border-radius:10px}.sysdiagram-node-label{width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;padding:4px 10px;font-size:12.5px;line-height:1.2;color:var(--diagram-text);font-family:inherit;pointer-events:none;user-select:none}@media (max-width:1240px){.sidebar{padding:1.5rem 2rem}.sidebar,.sidebar-nav{gap:1.25rem}.sidebar-nav a{font-size:.9rem}}@media (max-width:768px){.sidebar{padding:1.5rem 2rem;flex-wrap:wrap}.profile-name{font-size:1.2rem}.sidebar-nav{gap:1rem;order:3;width:100%;margin-top:1rem}.hero-banner{padding:3rem 2rem;margin-top:140px;min-height:auto}.hero-inner{grid-template-columns:1fr;gap:2rem}.hero-title{font-size:2rem}.collapsible-section{padding:2rem}.section-title{font-size:1.5rem}.cards-grid{grid-template-columns:1fr}.footer{padding:2rem}}