/* Fixed frames. Only the content inside each frame changes. */
.sl-reels{--sr-gap:20px;--sr-caption:232px;grid-column:1/-1;min-width:0;width:50%;max-width:600px;justify-self:center;margin:12px auto 0;color:#121516;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-align:left}
.sl-reels,.sl-reels *{box-sizing:border-box}.sl-reels [hidden]{display:none!important}
.sl-reels__heading{margin:0 0 18px}.sl-reels__eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 7px;color:#d86a2f;font-size:9px;font-weight:700;line-height:1.5;letter-spacing:.13em;text-transform:uppercase}.sl-reels__eyebrow:before{content:"";width:22px;height:1px;background:currentColor;flex:0 0 auto}
.sl-reels h2{margin:0;font:650 24px/1.15 Inter,system-ui,sans-serif;letter-spacing:-.04em}
.sl-reels__viewport{width:100%;overflow:visible;touch-action:pan-y}
.sl-reels__track{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sr-gap);align-items:start;padding:2px 0 14px}
.sl-reels__card{position:relative;min-width:0;margin:0;padding:0;background:none;border:0}
.sl-reels__image{aspect-ratio:1;width:100%;overflow:hidden;border:1px solid #e6e3de;border-radius:20px;background:linear-gradient(135deg,#eeece8,#f9f8f5)}
.sl-reels__image img{display:block;width:100%;height:100%;max-width:none;object-fit:contain;object-position:center;transform:none;opacity:1;transition:opacity .16s ease}
.sl-reels__caption{position:relative;z-index:1;display:grid;grid-template-rows:22px 54px minmax(0,1fr) 16px 30px;gap:4px;height:var(--sr-caption);margin:-28px 10px 0;padding:14px;min-width:0;border:1px solid #e7e2dc;border-radius:16px;background:#fff;box-shadow:0 10px 20px -19px #5a442a55;overflow-wrap:anywhere;transition:opacity .16s ease}
.sl-reels__tag{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;align-self:start;margin:0;color:#d56b31;font-size:8.5px;font-weight:700;line-height:1.35;letter-spacing:.1em;text-transform:uppercase}
.sl-reels__tag:before{content:"";display:inline-block;vertical-align:middle;width:15px;height:1px;margin-right:7px;background:currentColor}
.sl-reels h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;align-self:start;margin:0;font:650 22px/1.16 Inter,system-ui,sans-serif;letter-spacing:-.04em}
.sl-reels__description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;align-self:start;margin:0;color:#606568;font-size:13px;font-weight:400;line-height:1.4;white-space:pre-line}
.sl-reels__details{justify-self:start;align-self:start;min-width:0;max-width:100%;margin:0;padding:0;border:0;background:none;color:#9d592e;font:600 10.5px/16px Inter,system-ui,sans-serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer;box-shadow:none}
.sl-reels__link{display:inline-flex;grid-row:5;align-items:center;justify-content:space-between;justify-self:start;align-self:end;gap:14px;min-height:30px;max-width:100%;margin:0;color:#191d1f;font-size:11px;line-height:1.25;font-weight:650;text-decoration:none;border-bottom:1px solid #f2a56d}
.sl-reels__link span{color:#ef7900;font-size:17px}.sl-reels__link:hover{color:#d26325}
.sl-reels.is-changing .sl-reels__image img,.sl-reels.is-changing .sl-reels__caption{opacity:0}
.sl-reels__empty{padding:24px;border:1px dashed #d4cec5;border-radius:16px;color:#6c6358;line-height:1.6}
.sl-reels--single .sl-reels__track{grid-template-columns:minmax(0,1fr);max-width:290px;margin-inline:auto}
.sl-reels a:focus-visible,.sl-reels button:focus-visible{outline:2px solid #e2732d;outline-offset:4px}
.sl-reels:not([data-sr-ready]) .sl-reels__caption{height:auto;min-height:var(--sr-caption)}
.sl-reels:not([data-sr-ready]) .sl-reels__description{-webkit-line-clamp:unset}
.sl-reels__dialog{width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 40px);margin:auto;padding:28px;border:1px solid #e6ded2;border-radius:22px;background:#fff;color:#1b1c1e;box-shadow:0 25px 80px #0004;font:14px/1.6 Inter,system-ui,sans-serif;text-align:left;overflow:auto}
.sl-reels__dialog::backdrop{background:#0c1319a8}.sl-reels__dialog img{display:block;width:100%;max-height:220px;object-fit:contain;border-radius:12px;background:#f6f4f0;margin-bottom:18px}.sl-reels__dialog h3{display:block;overflow:visible;margin:12px 0;font-size:26px}.sl-reels__dialog p{white-space:pre-line;overflow-wrap:anywhere}.sl-reels__dialog-close{display:block;margin:0 0 16px auto;padding:7px 12px;border:1px solid #ddd6cd;border-radius:20px;background:white;color:#16191c;font:600 12px system-ui;cursor:pointer}.sl-reels__dialog a{color:#a44e19;font-weight:650;text-decoration:underline}
@media(max-width:900px){.sl-reels{width:100%;max-width:560px}}
@media(max-width:700px){
 .sl-reels{--sr-gap:12px;--sr-caption:220px;margin-top:8px;max-width:430px}
 .sl-reels__heading{margin-bottom:15px}.sl-reels__eyebrow{font-size:8px;letter-spacing:.11em}.sl-reels h2{font-size:21px}
 .sl-reels__track{padding-bottom:12px}.sl-reels__image{border-radius:17px}
 .sl-reels__caption{grid-template-rows:22px 44px minmax(0,1fr) 16px 30px;gap:3px;margin:-20px 5px 0;padding:10px;border-radius:13px}
 .sl-reels__tag{font-size:7.5px;letter-spacing:.08em}.sl-reels__tag:before{width:10px;margin-right:5px}
 .sl-reels h3{font-size:18px;line-height:1.16}.sl-reels__description{font-size:12px;line-height:1.45;-webkit-line-clamp:4}
 .sl-reels__link{font-size:10.5px;gap:7px}.sl-reels__link span{font-size:16px}.sl-reels__details{font-size:10px}
}
@media(max-width:360px){.sl-reels{--sr-gap:9px}.sl-reels__caption{margin-inline:3px;padding:8px}.sl-reels h3{font-size:16px}.sl-reels__description{font-size:11.5px}.sl-reels__link{font-size:9.5px;gap:4px}}
@media(prefers-reduced-motion:reduce){.sl-reels *{transition:none!important}}

.sl-reels__caption>.sl-reels__tag{grid-row:1}.sl-reels__caption>h3{grid-row:2}.sl-reels__caption>.sl-reels__description{grid-row:3}.sl-reels__caption>.sl-reels__details{grid-row:4}

/* Four compact frames at desktop width; the existing mobile/tablet layout stays intact. */
@media(min-width:901px){
 .sl-reels{width:100%;max-width:1200px}
 .sl-reels__track{grid-template-columns:repeat(4,minmax(0,1fr))}
 .sl-reels--single .sl-reels__track{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:900px){.sl-reels__card:nth-child(n+3){display:none}}
