.lp .tut em{font-style:italic;font-weight:500}.lp .tut .hero h1 em,.lp .tut .endcta h2 em{color:var(--accent-ink)}.lp .tut .hero{padding:clamp(72px,10vw,128px) 0 clamp(48px,6vw,80px);position:relative}.lp .tut .hero h1{font-family:var(--font-outfit);letter-spacing:-.045em;margin:var(--space-xl) 0 var(--space-2xl);text-wrap:balance;max-width:16ch;font-size:clamp(44px,6.8vw,88px);font-weight:600;line-height:.96}.lp .tut .hero .hero-sub{font-size:var(--t-lg);color:var(--ink-2);max-width:62ch;margin:0 0 var(--space-2xl);text-wrap:pretty;letter-spacing:-.005em;line-height:1.55}.lp .tut .chip-row{gap:var(--space-sm);margin-top:var(--space-3xl);padding-top:var(--space-xl);border-top:1px solid var(--line);flex-wrap:wrap;display:flex}.lp .tut .chip{align-items:center;gap:var(--space-sm);border:1px solid var(--line-2);background:var(--surface);color:var(--ink);font-size:var(--t-sm);letter-spacing:-.005em;border-radius:999px;padding:7px 14px;font-weight:500;transition:border-color .18s,background .18s,color .18s;display:inline-flex}.lp .tut .chip-icon{color:var(--accent-ink);place-items:center;display:grid}.lp .tut .chip .num{color:var(--muted);font-variant-numeric:tabular-nums;font-size:var(--t-xs)}.lp .tut .chip:hover{border-color:color-mix(in oklab, var(--accent) 38%, var(--line-2));color:var(--accent-ink);background:var(--accent-wash)}.lp .tut .chapter{border-top:1px solid var(--line);padding:clamp(40px,5.5vw,72px) 0;scroll-margin-top:88px}.lp .tut .chapter-head{align-items:start;gap:var(--space-lg);margin-bottom:var(--space-2xl);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.lp .tut .chapter-icon{border-radius:var(--r1);border:1px solid var(--line-2);background:var(--accent-wash);width:38px;height:38px;color:var(--accent-ink);place-items:center;display:grid}.lp .tut .chapter-icon svg{width:19px;height:19px}.lp .tut .chapter-head h2{font-family:var(--font-outfit);letter-spacing:-.03em;font-size:clamp(26px,3vw,38px);font-weight:600;line-height:1.1}.lp .tut .chapter-head p{margin:var(--space-sm) 0 0;color:var(--ink-2);text-wrap:pretty;max-width:68ch;line-height:1.55}.lp .tut .chapter-count{font-family:var(--font-outfit);font-size:var(--t-sm);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;padding-top:6px}.lp .tut .tut-grid{gap:var(--space-xl);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.lp .tut .tut-card{border:1px solid var(--line);border-radius:var(--r2);background:var(--surface);flex-direction:column;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex;overflow:hidden}.lp .tut .tut-card:hover{border-color:var(--accent);transform:translateY(-2px)}.lp .tut .tut-card:has(.is-playing),.lp .tut .tut-card:has(.is-playing):hover{border-color:var(--line-2);transform:none}.lp .tut .tut-frame{aspect-ratio:1520/1024;border-bottom:1px solid var(--line);cursor:pointer;background:oklch(22% .01 250);display:block;position:relative;overflow:hidden}.lp .tut .tut-frame iframe{width:100%;height:100%;display:block}.lp .tut .tut-thumb{object-fit:cover;width:100%;height:100%;transition:transform .3s,opacity .15s}.lp .tut .tut-frame:hover .tut-thumb{opacity:.92;transform:scale(1.03)}.lp .tut .tut-play{width:56px;height:56px;color:var(--ink);background:oklch(100% 0 0/.92);border-radius:999px;place-items:center;margin:auto;transition:transform .15s,background .15s,color .15s;display:grid;position:absolute;inset:0;box-shadow:0 8px 24px oklch(0% 0 0/.28)}.lp .tut .tut-play svg{margin-left:3px}.lp .tut .tut-frame:hover .tut-play{background:var(--accent-ink);color:var(--bg);transform:scale(1.08)}.lp .tut .tut-time{border-radius:var(--r1);color:oklch(100% 0 0);font-size:var(--t-xs);font-variant-numeric:tabular-nums;letter-spacing:.01em;background:oklch(0% 0 0/.78);padding:3px 8px;font-weight:500;position:absolute;bottom:10px;right:10px}.lp .tut .tut-frame:focus-visible{outline:2px solid var(--accent-ink);outline-offset:-2px}.lp .tut .tut-frame.is-playing{cursor:default}.lp .tut .tut-body{gap:var(--space-sm);padding:var(--space-lg);flex-direction:column;flex:1;display:flex}.lp .tut .tut-title{font-family:var(--font-outfit);font-weight:600;font-size:var(--t-lg);letter-spacing:-.015em;text-wrap:balance;line-height:1.25}.lp .tut .tut-blurb{color:var(--ink-2);font-size:var(--t-sm);text-wrap:pretty;margin:0;line-height:1.55}.lp .tut .tut-link{padding-top:var(--space-md);font-family:var(--font-outfit);font-weight:500;font-size:var(--t-sm);color:var(--accent-ink);align-self:flex-start;align-items:center;gap:6px;margin-top:auto;display:inline-flex}.lp .tut .tut-link:hover{text-underline-offset:3px;text-decoration:underline}.lp .tut .tut-out{place-items:center;transition:transform .15s;display:grid}.lp .tut .tut-out svg{width:15px;height:15px}.lp .tut .tut-link:hover .tut-out{transform:translate(1px,-1px)}.lp .tut .more{border-top:1px solid var(--line);padding:clamp(24px,4vw,48px) 0 clamp(56px,7vw,88px)}.lp .tut .more-card{align-items:center;gap:var(--space-2xl);padding:var(--space-2xl);border:1px solid var(--line);border-radius:var(--r3);background:linear-gradient(140deg, color-mix(in oklab, var(--accent-wash) 70%, var(--surface)), var(--surface));grid-template-columns:minmax(0,1fr) auto;display:grid}.lp .tut .more-card h2{font-family:var(--font-outfit);letter-spacing:-.03em;text-wrap:balance;font-size:clamp(24px,2.6vw,34px);font-weight:600;line-height:1.12}.lp .tut .more-card p{margin:var(--space-sm) 0 0;color:var(--ink-2);text-wrap:pretty;max-width:60ch;line-height:1.55}.lp .tut .more-actions{flex-direction:column;align-items:stretch;gap:10px;display:flex}.lp .tut .endcta{background:var(--ink);color:var(--bg);border-top:1px solid var(--ink);padding:clamp(96px,12vw,168px) 0 clamp(64px,8vw,104px)}.lp .tut .endcta .container{max-width:1100px}.lp .tut .endcta .eyebrow{color:oklch(80% .015 150)}.lp .tut .endcta .eyebrow:before{background:oklch(80% .015 150)}.lp .tut .endcta h2{font-family:var(--font-outfit);letter-spacing:-.045em;margin:var(--space-lg) 0 var(--space-xl);text-wrap:balance;max-width:18ch;color:var(--bg);font-size:clamp(48px,6vw,96px);font-weight:600;line-height:.96}.lp .tut .endcta p{color:oklch(80% .015 150);max-width:58ch;font-size:var(--t-lg);margin:0 0 var(--space-2xl);letter-spacing:-.005em;line-height:1.55}.lp .tut .endcta-actions{flex-wrap:wrap;gap:10px;display:flex}.lp .tut .endcta-note{margin-top:var(--space-lg);font-size:var(--t-sm);color:oklch(72% .015 150)}.lp .tut .endcta .btn-ghost{color:var(--bg);background:0 0;border-color:oklch(100% 0 0/.28)}.lp .tut .endcta .btn-ghost:hover{border-color:var(--bg);background:oklch(100% 0 0/.06)}.lp .tut .endcta .btn-primary{background:var(--bg);color:var(--ink)}.lp .tut .endcta .btn-primary:hover{background:color-mix(in oklab, var(--bg) 80%, var(--accent));color:var(--ink)}@media (width<=1080px){.lp .tut .tut-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=860px){.lp .tut .chapter-head{grid-template-columns:auto minmax(0,1fr)}.lp .tut .chapter-count{grid-column:2;padding-top:0}.lp .tut .more-card{grid-template-columns:1fr;align-items:start}.lp .tut .more-actions{flex-flow:wrap;align-items:center}}@media (width<=620px){.lp .tut .tut-grid{grid-template-columns:1fr}.lp .tut .tut-play{width:48px;height:48px}}@media (prefers-reduced-motion:reduce){.lp .tut .tut-card,.lp .tut .tut-thumb,.lp .tut .tut-play,.lp .tut .tut-out{transition:none}.lp .tut .tut-card:hover,.lp .tut .tut-frame:hover .tut-thumb,.lp .tut .tut-frame:hover .tut-play{transform:none}}