.portfolio-section{padding-block:80px;scroll-margin-top:110px}
.portfolio-project{max-width:1100px;margin:40px auto 0;text-align:center}
.portfolio-preview{display:block;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:#111927;box-shadow:0 18px 60px #07152218}
.portfolio-browser{padding:12px 20px;color:#b3c4d1;font-size:.75rem;letter-spacing:.025em;background:#182231;border-bottom:1px solid #304155}
.portfolio-preview img{display:block;width:100%;height:auto;aspect-ratio:1265/712;object-fit:cover}
.portfolio-preview:focus-visible{outline:3px solid var(--pine);outline-offset:6px}
.portfolio-details{max-width:740px;margin:36px auto 0}
.portfolio-details h3{font-family:inherit;font-size:clamp(1.75rem,4vw,2.5rem);margin:12px 0}
.portfolio-details h2{font-family:inherit;font-size:clamp(1.75rem,4vw,2.5rem);margin:12px 0}
.portfolio-intro{text-align:center;padding-block:72px 20px}
.portfolio-intro h1{font-size:clamp(2.5rem,6vw,4.5rem);line-height:1.1;max-width:900px;margin:20px auto}
.portfolio-intro>p:last-child{max-width:650px;margin:24px auto 0;color:var(--muted)}
.portfolio-collection{padding-bottom:90px}
.portfolio-collection>.portfolio-project+.portfolio-project{margin-top:90px;padding-top:70px;border-top:1px solid var(--line)}
.portfolio-collection{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px 32px;align-items:start}
.portfolio-collection>.portfolio-project,.portfolio-collection>.portfolio-project+.portfolio-project{min-width:0;width:100%;margin:28px 0 0;padding:0;border:0}
.portfolio-games-heading{grid-column:1/-1;text-align:center;border-top:1px solid var(--line);padding-top:60px;margin-top:20px}
.portfolio-games-heading h2{font-size:clamp(2rem,4vw,3rem);margin-bottom:18px}
.portfolio-games-heading p{max-width:650px;margin-inline:auto;color:var(--muted)}
.portfolio-collection .portfolio-details{margin-top:24px}
.portfolio-collection .portfolio-details h2{font-size:2rem}
.portfolio-features:empty,.portfolio-promise:empty{display:none}
@media(max-width:750px){.portfolio-collection{grid-template-columns:1fr;gap:48px}.portfolio-intro{padding-top:48px}.portfolio-games-heading{grid-column:auto;padding-top:40px}.portfolio-collection>.portfolio-project{margin-top:0}}
.portfolio-promise{color:var(--ink);font-size:1.125rem}
.portfolio-details>p{margin-inline:auto;max-width:650px}
.portfolio-features{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;list-style:none;padding:0;margin:24px 0 30px}
.portfolio-features li{padding:7px 14px;border:1px solid var(--line);border-radius:100px;font-size:.8125rem;color:var(--pine)}
.portfolio-tab-note{font-size:.75rem;color:var(--muted);margin-top:12px}
@media(max-width:1100px) and (min-width:851px){.desktop-nav{gap:16px}.desktop-nav a{font-size:.75rem}}
@media(max-width:650px){.portfolio-section{padding-block:48px}.portfolio-project{margin-top:28px}.portfolio-preview{border-radius:14px}.portfolio-details{margin-top:26px}.portfolio-features{gap:8px}.portfolio-features li{font-size:.75rem;padding:6px 10px}}