/*
 * Utility Classes
 *
 * Add small, reusable helper classes here instead of cluttering style.css.
 * This stylesheet loads after the child theme stylesheet.
 */

.u-aspect-4-3 {
    aspect-ratio: 4 / 3;
}

.u-aspect-16-9 {
    aspect-ratio: 16 / 9;
}

.u-aspect-1-1 {
    aspect-ratio: 1 / 1;
}

.u-aspect-3-2 {
    aspect-ratio: 3 / 2;
}

.u-aspect-2-3 {
    aspect-ratio: 2 / 3;
}

.u-aspect-9-16 {
    aspect-ratio: 9 / 16;
}

.u-aspect-21-9 {
    aspect-ratio: 21 / 9;
}

.text-wrap-pretty p {
    text-wrap: pretty;
}

/* Container for heading text that scales against its own width. */
.hdr-size-container {
    container-type: inline-size;
}

.hdr-size-container h2,
.hdr-size-container .et_pb_heading_container h2.et_pb_module_header {
    font-size: clamp(2rem, 1rem + 6cqi, 42px);
    text-wrap: pretty;
    line-height: 1.2;
}
.hdr-size-container h3,
.et_pb_heading_container h3.et_pb_module_header  {
    font-size: clamp(1.5rem, 1rem + 4cqi, 36px);
    text-wrap: pretty;
    line-height: 1.2;
}