.hp-tutorial{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start}.hp-tutorial-list{display:flex;flex-direction:column;min-height:570px;border-top:1px solid var(--ts-border)}.hp-tutorial-item{border-bottom:1px solid var(--ts-border)}.hp-tutorial-item h3{margin:0}.hp-tutorial-trigger{display:flex;align-items:center;gap:14px;width:100%;padding:21px 0;border:0;background:none;color:var(--ts-muted);font-size:22px;font-weight:600;line-height:1.3;letter-spacing:-.025em;text-align:left;cursor:pointer;transition:color .16s ease,background-color .16s ease}.hp-tutorial-trigger:hover{background:#edf0e8;color:var(--ts-primary)}.hp-tutorial-trigger:active{background:#e6eddb}.hp-tutorial-trigger[aria-expanded=true]{color:var(--ts-primary)}.hp-tutorial-trigger:focus-visible{outline:2px solid var(--ts-focus);outline-offset:3px}.hp-tutorial-number{display:grid;flex:0 0 29px;place-items:center;height:29px;border-radius:50%;background:var(--ts-surface);font-size:14px;font-weight:400;transition:background-color .18s ease,color .18s ease}.hp-tutorial-trigger[aria-expanded=true] .hp-tutorial-number{background:var(--ts-accent);color:var(--ts-primary)}.hp-tutorial-symbol{position:relative;flex:0 0 18px;height:18px;margin-left:auto}.hp-tutorial-symbol:before,.hp-tutorial-symbol:after{content:"";position:absolute;width:14px;height:2px;background:currentColor;top:8px;left:2px}.hp-tutorial-symbol:after{transform:rotate(90deg);transition:transform .22s cubic-bezier(.16,1,.3,1),opacity .22s ease}.hp-tutorial-trigger[aria-expanded=true] .hp-tutorial-symbol:after{transform:rotate(0);opacity:0}.hp-tutorial-panel{overflow:hidden}.hp-tutorial-copy{padding:0 12px 23px 43px;color:var(--ts-muted);font-size:15px;line-height:1.7}.hp-tutorial-perspective{perspective:1100px;position:sticky;top:90px;min-width:0}.hp-tutorial-perspective>.hp-tutorial-art{aspect-ratio:1}.hp-tutorial-image-layer{position:absolute;inset:0}.hp-tutorial-panel p+p{margin-top:12px}.hp-tutorial-art{position:relative;min-width:0;margin:0;overflow:hidden;border:1px solid var(--ts-border);border-radius:18px;background:#fff}.hp-tutorial-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.hp-tutorial-mobile{display:none}.hp-tutorial-art img.hp-tutorial-style-crop{object-fit:contain;object-position:center;background:#cecece}@media(max-width:767px){.hp-tutorial{display:block}.hp-tutorial-list{min-height:0}.hp-tutorial-item{display:block}.hp-tutorial-trigger{gap:10px;padding:19px 0;font-size:20px}.hp-tutorial-copy{padding:0 0 20px 39px}.hp-tutorial-desktop{display:none}.hp-tutorial-mobile{display:block;aspect-ratio:1;margin:20px 0 0 -39px}.hp-tutorial-number{flex-basis:28px;height:28px}}@media(prefers-reduced-motion:reduce){.hp-tutorial-trigger,.hp-tutorial-number,.hp-tutorial-symbol:after{transition:none}}