.portfolio{padding:8rem clamp(2rem,4vw,4.5rem) 0}.portfolio__inner{width:min(100%,86rem);margin-inline:auto}.portfolio__intro{margin-bottom:3rem}.portfolio__overline{color:var(--brand-accent);font-size:var(--text-small);letter-spacing:.14em;margin:0 0 1rem;font-weight:600}.portfolio h1{font-size:var(--text-h1);line-height:var(--leading-heading);letter-spacing:var(--tracking-heading);margin:0;font-weight:600}.portfolio h1 span,.portfolio__closing h2 span{color:var(--brand-accent)}.portfolio__lead{max-width:55ch;font-size:var(--text-section-lead);line-height:var(--leading-section-lead);color:var(--color-section-lead);margin:1rem 0 0}.portfolio__projects{gap:2rem;display:grid}.portfolio-card{border:1px solid var(--border-default);border-radius:var(--radius-card);background:var(--canvas);transition:border-color .3s var(--ease-out);grid-template-rows:1fr auto;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:0 2rem;padding:2rem;display:grid;overflow:hidden}.portfolio-card:hover{border-color:color-mix(in srgb, var(--brand-accent) 45%, var(--border-default))}.portfolio-card--website,.portfolio-card--document{position:relative}.portfolio-card--document .portfolio-card__primary:after{z-index:1;content:"";position:absolute;inset:0}.portfolio-card--document:focus-within{border-color:var(--brand-accent)}.portfolio-card--website a.portfolio-card__primary:after{z-index:1;content:"";position:absolute;inset:0}.portfolio-card--website .portfolio-card__secondary,.portfolio-card--document .portfolio-card__secondary{z-index:2;position:relative}.portfolio-card--website:focus-within{border-color:var(--brand-accent)}.portfolio-card__body{align-self:end;min-width:0}.portfolio-card h2{letter-spacing:var(--tracking-heading);margin:0;font-size:clamp(2rem,2.6vw,2.5rem);font-weight:600;line-height:1.05}.portfolio-card__category{color:var(--color-section-lead);letter-spacing:.06em;margin:1rem 0;font-size:.75rem;line-height:1.5}.portfolio-card__description{max-width:44ch;color:var(--color-section-lead);margin:0;font-size:1rem;line-height:1.5}.portfolio-card__visual{border-radius:var(--radius-control);grid-area:1/2/3;align-self:center;min-width:0;margin:0;overflow:hidden}.portfolio-card__visual img{width:100%;height:auto;transition:transform .45s var(--ease-out);display:block}.portfolio-card--portrait .portfolio-card__visual{background:#101010;justify-content:center;display:flex}.portfolio-card--portrait .portfolio-card__visual img{object-fit:contain;width:auto;max-width:100%;height:clamp(20rem,30vw,26rem)}.portfolio-card:hover .portfolio-card__visual img{transform:scale(1.015)}.portfolio-card__actions{flex-wrap:wrap;grid-column:1;align-self:start;align-items:center;gap:.75rem;margin-top:1.5rem;display:flex}.portfolio-card__primary,.portfolio-card__secondary{border:1px solid var(--brand-accent);border-radius:var(--radius-control);min-height:2.875rem;font:inherit;cursor:pointer;transition:background .2s var(--ease-out), color .2s var(--ease-out);justify-content:center;align-items:center;gap:.75rem;padding:.7rem 1rem;font-size:1rem;font-weight:600;line-height:1.2;display:inline-flex}.portfolio-card__primary{background:var(--brand-accent);color:var(--canvas)}.portfolio-card__primary:hover{background:#ff944d}.portfolio-card__primary:disabled{opacity:1;cursor:default}.portfolio-card__secondary{border-color:var(--border-default);color:var(--color-text);background:0 0}.portfolio-card__secondary:hover{border-color:var(--brand-accent)}.portfolio-card__secondary svg{color:var(--brand-accent)}.portfolio-card__pending{font-size:var(--text-small);color:var(--color-muted);flex-basis:100%;margin:0}.portfolio :is(a,button):focus-visible,.project-video button:focus-visible{outline:2px solid var(--brand-accent);outline-offset:4px}.portfolio__closing{border-top:1px solid var(--border-default);justify-content:space-between;align-items:center;gap:2rem;margin:4rem 0;padding-top:2rem;display:flex}.portfolio__closing h2{max-width:28ch;font-size:var(--text-section-title);line-height:var(--leading-heading);letter-spacing:var(--tracking-heading);margin:0}.portfolio__closing p{color:var(--color-section-lead);line-height:1.5}.portfolio__closing-actions{flex-shrink:0;gap:.75rem;display:flex}.project-video{background:var(--canvas);width:min(100% - 2rem,28rem);max-height:90dvh;color:var(--color-text);border:1px solid var(--border-default);border-radius:var(--radius-card);padding:1rem;overflow:hidden}.project-video[open]{flex-direction:column;display:flex}.project-video::backdrop{background:#000000e6}.project-video__header{flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.project-video__header h2{margin:0;font-size:1rem;font-weight:600;line-height:1.3}.project-video__header button{border:1px solid var(--border-default);border-radius:var(--radius-control);width:2.75rem;height:2.75rem;color:var(--color-text);cursor:pointer;background:0 0;flex-shrink:0;place-items:center;display:grid}.project-video video{aspect-ratio:9/16;object-fit:contain;flex-shrink:1;width:min(100%,50.625dvh - 3.375rem);height:auto;min-height:0;max-height:calc(90dvh - 6rem);margin-inline:auto;display:block}.project-video[data-format=wide]{width:min(100% - 2rem,70rem)}.project-video[data-format=wide] video{aspect-ratio:16/9;width:100%}.project-document{border:1px solid var(--border-default);border-radius:var(--radius-card);background:var(--canvas);width:min(100% - 2rem,44rem);height:90dvh;max-height:90dvh;color:var(--ink);padding:1rem;overflow:hidden}.project-document[open]{flex-direction:column;gap:1rem;display:flex}.project-document::backdrop{background:#000000e6}.project-document__header{flex:none;justify-content:space-between;align-items:center;gap:1rem;display:flex}.project-document__header h2{margin:0;font-size:1.2rem;font-weight:600;line-height:1.3}.project-document__header button{border:1px solid var(--border-default);border-radius:var(--radius-control);width:2.75rem;height:2.75rem;color:var(--ink);cursor:pointer;background:0 0;flex:none;place-items:center;display:grid}.project-document__pages{overscroll-behavior:contain;scrollbar-color:var(--brand-accent) var(--canvas);flex:1;min-height:0;overflow:auto;container-type:size}.project-document__pages figure{margin:0 0 1.5rem}.project-document__pages figure:last-child{margin-bottom:0}.project-document__pages img{width:auto;max-width:100%;height:auto;max-height:calc(100cqh - 2.5rem);margin-inline:auto;display:block}.project-document__pages figcaption{color:var(--color-section-lead);text-align:center;margin-top:.6rem;font-size:.85rem}.project-document :is(button,[tabindex]):focus-visible{outline:2px solid var(--brand-accent);outline-offset:-3px}@media (width<=70rem){.portfolio__closing{flex-direction:column;align-items:start}}@media (width>=70.001rem){.portfolio__projects{grid-template-columns:repeat(6,minmax(0,1fr))}.portfolio-card{grid-area:span 5/span 3;grid-template-columns:minmax(0,1fr);grid-template-rows:subgrid;gap:1.5rem;padding:1.5rem}.portfolio-card .portfolio-card__visual{aspect-ratio:16/9;grid-area:1/1;align-self:start;width:100%}.portfolio-card:is(#barman-duszek,#aluraf-tarasy) .portfolio-card__visual{aspect-ratio:4/3}.portfolio-card .portfolio-card__visual img{object-fit:contain;width:100%;height:100%;transform:none}.portfolio-card .portfolio-card__body{grid-row:2/span 3;grid-template-rows:subgrid;align-self:stretch;gap:1rem;display:grid}.portfolio-card .portfolio-card__category{margin:0}.portfolio-card .portfolio-card__actions{grid-row:5;margin-top:0}.portfolio-card--portrait{grid-column:span 2}.portfolio-card:not(.portfolio-card--portrait)+.portfolio-card--portrait{grid-column:1/span 2}.portfolio-card--portrait .portfolio-card__visual{aspect-ratio:auto;grid-area:1/1;height:26rem}.portfolio-card--portrait .portfolio-card__visual img{aspect-ratio:9/16;width:auto;height:26rem}.portfolio-card--portrait h2{font-size:2rem}}.portfolio-card:is(#barman-duszek,#aluraf-tarasy) .portfolio-card__visual img{aspect-ratio:4/3;object-fit:contain;transform:none}@media (width<=44rem){.portfolio{padding:7rem 1.25rem 0}.portfolio__intro{margin-bottom:2rem}.portfolio-card{grid-template-rows:auto;grid-template-columns:1fr;gap:1.5rem;padding:1.25rem}.portfolio-card__visual{grid-area:auto/1}.portfolio-card__actions{margin-top:0}.portfolio-card h2{font-size:2rem}.portfolio__closing-actions{flex-wrap:wrap}.portfolio__closing{margin-bottom:2rem}}@media (prefers-reduced-motion:reduce){.portfolio-card,.portfolio-card__visual img,.portfolio-card__primary,.portfolio-card__secondary{transition:none}.portfolio-card:hover .portfolio-card__visual img{transform:none}}