/* INSCYD resource hubs (rl-) v1 — styles the native Webflow hub pages.
   Card spec ported 1:1 from the approved /resources preview. */
.rl-page{position:relative;z-index:2;font-family:'Manrope',-apple-system,sans-serif;color:#1B1F3B;-webkit-font-smoothing:antialiased}
.rl-page *{box-sizing:border-box}
.rl-bg{position:fixed;inset:0;z-index:0;pointer-events:none;background:
 radial-gradient(680px 520px at 15% 24%,rgba(122,118,112,.10),transparent 70%),
 radial-gradient(640px 520px at 87% 30%,rgba(116,116,120,.09),transparent 70%),
 radial-gradient(1000px 640px at 50% -12%,rgba(27,31,59,.04),transparent 72%)}
.rl-grain{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.16;mix-blend-mode:multiply;
 background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='200'%20height='200'%3E%3Cfilter%20id='n'%3E%3CfeTurbulence%20baseFrequency='.85'%20numOctaves='3'%20stitchTiles='stitch'/%3E%3C/filter%3E%3Crect%20width='100%25'%20height='100%25'%20filter='url(%23n)'/%3E%3C/svg%3E")}
.rl-wrap{max-width:1320px;margin:0 auto;padding:0 32px}
.rl-page img{max-width:100%;display:block}
.rl-page a{text-decoration:none;color:inherit}
/* page head */
.rl-head{padding:46px 0 6px}
.rl-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#8a90a8}
.rl-eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:#E6261C}
.rl-head h1{font-size:clamp(30px,3.4vw,44px);font-weight:800;letter-spacing:-.025em;line-height:1.08;margin:10px 0 10px;text-wrap:balance;color:#1B1F3B}
.rl-lead{font-size:16px;line-height:1.6;color:#5d5f66;max-width:700px;text-wrap:pretty;margin:0}
/* hero (1-item collection list) */
.rl-hero{padding:26px 0 8px}
.rl-stage{position:relative;border-radius:26px;overflow:hidden;min-height:470px;box-shadow:0 40px 90px -38px rgba(20,28,46,.55);background:#10131c}
.rl-stage .w-dyn-list,.rl-stage .w-dyn-items,.rl-stage .w-dyn-item{position:absolute;inset:0}
.rl-stage .w-dyn-item{display:flex;align-items:flex-end;color:#fff}
.rl-stage .rl-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.62;z-index:0}
.rl-stage .w-dyn-item::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(78deg,rgba(9,11,18,.88) 0%,rgba(9,11,18,.55) 44%,rgba(9,11,18,.12) 72%,rgba(9,11,18,0) 100%),linear-gradient(0deg,rgba(9,11,18,.55) 0%,rgba(9,11,18,0) 42%)}
.rl-copy{position:relative;z-index:2;padding:clamp(28px,4vw,52px);max-width:680px}
.rl-copy .rl-eyebrow{color:#fff;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:6px 14px 6px 11px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.rl-copy h2{font-size:clamp(22px,2.4vw,36px);font-weight:800;letter-spacing:-.03em;line-height:1.12;margin:16px 0 0;text-shadow:0 2px 22px rgba(0,0,0,.45);text-wrap:balance;color:#fff}
.rl-copy p{margin:13px 0 0;font-size:15px;line-height:1.55;color:rgba(255,255,255,.87);font-weight:500;max-width:56ch;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.rl-hm{display:flex;gap:16px;font-size:13px;font-weight:600;color:rgba(255,255,255,.75);margin:14px 0 22px;font-variant-numeric:tabular-nums}
.rl-row{display:flex;gap:10px;flex-wrap:wrap}
.rl-btn{display:inline-flex;align-items:center;gap:11px;border-radius:999px;padding:11px 24px;font-size:15px;font-weight:600;color:#fff;background:#E6261C;box-shadow:0 14px 30px -10px rgba(230,38,28,.5);transition:transform .2s cubic-bezier(.32,.72,0,1),background .2s}
.rl-btn:hover{background:#c91e15;transform:translateY(-1px)}
.rl-btn:active{transform:scale(.97)}
.rl-btn2{display:inline-flex;align-items:center;border-radius:999px;padding:11px 24px;font-size:15px;font-weight:600;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.4);margin-left:2px;transition:background .2s}
.rl-btn2:hover{background:rgba(255,255,255,.12)}
/* controls (raw embed) */
.rl-controls{padding:34px 0 4px;display:flex;flex-direction:column;gap:14px}
.rl-search{flex:0 0 auto;width:100%;display:flex;align-items:center;gap:10px;border:1px solid rgba(27,31,59,.16);border-radius:999px;padding:13px 22px;background:#fff;box-shadow:0 2px 10px rgba(20,28,46,.05)}
.rl-search:focus-within{border-color:#4E6D8C;box-shadow:0 0 0 3px rgba(78,109,140,.15)}
.rl-search input{border:0;outline:0;flex:1;font:inherit;font-size:15px;color:#1B1F3B;background:transparent}
.rl-search svg{width:17px;height:17px;stroke:#5d5f66;fill:none;stroke-width:2;flex:none}
.rl-crow{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.rl-clab{font-size:11.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#8a90a8;flex:none;min-width:52px}
.rl-chips{display:flex;gap:9px;flex-wrap:wrap}
.rl-chip{font-family:inherit;font-size:14.5px;font-weight:700;color:#1B1F3B;border:1.5px solid rgba(27,31,59,.16);border-radius:999px;padding:11px 22px;cursor:pointer;background:#fff;box-shadow:0 1px 4px rgba(20,28,46,.05);transition:border-color .2s,transform .15s,background .2s,color .2s;display:inline-flex;text-decoration:none}
.rl-chip:hover{border-color:#1B1F3B;transform:translateY(-1px)}
.rl-chip:active{transform:scale(.97)}
.rl-chip.on{background:#1B1F3B;border-color:#1B1F3B;color:#fff;box-shadow:0 10px 22px -10px rgba(20,28,46,.45)}
/* grid */
.rl-list{padding:26px 0 30px}
.rl-list .w-dyn-items{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:18px}
.rl-list .w-dyn-item{min-width:0;display:flex;align-items:stretch}
.rl-empty{padding:40px 0 24px;text-align:center;color:#5d5f66;font-size:15.5px}
.rl-empty b{color:#1B1F3B}
.rl-empty button{font:inherit;font-size:14px;font-weight:700;color:#1B1F3B;background:#fff;border:1.5px solid rgba(27,31,59,.16);border-radius:999px;padding:10px 22px;margin-top:14px;cursor:pointer}
.rl-empty button:hover{border-color:#1B1F3B}
/* card — exact spec from approved preview */
.rl-card{width:100%;border-radius:20px;background:#fff;padding:6px;display:flex;flex-direction:column;
 box-shadow:0 1px 2px rgba(20,28,46,.06),0 14px 34px -18px rgba(20,28,46,.18),inset 0 0 0 1px rgba(27,31,59,.07);
 transition:transform .35s cubic-bezier(.32,.72,0,1),box-shadow .35s;cursor:pointer}
.rl-card:hover{transform:translateY(-6px);box-shadow:0 2px 4px rgba(20,28,46,.07),0 30px 60px -22px rgba(20,28,46,.30),inset 0 0 0 1px rgba(27,31,59,.10)}
.rl-th{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#e8ebf0;box-shadow:inset 0 0 0 1px rgba(0,0,0,.10);flex:none}
.rl-th .rl-img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.32,.72,0,1)}
.rl-card:hover .rl-th .rl-img{transform:scale(1.05)}
.rl-badge{position:absolute;left:10px;top:10px;z-index:2;font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#1B1F3B;background:rgba(255,255,255,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:999px;padding:5px 11px}
.rl-dur{position:absolute;right:10px;bottom:10px;z-index:2;font-size:11px;font-weight:700;color:#fff;background:rgba(13,15,22,.62);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:999px;padding:4px 9px;font-variant-numeric:tabular-nums}
.rl-dur:empty{display:none}
.rl-play{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s;background:rgba(9,11,18,.28)}
.rl-play::after{content:"";width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.92) url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M9%206.5l9%205.5-9%205.5z'%20fill='%231B1F3B'/%3E%3C/svg%3E") center/22px no-repeat;box-shadow:0 12px 30px -8px rgba(0,0,0,.5)}
.rl-card:hover .rl-play{opacity:1}
.rl-bd{padding:13px 12px 11px;display:flex;flex-direction:column;flex:1}
.rl-bd h3{font-size:16.5px;font-weight:800;line-height:1.3;letter-spacing:-.015em;margin:0;color:#1B1F3B;min-height:2.6em;text-wrap:pretty;overflow-wrap:anywhere}
.rl-x{position:relative;margin-top:7px;font-size:13.5px;line-height:1.55;color:#5d5f66;flex:1 1 auto;min-height:2.4em;overflow:hidden}
.rl-x::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1.5em;background:linear-gradient(180deg,rgba(255,255,255,0),#fff 85%);pointer-events:none}
.rl-foot{padding-top:12px;margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px}
.rl-when{font-size:12px;font-weight:600;color:#8a90a8;font-variant-numeric:tabular-nums;white-space:nowrap}
.rl-cta{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#fff;background:#1B1F3B;border-radius:999px;padding:8px 8px 8px 16px;transition:background .25s}
.rl-cta::after{content:"";width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.14) url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M5%2012h13M13%206l6%206-6%206'%20stroke='white'%20stroke-width='2.2'%20fill='none'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat;transition:transform .25s}
.rl-card:hover .rl-cta{background:#070a18}
.rl-card:hover .rl-cta::after{transform:translateX(2px)}
.rl-slug,.rl-tags{display:none}
/* whitepaper book cards + hero */
.rl-book .rl-th{display:flex;align-items:center;justify-content:center;perspective:900px;background:linear-gradient(165deg,#F2F5F8 0%,#E4EAF0 100%)}
.rl-book .rl-th .rl-img{width:34%;height:auto;aspect-ratio:49/62;object-fit:cover;border-radius:4px 9px 9px 4px;transform:rotateY(-17deg) rotateX(1deg);
 box-shadow:11px 0 0 -5px #cfd8e2,17px 0 0 -8px #b9c5d3,26px 22px 38px -16px rgba(20,28,46,.42)}
.rl-book:hover .rl-th .rl-img{transform:rotateY(-8deg) scale(1.05)}
.rl-stage .rl-blur{position:absolute;inset:-24px;width:calc(100% + 48px);height:calc(100% + 48px);object-fit:cover;filter:blur(26px) saturate(1.05);opacity:.5}
.rl-stage .rl-bookimg{position:absolute;right:clamp(30px,6vw,90px);top:50%;transform:translateY(-50%) rotateY(-16deg);width:min(21%,240px);aspect-ratio:49/62;object-fit:cover;border-radius:5px 12px 12px 5px;box-shadow:24px 30px 60px -18px rgba(0,0,0,.55),inset 0 0 0 1px rgba(255,255,255,.12);z-index:2}
/* responsive */
@media(max-width:1080px){.rl-list .w-dyn-items{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){
 .rl-wrap{padding:0 18px}
 .rl-head{padding-top:30px}
 .rl-stage{height:auto;min-height:430px}
 .rl-stage .w-dyn-list,.rl-stage .w-dyn-items,.rl-stage .w-dyn-item{position:relative;inset:auto}
 .rl-stage .w-dyn-item{min-height:430px}
 .rl-btn2{display:none}
 .rl-list .w-dyn-items{grid-template-columns:1fr;gap:12px}
 .rl-stage .rl-bookimg{display:none}
}
@media(prefers-reduced-motion:reduce){.rl-card,.rl-th .rl-img,.rl-cta::after{transition:none}}

/* per-hub variants, driven by data-hub on <html> (set by hubs.v1.js) */
[data-hub="whitepapers"] .rl-play,[data-hub="blog"] .rl-play,[data-hub="user-stories"] .rl-play{display:none}
/* whitepaper cards: book on a light stage */
[data-hub="whitepapers"] .rl-th{display:flex;align-items:center;justify-content:center;perspective:900px;background:linear-gradient(165deg,#F2F5F8 0%,#E4EAF0 100%)}
[data-hub="whitepapers"] .rl-th .rl-img{width:34%;height:auto;aspect-ratio:49/62;object-fit:cover;border-radius:4px 9px 9px 4px;transform:rotateY(-17deg) rotateX(1deg);
 box-shadow:11px 0 0 -5px #cfd8e2,17px 0 0 -8px #b9c5d3,26px 22px 38px -16px rgba(20,28,46,.42)}
[data-hub="whitepapers"] .rl-card:hover .rl-th .rl-img{transform:rotateY(-8deg) scale(1.05)}
/* whitepaper hero: dark stage, book floating right */
[data-hub="whitepapers"] .rl-stage{background:radial-gradient(130% 110% at 50% -12%,#252a38 0%,#161922 46%,#0d0f15 100%);perspective:1100px}
[data-hub="whitepapers"] .rl-stage .w-dyn-item::before{background:linear-gradient(78deg,rgba(9,11,18,.55) 0%,rgba(9,11,18,.10) 60%,rgba(9,11,18,0) 100%)}
[data-hub="whitepapers"] .rl-stage .rl-img{inset:auto;right:clamp(30px,6vw,90px);top:50%;left:auto;
 transform:translateY(-50%) rotateY(-16deg);width:min(21%,240px);height:auto;aspect-ratio:49/62;opacity:1;
 border-radius:5px 12px 12px 5px;z-index:2;
 box-shadow:24px 30px 60px -18px rgba(0,0,0,.55),inset 0 0 0 1px rgba(255,255,255,.12)}
@media(max-width:767px){[data-hub="whitepapers"] .rl-stage .rl-img{display:none}}

/* ============ /resources: rails ============ */
[data-hub="resources"] .rl-hero{padding:26px 0 4px}
[data-hub="resources"] .rl-stage .w-dyn-list{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .8s var(--rl-ease,cubic-bezier(.32,.72,0,1))}
[data-hub="resources"] .rl-stage .w-dyn-list.rl-on{opacity:1;pointer-events:auto}
.rl-dots{position:absolute;right:clamp(20px,3vw,40px);bottom:clamp(20px,3vw,36px);z-index:5;display:flex;align-items:center;gap:9px}
.rl-dot{width:26px;height:4px;border-radius:99px;background:rgba(255,255,255,.35);border:0;padding:0;cursor:pointer;transition:background .3s,width .3s}
.rl-dot.on{background:#E6261C;width:34px}
.rl-dot:hover{background:rgba(255,255,255,.6)}
.rl-rail{padding:30px 0 6px}
.rl-railhead{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.rl-railtitle{font-size:clamp(21px,2vw,27px);font-weight:800;letter-spacing:-.02em;margin:0;color:#1B1F3B}
.rl-railr{display:flex;align-items:center;gap:16px}
.rl-all{font-size:14px;font-weight:700;color:#4E6D8C;white-space:nowrap;text-decoration:none}
.rl-all::after{content:" \2192"}
.rl-all:hover{color:#1B1F3B}
.rl-arrows{display:flex;gap:8px}
.rl-arr{width:44px;height:44px;border-radius:50%;background:#1B1F3B;cursor:pointer;flex:none;
 display:flex;align-items:center;justify-content:center;transition:background .2s,transform .15s;
 -webkit-user-select:none;user-select:none}
.rl-arr::before{content:"";width:9px;height:9px;border-left:2.2px solid #fff;border-bottom:2.2px solid #fff}
.rl-arr:first-child::before{transform:rotate(45deg) translate(1px,-1px)}
.rl-arr:last-child::before{transform:rotate(-135deg) translate(1px,-1px)}
.rl-arr:hover{background:#E6261C}
.rl-arr:active{transform:scale(.94)}
.rl-arr[aria-disabled="true"]{opacity:.3;pointer-events:none}
.rl-track .w-dyn-items{display:flex;align-items:stretch;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;
 padding:10px 2px 22px;scrollbar-width:none;scroll-behavior:smooth}
.rl-track .w-dyn-items::-webkit-scrollbar{display:none}
.rl-track .w-dyn-item{flex:none;scroll-snap-align:start;width:calc((100% - 54px)/4);min-width:0;display:flex;align-items:stretch}
.rl-track.rl-open .w-dyn-items{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible;padding-bottom:6px}
.rl-track.rl-open .w-dyn-item{width:auto}
.rl-more{display:flex;justify-content:center;padding:6px 0 2px}
.rl-morebtn{font-size:14px;font-weight:700;color:#1B1F3B;background:#fff;border:1.5px solid rgba(27,31,59,.16);
 border-radius:999px;padding:11px 26px;cursor:pointer;transition:border-color .2s,transform .15s}
.rl-morebtn::before{content:"Show more"}
.rl-morebtn.rl-open::before{content:"Show less"}
.rl-morebtn:hover{border-color:#1B1F3B;transform:translateY(-1px)}
.rl-morebtn:active{transform:scale(.97)}
[data-hub="resources"] .rl-rail[hidden]{display:none}
@media(max-width:1080px){
 .rl-track .w-dyn-item{width:calc((100% - 36px)/3)}
 .rl-track.rl-open .w-dyn-items{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:767px){
 [data-hub="resources"] .rl-stage .w-dyn-list{position:relative;inset:auto;display:none}
 [data-hub="resources"] .rl-stage .w-dyn-list.rl-on{display:block}
 .rl-track .w-dyn-item{width:78%}
 .rl-track.rl-open .w-dyn-items{grid-template-columns:1fr;gap:12px}
 .rl-arrows{display:none}
 .rl-rail{padding-top:22px}
}

/* whitepaper slide inside the /resources carousel gets the floating-book treatment */
[data-hub="resources"] .rl-bookslide .w-dyn-item{perspective:1100px}
[data-hub="resources"] .rl-bookslide .w-dyn-item::before{background:linear-gradient(78deg,rgba(9,11,18,.92) 0%,rgba(9,11,18,.72) 46%,rgba(9,11,18,.45) 100%),radial-gradient(130% 110% at 50% -12%,#252a38 0%,#161922 46%,#0d0f15 100%)}
[data-hub="resources"] .rl-bookslide .rl-img{inset:auto;right:clamp(30px,6vw,90px);top:50%;left:auto;
 transform:translateY(-50%) rotateY(-16deg);width:min(19%,215px);height:auto;aspect-ratio:49/62;opacity:1;
 border-radius:5px 12px 12px 5px;z-index:2;
 box-shadow:24px 30px 60px -18px rgba(0,0,0,.6),inset 0 0 0 1px rgba(255,255,255,.12)}
@media(max-width:767px){[data-hub="resources"] .rl-bookslide .rl-img{display:none}}

/* featured slides: description removed, four items per hero on the type hubs */
.rl-copy p{display:none}
.rl-stage.rl-itemslides .w-dyn-item{opacity:0;pointer-events:none;transition:opacity .8s cubic-bezier(.32,.72,0,1)}
.rl-stage.rl-itemslides .w-dyn-item.rl-on{opacity:1;pointer-events:auto}
.rl-stage .rl-dots{position:absolute;right:clamp(20px,3vw,40px);bottom:clamp(20px,3vw,36px);z-index:5}
.rl-copy h2{margin-bottom:2px}
@media(max-width:767px){
 .rl-stage.rl-itemslides .w-dyn-item{position:absolute;inset:0;display:none}
 .rl-stage.rl-itemslides .w-dyn-item.rl-on{display:flex}
}

/* whitepaper cards read as books on every page, not only the whitepapers hub */
.rl-bookcard .rl-th{display:flex;align-items:center;justify-content:center;perspective:900px;
 background:linear-gradient(165deg,#F2F5F8 0%,#E4EAF0 100%)}
.rl-bookcard .rl-th .rl-img{width:34%;height:auto;aspect-ratio:49/62;object-fit:cover;
 border-radius:4px 9px 9px 4px;transform:rotateY(-17deg) rotateX(1deg);
 box-shadow:11px 0 0 -5px #cfd8e2,17px 0 0 -8px #b9c5d3,26px 22px 38px -16px rgba(20,28,46,.42)}
.rl-bookcard:hover .rl-th .rl-img{transform:rotateY(-8deg) scale(1.05)}
.rl-bookcard .rl-play{display:none}

/* featured hero: title always fully visible, stage grows if a long one needs it */
.rl-stage{height:auto}
.rl-stage .w-dyn-list,.rl-stage .w-dyn-items{position:absolute;inset:0}
.rl-copy{padding-top:clamp(26px,3.4vw,44px);padding-bottom:clamp(26px,3.4vw,44px)}
.rl-stage .w-dyn-item{align-items:center}
@media(max-width:767px){.rl-copy h2{font-size:clamp(20px,5.4vw,26px)}}

/* ============================================================================
   Featured hero + rails, 2026-08-28 rev 3.
   The artwork fills the whole card again, exactly like the desktop hero, with
   the copy anchored to the bottom over a scrim. Every card on a page is the
   same height (hubs.v1.js measures the tallest and sets it), so the slack a
   short headline leaves shows up as more picture rather than as an empty panel.
   ========================================================================== */

/* white primary button. `.rl-page a{color:inherit}` outranks a bare `.rl-btn`,
   so the label needs the tag-qualified selector or it stays white on white. */
.rl-page a.rl-btn{background:#fff;color:#1B1F3B;gap:12px;padding:10px 10px 10px 24px;
 box-shadow:0 14px 30px -14px rgba(0,0,0,.6)}
.rl-btn::after{content:"";flex:none;width:28px;height:28px;border-radius:50%;
 background:rgba(27,31,59,.10) url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M5%2012h13M13%206l6%206-6%206'%20stroke='%231B1F3B'%20stroke-width='2.2'%20fill='none'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat;
 transition:transform .25s cubic-bezier(.32,.72,0,1)}
.rl-page a.rl-btn:hover{background:#eef1f5;color:#070a18;transform:translateY(-1px)}
.rl-btn:hover::after{transform:translateX(2px)}
.rl-btn:active{transform:scale(.96)}

/* The design floor. hubs.v1.js measures the tallest slide and writes the exact
   height on top of this, so the cards match and no headline is ever cut, at
   whatever length gets published later. --rl-reveal is how much clear artwork
   is kept above the copy when the picture is a full-bleed backdrop. */
.rl-stage{min-height:470px;--rl-reveal:0px}

/* the rails own the carousel arrows; on phones they stay on the title row, to
   the right of the category headline, at a smaller size. The visual circle is
   32px but ::after extends the tap target back out to 42px. */
@media(max-width:767px){
 /* Two columns: headline with the arrows opposite it, and "See all" on its own
    line underneath. display:contents lifts the .rl-railr children into the grid
    so they can be placed separately without touching the markup. */
 .rl-railhead{display:grid;grid-template-columns:minmax(0,1fr) auto;
  align-items:center;column-gap:12px;row-gap:6px}
 .rl-railtitle{grid-column:1;grid-row:1;min-width:0}
 .rl-railr{display:contents}
 .rl-arrows{grid-column:2;grid-row:1;display:flex;gap:7px}
 .rl-all{grid-column:1;grid-row:2;justify-self:start;font-size:14px}
 .rl-arr{width:32px;height:32px;position:relative}
 .rl-arr::before{width:7px;height:7px;border-left-width:2px;border-bottom-width:2px}
 .rl-arr::after{content:"";position:absolute;inset:-5px;border-radius:50%}
}

@media(max-width:767px){
 .rl-stage{--rl-reveal:190px;min-height:480px}
 .rl-stage .w-dyn-list,.rl-stage .w-dyn-items,.rl-stage .w-dyn-item{position:absolute;inset:0}
 [data-hub="resources"] .rl-stage .w-dyn-list{position:absolute;inset:0;display:block}
 [data-hub="resources"] .rl-stage .w-dyn-list.rl-on{display:block}
 .rl-stage .w-dyn-item{display:block}
 .rl-stage.rl-itemslides .w-dyn-item{display:none}
 .rl-stage.rl-itemslides .w-dyn-item.rl-on{display:block}

 /* full-bleed artwork with the copy sitting on it, as on desktop */
 .rl-stage .w-dyn-item > div{display:flex;flex-direction:column;justify-content:flex-end;height:100%}
 .rl-stage .w-dyn-item::before{display:none}
 .rl-stage .rl-img{position:absolute;inset:0;flex:none;
  width:100%;height:100%;object-fit:cover;opacity:1;aspect-ratio:auto}
 /* the scrim rides the copy block, so a light infographic stays readable above
    it and a long headline still gets a solid backing */
 .rl-copy{flex:none;max-width:none;margin:0;padding:30px 20px 52px;
  background:linear-gradient(180deg,rgba(9,11,18,0) 0,rgba(9,11,18,.60) 26px,
   rgba(9,11,18,.93) 72px,rgba(9,11,18,.97) 100%)}
 .rl-copy h2{font-size:clamp(23px,6.1vw,30px);line-height:1.16;margin:14px 0 0}
 .rl-hm{margin:11px 0 17px}
 .rl-dots{right:20px;bottom:20px}

 /* a whitepaper cover is portrait: cropping it to fill would lose the title, so
    it stays a book standing on the dark stage, matching the cards */
 [data-hub="whitepapers"] .rl-stage .w-dyn-item > div,
 [data-hub="resources"] .rl-bookslide .w-dyn-item > div{
  justify-content:flex-start;
  background:radial-gradient(120% 80% at 50% 0%,#252a38 0%,#161922 55%,#0d0f15 100%)}
 [data-hub="whitepapers"] .rl-stage .rl-img,
 [data-hub="resources"] .rl-bookslide .rl-img{
  display:block;position:relative;inset:auto;right:auto;left:auto;top:auto;
  flex:none;width:100%;height:auto;opacity:1;
  aspect-ratio:100/68;object-fit:contain;padding:24px 0 10px;transform:none;
  border-radius:0;box-shadow:none;
  filter:drop-shadow(9px 12px 20px rgba(0,0,0,.6))}
 [data-hub="whitepapers"] .rl-stage .rl-copy,
 [data-hub="resources"] .rl-bookslide .rl-copy{margin-top:auto;background:none}
}

/* the grid's own Show more, added by hubs.v1.js on the type hubs */
.rl-gmore{padding-top:18px;padding-bottom:8px}
.rl-more[hidden]{display:none}

/* Transient state used by sizeStage(): every slide is laid out at its natural
   height for one synchronous measurement pass, then this class comes straight
   back off. Nothing here is ever painted. */
.rl-stage.rl-measuring{height:auto !important}
.rl-stage.rl-measuring .w-dyn-list,
.rl-stage.rl-measuring .w-dyn-items,
.rl-stage.rl-measuring .w-dyn-item{position:relative !important;inset:auto !important}
.rl-stage.rl-measuring .w-dyn-item > div{height:auto}
.rl-stage.rl-measuring .rl-copy{flex:0 0 auto;height:auto}