*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:"Open Sans",Arial,sans-serif;color:#263238;background:#fff}a{text-decoration:none;color:inherit}.container{width:970px;margin:0 auto}.topline{height:2px;background:#222}.navbar{height:74px;border-bottom:1px solid #eee}.navbar .container{height:100%;display:flex;align-items:center}.brand img{width:91px;display:block}.nav-actions{margin-left:auto;display:flex;align-items:center;gap:18px;font-size:12px}.blue{color:#00aee7}.btn{display:inline-flex;align-items:center;background:#08b9e8;color:#fff;padding:10px 16px;border:0}.btn.dark{background:#078fc6}.search{font-size:24px;color:#555}.cats{padding:18px 0 16px}.cats .container{border-bottom:1px solid #ddd;padding:0 16px 16px;display:flex;justify-content:space-between}.cats a{font-size:11px;color:#009ed4;text-transform:uppercase;white-space:nowrap}.latest .container{position:relative}.badge{position:absolute;left:0;top:0;z-index:3;background:#08b9e8;color:#fff;font-weight:700;font-size:16px;padding:9px 14px}.hero{display:grid;grid-template-columns:58.333% 41.667%;min-height:356px}.hero-media{height:356px;overflow:hidden}.hero-media img{width:100%;height:100%;object-fit:cover;display:block}.hero-copy{padding:18px 0 0 28px}.hero-copy h1{font-size:28px;line-height:1.15;margin:0 0 12px;font-weight:700}.hero-copy p{font-size:13px;line-height:1.55;color:#555;margin:0 0 12px}.hero-copy .btn{font-size:12px}.thumbs{display:grid;grid-template-columns:repeat(10,1fr);gap:6px;margin:14px 28px 0}.thumbs a{height:48px;overflow:hidden}.thumbs img{width:100%;height:100%;object-fit:cover}.section{margin-top:66px}.section-head{display:flex;align-items:center;border-bottom:1px solid #222;padding:0 8px 10px}.section-head h2{font-size:16px;text-transform:uppercase;margin:0}.arrows{margin-left:auto;display:flex;gap:4px}.arrows b{display:grid;place-items:center;width:30px;height:30px;background:#08b9e8;color:#fff;font-size:20px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding-top:25px}.card img{width:100%;height:174px;object-fit:cover;display:block}.card .cat{font-size:10px;color:#08a8dc;text-transform:uppercase;margin:12px 0 6px}.card h3{font-size:15px;line-height:1.3;margin:0 0 8px}.meta{font-size:9px;color:#aaa}.card p{font-size:11px;line-height:1.5;color:#666}.more{font-size:9px}.footer{margin-top:70px;border-top:1px solid #ddd}.footer-links{display:flex;justify-content:space-between;padding:20px 0;border-bottom:1px solid #eee;font-size:10px;color:#666}.footer-bottom{display:flex;align-items:center;gap:35px;padding:18px 0;font-size:9px;color:#777}.footer-bottom img{width:80px}.missing{background:#f3f3f3;display:grid;place-items:center;color:#bbb;font-size:10px}@media(max-width:1000px){.container{width:92%}.cats .container{overflow:auto;gap:20px;justify-content:flex-start}}@media(max-width:700px){.navbar{height:auto}.navbar .container{padding:12px 0}.nav-actions{gap:8px;font-size:10px}.hero{grid-template-columns:1fr}.hero-media{height:auto;min-height:210px}.hero-copy{padding:18px 0}.thumbs{grid-template-columns:repeat(5,1fr);margin:10px 0}.cards{grid-template-columns:1fr}.cats{padding-top:8px}}
.area-panel{display:none;position:absolute;z-index:20;left:50%;transform:translateX(-50%);width:970px;background:#fff;border:1px solid #ddd;padding:18px;grid-template-columns:repeat(6,1fr);gap:14px}.area-panel.open{display:grid}.area-panel b,.area-panel a{display:block;font-size:10px;margin:5px 0}.area-panel b{color:#08a8dc}