.top-navigation{margin-top:96px;margin-bottom:24px}@media only screen and (min-width: 64em){.top-navigation{margin-top:0;margin-bottom:48px;border-bottom:1px solid var(--Primary-Green-10)}}.top-navigation>div{display:flex;align-items:center;justify-content:space-between;max-width:1280px;margin-inline:auto;padding-inline:20px}.top-navigation>div h1{margin-block:0}@media only screen and (min-width: 64em){.top-navigation>div h1{font-size:var(--h4-desktop);line-height:1.33333}}.top-navigation>div .navigation-tags{display:none}@media only screen and (min-width: 64em){.top-navigation>div .navigation-tags{display:flex}}.top-navigation>div .navigation-tags .tags{flex-direction:row;justify-content:space-evenly;gap:64px;margin-bottom:0}.top-navigation>div .navigation-tags .tags .tag{margin-block:40px}.top-navigation>div .navigation-tags .tags .tag.active{background-color:unset}.blog-highlights{max-width:1280px;margin:0 auto 72px}@media only screen and (min-width: 48em){.blog-highlights{margin-bottom:24px}}@media only screen and (min-width: 48em){.blog-subscription-wrapper{position:relative;width:100%;height:90px}}.blog-subscription-wrapper .blog-subscription{max-width:100%;width:100%;height:90px;background-color:var(--white)}@media only screen and (min-width: 64em){.blog-subscription-wrapper .blog-subscription{position:absolute;top:0;left:0;right:0}}@media only screen and (min-width: 64em){.blog-subscription-wrapper .blog-subscription.sticky{position:fixed;z-index:10;border-bottom:1px solid var(--Tertiary-Grey-60)}}.blog-listing{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;grid-template-areas:"subscription" "post-list";column-gap:112px;max-width:1280px;margin-inline:auto;padding-inline:20px}@media only screen and (min-width: 48em){.blog-listing{grid-template-columns:256px 1fr;grid-template-areas:"subscription subscription" "tag-list post-list"}}.blog-listing .side-navigation{display:none;grid-area:tag-list}@media only screen and (min-width: 48em){.blog-listing .side-navigation{display:block}}.blog-listing .side-navigation>div{position:sticky;top:224px}.blog-listing .side-navigation>div h5{margin-top:50px;margin-bottom:24px}@media only screen and (min-width: 64em){.blog-listing .side-navigation>div h5{margin-top:54px}}.blog-listing .post-list{grid-area:post-list;display:flex;flex-direction:column;gap:8px}.highlights>nav{display:flex;flex-direction:column;gap:40px;margin-bottom:24px}@media only screen and (min-width: 48em){.highlights>nav{flex-direction:row-reverse;gap:72px;margin-bottom:32px}}.highlights>nav .search{padding-inline:20px}@media only screen and (min-width: 48em){.highlights>nav .search{flex:0 1 400px;margin-bottom:0;padding-left:0}}.highlights>nav .tabs{padding-inline:20px}@media only screen and (min-width: 48em){.highlights>nav .tabs{flex:1 0 auto;padding-right:0}}.highlights .posts{--articles-col: 3;--articles-gap: 20px;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--articles-gap);margin-left:-20px;margin-right:-20px;padding-inline:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}@media only screen and (min-width: 48em){.highlights .posts{--articles-gap: 2px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:320px 320px;grid-template-areas:"post-1 post-2" "post-1 post-3";margin-left:0;margin-right:0}}.highlight{flex:0 0 calc((100% - (var(--articles-gap) * var(--articles-col) + var(--articles-gap))) / 1);display:flex;flex-direction:column;position:relative;height:270px;border:1px solid var(--Tertiary-Grey-60);background-color:var(--black);scroll-snap-align:center}@media only screen and (min-width: 32em){.highlight{flex:0 0 calc((100% - (var(--articles-gap) * var(--articles-col) + var(--articles-gap))) / 2)}}@media only screen and (min-width: 48em){.highlight{height:auto}}.highlight:first-child{margin-left:20px}@media only screen and (min-width: 48em){.highlight:first-child{margin-left:0}}.highlight:last-child{margin-right:20px}@media only screen and (min-width: 48em){.highlight:last-child{margin-right:0}}@media only screen and (min-width: 48em){.highlight:nth-child(1){grid-area:post-1}.highlight:nth-child(2){grid-area:post-2}.highlight:nth-child(3){grid-area:post-3}}.highlight:hover img{filter:brightness(40%)}.highlight.transition img{filter:brightness(0%);opacity:0}.highlight>img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;vertical-align:middle;filter:brightness(50%);opacity:1;transition:filter .4s ease-out,opacity .2s ease-in}.highlight>div{position:absolute;bottom:0;padding:24px;color:var(--white)}.highlight>div .post-tags{display:flex;gap:12px}.highlight>div .post-tags .post-tag{display:inline-block;padding:2px 8px;font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--black);background-color:var(--white)}.highlight>div .meta{display:flex;gap:4px;margin-top:auto;font-size:.875rem}.post-group{padding-block:48px;border-bottom:1px solid var(--Tertiary-Grey-60)}.post-group:last-child{border-bottom:unset}.post-group>header{display:flex;justify-content:space-between;gap:16px;margin-bottom:24px}.post-group>header h4{flex:1 1 auto;margin:0}.post-group>header .group-action{flex:0 0 auto}.post-group>header .group-button{position:relative;display:inline-flex;align-items:center;padding-right:46px;font-size:.875rem;font-weight:600;transition:all .2s}.post-group>header .group-button:hover{text-decoration:none}.post-group>header .group-button:hover:after{right:2px}.post-group>header .group-button:after{content:"";position:absolute;right:10px;display:inline-block;width:24px;height:24px;background-image:url(https://funnel.io/hubfs/Icons/icon-arrow-right-black.svg);background-size:24px;background-position:50% 50%;background-repeat:no-repeat;transition:all .2s}.post-group .posts{--articles-col: 3;--articles-gap: 20px;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--articles-gap);margin-left:-20px;margin-right:-20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}@media only screen and (min-width: 48em){.post-group .posts{--articles-gap: 24px;margin-left:0}}@media only screen and (min-width: 80em){.post-group .posts{margin-right:0}}.post{flex:0 0 calc((100% - (var(--articles-gap) * var(--articles-col) + var(--articles-gap))) / 1);display:flex;flex-direction:column;position:relative;border:1px solid var(--Tertiary-Grey-60);transition:all .2s ease;scroll-snap-align:center}@media only screen and (min-width: 32em){.post{flex:0 0 calc((100% - (var(--articles-gap) * var(--articles-col) + var(--articles-gap))) / 2)}}@media only screen and (min-width: 48em){.post{flex:0 0 calc((100% - (var(--articles-gap) * var(--articles-col) - var(--articles-gap))) / (var(--articles-col) - 2) - var(--articles-gap))}}@media only screen and (min-width: 64em){.post{flex:0 0 calc((100% - (var(--articles-gap) * var(--articles-col) - var(--articles-gap))) / (var(--articles-col) - 1) - var(--articles-gap))}}@media only screen and (min-width: 80em){.post{flex:0 0 calc((100% - (var(--articles-gap) * var(--articles-col) - var(--articles-gap))) / var(--articles-col))}}.post:first-child{margin-left:20px}@media only screen and (min-width: 48em){.post:first-child{margin-left:0}}.post:last-child{margin-right:20px}@media only screen and (min-width: 80em){.post:last-child{margin-right:0}}.post:hover{border-color:var(--black);text-decoration:none}.post:hover img,.post:hover .post-body .post-action{border-color:var(--black)}.post:hover .post-body .post-action .post-button:after{right:-44px}.post img{width:100%;border-bottom:1px solid var(--Tertiary-Grey-60);aspect-ratio:16/6;object-fit:cover;object-position:50% 50%;vertical-align:middle}.post .post-body{display:flex;flex-direction:column;height:100%;padding:16px 12px 4px}.post .post-body .post-tags{display:flex;gap:12px}.post .post-body .post-tags .post-tag{display:inline-block;padding:4px 8px;font-size:.75rem;font-weight:600;line-height:1;letter-spacing:.075em;text-transform:uppercase;background-color:var(--Tertiary-Grey-20)}.post .post-body h3.h5{--post-title-rows: 2;display:box;display:-webkit-box;-webkit-line-clamp:var(--post-title-rows);-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.post .post-body p{--post-summary-rows: 3;display:box;display:-webkit-box;-webkit-line-clamp:var(--post-summary-rows);-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-size:.875rem;line-height:1.42857em}.post .post-body .post-action{margin-top:auto;border-top:1px solid var(--Tertiary-Grey-60);transition:all .2s}.post .post-body .post-action .post-button{position:relative;display:inline-flex;align-items:center;gap:12px;padding:16px 0;font-size:.875rem;font-weight:600;transition:all .2s}.post .post-body .post-action .post-button:after{content:"";position:absolute;right:-36px;display:inline-block;width:24px;height:24px;background-image:url(https://funnel.io/hubfs/Icons/icon-arrow-right-black.svg);background-size:24px;background-position:50% 50%;background-repeat:no-repeat;transition:all .2s}.tags{display:flex;flex-direction:column;gap:8px;margin-bottom:64px}.tag{padding:12px 8px;font-size:1rem;line-height:1;font-weight:600}.tag:hover{color:var(--Secondary-Funnel-Orange);cursor:pointer}.tag.active{background-color:var(--Tertiary-Grey-10)}.subscription{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px 48px;max-width:960px;height:100%;margin-inline:auto;padding:20px}@media only screen and (min-width: 48em){.subscription{flex-direction:row}}.subscription:has(.submitted-message) .subscription-title{display:none}.subscription .subscription-title{flex:1;width:100%;font-size:.75rem}@media only screen and (min-width: 48em){.subscription .subscription-title{text-align:right;font-size:var(--body-desktop)}}.subscription .subscription-form{flex:1;width:100%;margin-inline:auto}@media only screen and (min-width: 48em){.subscription .subscription-form{width:auto}}.subscription .subscription-form .hubspot-form>div:has(.submitted-message){margin-block:0;flex-direction:row;justify-content:center;gap:12px}.subscription .subscription-form .hubspot-form>div:has(.submitted-message) .submitted-message{margin-bottom:0}.subscription .subscription-form .hubspot-form>div:has(.submitted-message) img{width:32px;height:32px;margin-bottom:0}.subscription .subscription-form .hubspot-form form{display:flex;align-items:flex-end;gap:12px;margin-inline:auto;position:relative}@media only screen and (min-width: 48em){.subscription .subscription-form .hubspot-form form{max-width:520px}}.subscription .subscription-form .hubspot-form form label{display:none}.subscription .subscription-form .hubspot-form form .hs-email,.subscription .subscription-form .hubspot-form form .hs-submit{margin-bottom:0}.subscription .subscription-form .hubspot-form form .hs-email{flex:1 1 auto}.subscription .subscription-form .hubspot-form form .hs-submit{flex:0 0 auto}@media only screen and (min-width: 32em){.subscription .subscription-form .hubspot-form form .hs-submit{width:auto}}.subscription .subscription-form .hubspot-form .btn{display:none}