[data-sig="ridge-chair"]{height:165dvh;position:relative;.chair-stage{position:sticky;top:0;height:100dvh;overflow:hidden}.frames{position:absolute;inset:0}.frame{position:absolute;inset:0;opacity:0}.frame:first-child{opacity:1}.frame img{width:100%;height:100%;object-position:64% 45%;border-radius:0}.hero-copy{position:relative;top:13%;margin-left:var(--edge);width:480px;padding:36px;background:var(--surface);border-radius:var(--radius)}.hero-copy>p:first-child{font-size:12px;margin-bottom:24px;color:var(--muted)}h1{font-size:clamp(64px,6.5vw,96px);max-width:12ch}.hero-copy>p:not(:first-child){font-size:15px;margin-top:24px;max-width:36ch}.hero-copy .button{margin-top:28px}.hero-copy .hero-caption{font-size:11px;color:var(--muted);margin-top:20px}.scene-note{position:absolute;bottom:32px;right:var(--edge);font-size:12px;background:var(--surface);padding:10px 16px;border-radius:6px}@media(max-width:700px){&{height:140dvh}.hero-copy{top:24px;margin:0 24px;width:calc(100% - 48px);padding:24px}.hero-copy h1{font-size:56px;line-height:1}.hero-copy>p:first-child{font-size:10px;margin-bottom:16px}.hero-copy>p:not(:first-child){margin-top:16px;font-size:13px}.hero-copy .button{margin-top:20px}.hero-copy .hero-caption{display:none}.frame img{object-position:68% 45%}.scene-note{bottom:88px;font-size:10px}}@media(prefers-reduced-motion:reduce){&{height:calc(100dvh - 80px)}.chair-stage{position:relative;height:100%}.frame{opacity:0!important}.frame:last-child{opacity:1!important}}}
@supports(animation-timeline:view()){
 [data-sig="ridge-chair"]{view-timeline-name:--chair;view-timeline-axis:block}
 [data-sig="ridge-chair"].decoded .frame-1{animation:chair-lamp 1s linear both;animation-timeline:--chair;animation-range:contain 0% contain 100%}
 [data-sig="ridge-chair"].decoded .frame-2{animation:chair-doctor 1s linear both;animation-timeline:--chair;animation-range:contain 0% contain 100%}
 @keyframes chair-lamp{0%,25%{opacity:0}33%,100%{opacity:1}}
 @keyframes chair-doctor{0%,65%{opacity:0}73%,100%{opacity:1}}
}
@media(max-width:700px){[data-sig="ridge-chair"] .frames{top:38%}}
body.worst [data-sig="ridge-chair"]{height:auto}body.worst [data-sig="ridge-chair"] .chair-stage{position:relative;height:auto;min-height:100dvh;padding-bottom:64px}body.worst [data-sig="ridge-chair"] .hero-copy{top:auto;margin-top:24px;min-height:0}body.worst [data-sig="ridge-chair"] .hero-copy h1{font-size:clamp(44px,4.8vw,68px)}body.worst [data-sig="ridge-chair"] .scene-note{display:none}