.ar-stories[hidden],.ar-story [hidden]{display:none!important}
.ar-stories{background:#f5ead4;border-top:1px solid #291a1218;border-bottom:1px solid #291a1218}
.ar-stories__row{display:flex;align-items:center;gap:56px;padding-block:24px}
.ar-stories__intro h2{font:700 24px/1.15 var(--font-body);margin:0 0 6px;color:#291a12}
.ar-stories__intro p{font-size:14px;color:#796c5e;margin:0}
.ar-stories__list{display:flex;gap:30px;overflow-x:auto;padding:6px 4px;scrollbar-width:thin;flex:1}
.ar-stories__cover{display:flex;flex-direction:column;align-items:center;gap:9px;background:none;border:0;padding:0;min-width:110px;color:#291a12;font:600 14px/1.25 var(--font-body);cursor:pointer;white-space:nowrap}
.ar-stories__ring{display:block;width:108px;height:108px;border-radius:50%;padding:4px;border:2px solid #960f11;transition:transform .2s;background:#f5ead4}
.ar-stories__ring img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 25%;border-radius:50%;background:#e5d5b9}
.ar-stories__cover--review img{object-fit:contain;padding:9px;background:#fff}
.ar-stories__cover:hover .ar-stories__ring{transform:translateY(-3px)}
.ar-stories__cover.is-viewed .ar-stories__ring{border-color:#b6a995}
.ar-stories__cover:focus-visible{outline:3px solid #960f11;outline-offset:5px;border-radius:8px}
.ar-story{padding:0;border:0;background:#211814;color:#fff7e8;width:min(430px,100vw);height:min(800px,94dvh);max-width:100vw;max-height:100dvh;border-radius:20px;overflow:hidden;box-shadow:0 28px 100px #0008}
.ar-story::backdrop{background:#160f0be6;backdrop-filter:blur(8px)}
.ar-story__frame{height:100%;display:flex;flex-direction:column;position:relative;isolation:isolate}
.ar-story__progress{position:absolute;top:12px;left:14px;right:14px;z-index:3;display:flex;gap:4px}
.ar-story__progress span{height:3px;flex:1;background:#ffffff50;overflow:hidden;border-radius:3px}
.ar-story__progress i{display:block;height:100%;background:#fff4e2;transform:scaleX(0);transform-origin:left}
.ar-story__header{position:absolute;z-index:3;top:24px;left:16px;right:12px;display:flex;gap:5px;align-items:center;font:600 15px/1.2 var(--font-body)}
#ar-story-title{margin-right:auto;text-shadow:0 1px 10px #000}
.ar-story__control,.ar-story__nav button{border:1px solid #ffffff40;background:#211814a8;color:#fff7e8;border-radius:50%;width:40px;height:40px;font:500 26px/1 var(--font-body);cursor:pointer;flex:none}
.ar-story__control:focus-visible,.ar-story__nav button:focus-visible,.ar-story__cta:focus-visible{outline:3px solid #fff;outline-offset:3px}
.ar-story__content{flex:1;min-height:0;display:flex}
.ar-story__slide{position:relative;display:flex;flex:1;flex-direction:column;min-height:0;background:#30241b}
.ar-story__media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%;z-index:-1}
.ar-story__slide{isolation:isolate}
.ar-story__slide:after{content:"";position:absolute;inset:0;background:linear-gradient(#0006,transparent 30%,#1b110b77 45%,#1b110b 85%);z-index:-1;pointer-events:none}
video.ar-story__media{object-fit:contain;object-position:center 25%;background:#17110e}
.ar-story__copy{margin-top:auto;padding:80px 26px 16px;overflow-y:auto;max-height:75%;text-shadow:0 1px 8px #0004}
.ar-story__copy h3{font:700 clamp(25px,4.5vh,34px)/1.08 var(--font-body);margin:0 0 14px;color:#fff7e8}
.ar-story__copy p{font:400 16px/1.45 var(--font-body);color:#f0e3d3;margin:0 0 20px}
.ar-story__copy .ar-story__label{font-size:13px;margin-bottom:10px}
.ar-story__cta{display:flex;justify-content:space-between;align-items:center;gap:16px;border:1px solid #bd5652;background:#970f10;color:#fff!important;border-radius:10px;padding:15px 18px;text-decoration:none;font:700 15px/1.2 var(--font-body);text-shadow:none}
.ar-story__slide--review{background:#f2e5cd}
.ar-story__slide--review:after{background:none}
.ar-story__slide--review .ar-story__media{inset:90px 26px auto;width:110px;height:60px;object-fit:contain}
.ar-story__slide--review .ar-story__copy{margin-block:auto;padding-top:170px;max-height:100%;text-shadow:none}
.ar-story__slide--review h3,.ar-story__slide--review p{color:#291a12}
.ar-story__nav{display:flex;align-items:center;justify-content:center;gap:28px;padding:8px 16px 14px;background:#211814;font:500 13px/1 var(--font-body)}
.ar-story__nav button{width:44px;height:44px;font-size:30px}
.ar-story__status{margin:0;padding:8px 20px;background:#211814;font-size:13px;color:#fff}
@media(max-width:600px){.ar-stories__row{display:block;padding-block:18px}.ar-stories__intro{display:none}.ar-stories__list{gap:20px;margin-right:-16px;padding-right:16px}.ar-stories__cover{min-width:90px;font-size:13px}.ar-stories__ring{width:90px;height:90px}.ar-story{width:100vw;height:100dvh;border-radius:0;margin:0}.ar-story__header{top:calc(24px + env(safe-area-inset-top))}.ar-story__progress{top:calc(12px + env(safe-area-inset-top))}.ar-story__nav{padding-bottom:calc(12px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.ar-stories__ring{transition:none}.ar-stories__cover:hover .ar-stories__ring{transform:none}}
/* Keep the modal centered despite the site's global margin reset. */
.ar-story{inset:0;margin:auto}
.ar-story.is-review #ar-story-title{color:#291a12;text-shadow:none}
.ar-story.is-review .ar-story__progress span{background:#291a1230}
.ar-story.is-review .ar-story__progress i{background:#970f10}
.ar-story.is-review .ar-story__control{background:#f2e5cd;color:#291a12;border-color:#291a1250}
.ar-story.is-review .ar-story__control:focus-visible{outline-color:#970f10}
@media(max-width:600px){.ar-story{margin:0}}