/* RAZORGLINT / FINAL BRAND FINISHES / 2026-11-11
   Scoped to two pages. Do not modify global navigation, billing or contact styles.
   Signature purple: #360F5A. Silver highlights echo the metallic R emblem.
*/
:root{--rg-signature-purple:#360f5a;--rg-signature-hover:#4b1972}

/* 1 / MODERNIZATION: metallic next-generation display type.
   Keep the original wording and page structure exactly as approved. */
.rg-modernization-page .hero h1 em{
  display:block;
  margin-top:.13em;
  max-width:760px;
  font-family:"Palatino Linotype","Book Antiqua",Georgia,serif;
  font-style:italic;
  font-size:1.02em;
  font-weight:500;
  letter-spacing:-.067em;
  line-height:1.10;
  color:#dbd0e5; /* fallback when clipped gradient isn't available */
  text-wrap:wrap;
}
@supports (-webkit-background-clip:text) or (background-clip:text){
  .rg-modernization-page .hero h1 em{
    background-image:linear-gradient(116deg,
      #f9f7fc 0%,
      #d9d3e0 16%,
      #a18bb8 29%,
      #6b3696 39%,
      #c7b3d6 52%,
      #f4eef8 63%,
      #9870b2 76%,
      #58217d 88%,
      #d1bfdc 100%);
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
    filter:drop-shadow(0 5px 18px rgba(77,27,113,.30));
  }
}
/* Signature purple accents, deliberately isolated to Modernization. */
.rg-modernization-page .hero::after{border-color:rgba(54,15,90,.56)}
.rg-modernization-page .eyebrow::before{background:var(--rg-signature-purple)}
.rg-modernization-page .btn.primary{
  background:var(--rg-signature-purple);border-color:var(--rg-signature-purple);color:#fff;
}
.rg-modernization-page .btn:not(.primary){border-color:#4d2274}
.rg-modernization-page .btn.primary:hover{background:var(--rg-signature-hover);border-color:var(--rg-signature-hover)}
.rg-modernization-page .btn:not(.primary):hover{background:#1d1027;border-color:#582283}
.rg-modernization-page .hero-meta span{color:#79509a}
.rg-modernization-page .card.featured{border-color:rgba(54,15,90,.85)}
.rg-modernization-page .notice{border-left-color:var(--rg-signature-purple)}
.rg-modernization-page .main-nav .nav-contact{background:var(--rg-signature-purple);border-color:var(--rg-signature-purple);color:#fff}

/* 2 / ABOUT: fill the existing photograph frame, maintain subject and logo.
   Retains the source photo: CSS crop only, no image generation or replacement. */
.rg-about-page .rg-founder-portrait{
  width:100%;
  aspect-ratio: 1.18 / 1;
  min-height:0;
  overflow:hidden;
  padding:0;
  border:1px solid var(--rg-signature-purple);
  border-radius:12px;
  background:#0d0a12;
}
.rg-about-page .rg-founder-portrait img{
  display:block;
  width:100%;height:100%;
  min-width:100%;min-height:100%;max-width:none;max-height:none;
  object-fit:cover;
  object-position:center 12%;
  transform:scale(1.035);
  transform-origin:50% 20%;
}
.rg-about-page .rg-founder-media{overflow:visible}
.rg-about-page .rg-about-links a,
.rg-about-page .rg-about-cta a{
  background:var(--rg-signature-purple);
  border-color:var(--rg-signature-purple);
  color:#fff;
}
.rg-about-page .rg-about-links a:hover,
.rg-about-page .rg-about-cta a:hover{
  background:var(--rg-signature-hover);border-color:var(--rg-signature-hover)
}
.rg-about-page .rg-about-values article{border-color:rgba(54,15,90,.7)}
.rg-about-page .rg-founder{border-bottom-color:rgba(54,15,90,.65)}
/* Text remains silver-lilac for adequate contrast on a black background. */
.rg-about-page .rg-about-eyebrow{color:#b8a8c7}
.rg-about-page .rg-founder-role{color:#c7b8d5!important}

@media(max-width:760px){
  .rg-modernization-page .hero h1 em{font-size:.88em;letter-spacing:-.058em}
  .rg-about-page .rg-founder-portrait{aspect-ratio:1.10 / 1}
}
@media(prefers-reduced-motion:reduce){
  .rg-modernization-page .hero h1 em{filter:none}
}