.landing-tutorial{margin-top:42px}.tutorial-card{width:100%;display:grid;grid-template-columns:160px 1fr;gap:30px;align-items:center;text-align:left;padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--surface,var(--bg));color:var(--text);font:inherit;cursor:pointer}.tutorial-thumbnail{position:relative;display:block;height:220px;border-radius:12px;overflow:hidden;background:var(--soft)}.tutorial-thumbnail img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}.tutorial-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:var(--accent-ink);box-shadow:0 4px 20px #45253733;font-size:20px;padding-left:3px}.tutorial-copy{display:grid;gap:12px;max-width:520px}.tutorial-copy .eyebrow{margin:0;font-size:11px}.tutorial-copy strong{font-size:clamp(20px,3vw,28px);line-height:1.3}.tutorial-copy>span:not(.eyebrow){font-size:14px;line-height:1.7;color:var(--muted)}.tutorial-copy .tutorial-duration{color:var(--accent-text)!important;font-weight:600}.tutorial-card:hover{border-color:var(--accent-text)}.tutorial-card:focus-visible{outline:2px solid var(--accent-text);outline-offset:4px}.tutorial-dialog{width:min(430px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:0;overflow:auto;border:1px solid var(--line);border-radius:16px;background:var(--bg);color:var(--text)}.tutorial-dialog::backdrop{background:#22151dcc}.tutorial-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px}.tutorial-dialog-head h2{font:600 14px/1.4 Lato,sans-serif;margin:0}.tutorial-dialog-head button{width:44px;height:44px;background:none;border:0;color:inherit;font-size:26px;cursor:pointer}.tutorial-dialog video{display:block;width:100%;max-height:calc(100dvh - 90px);aspect-ratio:9/16;background:#fff;object-fit:contain}@media(max-width:480px){.tutorial-card{grid-template-columns:100px minmax(0,1fr);gap:16px;padding:14px}.tutorial-thumbnail{height:190px}.tutorial-copy{gap:9px}.tutorial-copy strong{font-size:19px}.tutorial-copy>span:not(.eyebrow){font-size:12px}.tutorial-copy .eyebrow{font-size:9px}}