.tut-hero,.tut-article,.tut-help{--tut-ink: #1a1b18;--tut-text: #212326;--tut-muted: #5c5f63;--tut-border: #d2d5d9;--tut-warm: #f0eee9;--tut-placeholder: #f3f3f3;--tut-serif: "Libre Baskerville", Georgia, serif;font-family:Montserrat,sans-serif;letter-spacing:normal}@media(prefers-reduced-motion:no-preference){html:has(.tut-article){scroll-behavior:smooth}}.tut-hero{background:var(--tut-warm);padding:clamp(64px,9vw,104px) 40px;text-align:center}.tut-hero__eyebrow{margin:0;font-size:11px;font-weight:600;letter-spacing:.04em;color:var(--tut-muted)}.tut-hero__title{margin:12px auto 0;max-width:18em;font-family:var(--tut-serif);font-weight:400;font-size:clamp(26px,3.2vw,36px);line-height:1.3;color:var(--tut-ink)}.tut-hero__lead{margin:18px auto 0;max-width:32em;font-family:var(--tut-serif);font-style:italic;font-weight:400;font-size:clamp(17px,2vw,20px);line-height:1.65;color:var(--tut-text)}.tut-hero__meta{margin:22px 0 0;font-size:13px;color:var(--tut-muted)}.tut-hero__meta span+span:before{content:"\b7";margin:0 10px;color:var(--tut-border)}@media screen and (max-width:749px){.tut-hero{padding:48px 24px 56px}}.tut-article{background:#fff}.tut-article__inner{max-width:720px;margin:0 auto;padding:clamp(40px,6vw,64px) 20px clamp(64px,9vw,104px)}.tut-article__back{display:inline-flex;align-items:center;min-height:44px;margin:0 0 28px;color:var(--tut-ink);font-size:13px;font-weight:600;text-decoration:none}.tut-toc{margin:0 0 clamp(40px,6vw,56px)}.tut-toc__label{margin:0 0 14px;font-size:11px;font-weight:600;letter-spacing:.04em;color:var(--tut-muted)}.tut-toc__list{margin:0;padding:0;list-style:none;border-top:1px solid var(--tut-border)}.tut-toc__item{border-bottom:1px solid var(--tut-border)}.tut-toc__link{display:flex;align-items:baseline;gap:16px;padding:12px 2px;font-size:13px;font-weight:600;color:var(--tut-ink);text-decoration:none;transition:transform .3s ease-out}.tut-toc__num{font-family:var(--tut-serif);font-weight:400;font-size:13px;color:var(--tut-muted);min-width:22px}.tut-chapter{margin-top:clamp(56px,8vw,88px);scroll-margin-top:96px}.tut-chapter:before{content:"";display:block;width:48px;border-top:1px solid var(--tut-border);margin-bottom:28px}.tut-chapter__eyebrow{margin:0;font-size:11px;font-weight:600;letter-spacing:.04em;color:var(--tut-muted)}.tut-chapter__title{margin:10px 0 0;font-family:var(--tut-serif);font-weight:400;font-size:clamp(23px,2.6vw,32px);line-height:1.3;color:var(--tut-ink)}.tut-prose{margin-top:28px;font-size:15px;line-height:1.8;color:var(--tut-text)}.tut-prose p{margin:0}.tut-prose p+p{margin-top:1.1em}.tut-prose a{color:var(--tut-ink);font-weight:600;text-decoration:none}.tut-step{position:relative;margin-top:44px}.tut-step__num{display:block;font-family:var(--tut-serif);font-weight:400;font-size:clamp(17px,2vw,22px);line-height:1;color:var(--tut-ink);margin-bottom:10px}.tut-step__title{margin:0;font-size:15px;font-weight:600;color:var(--tut-ink)}.tut-step__body{margin-top:8px;font-size:15px;line-height:1.75;color:var(--tut-text)}.tut-step__body p{margin:0}.tut-step__body p+p{margin-top:1em}.tut-step__media{margin:18px 0 0;border-radius:0;overflow:hidden}.tut-step__media img{display:block;width:100%;height:auto}@media screen and (min-width:990px){.tut-step__num{position:absolute;left:-88px;top:1px;width:64px;text-align:right;margin-bottom:0}}.tut-tip{margin-top:36px;background:var(--tut-warm);border-radius:0;padding:26px 30px}.tut-tip__label{margin:0;font-size:11px;font-weight:600;letter-spacing:.04em;color:var(--tut-muted)}.tut-tip__text{margin:8px 0 0;font-family:var(--tut-serif);font-weight:400;font-size:clamp(17px,2vw,20px);line-height:1.65;color:var(--tut-ink)}@media screen and (max-width:749px){.tut-tip{padding:22px}}.tut-figure{margin:48px 0 0}.tut-figure__frame{position:relative;aspect-ratio:16 / 9;background:var(--tut-placeholder);border-radius:0;overflow:hidden}.tut-figure__frame img,.tut-figure__frame iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;object-fit:cover}.tut-figure__play{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:transparent;border:0;cursor:pointer;padding:0}.tut-figure__play-circle{width:56px;height:56px;border-radius:50%;background:#fff;border:1px solid var(--tut-border);display:flex;align-items:center;justify-content:center;transition:background .3s ease-out}.tut-figure__play-circle svg{width:18px;height:18px;fill:var(--tut-ink);transition:fill .3s ease-out}.tut-figure__caption{margin:12px 0 0;font-size:12px;color:var(--tut-muted)}.tut-figure--image .tut-figure__frame{aspect-ratio:auto}.tut-figure--image .tut-figure__frame img{position:static;display:block;height:auto}.tut-divider{margin:clamp(48px,7vw,64px) auto 0;width:48px;border:0;border-top:1px solid var(--tut-border)}.tut-faq--first{margin-top:32px;border-top:1px solid var(--tut-border)}.tut-faq{border-bottom:1px solid var(--tut-border)}.tut-faq__q{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 2px;font-size:15px;font-weight:600;color:var(--tut-ink);cursor:pointer;list-style:none}.tut-faq__q::-webkit-details-marker{display:none}.tut-faq__icon{flex:none;width:14px;height:14px;transition:transform .3s ease-out}.tut-faq__icon path{stroke:var(--tut-muted)}.tut-faq[open] .tut-faq__icon{transform:rotate(180deg)}.tut-faq__a{padding:0 2px 20px;font-size:15px;line-height:1.75;color:var(--tut-text);max-width:62ch}.tut-faq__a p{margin:0}.tut-faq__a p+p{margin-top:1em}.tut-download{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px;padding:14px 2px;border-top:1px solid var(--tut-border);border-bottom:1px solid var(--tut-border);text-decoration:none}.tut-download+.tut-download{margin-top:-1px}.tut-download__label{font-size:15px;font-weight:600;color:var(--tut-ink);text-decoration:none}.tut-download__meta{font-size:12px;color:var(--tut-muted)}.tut-download svg{flex:none;width:16px;height:16px}.tut-download svg path{stroke:var(--tut-ink)}.tut-help{background:#1e1f1b;padding:clamp(56px,8vw,88px) 40px;text-align:center}.tut-help__title{margin:0 auto;max-width:20em;font-family:var(--tut-serif);font-weight:400;font-size:clamp(23px,2.6vw,32px);line-height:1.3;color:#f0eee9}.tut-help__text{margin:14px auto 0;max-width:36em;font-size:13px;line-height:1.7;color:#f0eee9c7}.tut-help__btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin-top:28px;background:#f0eee9;color:var(--tut-ink);font-size:13px;font-weight:600;padding:14px 34px;border-radius:0;text-decoration:none;transition:background .3s ease-out}@media screen and (max-width:749px){.tut-help{padding:48px 24px}}@media(prefers-reduced-motion:reduce){.tut-toc__link,.tut-faq__icon,.tut-figure__play-circle,.tut-figure__play-circle svg,.tut-help__btn{transition:none}}.tut-hub{background:#fff;--tut-ink: #1a1b18;--tut-text: #212326;--tut-muted: #5c5f63;--tut-border: #d2d5d9;--tut-warm: #f0eee9;--tut-placeholder: #f3f3f3;--tut-serif: "Libre Baskerville", Georgia, serif;font-family:Montserrat,sans-serif;letter-spacing:normal}.tut-hub__inner{max-width:1200px;margin:0 auto;padding:clamp(48px,6vw,80px) 20px clamp(64px,9vw,104px)}.tut-hub__intro{max-width:760px;margin:0 auto;padding:clamp(56px,7vw,88px) 20px 12px;text-align:center}.tut-hub__eyebrow{margin:0;font-size:11px;font-weight:600;letter-spacing:.04em;color:var(--tut-muted)}.tut-hub__title{margin:12px auto 0;max-width:18em;color:var(--tut-ink);font-family:var(--tut-serif);font-size:clamp(26px,3.2vw,36px);font-weight:400;line-height:1.3}.tut-hub__lead{max-width:58ch;margin:18px auto 0;color:var(--tut-text);font-size:15px;line-height:1.7}.tut-hub-heading{margin:clamp(64px,8vw,96px) 0 32px}.tut-hub-heading:first-child{margin-top:0}.tut-hub-heading:before{content:"";display:block;width:48px;border-top:1px solid var(--tut-border);margin-bottom:28px}.tut-hub-heading__title{margin:10px 0 0;font-family:var(--tut-serif);font-weight:400;font-size:clamp(23px,2.6vw,32px);line-height:1.3;color:var(--tut-ink)}.tut-feature{display:grid;grid-template-columns:7fr 5fr;gap:clamp(28px,4vw,56px);align-items:center;text-decoration:none;color:inherit}.tut-feature__media{overflow:hidden;background:var(--tut-placeholder);aspect-ratio:16 / 10}.tut-feature__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease-out}.tut-feature__title{margin:12px 0 0;font-family:var(--tut-serif);font-weight:400;font-size:clamp(23px,2.6vw,32px);line-height:1.3;color:var(--tut-ink)}.tut-feature__dek{margin:14px 0 0;font-size:15px;line-height:1.7;color:var(--tut-text);max-width:34em}.tut-feature__meta{margin:16px 0 0;font-size:12px;color:var(--tut-muted)}.tut-feature__link{display:inline-block;margin-top:18px;font-size:13px;font-weight:600;color:var(--tut-ink);text-decoration:none}@media screen and (max-width:899px){.tut-feature{grid-template-columns:1fr;gap:20px;align-items:start}}.tut-hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:44px 28px}.tut-card{display:block;text-decoration:none;color:inherit}.tut-card__media{overflow:hidden;background:var(--tut-placeholder);aspect-ratio:3 / 2;margin-bottom:16px}.tut-card__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease-out}.tut-card__title{margin:10px 0 0;font-family:var(--tut-serif);font-weight:400;font-size:clamp(17px,2vw,22px);line-height:1.4;color:var(--tut-ink)}.tut-card__dek{margin:8px 0 0;font-size:13px;line-height:1.6;color:var(--tut-muted)}.tut-card__meta{margin:10px 0 0;font-size:12px;color:var(--tut-muted)}.tut-hub-videos{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:40px 24px}.tut-vcard__frame{position:relative;aspect-ratio:16 / 9;background:var(--tut-placeholder);overflow:hidden;margin-bottom:14px}.tut-vcard__frame img,.tut-vcard__frame iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;object-fit:cover}.tut-vcard__play{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:transparent;border:0;cursor:pointer;padding:0}.tut-vcard__play-circle{width:44px;height:44px;border-radius:50%;background:#fff;border:1px solid var(--tut-border);display:flex;align-items:center;justify-content:center;transition:background .3s ease-out}.tut-vcard__play-circle svg{width:15px;height:15px;fill:var(--tut-ink);transition:fill .3s ease-out}.tut-vcard__title{margin:8px 0 0;font-size:15px;font-weight:600;line-height:1.45;color:var(--tut-ink)}.tut-vcard__meta{margin:8px 0 0;font-size:12px;color:var(--tut-muted)}@media(prefers-reduced-motion:reduce){.tut-feature__media img,.tut-card__media img,.tut-vcard__play-circle,.tut-vcard__play-circle svg{transition:none}}.tut-posters{max-width:1400px;margin:0 auto;padding:clamp(32px,5vw,56px) 20px clamp(64px,8vw,96px);display:grid;grid-template-columns:1fr;gap:clamp(20px,2.5vw,32px)}@media screen and (min-width:990px){.tut-posters{grid-template-columns:repeat(2,1fr)}}.tut-split{display:grid;grid-template-columns:58fr 42fr;background:var(--tut-warm);text-decoration:none}.tut-split__media{overflow:hidden;aspect-ratio:4 / 3;background:var(--tut-placeholder)}.tut-split__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease-out}.tut-split__panel{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px 28px}.tut-split__eyebrow{margin:0;font-size:11px;font-weight:600;letter-spacing:.04em;color:var(--tut-muted)}.tut-split__title{margin:10px 0 0;font-family:var(--tut-serif);font-weight:400;font-size:clamp(17px,2vw,22px);line-height:1.35;color:var(--tut-ink)}.tut-split__link{margin:18px 0 0;font-size:13px;font-weight:600;color:var(--tut-ink);text-decoration:none}@media screen and (max-width:749px){.tut-split{grid-template-columns:1fr}.tut-split__media{aspect-ratio:16 / 9}.tut-split__panel{padding:22px 20px 26px}}@media(prefers-reduced-motion:reduce){.tut-split__media img{transition:none}}@media(hover:hover){.tut-toc__link:hover{transform:translate(3px)}.tut-article__back:hover,.tut-prose a:hover,.tut-download:hover .tut-download__label,.tut-feature:hover .tut-feature__title,.tut-feature:hover .tut-feature__link,.tut-card:hover .tut-card__title,.tut-split:hover .tut-split__link{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.tut-figure__play:hover .tut-figure__play-circle,.tut-vcard__play:hover .tut-vcard__play-circle{background:var(--tut-ink)}.tut-figure__play:hover .tut-figure__play-circle svg,.tut-vcard__play:hover .tut-vcard__play-circle svg{fill:#fff}.tut-help__btn:hover{background:#fff}.tut-feature:hover .tut-feature__media img,.tut-card:hover .tut-card__media img,.tut-split:hover .tut-split__media img{transform:scale(1.02)}}.tut-article a:focus-visible,.tut-article summary:focus-visible,.tut-figure__play:focus-visible,.tut-help a:focus-visible,.tut-hub a:focus-visible,.tut-vcard__play:focus-visible{outline:2px solid var(--tut-ink);outline-offset:4px;text-decoration:none}
/*# sourceMappingURL=/cdn/shop/t/86/assets/tutorial-page.css.map */