.tutorial-grid-custom{width:100%}.tutorial-grid-custom .page-width{max-width:1400px;margin:0 auto;padding:0 20px}.tutorial-grid-custom .section-heading{margin-bottom:40px}.tutorial-grid-custom .section-heading__title{font-weight:700;line-height:1.2;margin:0}.tutorial-grid-custom .section-heading__subtitle{margin:0;line-height:1.5}.tutorial-grid__row{display:grid;gap:var(--card-gap, 16px);margin-bottom:var(--card-gap, 16px)}.tutorial-grid__row--left{grid-template-columns:var(--featured-card-width, 60%) calc(100% - var(--featured-card-width, 60%) - var(--card-gap, 16px))}.tutorial-grid__row--right{grid-template-columns:calc(100% - var(--featured-card-width, 60%) - var(--card-gap, 16px)) var(--featured-card-width, 60%)}.tutorial-grid__row--right .tutorial-grid__featured{order:2}.tutorial-grid__row--right .tutorial-grid__small-cards{order:1}.tutorial-grid__featured{display:flex;height:100%}.tutorial-grid__small-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--card-gap, 16px);height:100%}.tutorial-card{position:relative;background-color:var(--card-bg-color, #f5f5f5);border-radius:var(--card-border-radius, 12px);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--card-shadow, 0 2px 8px 0 rgba(0, 0, 0, .1));display:flex;flex-direction:column;height:100%}.tutorial-card:hover{transform:translateY(-4px);box-shadow:var(--card-hover-shadow, 0 8px 24px 0 rgba(0, 0, 0, .15))}.tutorial-card__link{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}.tutorial-card__image-wrapper{position:relative;width:100%;overflow:hidden;flex:1;min-height:0}.tutorial-card__image-wrapper--adapt{aspect-ratio:auto}.tutorial-card__image-wrapper--1\/1{aspect-ratio:1 / 1}.tutorial-card__image-wrapper--3\/4{aspect-ratio:3 / 4}.tutorial-card__image-wrapper--4\/3{aspect-ratio:4 / 3}.tutorial-card__image-wrapper--16\/9{aspect-ratio:16 / 9}.tutorial-card--small .tutorial-card__image-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;aspect-ratio:unset!important}.tutorial-card__image{width:100%;height:100%;object-fit:cover;display:block}.tutorial-card__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--overlay-color, rgba(0, 0, 0, .3));opacity:var(--overlay-opacity, .3);transition:opacity .3s ease;z-index:1}.tutorial-card:hover .tutorial-card__overlay{opacity:calc(var(--overlay-opacity, .3) * 1.3)}.tutorial-card__content{position:absolute;bottom:0;left:0;right:0;padding:20px;z-index:2;display:flex;flex-direction:column;gap:8px}.tutorial-card__subtitle{display:inline-flex;align-items:center;gap:6px;font-size:var(--subtitle-font-size, 12px);color:var(--subtitle-color, #ffffff);font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin:0}.tutorial-card__subtitle svg{width:14px;height:14px;fill:currentColor}.tutorial-card__title{font-size:var(--title-font-size, 18px);color:var(--title-color, #ffffff);font-weight:600;line-height:1.3;margin:0;transition:color .3s ease}.tutorial-card:hover .tutorial-card__title{color:var(--title-color, #ffffff)}.tutorial-card__meta{display:flex;align-items:center;gap:12px;font-size:13px;color:#ffffffd9;margin-top:4px}.tutorial-card__meta-item{display:flex;align-items:center;gap:4px}.tutorial-card__excerpt{margin:8px 0 0;font-size:14px;line-height:1.5;color:#ffffffe6}.tutorial-card--featured{height:100%;min-height:var(--featured-card-min-height, 500px)}.tutorial-card--featured .tutorial-card__content{padding:32px}.tutorial-card--featured .tutorial-card__title{font-size:calc(var(--title-font-size, 18px) * 1.5)}.tutorial-card--small{min-height:var(--small-card-min-height, 240px)}.tutorial-card--placeholder .tutorial-card__image-wrapper{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center}.tutorial-card--placeholder .tutorial-card__placeholder-icon{width:64px;height:64px;opacity:.3}.tutorial-card--placeholder .tutorial-card__title{opacity:.9}.tutorial-grid__view-all{text-align:center;margin-top:40px}.tutorial-grid__view-all .button{display:inline-block;font-weight:600;text-decoration:none;transition:all .3s ease;cursor:pointer;border:none;font-size:16px}.tutorial-grid__view-all .button--primary{background-color:#000;color:#fff}.tutorial-grid__view-all .button--primary:hover{opacity:.85}.tutorial-grid__view-all .button--secondary{background-color:transparent;color:#000;border:2px solid #000000}.tutorial-grid__view-all .button--secondary:hover{background-color:#000;color:#fff}.tutorial-grid__view-all .button--tertiary{background-color:transparent;color:#000;text-decoration:underline}@media screen and (max-width: 989px){.tutorial-grid__row--left,.tutorial-grid__row--right{grid-template-columns:1fr}.tutorial-grid__row--right .tutorial-grid__featured{order:1}.tutorial-grid__row--right .tutorial-grid__small-cards{order:2}.tutorial-card--featured{min-height:max(400px,calc(var(--featured-card-min-height, 500px) * .8))}.tutorial-card--featured .tutorial-card__content{padding:24px}}@media screen and (max-width: 749px){.tutorial-grid-custom .page-width{padding:0 16px}.tutorial-grid__small-cards{grid-template-columns:1fr}.tutorial-card--featured{min-height:max(350px,calc(var(--featured-card-min-height, 500px) * .7))}.tutorial-card--featured .tutorial-card__content{padding:20px}.tutorial-card--featured .tutorial-card__title{font-size:calc(var(--title-font-size, 18px) * 1.2)}.tutorial-card--small{min-height:max(200px,calc(var(--small-card-min-height, 240px) * .85))}.tutorial-card__content{padding:16px}.tutorial-card__title{font-size:calc(var(--title-font-size, 18px) * .95)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tutorial-card{animation:fadeInUp .6s ease-out}.tutorial-card:nth-child(1){animation-delay:0s}.tutorial-card:nth-child(2){animation-delay:.1s}.tutorial-card:nth-child(3){animation-delay:.2s}.tutorial-card:nth-child(4){animation-delay:.3s}.tutorial-card:nth-child(5){animation-delay:.4s}
/*# sourceMappingURL=/cdn/shop/t/6/assets/tutorial-grid-custom.css.map */