html    {scroll-behavior: smooth;}
    body    {margin:0;background:#f8f8f8;padding-bottom:30px;}
    a       {text-decoration: none;}
    a:hover {opacity: .4;}
    svg     {fill:#05f;}

header{
    width:100%;
    background:#f8f8f8;
    animation: .3s slideIn ease-in;
}
.header__wrap{
    min-height:150px;
    text-align:center;
    gap:0;
    align-items: center;
    justify-content: center;
    background: url('genie-air-conditioning-grey-2-opacity.jpg') no-repeat center;
    background-size: contain;
    flex-wrap:wrap;
    padding-top:15px;
}

.header__logo--acunit{
    max-height:100%
}
.header__logo--ribbon{
    min-width:0;
    min-height:0;
    width:50vw;
}
.header__copy{
    display:flex;
    flex-direction: column;
    gap:8px;
    justify-content: center;
    align-items: center;
}
.header__copy__wrap{
    display:flex;
    align-items: center;
    gap:15px;
}
@media (min-width:900px) {
    .header__wrap{display:flex;flex-wrap:nowrap;background:none;gap:4px;height:150px;}
    .header__logo--ribbon{width:400px;}
    .header__logo--acunit{display:block;}
    .header__copy{flex-direction: column;gap:15px;}
}

.header__phone{
    display:flex;
    align-items: center;
    gap:8px;
    color:#05f;
    font: 700 calc(10pt + .5vw) sans-serif;
}
.header__address{
    display:flex;
    place-items:center center;
    gap:4px;
    font: calc(7pt + .3vw) sans-serif;
    color: #000;
}
.header__address--wrap{
    display:flex;
    flex-direction: column;
}
.header__hours--day{
    font-weight:700;
}
.header__hours{
    font: calc(7pt + .3vw) sans-serif;
}
.header__hours--week{
    display:flex;
    flex-direction: column;
}

main{
    width:calc(100% - 16px);
    min-height:100vh;
    background:#fff;
    border:1pt solid #bbb;
    margin-bottom:30px;
    padding-bottom:30px;
    margin:8px;
}
@media (min-width:900px) { main{max-width:1000px;margin:auto;} }

.minisplit{
    padding: 2vh 2vw;
    display: flex;
    place-items: center center;
    flex-direction: column;
    background: #fff;
    opacity:0;
    animation: .4s ease-in .2s forwards fadeIn;
    border-bottom:1pt solid #888;
    padding-bottom:30px;
}
.splash__wrap{
    display:flex;
    gap:15px;
    align-items: center;
    flex-wrap:wrap;
    justify-content: center;
}
@media (min-width:900px) {
    .splash__wrap{flex-wrap:nowrap;}
}
.minisplit__splash__copy{
    display:flex;
    flex-direction: column;
    gap:15px;
}
.minisplit__splash__copy--warranty{
    font: 800 italic calc(14pt + .8vw) sans-serif;
    text-align: center;
}
@media (min-width:900px) {
    .minisplit__splash__copy--warranty{text-align: left;}
}
.minisplit__splash__copy--lineset{
    font: 800 calc(12pt + .6vw) sans-serif;
    color:#a11;
    align-self: center;
}
.minisplits__splash--girl{
    align-self:center;
    max-width:100%;
}
#minisplit-img{
    width:100%;
    max-width:1000px;
}
.tagline{
    display: flex;
    flex-direction: column;
    align-items: center;
    font: 700 calc(10pt + 1vw) sans-serif;
    margin-bottom:30px;
}
.tagline__h1{
    font: 800 calc(22pt + 2vw) sans-serif;
    margin:0;
}
.tagline__header{
    color: #444;
    text-align: center;
}
.tagline__header-under{
    color: #a11;
}
.specsheet{
    display: flex;
    flex-direction: column;
    gap: 8px;
    font: calc(9pt + .6vw) sans-serif;
    width:100%;
}
.specsheet__row{
    display: flex;
    max-width:900px;
    margin:auto;
    justify-content: center;
    align-items: center;
    gap:2px;
}
.specsheet__row + .specsheet__row{
    border-top:1pt solid #eee;
    padding-top:10px;

}
.specsheet__row span{
    color: #444;

}
.specsheet__row--unit{
    font: 700 calc(8pt + .5vw) sans-serif;
    color: #888;
    width:14vw!important;
}
.specsheet__row--btu{
    font: 700 calc(9.5pt + .65vw) sans-serif;
    text-align: center;
}
.specsheet__row--volt{
    font: 700 calc(8pt + .5vw) sans-serif;
    text-align: center;
}
.specsheet__row--type{
    min-width:100px;
    font: 700 italic calc(9pt + .6vw) sans-serif;
    color: #a11;
    text-align: center;
}
.specsheet__row--price{
    font: 700 calc(9pt + .65vw) sans-serif;
    color: #444;
    text-align: right;
}
    .specsheet__row--type--cool {color: #44f!important;}
    .specsheet__row--type--bar  {color: #bbb!important;}
    .specsheet__row--type--heat {color: #a11!important;}

@media (min-width:900px) {
    .specsheet__row span{width:9vw;}
}

.builder-model{
    display:flex;
    flex-direction: column;
    align-items: center;
    padding: 2vh 2vw;
    min-height: 96vh;
    gap:2vh;

}
#builder-models-img{
    width:100%;
    max-width:1000px;
}

.builder-model__splash__right-column{
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 600px;
}

.builder-model__tagline{
    display: flex;
    flex-direction: column;
    gap:8px;
    text-align: center;
    font: 800 calc(12pt + 1.5vw)/calc(12pt + 1.5vw) sans-serif;
    color: #444;
}
.builder-model__tagline--bottom{
    font: 800 calc(10pt + 1vw)/calc(10pt + 1vw) sans-serif;
    color: #a11;
}
.builder-model__rp-spec--wrap{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin:4px;
}
.builder-model__rp-spec--header{
    font: 700 calc(8pt + .8vw) sans-serif;
    text-align: center;
    padding:4px;
    color: #114B5F;
}
.builder-model__rp-spec{
    font: calc(7pt + .4vw) sans-serif;
    border: 1pt solid #114B5F;
    width:100%;
}
.builder-model__rp-spec__row-title{
    background: #114B5F;
    color: #fff;
    font: 700 calc(6pt + .3vw) sans-serif;
    padding: 4px 0;
}
.builder-model__rp-spec__row{
    display: flex;
}
.builder-model__rp-spec__row:nth-child(odd):not(.builder-model__rp-spec__row-title){
    background: #f8f8f8;
}
.builder-model__rp-spec__row--man{
    padding: 0 4px;
    flex-grow:1;
}
.builder-model__rp-spec__row--sl, .builder-model__rp-spec__row--wd, .builder-model__rp-spec__row--dp, .builder-model__rp-spec__row--ht{
    text-align: center;
    padding: 0 4px;
}
@media (min-width:900px) {

    .builder-model__rp-spec__row{width:100%;}
    .builder-model__rp-spec__row span{width:80px;}
}

footer{
    display: flex;
    font: calc(7pt + .3vw) sans-serif;
    color: #000;
    margin-top:60px;
    justify-content: center;
    fill:#05f;
    flex-wrap:wrap;
    gap:0 4vw;
}
.footer__logo-column{
    display:flex;
    flex-direction: column;
    max-width: 250px;
    justify-content: center;
}
.footer--logo{
    min-width: 0;
    min-height: 0;
    max-width: 100%;
    max-height: 100%;
    padding-bottom:15px;
}
.footer__copy-column{
    display:flex;
    flex-direction: column;
    justify-content: center;
    gap:4vh;
    padding-bottom: 15px;
}
.footer__copy{
    display:flex;
    flex-direction: column;
}
.footer__copy--wrap{
    display:flex;
    align-self:center;
    gap:30px
}
.footer__phone{
    display:flex;
    align-items: center;
    gap:1vw;
    align-self:center;
}
.footer__phone__copy{
    display:flex;
    flex-direction: column;
    gap:2px;
}
.footer__phone{
    font: 700 calc(10pt + 1vw) sans-serif;
    color:#05f;
}
.footer__phone__copy--wrap{
    display:flex;
    align-items: center;
}
.footer__phone__copy--wrap a{
    text-decoration:none;
    color:#05f;
    font: 700 calc(6pt + .5vw) sans-serif;
}
.footer__address{
    display:flex;
    align-items: center;
    gap:1vw;
    align-self:center;
}
.footer__address__copy{
    display:flex;
    flex-direction: column;
    color:#444;
    gap:2px;
        font:calc(6pt + .6vw) sans-serif;
}
.footer__copy-column--top{
    display:flex;
    align-items: center;
    gap:30px;
}
.footer__hours{
    font:calc(7pt + .7vw) sans-serif;
}
.footer__hours--day{
    font-weight:700;
}





@keyframes slideIn {
    from { opacity: 0;transform:translateY(-100px); }
    to   { opacity: 1;transform:translateY(0); }
}
@keyframes fadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@media (prefers-reduced-motion: no-preference) {
    .scroll__target{opacity:0;}
    .scroll__target--is-active {
        animation: fadeIn 1s 1;
        animation-fill-mode: forwards;
    }
}