.tutorials-hero{position:relative;height:500px;overflow:hidden;border-radius:0 0 36px 36px;color:#fff;margin-bottom:32px}.tutorials-hero picture,.tutorials-hero picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.tutorials-hero__breadcrumb{position:relative;display:flex;align-items:center;gap:10px;padding-top:26px;font-size:12px}.tutorials-hero__breadcrumb a{text-decoration:underline;text-underline-offset:3px}.tutorials-hero__title{position:relative;display:flex;align-items:center;justify-content:center;height:calc(100% - 50px)}.tutorials-hero h1{font-size:30px;line-height:1;color:#fff}.tutorials-gallery{max-width:1340px;margin:0 auto 10px}.tutorials-gallery__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin:0!important;padding:0;list-style:none}.tutorials-gallery__card{display:block;border-radius:16px;overflow:hidden}.tutorials-gallery__card img{display:block;width:100%;aspect-ratio:345/275;object-fit:cover}.tutorials-gallery:last-child{margin-bottom:56px}@media(min-width:750px){.tutorials-hero{height:700px;border-radius:0 0 56px 56px}.tutorials-hero__title{justify-content:flex-start;padding-left:150px}.tutorials-hero h1{font-size:60px}.tutorials-gallery__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tutorials-gallery__card img{height:500px;aspect-ratio:auto}}@media(prefers-reduced-motion:no-preference) and (hover:hover){a.tutorials-gallery__card img{transition:transform .3s ease}a.tutorials-gallery__card:hover img{transform:scale(1.02)}}