.tutorial-cinema{display:grid;grid-template-columns:.85fr 1.15fr;gap:40px;align-items:center;padding:24px 0 48px}
.tutorial-cinema-copy .section-kicker{color:#ffab79;font-size:.875rem;letter-spacing:1.3px}
.tutorial-page .tutorial-cinema h1{font-size:clamp(2.5rem,5.5vw,4rem);line-height:1.07;letter-spacing:-.045em;margin:22px 0}
.tutorial-cinema-copy>p{font-size:1.125rem;line-height:1.65;color:#b5c6ce;margin:0}
.tutorial-watch{display:inline-flex;align-items:center;justify-content:center;gap:12px;margin-top:26px;min-height:50px;padding:15px 22px;background:var(--orange);color:var(--ink);border:0;border-radius:12px;font:inherit;font-size:1rem;font-weight:750;cursor:pointer}
.tutorial-watch:hover,.tutorial-cover-play:hover{background:#ff914a}
.tutorial-watch:focus-visible,.tutorial-cover-play:focus-visible{outline:3px solid #fff;outline-offset:4px}
.tutorial-cinema-duration{display:block;color:#b5c6ce;font-size:.875rem;line-height:1.6;margin-top:14px}
.tutorial-screen{min-width:0}
.tutorial-cover{position:relative;overflow:hidden;border-radius:18px;background:#000}
.tutorial-cover .tutorial-player{scroll-margin-top:120px}
.tutorial-cover-play{position:absolute;right:18px;bottom:18px;display:grid;place-items:center;width:54px;height:54px;padding:0;border:0;border-radius:50%;background:var(--orange);color:var(--ink);font-size:1.125rem;cursor:pointer}
.tutorial-video-links{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-top:14px;font-size:.875rem;line-height:1.6;color:#b5c6ce}
.tutorial-video-links a{color:#ffab79;text-decoration:underline;text-underline-offset:4px;white-space:nowrap;padding-block:5px}
.tutorial-play-status{font-size:.875rem;color:#b5c6ce;line-height:1.6}
.tutorial-upcoming{padding:28px 0 30px;border-top:1px solid var(--line)}
.tutorial-page .tutorial-upcoming h2{color:#ffab79;font-size:.875rem;font-weight:700;letter-spacing:1.3px;line-height:1.5;text-transform:uppercase;margin:0 0 18px}
.tutorial-topic-list{list-style:none;display:flex;flex-wrap:wrap;gap:12px;margin:0 0 16px;padding:0}
.tutorial-topic-list li{padding:14px 22px;border-radius:12px;background:var(--ink-2);color:#fff;font-size:1rem;line-height:1.5}
.tutorial-upcoming>p{font-size:.875rem;line-height:1.6;color:#b5c6ce;margin:0}
.tutorial-support{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:1rem;line-height:1.6;color:#b5c6ce;padding-top:24px;border-top:1px solid var(--line)}
.tutorial-support a{color:#ffab79;text-decoration:underline;text-underline-offset:4px}
.tutorial-page [hidden]{display:none!important}
@media(max-width:700px){.tutorial-cinema{grid-template-columns:1fr;gap:28px;padding:8px 0 30px}.tutorial-page .tutorial-cinema h1{font-size:2.75rem;max-width:none;margin:18px 0}.tutorial-cinema-copy>p{font-size:1rem}.tutorial-watch{margin-top:20px}.tutorial-cover{border-radius:14px}.tutorial-video-links{flex-wrap:wrap;gap:6px 18px}.tutorial-topic-list{gap:8px}.tutorial-topic-list li{padding:12px 16px}.tutorial-support{align-items:start;flex-direction:column;gap:8px}}
@media(max-width:360px){.tutorial-page .tutorial-cinema h1{font-size:2.4rem}.tutorial-cinema-copy .section-kicker{letter-spacing:.8px}.tutorial-topic-list li{padding:12px 14px}}