.desk{grid-template-columns:minmax(0,1fr);display:grid}.desk-list{border:1px solid var(--color-border);box-shadow:var(--shadow-xs);background:#fff;position:relative}.desk-slate{display:none}.desk-rows{display:grid}.desk-rows>li+li{border-top:1px solid color-mix(in srgb, var(--color-border) 70%, transparent)}.desk-row{grid-template-columns:minmax(0,1fr) auto;align-content:center;column-gap:16px;height:100%;padding:16px 20px;transition:background-color .15s;display:grid}.desk-row:hover{background:color-mix(in srgb, var(--color-bg) 60%, white)}.desk-title{flex-wrap:wrap;grid-column:1;align-items:center;gap:4px 12px;display:flex}.desk-t{letter-spacing:-.018em;color:var(--color-text);font-size:20px;font-weight:600;line-height:1.25}.desk-level{background:color-mix(in srgb, var(--color-lavender) 40%, white);letter-spacing:.04em;color:var(--color-text);white-space:nowrap;padding:2px 8px;font-size:14px;line-height:1.4}.desk-hook{color:var(--color-text-muted);grid-column:1/-1;margin-top:6px;font-size:16px;line-height:1.35}.desk-hook b{color:var(--color-text-secondary);font-weight:500}.desk-go{letter-spacing:.1em;color:var(--color-primary-dark);grid-area:1/2;align-self:start;align-items:center;gap:8px;padding-top:4px;font-size:14px;display:inline-flex}.desk-stage{display:none}@media (min-width:640px){.desk-row{padding:18px 28px}.desk-hook{grid-column:1}.desk-go{grid-row:1/span 2;align-self:center;padding-top:0}}@media (min-width:1280px){.desk{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:stretch;gap:40px}.desk-list{--gap:4px;box-shadow:none;isolation:isolate;background:0 0;border:0;margin:0 0 0 -16px}.desk-slate{z-index:0;height:calc((100% - (var(--n) - 1) * var(--gap)) / var(--n));pointer-events:none;transform:translateY(calc(var(--i) * (100% + var(--gap))));border:1px solid color-mix(in srgb, var(--color-primary-dark) 32%, transparent);box-shadow:var(--shadow-sheet);background:#fff;display:block;position:absolute;top:0;left:0;right:0}.desk-rows{z-index:1;gap:var(--gap);grid-auto-rows:1fr;height:100%;position:relative}.desk-rows>li+li{border-top:0}.desk-row{border:1px solid #0000;padding:8px 20px 8px 16px}.desk-row:hover{background:0 0}.desk-t{font-size:20px}.desk-hook{margin-top:2px}.desk-go{color:var(--color-text-muted);transition:color .2s}.desk-row[data-on] .desk-go{color:var(--color-primary-dark)}.desk-stage{min-width:0;padding:22px;display:grid}.desk-sheet{border:1px solid var(--color-border);min-width:0;box-shadow:var(--shadow-sheet);visibility:hidden;background:#fff;flex-direction:column;grid-area:1/1;padding:28px 32px;display:flex;position:relative}.desk-sheet[data-on]{visibility:visible}}@media (min-width:1280px) and (max-width:1439px){.desk{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr)}.desk-sheet h3{font-size:2rem}}@media (min-width:1280px) and (max-height:800px){.desk-stage{padding:0}.desk-sheet{padding:22px 28px}.desk-sheet .sb-crop,.desk-sheet .desk-stack{display:none}.desk-sheet li{padding-top:4px;padding-bottom:4px}.desk-hook{display:none}}@media (min-width:1280px) and (prefers-reduced-motion:no-preference){.desk-slate{transition:transform .38s var(--ease-out-expo)}.desk-sheet[data-on] .desk-in{animation:desk-in .3s var(--ease-out-expo) both}.desk-sheet[data-on] li.desk-in:nth-child(2){animation-delay:30ms}.desk-sheet[data-on] li.desk-in:nth-child(3){animation-delay:60ms}.desk-sheet[data-on] li.desk-in:nth-child(4){animation-delay:90ms}}@keyframes desk-in{0%{opacity:0;transform:translateY(6px)}}
