.guide-page{overflow:clip}.guide-page .wrap{max-width:none}.guide-hero{background:var(--bg-sunken);padding:clamp(46px,7vw,96px) 0 clamp(42px,5vw,72px)}.guide-hero-main{grid-template-columns:minmax(0,1fr) minmax(320px,.78fr);align-items:center;gap:clamp(42px,7vw,100px);display:grid}.guide-hero-copy{min-width:0}.guide-eyebrow{color:var(--accent-2);margin:0 0 18px}.guide-hero h1{text-wrap:balance;max-width:16ch;margin:0}.guide-hero-tagline{color:var(--ink-2);letter-spacing:-.025em;margin:14px 0 0;font-size:clamp(20px,2.2vw,30px);line-height:1.25}.guide-lead{max-width:62ch;color:var(--ink-3);text-wrap:pretty;margin:24px 0 0}.guide-actions{flex-wrap:wrap;justify-content:flex-start;gap:12px;margin-top:30px;display:flex}.tutorial-feature-card{border:1px solid var(--line-strong);border-radius:var(--radius-xl);background:var(--bg-raised);box-shadow:var(--shadow);color:var(--ink);transition:border-color .18s var(--ease,ease-out), box-shadow .18s var(--ease,ease-out), transform .18s var(--ease,ease-out);text-decoration:none;display:block;overflow:hidden}.tutorial-feature-card:hover,.tutorial-feature-card:focus-visible{border-color:var(--accent-2);box-shadow:var(--shadow-lg,var(--shadow));transform:translateY(-3px)}.tutorial-feature-media,.tutorial-video-media{background:var(--bg-sunken);position:relative;overflow:hidden}.tutorial-feature-media{aspect-ratio:16/9}.tutorial-feature-media img,.tutorial-video-media img{object-fit:cover;width:100%;height:100%;display:block}.tutorial-play-button{background:var(--accent,#262626);width:48px;height:48px;color:var(--accent-ink,#fff);border-radius:50%;justify-content:center;align-items:center;font-size:16px;line-height:1;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 20px #0003}.tutorial-duration{color:#fff;font-family:var(--mono);background:#141414d6;border-radius:4px;padding:4px 7px;font-size:11px;line-height:1;position:absolute;bottom:10px;right:10px}.tutorial-feature-copy{padding:22px 24px 25px}.tutorial-feature-label,.tutorial-video-card-meta{color:var(--accent-2);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;margin:0 0 9px;font-size:10px}.tutorial-feature-copy h2{color:var(--ink);letter-spacing:-.04em;margin:0;font-size:clamp(1.6rem,3vw,2.25rem);line-height:1.05}.tutorial-feature-copy>p:not(.tutorial-feature-label){color:var(--ink-3);margin:13px 0 17px;font-size:15px;line-height:1.5}.tutorial-watch-link{color:var(--accent-2);font-size:14px;font-weight:700}.guide-hero-map{border:1px solid var(--line-strong);border-radius:var(--radius-xl);background:var(--bg-raised);box-shadow:var(--shadow);text-align:left;margin:clamp(44px,6vw,70px) auto 0;padding:22px}.guide-map-topline{border-bottom:1px solid var(--line);color:var(--ink-3);justify-content:space-between;align-items:center;gap:16px;padding-bottom:18px;font-size:13px;display:flex}.guide-map-label{color:var(--ink);font-weight:600}.guide-map-status{color:var(--accent-2);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:11px}.guide-map-steps{grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:18px;padding:26px 8px 6px;display:grid}.guide-map-step{grid-template-columns:auto 1fr;align-items:baseline;column-gap:12px;min-width:0;display:grid}.guide-map-number{color:var(--accent-2);font-family:var(--mono);letter-spacing:.08em;grid-row:span 2;font-size:11px}.guide-map-step strong{color:var(--ink);letter-spacing:-.02em;font-size:18px}.guide-map-step>span:last-child{color:var(--ink-3);grid-column:2;margin-top:4px;font-size:14px;line-height:1.4}.guide-map-arrow{color:var(--line-strong);font-size:24px}.tutorial-video-sidebar-label{color:var(--ink-4);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;margin:0 0 18px;font-size:11px}.tutorial-video-library{background:var(--bg);border-top:1px solid var(--line-2);padding:clamp(62px,9vw,116px) 0 clamp(70px,9vw,120px)}.tutorial-video-layout{grid-template-columns:minmax(210px,250px) minmax(0,1fr);align-items:start;gap:clamp(38px,7vw,96px);display:grid}.tutorial-video-sidebar{position:sticky;top:100px}.tutorial-video-sidebar nav{border-top:1px solid var(--line)}.tutorial-video-sidebar a{border-bottom:1px solid var(--line);color:var(--ink-2);justify-content:space-between;align-items:center;gap:12px;padding:14px 0;font-size:14px;font-weight:600;text-decoration:none;display:flex}.tutorial-video-sidebar a:hover,.tutorial-video-sidebar a:focus-visible{color:var(--accent-2)}.tutorial-video-sidebar a span:last-child{color:var(--ink-4);font-size:18px}.tutorial-video-header{margin-bottom:clamp(44px,6vw,72px)}.tutorial-video-header .eyebrow,.tutorial-video-category-header .eyebrow{color:var(--accent-2);margin:0 0 14px}.tutorial-video-header h2{text-wrap:balance;max-width:20ch}.tutorial-video-header .lead{max-width:58ch;color:var(--ink-3);text-wrap:pretty;margin:18px 0 0}.tutorial-video-category+.tutorial-video-category{border-top:1px solid var(--line-strong);margin-top:clamp(58px,8vw,96px);padding-top:clamp(46px,6vw,72px)}.tutorial-video-category-header{grid-template-columns:minmax(0,.8fr) minmax(0,1fr);align-items:end;gap:34px;margin-bottom:24px;display:grid}.tutorial-video-category-header h3{letter-spacing:-.045em;margin:0;font-size:clamp(1.7rem,3vw,2.55rem)}.tutorial-video-category-header>p{max-width:44ch;color:var(--ink-3);margin:0;font-size:15px;line-height:1.55}.tutorial-video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.tutorial-video-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-raised);box-shadow:var(--shadow-xs);color:var(--ink);transition:border-color .18s var(--ease,ease-out), box-shadow .18s var(--ease,ease-out), transform .18s var(--ease,ease-out);text-decoration:none;overflow:hidden}.tutorial-video-card:hover,.tutorial-video-card:focus-visible{border-color:var(--line-strong);box-shadow:var(--shadow);transform:translateY(-2px)}.tutorial-video-media{aspect-ratio:16/9}.tutorial-video-card-copy{padding:18px 20px 21px}.tutorial-video-card-meta{color:var(--ink-4);letter-spacing:.08em;justify-content:space-between;gap:12px;margin-bottom:10px;display:flex}.tutorial-video-card-meta span{color:var(--accent-2)}.tutorial-video-card h4{color:var(--ink);letter-spacing:-.025em;margin:0;font-size:19px;line-height:1.15}.tutorial-video-card-copy>p:not(.tutorial-video-card-meta){min-height:3em;color:var(--ink-3);margin:12px 0 17px;font-size:14px;line-height:1.5}@media (width<=700px){.guide-hero-main{grid-template-columns:1fr;gap:36px}.tutorial-video-layout{grid-template-columns:1fr;gap:42px}.tutorial-video-sidebar{position:static}.tutorial-video-category-header{grid-template-columns:1fr;align-items:start;gap:14px}.tutorial-video-grid{grid-template-columns:1fr}}
