body.gf-channels-code-page #ajax-content-wrap .container-wrap { padding-block:0!important; background:#fff; }
body.gf-channels-code-page #ajax-content-wrap .container.main-content { width:100%; max-width:none; padding:0; }
body.gf-channels-code-page #ajax-content-wrap .container.main-content>.row { margin:0; padding:0; }
.gf-channels,.gf-channels * { box-sizing:border-box; }
.gf-channels { background:#fff; color:#173527; }
.gf-channels__container { width:var(--gf-container-width,min(calc(100% - clamp(20px,5vw,72px)*2),1240px)); margin-inline:auto; padding-bottom:clamp(64px,7vw,100px); }
.gf-channels__header { padding-top:clamp(48px,5.5vw,80px); margin-bottom:40px; }
.gf-channels a { text-decoration:none!important; }
.gf-channels .gf-channels__back { display:inline-flex; align-items:center; gap:10px; min-height:32px; margin-bottom:24px; color:#59675f; font:500 13px/1.5 Montserrat,Arial,sans-serif; }
body.gf-channels-code-page .gf-channels #gf-channels-title { margin:0 0 40px!important; padding:0; color:#173527; font:600 clamp(36px,4.7vw,64px)/1.1 Montserrat,Arial,sans-serif!important; letter-spacing:-.04em; text-align:left; }
.gf-channels__switcher { display:flex; flex-wrap:wrap; gap:8px 32px; border-bottom:1px solid #dce3dd; }
.gf-channels .gf-channels__switcher a { display:block; position:relative; padding:16px 0; margin-bottom:-1px; border-bottom:2px solid transparent; color:#59675f; font:500 14px/1.5 Montserrat,Arial,sans-serif; transition:color .2s ease,border-color .2s ease; }
.gf-channels .gf-channels__switcher a[aria-current="page"] { border-color:#017231; color:#017231; }
.gf-channels .gf-channels__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:48px 28px; list-style:none; margin:0; padding:0; }
.gf-channels .gf-channels__grid>li { display:flex; min-width:0; margin:0; padding:0; list-style:none; }
.gf-channels .gf-channels__card { display:flex; flex-direction:column; width:100%; min-width:0; color:#173527; }
.gf-channels__image { aspect-ratio:4/3; overflow:hidden; background:#f3f5f0; }
.gf-channels .gf-channels__image img { display:block; width:100%!important; height:100%!important; object-fit:cover; margin:0!important; border-radius:0; box-shadow:none; transition:transform .65s cubic-bezier(.2,.65,.3,1); }
.gf-channels__content { position:relative; display:flex; flex:1; flex-direction:column; align-items:flex-start; gap:18px; padding:24px 64px 24px 0; border-bottom:1px solid #dce3dd; }
.gf-channels .gf-channels__content h2 { padding:0; margin:0; color:#173527; font:500 clamp(22px,1.8vw,26px)/1.3 Montserrat,Arial,sans-serif; letter-spacing:-.025em; }
.gf-channels__label { margin-top:auto; color:#017231; font:600 11px/1.5 Montserrat,Arial,sans-serif; letter-spacing:.1em; text-transform:uppercase; }
.gf-channels__arrow { position:absolute; bottom:22px; right:0; display:grid; place-items:center; width:44px; height:44px; border:1px solid #b5c4b9; border-radius:50%; line-height:0; letter-spacing:0; color:#017231; transition:color .25s ease,background-color .25s ease,border-color .25s ease; }
.gf-channels svg { display:block; flex:none; margin:0; padding:0; }
.gf-channels a:focus-visible { outline:2px solid #017231; outline-offset:6px; }
@media(hover:hover) {
 .gf-channels__card:hover .gf-channels__image img { transform:scale(1.035); }
 .gf-channels__card:hover .gf-channels__arrow { background:#017231; border-color:#017231; color:#fff; }
 .gf-channels .gf-channels__back:hover,.gf-channels .gf-channels__switcher a:hover { color:#017231; }
}
@media(min-width:621px) and (max-width:1000px) {
 .gf-channels .gf-channels__grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:36px 24px; }
}
@media(max-width:620px) {
 .gf-channels__header { padding-top:36px; margin-bottom:28px; }
 .gf-channels .gf-channels__back { margin-bottom:20px; }
 body.gf-channels-code-page .gf-channels #gf-channels-title { font-size:36px!important; margin-bottom:24px!important; }
 .gf-channels__switcher { gap:0; justify-content:space-between; }
 .gf-channels .gf-channels__switcher a { font-size:12px; padding-block:14px; }
 .gf-channels .gf-channels__grid { grid-template-columns:1fr; gap:32px; }
 .gf-channels__image { aspect-ratio:4/3; }
 .gf-channels__content { padding-top:20px; gap:14px; }
 .gf-channels .gf-channels__content h2 { font-size:24px; }
}
@media(prefers-reduced-motion:reduce) { .gf-channels * { transition:none!important; } }
