/* Extensions only where Bootstrap has no equivalent. No page/host selectors. */
.rl-brand{display:inline-flex;align-items:center;gap:.75rem;text-decoration:none;color:inherit;font:800 1.75rem/1 'Barlow Condensed',sans-serif;letter-spacing:.04em}.rl-brand img{width:2.5rem;height:2.5rem;object-fit:contain}.rl-brand small{font:700 1rem 'Barlow Condensed',sans-serif;display:block;letter-spacing:.18em;margin-top:.25rem}
.rl-section{padding-block:var(--rl-section)}.rl-reading{max-width:70ch}.rl-section-title{max-width:20ch}.rl-icon{font-size:2rem;color:var(--bs-primary)}
.rl-shell{display:grid;grid-template-columns:16rem minmax(0,1fr);min-height:calc(100vh - 5rem)}.rl-sidebar{background:#000;color:#fff;padding:1.5rem}.rl-sidebar .nav-link{color:#fff}.rl-sidebar .nav-link.active{background:var(--bs-primary)}.rl-sidebar .nav-link:hover{background:#222}.rl-sidebar .nav-link.active:hover{background:var(--bs-primary)}.rl-workspace{min-width:0;padding:2rem;background:var(--bs-tertiary-bg)}
.rl-campaign{position:relative;isolation:isolate;overflow:hidden;min-height:20rem;display:flex;align-items:center;background:#000;color:#fff}.rl-campaign>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.rl-campaign:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#000e,#0005 60%,transparent);z-index:-1}.rl-campaign-content{padding:2rem;max-width:43rem}.rl-campaign-content h1,.rl-campaign-content h2{color:#fff}.rl-campaign--large{min-height:28rem}.rl-campaign--plain:after{display:none}
.rl-image-tile{position:relative;display:block;overflow:hidden;background:#000;color:#fff;min-height:17rem}.rl-image-tile img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.rl-image-tile:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#000c)}.rl-image-tile>div{position:absolute;inset:auto 1.5rem 1.5rem;z-index:1;display:flex;justify-content:space-between;align-items:end}.rl-image-tile h3{margin:0;color:#fff}
.rl-access-stage{container-type:inline-size;perspective:1000px;display:grid;place-items:center;min-width:0;padding:1.5rem;overflow:hidden;background:transparent;aspect-ratio:4/3}.rl-access-card{position:relative;display:block;width:100%;max-width:31rem;aspect-ratio:1.586;background:#000;color:#fff;isolation:isolate;transform:rotateY(-12deg) rotateZ(-5deg);border:0;box-shadow:12px 20px 22px #0003;transition:transform .3s}.rl-access-card:hover{transform:rotateY(-3deg) rotateZ(-2deg)}.rl-access-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.rl-access-card:after{position:absolute;inset:0;content:'';background:linear-gradient(115deg,transparent 35%,#fff1 50%,transparent 65%);pointer-events:none}.rl-access-brand{position:absolute;top:9%;right:6%;font:800 clamp(1rem,5cqw,1.6rem) 'Barlow Condensed',sans-serif;letter-spacing:.06em}.rl-access-label{position:absolute;top:37%;right:6%;width:42%;text-align:right;line-height:1.05}.rl-access-label strong{display:block;font:800 clamp(1rem,8cqw,3rem)/1.05 'Barlow Condensed',sans-serif;text-transform:uppercase}.rl-access-label span{font:600 1rem/1.2 'Barlow',sans-serif;letter-spacing:.08em}.rl-access-meta{position:absolute;bottom:9%;right:6%;font-size:1rem}.rl-access-card--flat{transform:none;box-shadow:none}.rl-product-image{aspect-ratio:4/3;object-fit:cover;width:100%;background:#f5f5f5}.rl-price{font:800 2rem/1.15 'Barlow Condensed',sans-serif}.rl-price small{font:400 1rem 'Barlow',sans-serif}
.rl-empty{padding:3rem 1.5rem;text-align:center;background:var(--bs-body-bg);border:1px solid var(--bs-border-color)}.rl-empty>.bi{font-size:3rem;color:var(--bs-primary);display:block;margin-bottom:1.5rem}.rl-empty p{max-width:32rem;margin-inline:auto}.rl-filter-rail{min-width:0}.rl-filter-rail .offcanvas-lg{--bs-offcanvas-width:22rem}.rl-filter-rail .list-group-item{display:flex;align-items:center;gap:.75rem}.rl-filter-rail .list-group-item .badge{margin-left:auto}.rl-filter-rail .form-label{font-size:1.125rem}
.rl-example{border:1px solid var(--bs-border-color);padding:1.5rem;margin-block:1.5rem}.rl-code{white-space:pre;overflow:auto;font-size:1rem;line-height:1.6;padding:1.25rem;background:#000;color:#fff;max-height:30rem}.rl-doc-nav{max-height:calc(100vh - 5rem);overflow:auto;position:sticky;top:5rem}.rl-doc-nav .nav-link{font-size:1.125rem;padding:.4rem .75rem}.rl-doc-nav h2{font-size:1.25rem;margin:1.5rem .75rem .5rem}.rl-swatch{min-height:7rem;padding:1.5rem;border:1px solid var(--bs-border-color)}
.rl-marquee{overflow:hidden;background:#000;color:#fff}.rl-marquee-track{display:flex;width:max-content;animation:rl-marquee 55s linear infinite}.rl-marquee-group{display:flex;flex:none;gap:2rem;padding:1rem}.rl-marquee-group img{width:2rem;height:1.5rem;object-fit:cover}@keyframes rl-marquee{to{transform:translateX(-50%)}}
.rl-auth{display:grid;grid-template-columns:1fr 1fr;max-width:1400px;margin:auto;background:#fff;color:#000}.rl-auth-art{position:relative;isolation:isolate;min-height:44rem;overflow:hidden;background:#000;color:#fff}.rl-auth-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.rl-auth-caption,.rl-auth-art>h1{position:relative;padding:2rem;font:800 3rem/1.05 'Barlow Condensed',sans-serif;background:linear-gradient(#0009,transparent);text-transform:uppercase}.rl-auth-content{padding:2.5rem}.rl-auth.is-dashboard{display:block;max-width:1500px;background:var(--bs-tertiary-bg)}.rl-auth.is-dashboard>.rl-auth-art{display:none}.rl-auth.is-dashboard>.rl-auth-content{padding:2rem}.rl-campaign>div:not(.rl-campaign-content){position:relative;z-index:1;padding:2rem}.rl-campaign>div>h1,.rl-campaign>div>h2{max-width:20ch}.rl-campaign>div>p{max-width:45ch}.rl-media{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;margin-bottom:1.5rem}.rl-kpi{display:flex;gap:1rem;align-items:center;padding:1.5rem;border:1px solid var(--bs-border-color);background:var(--bs-body-bg);color:var(--bs-body-color);text-decoration:none;height:100%}.rl-kpi>.bi{font-size:1.75rem;color:var(--bs-primary)}.rl-kpi>div{flex:1;min-width:0}.rl-kpi span,.rl-kpi strong,.rl-kpi small{display:block}.rl-kpi strong{font:800 1.75rem/1.15 'Barlow Condensed',sans-serif;margin:.25rem 0}.rl-kpi small{font-size:1rem}.rl-record{padding:1.5rem;background:var(--bs-body-bg);border:1px solid var(--bs-border-color)}.rl-record+.rl-record{margin-top:1rem}.rl-record small{font-size:1rem}.rl-thumbnail{width:5rem;height:4rem;object-fit:cover;flex:none}.rl-disclosure{border-bottom:1px solid var(--bs-border-color);padding-block:1.25rem}.rl-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-weight:600;cursor:pointer}.rl-disclosure>div,.rl-disclosure>p{margin-top:1rem}
footer.bg-black a{color:#fff}
@container(max-width:20rem){.rl-access-label{top:53%;width:48%}.rl-access-label span,.rl-access-meta{display:none}.rl-access-label strong{font-size:clamp(1rem,9cqw,2rem)}.rl-access-brand{font-size:clamp(1rem,6cqw,1.4rem)}}
@media(max-width:991.98px){.rl-auth{grid-template-columns:1fr}.rl-auth-art{min-height:16rem;max-height:18rem}.rl-auth-caption,.rl-auth-art>h1{font-size:2.5rem;padding:1.5rem}.rl-auth-content,.rl-auth.is-dashboard>.rl-auth-content{padding:1.5rem}.rl-campaign>div:not(.rl-campaign-content){padding:1.5rem}}
@media(max-width:991.98px){.rl-shell{grid-template-columns:1fr}.rl-sidebar{padding:1rem}.rl-workspace{padding:1.5rem}.rl-doc-nav{position:static;max-height:none}.rl-section{padding-block:3rem}}
@media(max-width:575.98px){.rl-campaign-content{padding:1.5rem}.rl-campaign{min-height:18rem}.rl-access-stage{padding:1rem}.rl-access-brand{font-size:1.125rem}.rl-access-label strong{font-size:1.75rem}.rl-access-label span,.rl-access-meta{font-size:1rem}.rl-workspace{padding:1.25rem}.rl-access-card{min-width:0}}

/* Shared product media: optional cover on devices that support hover. */
.rl-product-media{position:relative;isolation:isolate;min-width:0;background:transparent}
.rl-product-object{position:relative;transition:opacity .18s ease}
.rl-product-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2;pointer-events:none;transition:opacity .18s ease}
.rl-product-media--covered>.rl-product-object{opacity:0}
.rl-product-media--covered:hover>.rl-product-cover,.rl-product-media--covered:focus-within>.rl-product-cover{opacity:0}
.rl-product-media--covered:hover>.rl-product-object,.rl-product-media--covered:focus-within>.rl-product-object{opacity:1}
.rl-product-media:focus-visible{outline:3px solid var(--bs-primary);outline-offset:2px}
/* Lightweight 3D packaging; opening moves only the seal. No reward layer. */
.rl-pack-stage{position:relative;width:100%;aspect-ratio:4/3;display:grid;place-items:center;border:0;padding:1.5rem;overflow:hidden;background:transparent;perspective:1000px;color:inherit;isolation:isolate}
button.rl-pack-stage{cursor:pointer}
.rl-pack-stage:focus-visible{outline:3px solid var(--bs-primary);outline-offset:-3px}
.rl-pack-object{display:block;position:relative;width:40%;max-width:14rem;aspect-ratio:2/3;transform:rotateY(-15deg) rotateZ(-5deg);transform-style:preserve-3d;filter:drop-shadow(8px 14px 8px #0004);transition:transform .25s ease}
.rl-pack-stage:hover .rl-pack-object,.rl-pack-stage:focus-visible .rl-pack-object{transform:rotateY(-6deg) rotateZ(-3deg)}
.rl-pack-back{display:none}
.rl-pack-mouth{position:absolute;inset:9% 0 auto;height:3%;background:#111;border:1px solid #666;transform:rotateX(65deg);opacity:0;transition:opacity .2s}
.rl-pack-body{position:absolute;inset:10% 0 0;overflow:hidden;background:#000;box-shadow:inset 1px 0 #fff5}
.rl-pack-seal{position:absolute;inset:0 0 90%;overflow:hidden;transform-origin:10% 100%;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.rl-pack-body>img{position:absolute;inset:-11.111% 0 auto;width:100%;height:111.111%;object-fit:fill}
.rl-pack-seal>img{position:absolute;inset:0 0 auto;width:100%;height:1000%;object-fit:fill}
.rl-pack-body:after,.rl-pack-seal:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(95deg,#0004,transparent 7%,#ffffff12 39%,transparent 64%,#0005)}
.rl-pack-stage[data-pack-state=open] .rl-pack-seal{transform:translate(10%,-45%) rotateZ(-10deg) rotateY(-8deg)}
.rl-pack-stage[data-pack-state=open] .rl-pack-mouth{opacity:1}
@media(hover:none),(pointer:coarse){.rl-product-media--covered>.rl-product-cover{display:none}.rl-product-media--covered>.rl-product-object{opacity:1}}
@media(prefers-reduced-motion:reduce){.rl-access-card,.rl-product-object,.rl-product-cover,.rl-pack-object,.rl-pack-seal,.rl-pack-mouth{transition:none}.rl-marquee-track{animation:none}}
