.guides-page{background-color:var(--color-dark-blue);width:100%;min-height:100vh}.guides-page__inner{max-width:80rem;margin:0 auto;padding-block:6rem;padding-inline:2.5rem}.guides-page__hero{z-index:10;margin-bottom:4rem;position:relative}.guides-page__hero-gif{top:0;z-index:10;pointer-events:none;display:none;position:absolute;inset-inline-end:-1rem}@media (min-width:768px){.guides-page__hero-gif{display:block;inset-inline-end:-3rem}}@media (min-width:1024px){.guides-page__hero-gif{inset-inline-end:-5rem}}.guides-page__hero-gif-img{object-fit:contain;width:8rem;height:auto}@media (min-width:768px){.guides-page__hero-gif-img{width:12rem}}@media (min-width:1024px){.guides-page__hero-gif-img{width:16rem}}@media (min-width:1280px){.guides-page__hero-gif-img{width:18rem}}.guides-page__hero-row{flex-direction:row;justify-content:center;align-items:flex-start;width:100%;max-width:64rem;margin:0 auto;display:flex}.guides-page__hero-spacer{flex-shrink:0;display:none}@media (min-width:768px){.guides-page__hero-spacer{width:12rem;display:block}}@media (min-width:1024px){.guides-page__hero-spacer{width:16rem}}@media (min-width:1280px){.guides-page__hero-spacer{width:18rem}}.guides-page__hero-text{text-align:center;flex:1;min-width:0;max-width:48rem}.guides-page__hero-title{text-align:center;color:var(--color-lime);margin-bottom:1.5rem;font-size:2.25rem;line-height:1}@media (min-width:768px){.guides-page__hero-title{font-size:3rem}}@media (min-width:1024px){.guides-page__hero-title{font-size:3.75rem}}.guides-page__hero-desc{text-align:center;color:#fff;margin:0;font-size:1.25rem;line-height:1.5rem}.guides-grid{grid-template-columns:1fr;gap:2rem;display:grid}@media (min-width:768px){.guides-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.guides-grid{grid-template-columns:repeat(3,1fr)}}.guides-grid--single{justify-items:center;max-width:28rem;margin:0 auto}.guides-grid--double{max-width:42rem;margin:0 auto}.guide-detail-page{background-color:var(--color-dark-blue);min-height:100vh;padding-block:2rem}@media (min-width:768px){.guide-detail-page{padding-block:3rem}}.guide-detail-page__inner{max-width:80rem;margin:0 auto;padding-inline:1rem}@media (min-width:768px){.guide-detail-page__inner{padding-inline:2rem}}@media (min-width:1024px){.guide-detail-page__inner{max-width:1637px;padding-inline:3rem}}.guide-back-link{color:#ffffffb3;align-items:center;gap:.375rem;margin-bottom:1.5rem;font-size:.875rem;text-decoration:none;transition:color .15s;display:inline-flex}.guide-back-link:hover{color:#ffffffe6}@media (min-width:768px){.guide-back-link{margin-bottom:2rem;font-size:1rem}}