.howto-items{margin:calc(2*var(--base-padding))0 0;gap:calc(2*var(--base-padding))var(--base-padding);grid-template-columns:repeat(auto-fill,minmax(26rem,1fr));display:grid}.howto-items .item{box-sizing:border-box;transition:border .2s}.howto-items figure{aspect-ratio:2;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:8px;justify-content:center;align-items:center;margin:0;display:flex;position:relative}.howto-items figure span{z-index:2;color:var(--white);opacity:0;font-size:1.4em;font-weight:600;transition:opacity .3s .1s}.howto-items figure:after{border-radius:inherit;background:var(--accent-500);content:"";opacity:0;transition:opacity .3s;display:block;position:absolute;top:0;right:0;bottom:0;left:0}.howto-items a{height:100%;color:var(--gray-900);flex-direction:column;justify-content:space-between;display:flex}.howto-items a div.header{flex-direction:column;flex:1;justify-content:flex-end;margin:0 0 1em;display:flex}.howto-items a:hover h3{color:var(--accent-500)}.howto-items a:hover figure span{opacity:1}.howto-items a:hover figure:after{opacity:.6}.howto-items h3{margin:0;padding:.5em 0 0;font-size:1.3em;font-weight:600;line-height:1.3em;transition:color .3s}.howto-items p{color:var(--gray-500);margin:0;font-size:1em}@media (width>=900px){.howto-items figure{aspect-ratio:1.5}}main.howto.index{padding:var(--base-padding)}main.howto.index>section{max-width:min(1200px,var(--max-container-width));margin:0 auto}main.howto.index header{margin:var(--base-padding)0 calc(var(--base-padding)*2)0;text-align:center}main.howto.index header h2{margin:0 0 .25em;font-size:3.6rem;font-weight:600}main.howto.index header p{max-width:25ch;color:var(--gray-500);margin:0 auto;font-size:1.8rem}main.howto.view .jumbo{background-position:50%;background-size:cover;height:20vh;max-height:400px}main.howto.view section{padding:var(--base-padding)}main.howto.view .panel{max-width:45em;margin:0 auto}@media (width>900px){main.howto.view .jumbo{border-bottom:1px solid var(--gray-200);height:40vh}main.howto.view section{margin-top:-15vh}}