/*!
 * Piero Salardi® · About · about-kit.css
 * The About page on the site kit (preview). Loaded after the page's own styles by mu-plugins/ps-about.php.
 *
 *   1  Titles       one size for every big title, the name included: 126px on desktop
 *   2  Film         the PlayGrnd film stays in the six middle columns on desktop (see about-kit.js)
 *   3  Seams        no light strip between the film and Clients
 *   4  Pictures     the sax film keeps its own shape; the One Love board sits smaller and sharp
 *   5  Training     no plus sign; the titles scramble on hover
 *   6  Spacing      more room between the places line and Boutique
 *   7  Grid         the page margins follow the site grid: 32px, 24px on phones (the logo's line)
 */
body.pb-page-578 .ab-big,body.pb-page-578 .ab-intro .ab-big{font-size:clamp(56px, 8.75vw, 126px)}body.pb-page-578 .ab-fs{height:300vh}body.pb-page-578 .ab-fs-sec{margin-bottom:-28vh !important;position:relative;z-index:0}body.pb-page-578 .ab-clients{position:relative;z-index:1}body.pb-page-578 .ab-fs-m{inset:auto 0 auto 0 !important;top:50% !important;height:auto !important;aspect-ratio:16/9;transform:translateY(-50%) scale(calc(var(--k, 1) * (.6 + .4 * (var(--s, .32) - .32) / .68)))}body.pb-page-578 .ab-fs-sec{background:var(--cream,#f8f3ed)}body.pb-page-578 .ab-low .ab-fig{--r:.5625 !important}body.pb-page-578 .ab-low .ab-fig img{transform:none !important;object-fit:contain}@media (min-width:1025px){body.pb-page-578 .ab-kaya .c-full{grid-column:3/span 8 !important}}body.pb-page-578 .ab-pm{display:none !important}body.pb-page-578 .ab-pl{margin-bottom:144px !important}@media (max-width:767px){body.pb-page-578 .ab-pl{margin-bottom:80px !important}}body.pb-page-578{--m:32px !important}@media (max-width:767px){body.pb-page-578{--m:24px !important}}