.sh-how-banner{position:relative;isolation:isolate;display:flex;align-items:center;min-height:560px;background:#342e29;color:#fff;overflow:hidden}
.sh-how-photo,.sh-how-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sh-how-photo{z-index:-2}
.sh-how-banner:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.56);z-index:-1}
.sh-how-content{width:min(calc(100% - 48px),540px);margin:0 auto;padding:64px 0;text-align:left}
.sh-how-content h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(28px,3.2vw,38px);line-height:1.2;color:#fff;font-weight:400;margin:0 0 16px}
.sh-how-content ol{list-style:none;padding:0;margin:0 0 22px}
.sh-how-content li{font-size:16px;line-height:1.7;margin:0 0 19px;color:#fff;letter-spacing:.01em}
.sh-media-cta{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:14px 22px;background:#ff783f;color:white;border-radius:999px;font-weight:700;font-size:16px;text-decoration:none;box-shadow:0 8px 24px #ff783f25}
.sh-media-cta:hover{background:#e85f29;color:#fff}
.sh-reactions{background:#fcf6ef;padding:80px 0 38px;overflow:hidden;color:#191919}
.sh-reactions>h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(28px,3.2vw,38px);line-height:1.2;font-weight:400;text-align:center;margin:0 auto 30px;padding:0 24px;max-width:1000px}
.sh-reaction-track{display:flex;align-items:center;gap:28px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;max-width:1140px;margin:auto;padding:0 40px 16px;overscroll-behavior-x:contain}
.sh-reaction-track::-webkit-scrollbar{display:none}
.sh-reaction-card{position:relative;flex:0 0 185px;scroll-snap-align:start;scroll-margin-inline:40px;margin:0}
.sh-reaction-card--video{aspect-ratio:9/16;border-radius:9px;background:#111;overflow:hidden}
.sh-reaction-video{display:block;width:100%;height:100%;object-fit:cover}
.sh-reaction-play{position:absolute;inset:0;display:grid;place-items:center;width:100%;height:100%;border:0;background:transparent;cursor:pointer;color:#111}
.sh-reaction-play span{display:grid;place-items:center;width:52px;height:52px;background:#ff783f;border-radius:50%;font-size:26px;padding-left:4px;box-shadow:0 3px 18px #0002}
.sh-reaction-card--review img{display:block;width:100%;height:auto;max-height:328px;object-fit:contain}
.sh-reaction-error{position:absolute;bottom:40px;left:8px;right:8px;background:#111e;color:#fff;font-size:14px;padding:8px;border-radius:4px;line-height:1.4}
.sh-reaction-pagination{display:flex;justify-content:center;gap:2px;margin:0 0 12px}
.sh-reaction-pagination button{display:grid;place-items:center;border:0;background:transparent;width:28px;height:28px;cursor:pointer;padding:0}
.sh-reaction-pagination button:before{content:"";width:7px;height:7px;background:#ffb596}
.sh-reaction-pagination button[aria-pressed="true"]:before{width:9px;height:9px;background:#ff783f}
.sh-reaction-attribution{text-align:center;font-size:14px;line-height:1.5;color:#766b64;margin:0;padding:0 24px}
.sh-media-cta:focus-visible,.sh-reaction-play:focus-visible,.sh-reaction-track:focus-visible,.sh-reaction-pagination button:focus-visible{outline:3px solid #ff783f;outline-offset:4px}
.sh-reactions [hidden]{display:none!important}
@media(max-width:700px){.sh-how-banner{min-height:570px}.sh-how-content{width:calc(100% - 48px);padding:52px 0}.sh-how-content h2{max-width:330px}.sh-how-content li{margin-bottom:22px}.sh-reactions{padding:52px 0 30px}.sh-reactions>h2{margin-bottom:28px}.sh-reaction-track{padding:0 24px 16px;gap:18px}.sh-reaction-card{flex-basis:62vw;max-width:250px;scroll-margin-inline:24px}.sh-reaction-card--review img{max-height:444px}.sh-reaction-attribution{font-size:14px}}
