@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;500;600&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#272727;font-family:"Roboto Condensed",Arial,sans-serif;font-weight:300;background:#fff}.topbar{height:92px;border-bottom:1px solid #eee;position:relative;background:#fff}.utility{height:42px;max-width:1536px;margin:auto;display:flex;align-items:center;justify-content:space-between;font-family:Arial,sans-serif;font-size:14px}.icons{font-size:23px;color:#71829d}.logo{position:absolute;top:7px;left:50%;transform:translateX(-50%);font:300 29px Arial;color:#222;text-decoration:none}.topbar nav{display:flex;justify-content:center;gap:31px;height:50px;align-items:center}.topbar nav a{color:#111;text-decoration:none;font-size:14px}.topbar nav a.active{border-bottom:1px solid #111;padding-bottom:4px}.container{max-width:1536px;margin:0 auto}.hero{padding:43px 0 50px}.breadcrumbs{color:#777;font-size:14px;margin-bottom:22px}.hero h1{font-size:36px;font-weight:300;margin:0 0 2px}.hero>p{font-size:17px;line-height:1.45;margin:0;max-width:1500px}.toolbar{display:flex;justify-content:space-between;align-items:center;margin:42px 0 55px}.filters{display:flex;gap:16px}.filters.right{gap:16px}.toolbar button{background:#fafafa;border:1px solid #d4d4d4;border-radius:11px;padding:13px 20px;min-width:120px;font:300 14px "Roboto Condensed";cursor:pointer}.toolbar button span{font-size:19px;margin-left:9px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:38px 16px}.card img{width:100%;height:211px;object-fit:cover;border-radius:10px;display:block}.card h3{font-size:23px;font-weight:300;margin:7px 0 3px}.card .formats{font-size:13px;color:#888}.tags{display:flex;gap:5px;margin-top:6px}.tag{font:700 8px Arial;color:#fff;background:#00346c;padding:4px 9px;border-radius:20px}.tag:nth-child(2){background:#151515}.tag:nth-child(3){background:#6c6c6c}.article{max-width:1200px;margin:0 auto;padding:12px 0 75px;color:#666}.article h2{font-size:31px;line-height:1.15;margin:25px 0 2px;font-weight:600}.article h3{font-size:28px;margin:18px 0 2px;font-weight:600}.article p,.article li{font-size:17px;line-height:1.45;margin:0 0 25px}.article ul{padding-left:18px;margin:0 0 45px}.article li{margin:5px 0}.video{position:relative;width:407px;height:457px;margin:40px 0 20px;background:#111;overflow:hidden}.video img{width:100%;height:100%;object-fit:cover;filter:brightness(.67)}.video button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:67px;height:48px;border:0;border-radius:10px;background:#f03;color:#fff;font-size:25px}.video strong{position:absolute;left:155px;top:265px;color:white;font:700 36px/1.1 Arial}.accessibility{position:fixed;right:0;top:28%;background:#064298;color:white;border-radius:12px 0 0 12px;padding:8px 9px;text-align:center;font-size:22px;z-index:5}.accessibility hr{border:0;border-top:1px solid #fff}footer{border-top:1px solid #eee}.footer-grid{max-width:1420px;margin:auto;display:grid;grid-template-columns:1.1fr 1.1fr 1.1fr 1.1fr 1.6fr;gap:55px;padding:42px 0 46px}.footer-grid h4{font:600 17px Arial;margin:0 0 16px}.footer-grid a{display:block;margin:0 0 12px;font-size:15px;color:#333}.copyright{text-align:center;background:#262626;color:white;padding:13px;font:700 9px Arial;letter-spacing:.4px}
@media(max-width:1100px){.container{padding-left:24px;padding-right:24px}.product-grid{grid-template-columns:repeat(2,1fr)}.toolbar{align-items:flex-start;gap:18px;flex-direction:column}.article{padding-left:28px;padding-right:28px}.footer-grid{padding:35px 28px;grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.utility{padding:0 16px}.topbar nav{overflow-x:auto;justify-content:flex-start;padding:0 16px;gap:20px}.logo{font-size:24px}.hero{padding-top:30px}.hero h1{font-size:31px}.filters,.filters.right{flex-wrap:wrap}.toolbar{margin:30px 0}.product-grid{grid-template-columns:1fr}.card img{height:220px}.article h2{font-size:27px}.article h3{font-size:24px}.video{width:100%;max-width:407px}.footer-grid{grid-template-columns:1fr 1fr}.accessibility{display:none}}