aside#portfolio {background:var(--marble);background-size:cover !important;border-bottom:1px solid var(--baseDarkShadow30);}aside#portfolio h3 {margin-bottom:2em;}aside#portfolio > p:last-of-type {margin-top:3em;}aside#portfolio .portfolioWorks {display:flex;flex-wrap:wrap;justify-content:space-between;gap:2em;}aside#portfolio .portfolioWork {display:inline-flex;flex-direction:column;width:30em;min-width:260px;background:var(--baseLightShadow50);padding:0 2em 2em;border:1px solid var(--baseMidGray);backdrop-filter:blur(1em);transition:0.2s;}aside#portfolio .portfolioWork > p:first-of-type {margin-bottom:1em;}aside#portfolio .portfolioWork:hover {border-color:var(--baseGray);box-shadow:0 0 2.5em var(--baseDarkShadow10),
        0 0.5em 1em var(--baseDarkShadow10);}aside#portfolio .portfolioImageWrapper {position:relative;display:flex;margin:0 -2em 1em;width:calc(100% + 4em);align-items:center;justify-content:center;}aside#portfolio .location {position:absolute;inset:auto;top:0.5em;left:0.5em;color:var(--baseLight);border:3px double var(--baseLightShadow50);
      /* подложка плотнее: на светлых фото белый текст на 19% чёрного опускался до 2.7:1 */background:rgb(17 17 17 / 0.7);text-shadow:none;padding:0.25em 0.6em;backdrop-filter:blur(5px);z-index:2;}aside#portfolio img.portfolioImage {display:flex;width:100%;object-fit:cover;aspect-ratio:1.1;}aside#portfolio .portfolioWorkTitle {font-size:1.25em;line-height:1.25em;font-weight:500;text-decoration-style:dotted;text-decoration-thickness:1px;color:var(--linkColor);text-underline-offset:0.2em;}aside#portfolio .portfolioWorkTitle:hover {text-decoration-style:solid;text-decoration-thickness:2px;color:var(--linkHoverColor);}aside#portfolio .summaryTable tr {background:none;}aside#portfolio .summaryTable td {border:none;background:none;padding:0.2em;}aside#portfolio .summaryTable td:first-child {font-weight:600;vertical-align:top;width:35%;}[data-theme='dark'] aside#portfolio {background-color:var(--baseDark);background-blend-mode:color-burn;}[data-theme='dark'] aside#portfolio .portfolioWork {background:var(--baseDarkShadow10);border-color:var(--baseDarkShadow30);color:var(--baseGray);}

    @media screen and (max-width: 1280px) {aside#portfolio .portfolioWork {width:100%;}
    }

    /* дополнения сайта */
    /* Ровная сетка: три колонки на всю ширину (в теме карточки по 30em расходились к краям, середина пустела). */aside#portfolio .portfolioWorks {display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:2rem;}aside#portfolio .portfolioWork {width:auto;min-width:0;}aside#portfolio img.portfolioImage {height:auto;}

    @media screen and (max-width: 1100px) {aside#portfolio .portfolioWorks {grid-template-columns:repeat(2, minmax(0, 1fr));}
    }

    @media screen and (max-width: 640px) {aside#portfolio .portfolioWorks {grid-template-columns:1fr;}
    }