/* Fit each headline phrase on its own line, relative to the actual copy column. */
.pw-hero__copy {
    container-type: inline-size;
}

.pw-title > em {
    max-width: none;
    font-size: clamp(18px, 7.3cqw, 46px);
    white-space: nowrap;
}

/* Keep the complete glass photograph inside the hero card at every breakpoint. */
.pw-showcase--glass .pw-showcase__image {
    min-width: 0;
    min-height: 0;
    height: clamp(250px, 27vw, 340px);
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
    padding: 22px;
}

.pw-showcase--glass .pw-showcase__image img {
    min-width: 0;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    object-fit: contain;
    border-radius: 12px;
}

@media (max-width: 480px) {
    .pw-showcase--glass .pw-showcase__image {
        padding: 22px 14px;
    }
}

.pw-form select {
    display: block;
    box-sizing: border-box;
    width: 100%;
    min-height: 48px;
    padding: 12px 38px 12px 14px;
    border: 1px solid #d7e4dd;
    border-radius: 11px;
    color: #20383d;
    background: #fafcfb;
    font: 400 14px/1.6 Inter, Arial, sans-serif;
}
.pw-form select:focus {
    outline: 0;
    border-color: #6fa793;
    box-shadow: 0 0 0 3px #086b780d;
    background: #fff;
}
@media (max-width: 480px) {
    .pw-form select { font-size: 16px; }
}

@media (max-width: 800px) {
    .pw-showcase--glass .pw-showcase__image { height: auto; }
    .pw-showcase--glass .pw-showcase__image img { width: 100%; max-height: none; }
}
.product-glass-page .pw-projects__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.product-glass-page .pw-project-card__image { display: block; aspect-ratio: auto; padding: 0; }
.product-glass-page .pw-project-card__image img { width: 100%; height: auto; max-height: none; }
.product-glass-page .pw-project-card__caption {
    align-items: start;
    row-gap: 14px;
    padding: 20px;
}
.product-glass-page .pw-project-card__description {
    grid-column: 1 / -1;
    margin: 0;
    padding-top: 14px;
    border-top: 1px solid #e5eee8;
    color: #5e7470;
    font-size: 12px;
    line-height: 1.75;
    text-wrap: pretty;
}
@media (max-width: 900px) {
    .product-glass-page .pw-projects__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
    .product-glass-page .pw-projects__grid { grid-template-columns: 1fr; }
}