.symcon-portfolio.portfolio-overview{color-scheme:dark;--bg:#252721;--surface:#30352c;--line:#52564b;--text:#eae7db;--muted:#bdbdaf;--amber:#d8b985;--cyan:#d8b985;--max:1560px}
.symcon-portfolio.portfolio-overview *{box-sizing:border-box}
.symcon-portfolio.portfolio-overview{scroll-behavior:smooth}
.symcon-portfolio.portfolio-overview{margin:0;background:var(--bg);color:var(--text);font:16px/1.7 system-ui,sans-serif}
.symcon-portfolio.portfolio-overview a{color:inherit}
.symcon-portfolio.portfolio-overview img{max-width:100%;height:auto}
.symcon-portfolio.portfolio-overview h1, .symcon-portfolio.portfolio-overview h2, .symcon-portfolio.portfolio-overview h3{font-family:Georgia,serif;font-weight:400;color:var(--text)}
.symcon-portfolio.portfolio-overview h1{font-size:clamp(2.9rem,5vw,5.6rem);line-height:1.08;letter-spacing:-.045em;margin:1rem 0 2rem}
.symcon-portfolio.portfolio-overview h1 em{color:var(--amber);font-weight:400}
.symcon-portfolio.portfolio-overview h2{font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.2;margin:.7rem 0 1.2rem}
.symcon-portfolio.portfolio-overview h3{font-size:1.7rem;line-height:1.25;margin:.8rem 0 1rem;overflow-wrap:anywhere}
.symcon-portfolio.portfolio-overview p{margin:0 0 1.3rem}
.symcon-portfolio.portfolio-overview .shell{width:min(calc(100% - 3rem),var(--max));margin:auto}
.symcon-portfolio.portfolio-overview .skip-link{position:absolute;top:-5rem;padding:.6rem;background:var(--surface);z-index:99}
.symcon-portfolio.portfolio-overview .skip-link:focus{top:0}
.symcon-portfolio.portfolio-overview .site-header{padding:1.5rem 0}
.symcon-portfolio.portfolio-overview .nav, .symcon-portfolio.portfolio-overview .nav ul{display:flex;justify-content:space-between;align-items:center;gap:2rem}
.symcon-portfolio.portfolio-overview .nav ul{list-style:none;margin:0;padding:0}
.symcon-portfolio.portfolio-overview .brand{text-decoration:none;font-family:Georgia,serif;font-size:1.35rem}
.symcon-portfolio.portfolio-overview .brand-mark{display:none}
.symcon-portfolio.portfolio-overview .nav a{text-decoration:none}
.symcon-portfolio.portfolio-overview .nav a:hover, .symcon-portfolio.portfolio-overview .card-link:hover{text-decoration:underline}
.symcon-portfolio.portfolio-overview .hero{padding:3.5rem 0 4rem}
.symcon-portfolio.portfolio-overview .hero-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:5rem;align-items:center}
.symcon-portfolio.portfolio-overview .eyebrow, .symcon-portfolio.portfolio-overview .section-kicker{font-size:.82rem;letter-spacing:.06em;color:var(--muted)}
.symcon-portfolio.portfolio-overview .hero-copy{max-width:42rem;color:var(--muted);font-size:1.12rem}
.symcon-portfolio.portfolio-overview .hero-actions{display:flex;flex-wrap:wrap;gap:1.5rem}
.symcon-portfolio.portfolio-overview .button{display:inline-block;text-decoration:none;border-bottom:1px solid var(--amber);padding:.5rem 0;color:var(--text)}
.symcon-portfolio.portfolio-overview .workshop-note{text-align:center;transform:rotate(2deg);color:var(--muted)}
.symcon-portfolio.portfolio-overview .handnote{font:italic 1.6rem/1.4 Georgia,serif;color:var(--amber)}
.symcon-portfolio.portfolio-overview .signature{font:italic clamp(3rem,6vw,5rem)/1.4 Georgia,serif;color:var(--amber);transform:rotate(-8deg);margin:2rem 0}
.symcon-portfolio.portfolio-overview .workshop-note small{display:block;font-size:.85rem}
.symcon-portfolio.portfolio-overview .section-head{border-top:1px solid var(--line);padding:1.8rem 0;display:flex;justify-content:space-between;align-items:center;gap:3rem}
.symcon-portfolio.portfolio-overview .section-note{max-width:31rem;color:var(--muted);font-size:.94rem}
.symcon-portfolio.portfolio-overview .project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem}
.symcon-portfolio.portfolio-overview .project-card{padding:1.8rem 0;border-top:1px solid var(--line);display:flex;flex-direction:column;min-width:0;background:none;border-radius:0}
.symcon-portfolio.portfolio-overview .project-card p{color:var(--muted);max-width:48rem}
.symcon-portfolio.portfolio-overview .project-card-media{display:block;margin:1rem 0 1.5rem}
.symcon-portfolio.portfolio-overview .project-card-media img{display:block;width:100%;border-radius:3px}
.symcon-portfolio.portfolio-overview .project-card:first-child{border-top:0}
.symcon-portfolio.portfolio-overview .project-grid:not(.development-grid)>.project-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.25fr 1fr;column-gap:3rem;align-content:start}
.symcon-portfolio.portfolio-overview .project-grid:not(.development-grid)>.project-card:first-child>.project-card-media{grid-column:1;grid-row:1/7;margin:0;align-self:center}
.symcon-portfolio.portfolio-overview .project-grid:not(.development-grid)>.project-card:first-child>:not(.project-card-media){grid-column:2}
.symcon-portfolio.portfolio-overview .card-top{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.6rem}
.symcon-portfolio.portfolio-overview .index{display:none}
.symcon-portfolio.portfolio-overview .status{font-size:.82rem;color:#b8c99e}
.symcon-portfolio.portfolio-overview .status.beta{color:var(--amber)}
.symcon-portfolio.portfolio-overview .status.alpha{color:#ff7373}
.symcon-portfolio.portfolio-overview .status.lab{color:var(--muted)}
.symcon-portfolio.portfolio-overview .chips{display:flex;gap:.6rem;flex-wrap:wrap;font-size:.75rem;color:var(--muted);margin:.5rem 0 1rem}
.symcon-portfolio.portfolio-overview .chip{padding:0;border:0}
.symcon-portfolio.portfolio-overview .chip+.chip:before{content:'·';margin-right:.6rem}
.symcon-portfolio.portfolio-overview .card-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-top:1rem}
.symcon-portfolio.portfolio-overview .meta{font-size:.8rem;color:var(--muted)}
.symcon-portfolio.portfolio-overview .card-actions{display:flex;gap:1.5rem}
.symcon-portfolio.portfolio-overview .card-link{display:inline-block;font-size:.9rem;text-decoration:none;border-bottom:1px solid var(--line);align-self:flex-start;padding:.25rem 0;margin-top:.5rem}
.symcon-portfolio.portfolio-overview .development-heading{margin-top:4rem;scroll-margin-top:6rem}
.symcon-portfolio.portfolio-overview .development-grid{background:var(--surface);padding:2rem;gap:2rem;transform:rotate(-.3deg)}
.symcon-portfolio.portfolio-overview .development-grid .project-card{min-height:0}
.symcon-portfolio.portfolio-overview .development-grid .project-card:first-child{border-top:0}
.symcon-portfolio.portfolio-overview .development-grid .project-card:nth-child(2){border-top:0}
.symcon-portfolio.portfolio-overview .development-grid .project-card h3{font-size:1.5rem}
.symcon-portfolio.portfolio-overview .development-grid .project-card p{font-size:.94rem}
.symcon-portfolio.portfolio-overview .development-grid .project-card-media{max-width:42rem}
.symcon-portfolio.portfolio-overview .about{padding:4rem 0}
.symcon-portfolio.portfolio-overview .about-panel{border-top:1px solid var(--line);padding-top:2rem;display:grid;grid-template-columns:1fr 2fr;gap:3rem}
.symcon-portfolio.portfolio-overview .monogram{font:italic 4rem/1.2 Georgia,serif;color:var(--amber)}
.symcon-portfolio.portfolio-overview .about-copy p{color:var(--muted);max-width:48rem}
.symcon-portfolio.portfolio-overview .principles, .symcon-portfolio.portfolio-overview .stats, .symcon-portfolio.portfolio-overview .system-card{display:none}
.symcon-portfolio.portfolio-overview footer{padding:1.5rem 0;border-top:1px solid var(--line);color:var(--muted);font-size:.8rem}
.symcon-portfolio.portfolio-overview .footer-row{display:flex;justify-content:space-between;gap:2rem}
@media(min-width:961px){.symcon-portfolio.portfolio-overview .development-grid .project-card:nth-child(n+3){grid-column:auto}
.symcon-portfolio.portfolio-overview .development-grid .project-card:last-child{grid-column:1/-1}
}
@media(max-width:960px){.symcon-portfolio.portfolio-overview .hero-grid{gap:2rem;grid-template-columns:1.5fr 1fr}
.symcon-portfolio.portfolio-overview .project-grid:not(.development-grid)>.project-card:first-child{column-gap:2rem}
.symcon-portfolio.portfolio-overview .about-panel{grid-template-columns:1fr 3fr}
}
@media(max-width:640px){.symcon-portfolio.portfolio-overview .shell{width:calc(100% - 2rem)}
.symcon-portfolio.portfolio-overview .hero{padding:2rem 0}
.symcon-portfolio.portfolio-overview .hero-grid, .symcon-portfolio.portfolio-overview .project-grid, .symcon-portfolio.portfolio-overview .about-panel{grid-template-columns:1fr;gap:1rem}
.symcon-portfolio.portfolio-overview .workshop-note{display:none}
.symcon-portfolio.portfolio-overview .section-head{display:block;padding:1.5rem 0}
.symcon-portfolio.portfolio-overview .project-grid:not(.development-grid)>.project-card:first-child{display:flex}
.symcon-portfolio.portfolio-overview .project-card-media{order:-1}
.symcon-portfolio.portfolio-overview .project-card h3{font-size:1.6rem}
.symcon-portfolio.portfolio-overview .development-grid{padding:1.2rem;transform:none}
.symcon-portfolio.portfolio-overview .development-grid .project-card:nth-child(2){border-top:1px solid var(--line)}
.symcon-portfolio.portfolio-overview .nav{align-items:start;gap:1rem;flex-direction:column}
.symcon-portfolio.portfolio-overview .nav ul{gap:1rem;flex-wrap:wrap;font-size:.9rem}
.symcon-portfolio.portfolio-overview .footer-row{flex-direction:column;gap:.5rem}
.symcon-portfolio.portfolio-overview .monogram{font-size:2.8rem}
.symcon-portfolio.portfolio-overview .development-heading{margin-top:2rem}
}
@media(prefers-reduced-motion:reduce){.symcon-portfolio.portfolio-overview{scroll-behavior:auto}
}