.portfolio-hero[data-astro-cid-6fxzxybf]{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--color-primary-950) 0%,var(--color-secondary-900) 100%);min-height:320px;display:flex;align-items:flex-end}.portfolio-hero--has-image[data-astro-cid-6fxzxybf]{min-height:420px}.portfolio-hero__bg[data-astro-cid-6fxzxybf]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.portfolio-hero__overlay[data-astro-cid-6fxzxybf]{position:relative;z-index:1;width:100%;padding-top:var(--space-20);padding-bottom:var(--space-10);background:linear-gradient(to top,#000000d9,#0009 40%,#0003)}.portfolio-hero[data-astro-cid-6fxzxybf]:not(.portfolio-hero--has-image) .portfolio-hero__overlay[data-astro-cid-6fxzxybf]{background:none}.portfolio-hero__inner[data-astro-cid-6fxzxybf]{max-width:var(--container-xl);display:flex;flex-direction:column;gap:var(--space-4)}.portfolio-hero__tags[data-astro-cid-6fxzxybf]{display:flex;flex-wrap:wrap;gap:var(--space-2)}.portfolio-hero__tag[data-astro-cid-6fxzxybf]{display:inline-block;font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--color-primary-300);text-transform:uppercase;letter-spacing:var(--tracking-widest);padding:var(--space-1) var(--space-3);background:var(--color-primary-900);border:1px solid var(--color-primary-700);border-radius:var(--radius-sm)}.portfolio-hero__title[data-astro-cid-6fxzxybf]{font-size:var(--text-3xl);font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--color-neutral-0);max-width:760px;margin:0}@media(min-width:768px){.portfolio-hero__title[data-astro-cid-6fxzxybf]{font-size:var(--text-4xl)}}.portfolio-hero__description[data-astro-cid-6fxzxybf]{font-size:var(--text-lg);color:var(--color-neutral-300);max-width:600px;line-height:var(--leading-relaxed);margin:0}.portfolio-hero__date[data-astro-cid-6fxzxybf]{font-size:var(--text-sm);color:var(--color-neutral-400)}[data-astro-cid-6fxzxybf][data-theme=light] .portfolio-hero[data-astro-cid-6fxzxybf]:not(.portfolio-hero--has-image){background:linear-gradient(135deg,var(--color-primary-100) 0%,var(--color-secondary-50) 100%)}[data-astro-cid-6fxzxybf][data-theme=light] .portfolio-hero[data-astro-cid-6fxzxybf]:not(.portfolio-hero--has-image) .portfolio-hero__title[data-astro-cid-6fxzxybf]{color:var(--color-neutral-900)}[data-astro-cid-6fxzxybf][data-theme=light] .portfolio-hero[data-astro-cid-6fxzxybf]:not(.portfolio-hero--has-image) .portfolio-hero__description[data-astro-cid-6fxzxybf]{color:var(--color-neutral-600)}[data-astro-cid-6fxzxybf][data-theme=light] .portfolio-hero[data-astro-cid-6fxzxybf]:not(.portfolio-hero--has-image) .portfolio-hero__date[data-astro-cid-6fxzxybf]{color:var(--color-neutral-500)}[data-astro-cid-6fxzxybf][data-theme=light] .portfolio-hero[data-astro-cid-6fxzxybf]:not(.portfolio-hero--has-image) .portfolio-hero__tag[data-astro-cid-6fxzxybf]{color:var(--color-primary-700);background:var(--color-primary-50);border-color:var(--color-primary-200)}.portfolio-detail[data-astro-cid-6fxzxybf]{padding-block:var(--space-section-sm)}.portfolio-detail__layout[data-astro-cid-6fxzxybf]{display:grid;grid-template-columns:1fr;gap:var(--space-10)}.portfolio-detail__main[data-astro-cid-6fxzxybf]{min-width:0}.portfolio-detail__content[data-astro-cid-6fxzxybf]{line-height:var(--leading-relaxed)}.portfolio-detail__content[data-astro-cid-6fxzxybf] h2{font-size:var(--text-2xl);font-weight:var(--font-bold);margin-top:var(--space-10);margin-bottom:var(--space-4)}.portfolio-detail__content[data-astro-cid-6fxzxybf] p{margin-bottom:var(--space-5)}.portfolio-detail__content[data-astro-cid-6fxzxybf] img{border-radius:var(--radius-lg);margin-block:var(--space-6)}.portfolio-detail__nav[data-astro-cid-6fxzxybf]{margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--color-border)}.portfolio-detail__sidebar[data-astro-cid-6fxzxybf]{display:none}@media(min-width:1024px){.portfolio-detail__layout[data-astro-cid-6fxzxybf]{grid-template-columns:1fr 260px;gap:var(--space-12)}.portfolio-detail__sidebar[data-astro-cid-6fxzxybf]{display:flex;flex-direction:column;gap:var(--space-8);position:sticky;top:calc(var(--space-6) + 64px);align-self:start}}.sidebar__heading[data-astro-cid-6fxzxybf]{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--color-text-muted);margin-bottom:var(--space-3)}.sidebar__toc[data-astro-cid-6fxzxybf] .sidebar__toc-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0}.sidebar__toc[data-astro-cid-6fxzxybf] .sidebar__toc-link{font-size:var(--text-sm);color:var(--color-text-secondary);text-decoration:none;display:block;padding:var(--space-1) var(--space-3);border-left:2px solid transparent;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast);border-radius:0 var(--radius-sm) var(--radius-sm) 0;line-height:var(--leading-snug)}.sidebar__toc[data-astro-cid-6fxzxybf] .sidebar__toc-link:hover{color:var(--color-primary-500);border-left-color:var(--color-primary-400);background:var(--color-bg-subtle)}.sidebar__toc[data-astro-cid-6fxzxybf] .sidebar__toc-link--active{color:var(--color-primary-500);border-left-color:var(--color-primary-500);font-weight:var(--font-medium);background:var(--color-bg-subtle)}.sidebar__tags[data-astro-cid-6fxzxybf]{display:flex;flex-wrap:wrap;gap:var(--space-2)}.sidebar__share[data-astro-cid-6fxzxybf]{display:flex;flex-direction:column;gap:var(--space-2)}.sidebar__share-btn[data-astro-cid-6fxzxybf]{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.sidebar__share-btn[data-astro-cid-6fxzxybf]:hover{background:var(--color-primary-50);color:var(--color-primary-600);border-color:var(--color-primary-200)}[data-theme=dark] .sidebar__share-btn[data-astro-cid-6fxzxybf]:hover{background:var(--color-primary-950);color:var(--color-primary-300);border-color:var(--color-primary-800)}.sidebar__related[data-astro-cid-6fxzxybf]{display:flex;flex-direction:column;gap:var(--space-3)}.sidebar__related-item[data-astro-cid-6fxzxybf]{display:flex;gap:var(--space-3);text-decoration:none;color:inherit;padding:var(--space-2);border-radius:var(--radius-md);transition:background var(--transition-fast);margin:calc(-1 * var(--space-2))}.sidebar__related-item[data-astro-cid-6fxzxybf]:hover{background:var(--color-bg-subtle)}.sidebar__related-img[data-astro-cid-6fxzxybf]{width:48px;height:48px;border-radius:var(--radius-md);object-fit:cover;flex-shrink:0}.sidebar__related-text[data-astro-cid-6fxzxybf]{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.sidebar__related-title[data-astro-cid-6fxzxybf]{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text);line-height:var(--leading-snug);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sidebar__related-desc[data-astro-cid-6fxzxybf]{font-size:var(--text-xs);color:var(--color-text-muted);line-height:var(--leading-relaxed);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}