/* Product directory, using the homepage and service landing visual system. */
.catalog-hero{background-image:url('../images/products-hero.svg')}
.catalog-hero h1{max-width:770px}
.catalog-showcase{display:grid;grid-template-columns:1fr 1.05fr;gap:35px;align-items:center;background:#0b2939;border:1px solid #315369;border-radius:32px;padding:42px}
.catalog-product-name{display:flex;align-items:center;gap:16px;margin-bottom:25px}
.catalog-product-name>img{width:49px;height:54px;object-fit:contain}
.catalog-product-name h3{font-size:34px;line-height:1.2;margin:0 0 5px}
.catalog-product-name span{font-size:14px;color:#a9c4d5}
.catalog-product-copy h4{font-size:42px;font-weight:850;letter-spacing:-1px;line-height:1.25;margin:0 0 20px}
.catalog-product-copy>p{font-size:18px;line-height:1.75;color:#c5d8e4;margin:0 0 22px;max-width:510px}
.catalog-product-copy ul{list-style:none;padding:0;margin:0 0 29px}
.catalog-product-copy li{position:relative;font-size:16px;line-height:1.7;padding:7px 0 7px 27px;color:#cadce7}
.catalog-product-copy li:before{content:'✓';position:absolute;left:0;color:#8dd8bd;font-weight:850}
.catalog-secondary-link{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:800;color:#b4d7ef;margin-top:19px}
.catalog-secondary-link svg{width:19px;height:19px}
.catalog-product-art>img{display:block;width:100%;height:auto;max-height:365px;object-fit:contain}
.catalog-browser-list{display:flex;align-items:center;justify-content:center;gap:21px;margin-top:20px}
.catalog-browser-list>span{font-size:13px;color:#b9cfdd}
.catalog-browser-list>a{display:grid;place-items:center;width:38px;height:38px}
.catalog-browser-list img{display:block;width:33px;height:33px;object-fit:contain}
.catalog-browser-list>a:hover{transform:translateY(-2px)}
.catalog-principles{padding:70px 0 100px;background:#edf5f9}
.catalog-principles .pa-eyebrow{color:#0863ba}
.catalog-principles .pa-intro p{color:#47687d}
.catalog-principle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;text-align:center}
.catalog-principle-grid article>svg{color:#0878e9;height:35px;width:35px;margin-bottom:21px}
.catalog-principle-grid h3{font-size:24px;line-height:1.35;margin:0 0 14px}
.catalog-principle-grid p{font-size:17px;line-height:1.75;color:#48687c;margin:0}
.catalog-support{background:#0b2939;color:#fff;padding:65px 0 78px}
.catalog-support>.container{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:80px}
.catalog-support h2{margin:18px 0 24px}
.catalog-support p{font-size:18px;line-height:1.75;color:#c4d7e3;margin:0 0 28px;max-width:590px}
.catalog-support aside{border:1px solid #34586d;border-radius:23px;background:#14394d;padding:33px}
.catalog-support aside>svg{width:38px;height:38px;color:#9dceee;margin-bottom:21px}
.catalog-support aside h3{font-size:27px;margin:0 0 22px}
.catalog-support aside a{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:16px;font-weight:750;color:#c6deed;padding:17px 0;border-top:1px solid #36586c}
.catalog-support aside a:hover{color:white}
.catalog-support aside a svg{width:20px;height:20px}
.catalog-services{background:#12364a}
@media(max-width:1100px){.catalog-showcase{padding:33px;gap:25px}.catalog-product-copy h4{font-size:37px}.catalog-support>.container{gap:40px}.catalog-principle-grid{gap:28px}}
@media(max-width:760px){.catalog-showcase{grid-template-columns:1fr;gap:30px;padding:27px 24px;border-radius:24px}.catalog-product-name h3{font-size:32px}.catalog-product-copy h4{font-size:34px}.catalog-product-copy>p{font-size:17px}.catalog-product-copy li{font-size:15px}.catalog-product-art>img{max-height:260px}.catalog-browser-list{gap:17px}.catalog-principles{padding:48px 0 74px}.catalog-principle-grid{grid-template-columns:1fr;gap:32px}.catalog-principle-grid h3{font-size:23px}.catalog-principle-grid p{max-width:360px;margin:auto}.catalog-support{padding:45px 0 52px}.catalog-support>.container{grid-template-columns:1fr;gap:31px}.catalog-support h2 br{display:none}.catalog-support p{font-size:17px}.catalog-support aside{padding:26px}.catalog-support aside h3{font-size:25px}.catalog-support aside a{font-size:15px}.catalog-services .pa-intro p br{display:none}}