tutorial-videos{display:block}.tutorial-section{background:var(--tv-bg, #F6F4EF);padding:64px 0 80px}.tutorial-section *{box-sizing:border-box}.tutorial-section__inner{max-width:100%;margin:0 auto;padding:0 48px}@media(max-width:749px){.tutorial-section__inner{padding:0 24px}}.tutorial-section__head{max-width:480px;margin-bottom:40px}.tutorial-section__kicker{font-family:var(--tv-font-body, sans-serif);font-weight:var(--tv-font-body-weight, 400);font-style:var(--tv-font-body-style, normal);font-size:13px;color:#5c5850;margin:0 0 10px}.tutorial-section__heading{font-family:var(--tv-font-heading, serif);font-weight:var(--tv-font-heading-weight, 400);font-style:var(--tv-font-heading-style, normal);font-size:34px;line-height:1.15;margin:0 0 12px;letter-spacing:-.01em;color:#201f1d}.tutorial-section .tutorial-section__heading,.tutorial-card .tutorial-card__title{text-transform:none}.tutorial-section__subheading{font-family:var(--tv-font-body, sans-serif);font-weight:var(--tv-font-body-weight, 400);font-style:var(--tv-font-body-style, normal);font-size:15px;line-height:1.55;color:#5c5850;margin:0}.tutorial-grid{display:grid;grid-template-columns:1fr;gap:18px}@media(min-width:750px){.tutorial-grid{grid-template-columns:repeat(2,1fr);gap:24px}}@media(min-width:1024px){.tutorial-grid{grid-template-columns:repeat(4,1fr)}}.tutorial-card{background:var(--tv-card-bg, #fff);border:1px solid #DEDAD0;border-radius:2px;overflow:hidden;display:flex;flex-direction:column}.tutorial-card__media{position:relative;aspect-ratio:1 / 1;background:#e7e3d8;overflow:hidden}.tutorial-card__media img,.tutorial-card__placeholder,.tutorial-card__placeholder svg{width:100%;height:100%;object-fit:cover;display:block}.tutorial-card__index{position:absolute;top:14px;left:14px;font-family:var(--tv-font-body, sans-serif);font-weight:var(--tv-font-body-weight, 400);font-style:var(--tv-font-body-style, normal);font-size:12px;color:#201f1d;background:#ffffffe0;padding:3px 8px;border-radius:20px;z-index:1}.tutorial-card__body{padding:22px 22px 24px}.tutorial-card__title{font-family:var(--tv-font-heading, serif);font-weight:var(--tv-font-heading-weight, 400);font-style:var(--tv-font-heading-style, normal);font-size:20px;margin:0 0 8px;letter-spacing:-.005em;color:#201f1d}.tutorial-card__desc{font-family:var(--tv-font-body, sans-serif);font-weight:var(--tv-font-body-weight, 400);font-style:var(--tv-font-body-style, normal);font-size:14px;line-height:1.55;color:#5c5850;margin:0 0 16px}.tutorial-card__desc p{margin:0;font-family:inherit;font-weight:inherit;font-size:inherit;line-height:inherit;letter-spacing:inherit}.tutorial-card__actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.tutorial-card__toggle{display:inline-flex;align-items:center;gap:8px;background:none;border:none;padding:0;font-family:var(--tv-font-body, sans-serif);font-size:14px;font-weight:600;font-style:var(--tv-font-body-style, normal);color:var(--tv-accent, #2F5D55);cursor:pointer}.tutorial-card__toggle--image{color:#201f1d;opacity:.75}.tutorial-card__arrow{transition:transform .25s ease;font-size:13px}[aria-expanded=true] .tutorial-card__arrow{transform:rotate(90deg)}.tutorial-card__drop{display:grid;grid-template-rows:0fr;transition:grid-template-rows .32s ease}.tutorial-card__drop.is-open{grid-template-rows:1fr}.tutorial-card__drop-inner{overflow:hidden}.tutorial-card__video-frame{margin:0 22px 22px;border-radius:2px;overflow:hidden;background:#111;isolation:isolate}.tutorial-card__video-top{display:flex;justify-content:flex-end;padding:8px 10px;background:#111}.tutorial-card__close{background:none;border:none;color:#fff;opacity:.75;font-size:13px;cursor:pointer;font-family:var(--tv-font-body, sans-serif);font-weight:var(--tv-font-body-weight, 400);font-style:var(--tv-font-body-style, normal);padding:4px 8px}.tutorial-card__close:hover{opacity:1}.tutorial-card__video-body{aspect-ratio:1 / 1;width:100%}.tutorial-card__video-body iframe,.tutorial-card__video-body video{width:100%;height:100%;border:0;display:block;object-fit:cover;background:#111}.tutorial-card__video-body--image{background:#111}.tutorial-card__video-body--image img{width:100%;height:100%;object-fit:contain;display:block}
/*# sourceMappingURL=/cdn/shop/t/71/assets/tutorial-videos-section.css.map */