/* =========================================================
   CRYSTAL CLEANING - VISUAL POLISH V65
   Small refinements requested:
   - official logo slightly larger
   - hero description slightly larger
   - hero bottom-note slightly larger
   Loaded LAST intentionally.
   ========================================================= */

/* ========================= NAV LOGO ========================= */
@media (min-width:1451px){
    html body .site-brand,
    html body .site-brand--modern{
        max-width:274px!important;
    }

    html body .site-brand__plate{
        width:264px!important;
        max-width:264px!important;
        height:72px!important;
    }

    html body .site-brand__logo{
        max-width:264px!important;
        max-height:68px!important;
    }
}

@media (min-width:1181px) and (max-width:1450px){
    html body .site-brand,
    html body .site-brand--modern{
        max-width:232px!important;
    }

    html body .site-brand__plate{
        width:224px!important;
        max-width:224px!important;
        height:64px!important;
    }

    html body .site-brand__logo{
        max-width:224px!important;
        max-height:60px!important;
    }
}

@media (min-width:921px) and (max-width:1180px){
    html body .site-brand,
    html body .site-brand--modern{
        max-width:196px!important;
    }

    html body .site-brand__plate{
        width:190px!important;
        max-width:190px!important;
        height:58px!important;
    }

    html body .site-brand__logo{
        max-width:190px!important;
        max-height:54px!important;
    }
}

@media (max-width:920px){
    html body .site-brand,
    html body .site-brand--modern{
        max-width:200px!important;
    }

    html body .site-brand__plate{
        width:192px!important;
        max-width:192px!important;
        height:61px!important;
    }

    html body .site-brand__logo{
        max-width:192px!important;
        max-height:57px!important;
    }
}

@media (max-width:520px){
    html body .site-brand,
    html body .site-brand--modern{
        max-width:165px!important;
    }

    html body .site-brand__plate{
        width:160px!important;
        max-width:160px!important;
        height:52px!important;
    }

    html body .site-brand__logo{
        max-width:160px!important;
        max-height:48px!important;
    }
}

/* ========================= HERO TEXT ========================= */
@media (min-width:921px){
    html body .hero--premium-v53 .hero-description{
        font-size:clamp(13.5px,1vw,15.5px)!important;
        line-height:1.52!important;
        letter-spacing:-.004em!important;
    }

    html body .hero--premium-v53 .hero-bottom-note{
        font-size:8.3px!important;
        line-height:1.35!important;
        letter-spacing:.14em!important;
        font-weight:800!important;
    }
}

/* Laptops with less vertical room: increase, but keep the layout safe. */
@media (min-width:921px) and (max-height:820px){
    html body .hero--premium-v53 .hero-description{
        font-size:12.6px!important;
        line-height:1.45!important;
    }

    html body .hero--premium-v53 .hero-bottom-note{
        font-size:7.4px!important;
        line-height:1.30!important;
    }
}

@media (min-width:921px) and (max-height:690px){
    html body .hero--premium-v53 .hero-description{
        font-size:11.6px!important;
        line-height:1.40!important;
    }
}

/* Mobile/tablet also receives a modest readability increase. */
@media (max-width:920px){
    html body .hero--premium-v53 .hero-description{
        font-size:13.2px!important;
        line-height:1.48!important;
    }

    html body .hero--premium-v53 .hero-bottom-note{
        font-size:7.4px!important;
        line-height:1.30!important;
    }
}

@media (max-width:560px){
    html body .hero--premium-v53 .hero-description{
        font-size:12.7px!important;
        line-height:1.46!important;
    }

    html body .hero--premium-v53 .hero-bottom-note{
        font-size:7.1px!important;
    }
}