.base-hero{background-color:#b8e276;background-image:url(/images/hero-backdrop-default.jpg);background-size:cover;background-position:100%;padding:3rem 0 3rem 1rem;margin-bottom:3rem}@media screen and (min-width:64em){.base-hero{padding:6rem 1rem 6rem 4rem}}.base-hero__wrap{container-type:inline-size;position:relative;padding:3em 1em 1em;margin-right:.625rem;margin-left:.625rem;max-width:94.375rem}@media(min-width:34.375em){.base-hero__wrap{margin-right:1.5rem;margin-left:1.5rem}}@media(min-width:97.375em){.base-hero__wrap{margin-right:auto;margin-left:auto}}@media screen and (min-width:64em){.base-hero__wrap{padding:5em 3em 3em}}.base-hero__wrap::before,.base-hero__wrap::after{content:"";position:absolute;background-color:#1f2121}.base-hero__wrap::before{top:0;bottom:-6rem;left:0;width:.1875rem}@media screen and (min-width:64em){.base-hero__wrap::before{bottom:-9rem}}.base-hero__wrap::after{right:0;bottom:0;left:-1em;height:.1875rem}@media screen and (min-width:64em){.base-hero__wrap::after{left:-3em}}.base-hero h1{font-size:clamp(2.25rem,8cqi,4.5rem);line-height:1.0625em;margin:0 0 .25em}.base-hero__overview p{font-size:1.0625em;line-height:1.5em;font-weight:600;max-width:50em;margin:0}@media screen and (min-width:31.25em){.base-hero__overview p{font-size:1.25em}}.base-hero__overview p+p{margin-top:.75em}.post-grid__posts{display:grid;grid-template-columns:repeat(1,1fr);grid-column-gap:1.5rem;grid-row-gap:1.5rem}@media screen and (min-width:31.25em){.post-grid__posts{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:56em){.post-grid__posts{grid-template-columns:repeat(3,1fr);grid-column-gap:2rem;grid-row-gap:2rem}}@media screen and (min-width:64em){.post-grid__posts{grid-column-gap:3rem;grid-row-gap:3rem}}.post-grid__pagination .pagination{list-style:none;margin:0;padding:0;display:flex;justify-content:center;align-items:center;margin:3rem 0}@media screen and (min-width:50em){.post-grid__pagination .pagination{margin-top:6rem;margin-bottom:6rem}}.post-grid__pagination .pagination__label{order:2;display:block;font-size:1.25rem;line-height:1em;font-weight:600;text-align:center;margin:0 2em}.post-grid__pagination .pagination__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;border:none;margin:0;padding:0;position:relative;display:inline-block;border:.1875rem solid #1f2121;font-size:1.4375em;line-height:1.25em;font-weight:600;text-align:right;padding:1.125rem 1.25rem;font-weight:600;color:#1f2121}@media screen and (min-width:34.375em){.post-grid__pagination .pagination__button{padding:1.625rem 1.75rem}}.post-grid__pagination .pagination__button::before{content:"";position:absolute;top:0;bottom:0;left:0;background:#58dbed;z-index:-1;transition:all .3s cubic-bezier(.65,.05,.36,1)}@media(prefers-reduced-motion:reduce){.post-grid__pagination .pagination__button::before{transition:none}}.post-grid__pagination .pagination__button .icon{transform:translateX(0);transition:all .3s cubic-bezier(.65,.05,.36,1)}@media(prefers-reduced-motion:reduce){.post-grid__pagination .pagination__button .icon{transition:none}}.post-grid__pagination .pagination__button span{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.post-grid__pagination .pagination__button:link,.post-grid__pagination .pagination__button:visited{color:#1f2121}.post-grid__pagination .pagination__button:focus::before,.post-grid__pagination .pagination__button:hover::before{transition-duration:.1s}.post-grid__pagination .pagination__button:focus .icon,.post-grid__pagination .pagination__button:hover .icon{transition-duration:.5s}.post-grid__pagination .pagination__button:disabled{opacity:.3;pointer-events:none}.post-grid__pagination .pagination__button--prev{order:1}.post-grid__pagination .pagination__button--prev::before{right:0;left:100%}.post-grid__pagination .pagination__button--prev:focus::before,.post-grid__pagination .pagination__button--prev:hover::before{left:0}.post-grid__pagination .pagination__button--prev:focus .icon,.post-grid__pagination .pagination__button--prev:hover .icon{transform:translateX(-.25em)}.post-grid__pagination .pagination__button--next{order:3}.post-grid__pagination .pagination__button--next::before{left:0;right:100%}.post-grid__pagination .pagination__button--next:focus::before,.post-grid__pagination .pagination__button--next:hover::before{right:0}.post-grid__pagination .pagination__button--next:focus .icon,.post-grid__pagination .pagination__button--next:hover .icon{transform:translateX(.25em)}.tag-list{font-size:1rem;display:flex;align-items:start}.tag-list__label{flex-shrink:0;color:#1f2121;font-size:1em;line-height:1em;font-weight:700;border-radius:.25rem;padding:.625em 1em .5em 0}.tag-list__items{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.75em}.tag-list .tag{display:block;background:#f0f5f4;color:#1f2121;font-size:1em;line-height:1em;font-weight:600;border-radius:.25rem;padding:.625em .75em .5em}.tag-list a.tag{transition:all .3s cubic-bezier(.65,.05,.36,1)}.tag-list a.tag:link,.tag-list a.tag:visited{color:#1f2121}.tag-list a.tag:focus,.tag-list a.tag:hover{color:#00a4c4;transition-duration:.1s}.post-card{display:block;container-type:inline-size;color:#1f2121;border:.1875rem solid #1f2121}.post-card:link,.post-card:visited,.post-card:focus,.post-card:hover,.post-card:active{color:currentColor}.post-card article{display:grid;grid-template-rows:auto 1fr auto;height:100%}.post-card__thumb{background:#b8e276;margin:0;padding:0;aspect-ratio:1/1}.post-card__thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.post-card__overview{padding:1.25em}@container(min-width:20rem){.post-card__overview {
    padding: 1.75rem; } }.post-card__title{display:block;font-size:1.5rem;font-size:clamp(1.5rem,10cqi,2.375rem);line-height:1.25em;font-weight:600}.post-card__date{display:block;font-size:1.3125em;line-height:1.25em;color:#777c7b;margin-top:1.5em}.post-card .tag-list{font-size:.875rem;margin-top:2rem}.post-card .tag-list__label{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.post-card__action{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;border:none;margin:0;padding:0;position:relative;display:block;width:100%;font-size:1.4375em;line-height:1.25em;font-weight:600;text-align:right;padding:1.25rem;border-top:.1875rem solid #1f2121;cursor:pointer}.post-card__action::before{content:"";position:absolute;top:0;right:100%;bottom:0;left:0;background:#58dbed;z-index:-1;transition:all .3s cubic-bezier(.65,.05,.36,1)}@media(prefers-reduced-motion:reduce){.post-card__action::before{transition:none}}.post-card__action .icon{margin-left:.5em;transform:translateX(0);transition:all .3s cubic-bezier(.65,.05,.36,1)}@media(prefers-reduced-motion:reduce){.post-card__action .icon{transition:none}}@container(min-width:20rem){.post-card__action {
    padding: 1.75rem; } }.post-card:focus .post-card__action::before,.post-card:hover .post-card__action::before{right:0;transition-duration:.1s}.post-card:focus .post-card__action .icon,.post-card:hover .post-card__action .icon{transform:translateX(.25em);transition-duration:.5s}@keyframes topicSelectorIn{from{opacity:0;transform:translate3d(0,-2rem,0)}to{opacity:1;transform:translate3d(0,0,0)}}.topic-selector{position:relative;font-size:1rem}.topic-selector__toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;border:none;margin:0;padding:0;cursor:pointer;font-size:1.875em;line-height:1.125em;font-weight:600}.topic-selector__toggle .icon{transition:transform .25s cubic-bezier(.65,.05,.36,1);font-size:.5em;margin-left:.5em}.topic-selector__list{list-style:none;margin:0;padding:0;display:none;position:absolute;top:100%;right:0;width:15rem;background:#fff;border:.1875rem solid #1f2121;padding:1.25em;z-index:990;text-align:right;margin-top:.5em;animation:topicSelectorIn .5s cubic-bezier(.65,.05,.36,1)reverse}.topic-selector__list li{font-size:1.5rem;line-height:1.125em;font-weight:600}.topic-selector__list li a{display:block;color:#1f2121;transition:all .3s cubic-bezier(.65,.05,.36,1)}.topic-selector__list li a:link,.topic-selector__list li a:visited{color:#1f2121}.topic-selector__list li a:focus,.topic-selector__list li a:hover{color:#00a4c4;transition-duration:.1s}.topic-selector__list li+li{margin-top:.75em}.topic-selector.active .topic-selector__toggle .icon{transform:rotate(180deg)}.topic-selector.active .topic-selector__list{display:block;animation:topicSelectorIn .5s cubic-bezier(.65,.05,.36,1)}.home-hero{padding-bottom:1em}@media screen and (min-width:64em){.home-hero{padding-bottom:2em}}.home-hero__tags{margin-right:.625rem;margin-left:.625rem;max-width:94.375rem;display:flex;justify-content:flex-end;margin-top:1em}@media(min-width:34.375em){.home-hero__tags{margin-right:1.5rem;margin-left:1.5rem}}@media(min-width:97.375em){.home-hero__tags{margin-right:auto;margin-left:auto}}@media screen and (min-width:64em){.home-hero__tags{margin-top:2em}}.home-hero__tags .topic-selector{font-size:.75em}@media screen and (min-width:64em){.home-hero__tags .topic-selector{font-size:1em}}.home-posts{padding-top:3rem;padding-bottom:3rem;margin-right:.625rem;margin-left:.625rem;max-width:94.375rem}@media(min-width:34.375em){.home-posts{margin-right:1.5rem;margin-left:1.5rem}}@media(min-width:97.375em){.home-posts{margin-right:auto;margin-left:auto}}