.portfolio-page{background:var(--color-bg);padding-bottom:2.5rem}.portfolio-page .container{width:calc(100% - 3rem);max-width:1160px;margin-inline:auto}.portfolio-page h1,.portfolio-page h2,.portfolio-page h3,.portfolio-page p{margin:0}.portfolio-page p{color:var(--color-text-muted);line-height:1.6}.portfolio-page h2{letter-spacing:-.025em;font-size:clamp(1.45rem,2.2vw,2rem);line-height:1.25}.portfolio-page h3{font-size:1rem;line-height:1.4}.portfolio-page .eyebrow{font:var(--type-eyebrow);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--color-accent-strong);margin-bottom:.55rem}.portfolio-page svg{color:var(--color-accent-strong);flex-shrink:0}.portfolio-hero{grid-template-columns:.92fr 1fr;align-items:center;gap:2.5rem;padding-block:2.5rem 2rem;display:grid}.portfolio-hero h1{max-width:18ch;font-size:var(--size-title-page);line-height:var(--leading-title);letter-spacing:var(--tracking-title);margin-bottom:1rem}.portfolio-lead{max-width:44ch;font-size:1.05rem}.portfolio-hero .button{margin-top:1.5rem}.portfolio-browser{border:1px solid var(--color-border-strong);background:#0a0d12;border-radius:9px;overflow:hidden}.portfolio-browser__bar{background:var(--color-surface);min-height:26px;color:var(--color-text-subtle);align-items:center;gap:.7rem;padding:.45rem .7rem;font-size:.64rem;display:flex}.portfolio-browser__dots{gap:4px;display:flex}.portfolio-browser__dots i{background:var(--color-accent-strong);opacity:.65;border-radius:50%;width:5px;height:5px}.portfolio-browser img{aspect-ratio:4/3;width:100%;height:auto;display:block}.portfolio-summary{border:1px solid var(--color-border-strong);background:color-mix(in srgb,var(--color-surface) 45%,var(--color-bg));border-radius:10px;grid-template-columns:repeat(4,minmax(0,1fr));padding:1.2rem .3rem;display:grid}.portfolio-summary>div{border-right:1px solid var(--color-border-strong);align-items:start;gap:.9rem;min-width:0;padding:.15rem 1.2rem;display:flex}.portfolio-summary>div:last-child{border-right:0}.portfolio-summary h2{letter-spacing:0;font-size:.88rem;line-height:1.4}.portfolio-summary p{margin-top:.35rem;font-size:.8rem}.portfolio-section{padding-top:2.4rem;scroll-margin-top:6rem}.portfolio-heading{margin-bottom:1.2rem}.portfolio-heading>p:last-child{margin-top:.5rem;font-size:.9rem}.portfolio-about{grid-template-columns:1.8fr .8fr .8fr;align-items:stretch;gap:1rem;display:grid}.portfolio-about>div{align-self:center;padding-right:1.5rem}.portfolio-about>div>p:last-child{margin-top:.8rem;font-size:.9rem}.portfolio-panel{border:1px solid var(--color-border-strong);background:color-mix(in srgb,var(--color-surface) 45%,var(--color-bg));border-radius:9px;min-width:0;padding:1.2rem}.portfolio-panel h3{margin-bottom:.4rem}.portfolio-panel p{font-size:.85rem}.portfolio-about article>svg{margin-bottom:.8rem}.portfolio-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;display:grid}.portfolio-view{min-width:0;color:var(--color-text);text-decoration:none}.portfolio-view h3{margin-top:.85rem;font-size:.94rem}.portfolio-view h3 span{color:var(--color-accent-strong)}.portfolio-view p{margin-top:.35rem;font-size:.85rem}.portfolio-view:hover .portfolio-browser{border-color:var(--color-accent-strong)}.portfolio-view:hover h3{color:var(--color-accent-strong)}.portfolio-deliveries{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.portfolio-deliveries article{align-items:start;gap:1rem;display:flex}.portfolio-deliveries h3{font-size:.9rem}.portfolio-tech-heading{grid-template-columns:1fr 1fr;align-items:center;gap:2rem;margin-bottom:1.1rem;display:grid}.portfolio-tech-heading>div>p:last-child{max-width:55ch;margin-top:.55rem;font-size:.9rem}.portfolio-technologies{grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;margin:0;padding:0;list-style:none;display:grid}.portfolio-technologies li{border:1px solid var(--color-border-strong);background:var(--color-surface);border-radius:8px;flex-direction:column;align-items:center;gap:.6rem;min-width:0;padding:1rem .3rem;font-size:.76rem;display:flex}.portfolio-technologies strong{height:28px;color:var(--color-accent-strong);place-items:center;font-size:1.25rem;display:grid}.portfolio-details details{border:1px solid var(--color-border-strong);background:var(--color-surface);border-radius:7px;margin-top:.5rem}.portfolio-details summary{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;font-size:.9rem;list-style:none;display:flex}.portfolio-details summary::-webkit-details-marker{display:none}.portfolio-details summary span{color:var(--color-accent-strong);font-size:1.2rem}.portfolio-details details[open] summary span{transform:rotate(45deg)}.portfolio-detail-body{max-width:90ch;padding:.3rem 1rem 1rem;font-size:.9rem}.portfolio-detail-body p{margin-top:.7rem}.portfolio-detail-body h3:not(:first-child){margin-top:1.2rem}.portfolio-detail-body ul{color:var(--color-text-muted);margin-bottom:0;padding-left:1.2rem;line-height:1.6}.portfolio-detail-body li+li{margin-top:.4rem}.portfolio-transparency{font-size:.78rem;margin-top:.85rem!important}.portfolio-cta{border:1px solid var(--color-border-strong);background:color-mix(in srgb,var(--color-surface) 45%,var(--color-bg));border-radius:10px;justify-content:space-between;align-items:center;gap:1.5rem;margin-top:1.8rem;padding:1.5rem;display:flex}.portfolio-cta h2{font-size:clamp(1.35rem,2vw,1.75rem)}.portfolio-cta p:last-child{margin-top:.4rem;font-size:.9rem}.portfolio-cta__actions{flex-shrink:0;gap:.8rem;display:flex}.portfolio-page .button{min-height:44px;padding:.7rem 1rem;font-size:.85rem}.portfolio-page .button-secondary{border:1px solid var(--color-border-strong);color:var(--color-text);background:0 0}.portfolio-page .button-secondary:hover{border-color:var(--color-accent-strong)}.portfolio-page a:focus-visible,.portfolio-page summary:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}@media (width<=1050px){.portfolio-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 0}.portfolio-summary>div:nth-child(2){border-right:0}.portfolio-about{grid-template-columns:1.5fr 1fr 1fr}.portfolio-about>div{padding-right:.5rem}.portfolio-cta{flex-direction:column;align-items:start}}@media (width<=800px){.portfolio-hero{gap:1.5rem}.portfolio-hero h1{font-size:var(--size-title-page);line-height:var(--leading-title);letter-spacing:var(--tracking-title)}.portfolio-about{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-about>div{grid-column:1/-1;padding:0 0 .5rem}.portfolio-tech-heading{grid-template-columns:1fr;gap:1rem}.portfolio-gallery{gap:.8rem}.portfolio-deliveries{grid-template-columns:1fr}.portfolio-panel{padding:1rem}}@media (width<=600px){.portfolio-page .container{width:calc(100% - 2rem)}.portfolio-hero{grid-template-columns:1fr;padding-block:2rem 1.5rem}.portfolio-hero h1{max-width:20ch;font-size:var(--size-title-page);line-height:var(--leading-title);letter-spacing:var(--tracking-title)}.portfolio-lead{font-size:.98rem}.portfolio-summary{padding:1rem 0}.portfolio-summary>div{gap:.6rem;padding-inline:.75rem}.portfolio-summary svg{width:22px;height:22px}.portfolio-summary h2{font-size:.78rem}.portfolio-summary p{font-size:.75rem}.portfolio-section{padding-top:1.8rem}.portfolio-gallery{grid-template-columns:1fr;gap:1.5rem}.portfolio-about{gap:.8rem}.portfolio-about .portfolio-panel p{font-size:.8rem}.portfolio-view h3{margin-top:.6rem}.portfolio-cta{padding:1.2rem}.portfolio-cta__actions{flex-direction:column;width:100%}.portfolio-cta__actions .button{justify-content:center}.portfolio-technologies{gap:.5rem}.portfolio-technologies li{font-size:.7rem}}