/* Featured QLO Facebook posts, with a continuous and user-controllable reading reel. */
.social-reel-section{overflow:hidden;padding-block:70px 60px}
.social-reel-section .social-head{align-items:end;margin-bottom:28px}
.social-reel-section .social-head>div:last-child{max-width:350px}
.social-reel-section .social-head h2{max-width:620px;font-size:clamp(40px,4vw,52px);line-height:1.08;margin-top:15px}
.social-reel-section .social-head p:not(.eyebrow){font-size:12px;line-height:1.7;margin-bottom:12px}
.social-reel{overflow-x:auto;overflow-y:hidden;padding:4px max(20px,calc((100vw - 1440px)/2)) 18px;scrollbar-width:thin;scrollbar-color:#9c7a52 #211811;overscroll-behavior-x:contain;position:relative}
.social-reel-track{display:flex;gap:18px;width:max-content;list-style:none;padding:0;margin:0}
.social-reel-track>li{flex:0 0 290px;width:290px}
.social-reel-track>.social-reel-clone{display:none}
.social-reel-motion-enabled .social-reel-track>.social-reel-clone{display:block}
.fb-story{height:380px;display:flex;flex-direction:column;padding:22px;color:#eadfcc;background:#35271b;border:1px solid #745637;position:relative;overflow:hidden;transition:border-color .2s,background .2s}
.fb-story:hover{background:#403020;border-color:#b38c5e}
.fb-story-top{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#c4a77f}
.fb-story-mark{font-family:Georgia,serif;font-size:26px;font-weight:bold;line-height:1;color:#d6c2a4;text-transform:none;letter-spacing:-1px}
.fb-story-topic{font-size:9px;line-height:1.5;letter-spacing:1.1px;text-transform:uppercase;margin-top:34px;color:#c6a67a}
.fb-story h3{font:26px/1.12 Georgia,serif;letter-spacing:-.65px;margin-top:15px;max-width:250px;text-wrap:balance}
.fb-story>p{font-size:12px;line-height:1.7;color:#c5b39a;margin-top:16px}
.fb-story-bottom{margin-top:auto;padding-top:15px;border-top:1px solid #7a5a39;display:flex;justify-content:space-between;gap:16px;font-size:10px}
.fb-story-bottom>span:last-child{font-size:18px;line-height:1}
.social-reel-track>li:nth-child(3n+2) .fb-story{background:#dfd2bb;color:#372a1e;border-color:#c6b18d}
.social-reel-track>li:nth-child(3n+2) .fb-story-top,.social-reel-track>li:nth-child(3n+2) .fb-story-mark,.social-reel-track>li:nth-child(3n+2) .fb-story-topic{color:#795b38}
.social-reel-track>li:nth-child(3n+2) .fb-story>p{color:#6b573e}
.social-reel-track>li:nth-child(3n+2) .fb-story-bottom{border-color:#ab9270}
.social-reel-track>li:nth-child(3n) .fb-story{background:#191511;border-color:#54402e}
.fb-story-image{padding:0!important}.fb-story-image>img{width:100%;height:210px;flex-shrink:0;object-fit:contain;background:#100d0a}
.fb-story-image .fb-image-copy{padding:13px 18px;display:flex;flex:1;flex-direction:column;min-height:0}
.fb-story-image h3{font-size:23px;margin-top:8px;letter-spacing:-.55px}
.fb-story-image .fb-story-topic{margin-top:0}.fb-story-image .fb-story-bottom{padding-top:10px}
.social-reel-footer{display:flex;justify-content:space-between;gap:25px;align-items:center;padding-top:18px}
.social-reel-footer>p{font-size:10px;color:#bda88b;max-width:500px}
.social-reel-controls{display:flex;gap:9px;align-items:center}
.social-reel-controls button{height:38px;min-width:38px;background:transparent;border:1px solid #80613e;border-radius:50%;font-size:17px;color:#d5b992}
.social-reel-controls .social-reel-pause{border-radius:2px;padding-inline:15px;font-size:10px;min-width:130px}
.social-reel-controls button:hover{background:#483322}
.social-reel-section .community-strip{margin-top:32px}
@media(min-width:1552px){.social-reel{padding-inline:calc((100vw - 1440px)/2)}}
@media(min-width:641px) and (max-width:1551px){.social-reel{padding-inline:56px}}
@media(max-width:640px){
 .social-reel-section{padding-block:60px 50px}.social-reel-section .social-head{margin-bottom:24px}
 .social-reel-section .social-head h2{font-size:clamp(34px,9vw,43px)}
 .social-reel-section .social-head>div:last-child{margin-top:18px}
 .social-reel-track{gap:14px}.social-reel-track>li{width:min(280px,calc(100vw - 40px));flex-basis:min(280px,calc(100vw - 40px))}
 .fb-story{height:380px;padding:21px}.fb-story h3{font-size:25px}.fb-story-topic{margin-top:30px}
 .fb-story-image>img{height:210px}.fb-story-image h3{font-size:23px}
 .social-reel-footer{display:block}.social-reel-controls{margin-top:18px}
}
@media print{.social-reel{overflow:visible}.social-reel-track{display:grid;grid-template-columns:repeat(2,1fr);width:auto}.social-reel-track>li{width:auto}.social-reel-controls,.social-reel-clone{display:none!important}}
.fb-story-cinematic>img{height:180px;object-fit:cover;transition:transform .75s cubic-bezier(.2,.7,.3,1)}
.fb-story-cinematic:hover>img,.fb-story-cinematic:focus-visible>img{transform:scale(1.035)}
.fb-story-cinematic .fb-image-copy{position:relative;background:inherit}
.fb-story-cinematic .fb-image-copy>p{font-size:12px;line-height:1.45;color:inherit;opacity:.8;margin:8px 0}
@media(max-width:640px){.fb-story-cinematic>img{height:180px}.fb-story-cinematic h3{font-size:23px}}
@media(prefers-reduced-motion:reduce){.fb-story-cinematic>img{transition:none}.fb-story-cinematic:hover>img,.fb-story-cinematic:focus-visible>img{transform:none}}
.motion-off .fb-story-cinematic>img{transition:none;transform:none}
