/* Real Investigations — exact approved mockup integration.
   Existing storefront, AI01 promo, reviews and product geometry stay untouched. */
.ref-nav .ml-nav-new{display:inline-flex!important;align-items:center;gap:5px;color:#e6c57d!important;white-space:nowrap}
.ref-nav .ml-nav-new-badge{display:inline-flex;align-items:center;justify-content:center;height:16px;padding:0 5px;border:1px solid rgba(224,187,112,.42);border-radius:999px;background:rgba(224,187,112,.08);color:#efd79f;font-size:8px;font-weight:800;line-height:1;letter-spacing:.08em}
.ri-approved-sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* Homepage — cinematic Real Investigations hero. The artwork is only a background;
   all copy and actions stay live HTML, so typography remains sharp at every size. */
.ri-approved-home{position:relative;z-index:2;margin:-10px 8px 28px;min-height:500px;border:1px solid rgba(216,175,92,.42);border-radius:18px;overflow:hidden;background:#050d13;box-shadow:0 22px 58px rgba(0,0,0,.34);isolation:isolate}
.ri-cinematic-home__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;z-index:-3;filter:saturate(.92) contrast(1.02)}
.ri-cinematic-home__poster{z-index:-4}
.ri-cinematic-home__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;z-index:-3;filter:saturate(.92) contrast(1.02);background:transparent;pointer-events:none}

.ri-approved-home:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(2,8,13,.96) 0%,rgba(2,8,13,.83) 31%,rgba(2,8,13,.34) 57%,rgba(2,8,13,.19) 100%)}
.ri-approved-home:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(3,8,12,.06) 0%,rgba(3,8,12,.02) 46%,rgba(3,8,12,.72) 100%);box-shadow:inset 0 0 0 1px rgba(255,220,151,.04)}
.ri-cinematic-home__inner{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(310px,.8fr);gap:42px;align-items:end;min-height:500px;padding:40px 46px 38px}
.ri-cinematic-home__copy{max-width:700px;padding:4px 0 2px}
.ri-cinematic-home__eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 15px;color:#e8c57b;font:800 11px/1.25 Inter,Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase}
.ri-cinematic-home__eyebrow span{display:inline-flex;align-items:center;justify-content:center;height:22px;padding:0 9px;border:1px solid rgba(238,198,115,.62);border-radius:999px;background:rgba(20,18,13,.65);font-size:9px;letter-spacing:.12em;backdrop-filter:blur(8px)}
.ri-cinematic-home h2{margin:0;color:#f4ead8;font-family:Georgia,'Times New Roman',serif;font-size:clamp(38px,3.6vw,56px);font-weight:500;line-height:1.02;letter-spacing:-.035em;text-wrap:balance;text-shadow:0 4px 26px rgba(0,0,0,.38)}
.ri-cinematic-home__lead{margin:20px 0 0;color:#f1d29b;font:600 clamp(15px,1.28vw,19px)/1.4 Inter,Arial,sans-serif;letter-spacing:.01em}
.ri-cinematic-home__text{max-width:670px;margin:12px 0 0;color:rgba(236,239,240,.86);font:400 14px/1.55 Inter,Arial,sans-serif}
.ri-cinematic-home__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.ri-cinematic-btn{display:inline-flex;align-items:center;justify-content:center;min-height:45px;padding:0 20px;border-radius:8px;text-decoration:none!important;font:750 13px/1 Inter,Arial,sans-serif;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}
.ri-cinematic-btn:hover{transform:translateY(-1px)}
.ri-cinematic-btn--primary{border:1px solid #e3ba69;background:linear-gradient(180deg,#eccb86,#d9aa55);box-shadow:0 10px 28px rgba(0,0,0,.25);color:#111820!important}
.ri-cinematic-btn--primary:hover{background:linear-gradient(180deg,#f3d69a,#dfb45f)}
.ri-cinematic-btn--secondary{border:1px solid rgba(225,197,142,.4);background:rgba(5,13,19,.5);color:#efe7d7!important;backdrop-filter:blur(8px)}
.ri-cinematic-btn--secondary:hover{border-color:rgba(232,201,140,.7);background:rgba(10,18,24,.72)}
.ri-cinematic-case{align-self:end;display:block;max-width:430px;margin-left:auto;padding:22px 23px 20px;border:1px solid rgba(226,192,126,.35);border-radius:14px;background:linear-gradient(180deg,rgba(5,12,17,.72),rgba(3,9,13,.89));box-shadow:0 18px 45px rgba(0,0,0,.36);color:#e9edf0!important;text-decoration:none!important;backdrop-filter:blur(13px);transition:transform .22s ease,border-color .22s ease,background .22s ease}
.ri-cinematic-case:hover{transform:translateY(-2px);border-color:rgba(232,198,128,.62);background:linear-gradient(180deg,rgba(7,15,21,.78),rgba(3,9,13,.94))}
.ri-cinematic-case__kicker{display:block;margin-bottom:8px;color:#d6ae64;font:800 10px/1.25 Inter,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.ri-cinematic-case h3{margin:0;color:#f2e6d0;font-family:Georgia,'Times New Roman',serif;font-size:29px;font-weight:500;line-height:1.08;letter-spacing:-.02em}
.ri-cinematic-case p{margin:10px 0 14px;color:rgba(231,235,237,.77);font:400 13px/1.5 Inter,Arial,sans-serif}
.ri-cinematic-case__tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:17px}
.ri-cinematic-case__tags i{display:inline-flex;align-items:center;height:23px;padding:0 9px;border:1px solid rgba(219,187,120,.27);border-radius:999px;background:rgba(6,13,17,.5);color:#d8d4ca;font:600 10px/1 Inter,Arial,sans-serif;font-style:normal}
.ri-cinematic-case strong{display:flex;align-items:center;justify-content:flex-end;gap:8px;color:#e4bd6b;font:750 12px/1.2 Inter,Arial,sans-serif}
.ri-approved-home a:focus-visible{outline:2px solid #e0b766;outline-offset:4px}

/* Solo hub — same approved visual, deliberately smaller and quieter. */
.ri-approved-solo{position:relative;width:min(100%,980px);margin:26px auto 30px;border:1px solid rgba(214,173,91,.38);border-radius:16px;overflow:hidden;background:#050d13;box-shadow:0 15px 38px rgba(0,0,0,.24)}
.ri-approved-solo__link{position:relative;display:block;color:inherit;text-decoration:none;overflow:hidden}
.ri-approved-solo__image{display:block;width:100%;height:auto;aspect-ratio:900/322;object-fit:contain;background:#071019;transition:transform .32s ease,filter .32s ease}
.ri-approved-solo__link:hover .ri-approved-solo__image{transform:scale(1.004);filter:brightness(1.025)}

/* The extra product nav item fits the full desktop header, but must not push the
   already-approved storefront navigation outside the viewport at tablet widths. */
@media(max-width:1180px){
  .ref-nav .ml-nav-new{display:none!important}
}
@media(min-width:981px) and (max-width:1180px){
  .ref-header{grid-template-columns:240px minmax(0,1fr) 120px}
  .ref-nav{min-width:0;gap:12px}
}
@media(max-width:980px){
  .ri-approved-home{margin:4px 8px 28px;min-height:560px}
  .ri-approved-home:before{background:linear-gradient(90deg,rgba(2,8,13,.96) 0%,rgba(2,8,13,.83) 47%,rgba(2,8,13,.35) 100%)}
  .ri-cinematic-home__bg,.ri-cinematic-home__video{object-position:58% center}
  .ri-cinematic-home__inner{grid-template-columns:1fr;align-content:end;gap:22px;min-height:560px;padding:34px 34px 30px}
  .ri-cinematic-home__copy{max-width:720px}
  .ri-cinematic-case{max-width:520px;margin:0}
  .ri-approved-solo{width:calc(100% - 16px);margin:24px auto 28px}
}
@media(max-width:700px){
  .ri-approved-home{margin:14px 0 24px;min-height:620px;border-radius:14px}
  .ri-cinematic-home__bg,.ri-cinematic-home__video{object-position:68% center}
  .ri-approved-home:before{background:linear-gradient(180deg,rgba(2,8,13,.78) 0%,rgba(2,8,13,.65) 30%,rgba(2,8,13,.92) 73%,rgba(2,8,13,.98) 100%)}
  .ri-cinematic-home__inner{display:flex;flex-direction:column;justify-content:flex-end;gap:18px;min-height:620px;padding:28px 20px 20px}
  .ri-cinematic-home h2{font-size:34px;line-height:1.04}
  .ri-cinematic-home__lead{font-size:16px;margin-top:15px}
  .ri-cinematic-home__text{font-size:13px;line-height:1.5}
  .ri-cinematic-home__actions{gap:9px;margin-top:18px}
  .ri-cinematic-btn{min-height:42px;padding:0 15px;font-size:12px}
  .ri-cinematic-case{max-width:none;width:100%;padding:17px 17px 15px;border-radius:12px}
  .ri-cinematic-case h3{font-size:23px}
  .ri-cinematic-case p{font-size:12px;margin:8px 0 12px}
  .ri-cinematic-case__tags{margin-bottom:12px}
  .ri-approved-solo{width:100%;margin:22px 0 26px;border-radius:13px}
}
@media(max-width:430px){
  .ri-cinematic-home h2{font-size:31px}
  .ri-cinematic-home__actions{display:grid;grid-template-columns:1fr}
  .ri-cinematic-btn{width:100%}
}
@media(prefers-reduced-motion:reduce){.ri-cinematic-home__video{display:none}.ri-cinematic-btn,.ri-cinematic-case,.ri-approved-solo__image{transition:none}}