.horyzont { --font:'Figtree',Arial,sans-serif; --heading:'Syne',Arial,sans-serif; --ink:#102f4e; --red:#d9152b; --line:#c4d3e0; }
.horyzont .header-core { min-height:100px; }
.horyzont #main-nav a { font-weight:600; font-size:14px; }
.horyzont .header .publish { border-radius:3px; }
.horyzont .hero { width:100%; background:var(--ink); color:white; }
.horyzont .hero-inner { width:min(1280px,calc(100% - 80px)); margin:auto; display:grid; grid-template-columns:1.2fr 1fr; gap:65px; padding:47px 0 45px; }
.horyzont .hero-title { align-self:center; }
.horyzont .hero-title > span { font-size:9px; letter-spacing:.1em; color:#b3cada; }
.horyzont h1 { font:700 clamp(43px,4.8vw,68px)/1.04 var(--heading); letter-spacing:-.045em; margin:23px 0; }
.horyzont h1 strong { font-weight:700; color:#f5a2ad; }
.horyzont .hero-title p { color:#b9ccdc; font-size:15px; line-height:1.6; margin:0; }
.horyzont .hero-search { background:#f4f8fb; color:var(--ink); padding:27px; border-top:4px solid #8eb2d0; }
.horyzont .hero-search h2 { font:700 25px var(--heading); letter-spacing:-.04em; margin:0 0 20px; }
.horyzont .search-form { grid-template-columns:1fr; gap:13px; }
.horyzont .search-form input { padding:11px 14px; font-size:15px; background:white; }
.horyzont .search-form label > span { font-size:10px; margin-bottom:6px; }
.horyzont .search-form .primary { height:47px; min-height:47px; margin-top:2px; justify-content:space-between; }
.horyzont .quick { font-size:10px; gap:5px 12px; }
.horyzont .jobs-section { padding:39px 0 0; }
.horyzont .section-title h2 { font-size:36px; font-weight:700; letter-spacing:-.04em; }
.horyzont .filters { margin:20px 0; gap:0; }
.horyzont .filters button { border:0; border-bottom:2px solid #dae3eb; padding:11px 20px; font-weight:600; }
.horyzont .filters button.active { border-bottom-color:var(--ink); background:#e9f0f6; color:var(--ink); }
.horyzont .jobs { display:grid; grid-template-columns:repeat(3,1fr); background:#edf3f8; border:1px solid #cbd8e4; }
.horyzont .job { display:grid; grid-template-columns:1fr 32px; padding:25px; gap:15px; border-right:1px solid #cbd8e4; border-bottom:1px solid #cbd8e4; }
.horyzont .job:nth-child(3n) { border-right:0; }
.horyzont .job:nth-last-child(-n+3) { border-bottom:0; }
.horyzont .job-symbol { display:grid; place-items:center; width:39px; height:39px; border:1px solid #b7c8d7; color:#406281; background:#fff; font-weight:600; font-size:14px; }
.horyzont .save { grid-column:2; grid-row:1; }
.horyzont .job-info { grid-column:1/-1; }
.horyzont .job-title { font-size:22px; letter-spacing:-.025em; }
.horyzont .job-company { margin:8px 0 11px; font-size:13px; }
.horyzont .job-meta { font-size:10px; }
.horyzont .job-pay { grid-column:1/-1; padding-top:15px; border-top:1px solid #cbd8e4; }
.horyzont .job-pay strong { font-size:18px; letter-spacing:-.025em; }
.horyzont .job-pay small { display:inline; font-size:10px; margin-left:7px; }
.horyzont .job-location { font-size:11px; }
.horyzont .job:hover { background:#e1edf7; }
.horyzont .editorial { margin-top:62px; }
.horyzont .articles { display:grid; grid-template-columns:repeat(4,1fr); gap:25px; }
.horyzont .article-photo { height:210px; }
.horyzont .article-copy { padding-top:18px; }
.horyzont .article h3 { font:600 25px/1.17 var(--font); letter-spacing:-.03em; }
.horyzont .article p { font-size:13px; }
.horyzont .category { font-size:10px; text-transform:uppercase; letter-spacing:.04em; }
.horyzont .article .read-article { padding-bottom:9px; border-bottom:2px solid var(--ink); gap:12px; }
.horyzont .employers { margin-top:48px; background:var(--ink); color:white; padding:31px 35px; border:0; }
.horyzont .employers h2 { font-size:33px; font-weight:700; letter-spacing:-.04em; }
.horyzont .employers span { color:#a9bfd3; font-size:9px; }
.horyzont .employers p { color:#c3d0dc; font-size:14px; }
.horyzont .employers .publish { background:white; color:var(--ink); border-color:white; }
.horyzont .newsletter h2 { font-size:31px; font-weight:700; letter-spacing:-.04em; }
.horyzont .newsletter { border-bottom:1px solid var(--line); }
@media(max-width:1150px) {
 .horyzont .hero-inner { width:calc(100% - 56px); gap:35px; }
 .horyzont h1 { font-size:53px; }
 .horyzont .job { padding:21px; }
 .horyzont .job-title { font-size:20px; }
 .horyzont .job-pay strong { font-size:16px; }
 .horyzont .job-pay small { display:block; margin:3px 0 0; }
 .horyzont .articles { gap:20px; }
 .horyzont .article-photo { height:165px; }
 .horyzont .article h3 { font-size:23px; }
}
@media(max-width:760px) {
 .horyzont .header-core { min-height:85px; }
 .horyzont .hero-inner { width:calc(100% - 36px); grid-template-columns:1fr; gap:27px; padding:27px 0; }
 .horyzont .hero-title > span { font-size:8px; letter-spacing:.06em; }
 .horyzont h1 { font-size:clamp(34px,10vw,45px); line-height:1.08; margin:19px 0; letter-spacing:-.05em; }
 .horyzont .hero-title p { font-size:13px; }
 .horyzont .hero-search { padding:21px; border-top-width:3px; }
 .horyzont .hero-search h2 { font-size:23px; margin-bottom:17px; }
 .horyzont .search-form input { font-size:14px; }
 .horyzont .quick { font-size:9px; gap:6px 9px; }
 .horyzont .jobs-section { padding-top:29px; }
 .horyzont .section-title h2 { font-size:30px; }
 .horyzont .section-title { flex-wrap:wrap; gap:5px; }
 .horyzont .filters { margin:17px 0; }
 .horyzont .filters button { font-size:11px; padding:9px 12px; }
 .horyzont .jobs { grid-template-columns:1fr; }
 .horyzont .job { padding:21px; grid-template-columns:1fr 30px; border-right:0; border-bottom:1px solid #cbd8e4; gap:13px; }
 .horyzont .job:nth-last-child(-n+3) { border-bottom:1px solid #cbd8e4; }
 .horyzont .job:last-child { border-bottom:0; }
 .horyzont .job-title { font-size:23px; }
 .horyzont .job-pay strong { font-size:18px; }
 .horyzont .job-pay small { display:inline; margin-left:7px; }
 .horyzont .editorial { margin-top:40px; }
 .horyzont .articles { grid-template-columns:1fr 1fr; gap:25px 17px; }
 .horyzont .article-photo { height:145px; }
 .horyzont .article h3 { font-size:23px; }
 .horyzont .article p { display:none; }
 .horyzont .article-copy { padding-top:13px; }
 .horyzont .article .read-article { font-size:11px; }
 .horyzont .employers { padding:25px 22px; margin-top:35px; }
 .horyzont .employers h2 { font-size:30px; }
 .horyzont .employers p { font-size:13px; }
 .horyzont .newsletter h2 { font-size:28px; }
}