/* Artistry — small overrides on top of the verbatim Webflow export CSS.
 *
 * Loaded after css/artistry.css in inc/enqueue.php. Use sparingly; the
 * export is the source of truth and most things should flow from it.
 *
 * Every rule below should carry a comment explaining what it overrides
 * and why, so future maintenance is clear.
 */


/* ────────────────────────────────────────────────────────────────────
 * About section — un-stick the .c-portfolio-details.about content on
 * tablet / small mobile (480–991px).
 *
 * The export's base rule .c-portfolio-details.about { position: fixed; }
 * (specificity 0,2,0) outranks the mobile rule
 * .c-portfolio-details { position: relative; } (specificity 0,1,0)
 * inside @media (max-width: 991px), so the about paragraph + contact CTAs
 * stay viewport-fixed and pin to the top + bottom on smaller screens.
 *
 * The export only fixes this at ≤479px with an explicit position:relative
 * rule for .c-portfolio-details.about — leaving the 480–991px range broken.
 * This override closes that gap.
 * ──────────────────────────────────────────────────────────────────── */

@media screen and (max-width: 991px) {
    .c-portfolio-details.about {
        position: relative;
        inset: 0%;
        width: 85%;
        height: auto;
        margin: 0 auto 2em;
    }
}