/* story.css */

:root{
  --story-bg:#030b14;--story-panel:#07111d;--story-ink:#f4f1e9;
  --story-muted:#a9b3bf;--story-line:#263342;--story-blue:#2878ff;
  --story-paper:#f2efe9;
}
.story-page{margin:0;background:var(--story-bg);color:var(--story-ink);font:15px/1.55 Arial,Helvetica,sans-serif}
.story-page *{box-sizing:border-box}
.story-page a{color:inherit}
.story-header{
  height:82px;position:fixed;z-index:50;inset:0 0 auto;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 clamp(20px,5vw,72px);background:rgba(3,11,20,.92);
  border-bottom:1px solid var(--story-line);backdrop-filter:blur(14px)
}
.story-brand{text-decoration:none;display:flex;flex-direction:column;line-height:1}
.story-brand strong{letter-spacing:.25em;font-size:1rem}
.story-brand span{margin-top:.55rem;color:var(--story-muted);font-size:.64rem;text-transform:uppercase;letter-spacing:.14em}
.story-nav{display:flex;gap:clamp(15px,2.3vw,34px)}
.story-nav a{text-decoration:none;text-transform:uppercase;font-size:.66rem;font-weight:800;letter-spacing:.08em}
.story-nav a:hover,.story-nav a:focus-visible,.story-nav a.active{color:var(--story-blue)}
.story-menu{display:none;background:none;color:var(--story-ink);border:1px solid var(--story-ink);border-radius:999px;padding:.55rem .8rem}
.story-hero{
  min-height:720px;position:relative;display:flex;align-items:center;
  padding:135px clamp(20px,5vw,72px) 75px;overflow:hidden
}
.story-hero::before{
  content:"";position:absolute;inset:82px 0 0;
  background:url("../assets/images/story01/hero-clean-v5.jpg") center/cover no-repeat
}
.story-hero::after{
  content:"";position:absolute;inset:82px 0 0;
  background:linear-gradient(90deg,#030b14 0%,rgba(3,11,20,.96) 30%,rgba(3,11,20,.48) 58%,rgba(3,11,20,.08) 100%)
}
.story-hero-copy{position:relative;z-index:2;max-width:620px}
.story-eyebrow,.story-kicker{color:var(--story-blue);font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.story-hero h1,.story-section h2,.story-card h3,.story-tools h3{
  font-family:Georgia,"Times New Roman",serif;font-weight:400
}
.story-hero h1{font-size:clamp(54px,6vw,96px);line-height:.92;margin:.3em 0}
.story-hero-copy>div[data-intro] p{font-size:18px;color:#d3d8de;max-width:570px}
.story-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:2rem;padding-top:1.3rem;border-top:1px solid var(--story-line)}
.story-meta span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--story-muted)}
.story-meta strong{display:block;color:var(--story-ink);font-size:11px;margin-top:4px}
.story-proof{
  margin:-52px clamp(20px,2vw,32px) 0;position:relative;z-index:3;
  border:1px solid var(--story-line);border-radius:12px;
  background:rgba(7,17,29,.96);display:grid;grid-template-columns:2fr repeat(4,1fr)
}
.story-proof>div{padding:26px;border-right:1px solid var(--story-line)}
.story-proof>div:last-child{border:0}
.story-quote{font:23px/1.3 Georgia,serif}
.story-proof-item{text-align:center;font-size:11px;color:var(--story-muted)}
.story-proof-item b{display:block;color:var(--story-ink);text-transform:uppercase;font-size:10px;letter-spacing:.08em;margin-top:8px}
.story-section{padding:70px clamp(20px,2vw,32px)}
.story-section-title{text-align:center;letter-spacing:.24em;text-transform:uppercase;font:800 14px Arial}
.story-section-sub{text-align:center;color:var(--story-muted);margin-top:-8px}
.story-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:36px}
.story-card{border:1px solid var(--story-line);border-radius:9px;overflow:hidden;background:var(--story-panel)}
.story-card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.story-card-body{padding:24px}
.story-number{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--story-blue);font-weight:800}
.story-card:nth-child(1) .story-number{background:#9f61ff}
.story-card:nth-child(3) .story-number{background:#a6cc5b;color:#07111d}
.story-card h3{font-size:34px;margin:.25em 0}
.story-label{font-size:11px;color:var(--story-blue);font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.story-card p,.story-tools p,.story-outcome p{color:var(--story-muted)}
.story-tools{
  margin:0 clamp(20px,2vw,32px) 50px;padding:28px;border:1px solid var(--story-line);
  border-radius:10px;background:var(--story-panel);display:grid;
  grid-template-columns:1fr 1.2fr 1fr 1fr;gap:22px;align-items:center
}
.story-tools img{width:100%;border-radius:6px}
.story-tools h3{font-size:27px;margin:.2em 0}
.story-impact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:25px}
.story-impact-item{
  position:relative;min-height:180px;border:1px solid var(--story-line);border-radius:7px;
  overflow:hidden;background:#07111d
}
.story-impact-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.story-impact-item::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,9,16,.05) 30%,rgba(3,9,16,.92) 100%)}
.story-impact-copy{position:absolute;z-index:2;left:18px;right:18px;bottom:17px;display:flex;flex-direction:column}
.story-impact-item strong{font-size:13px;text-transform:uppercase}
.story-impact-item span{color:var(--story-muted);font-size:12px}
@media (prefers-reduced-motion:reduce){.story-impact-media{animation:none}.story-impact-item video{display:none}}
.story-outcomes{
  margin:0 clamp(20px,2vw,32px) 60px;border:1px solid var(--story-line);
  border-radius:9px;padding:25px;display:grid;grid-template-columns:1.2fr repeat(4,1fr);gap:20px
}
.story-outcomes h2{font:800 14px Arial;letter-spacing:.2em;text-transform:uppercase}
.story-outcome b{font-size:11px;text-transform:uppercase}
.story-pagination{
  margin:0 clamp(20px,5vw,72px) 55px;padding-top:28px;border-top:1px solid var(--story-line);
  display:flex;justify-content:space-between
}
.story-pagination a{color:var(--story-blue);text-decoration:none;text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:.1em}
.story-footer{
  background:#05080b;border-top:1px solid var(--story-line);
  padding:30px clamp(20px,5vw,72px);color:var(--story-muted);
  display:flex;justify-content:space-between;font-size:12px
}
@media(max-width:900px){
  .story-nav{display:none;position:absolute;top:82px;left:0;right:0;background:#07111d;padding:20px;flex-direction:column}
  .story-nav.open{display:flex}.story-menu{display:block}
  .story-hero{min-height:820px;align-items:flex-end;padding-top:110px}
  .story-hero::before{background-position:64% top}
  .story-hero::after{background:linear-gradient(0deg,#030b14 0%,rgba(3,11,20,.95) 48%,rgba(3,11,20,.12) 80%)}
  .story-meta{grid-template-columns:1fr 1fr}
  .story-proof{margin:0;border-radius:0;grid-template-columns:1fr 1fr}
  .story-quote{grid-column:1/-1}.story-proof>div:nth-child(3){border-right:0}
  .story-pillars{grid-template-columns:1fr}
  .story-tools{grid-template-columns:1fr}
  .story-impact-grid{grid-template-columns:1fr 1fr}
  .story-outcomes{grid-template-columns:1fr 1fr}.story-outcomes h2{grid-column:1/-1}
}
@media(max-width:480px){
  .story-hero h1{font-size:52px}.story-impact-grid{grid-template-columns:1fr}
  .story-outcomes{grid-template-columns:1fr}
}


/* RC5 v3: distinct impact art and richer key outcomes */
.story-outcomes{
  background:
    radial-gradient(circle at 12% 20%,rgba(40,120,255,.10),transparent 30%),
    linear-gradient(180deg,rgba(255,255,255,.015),rgba(255,255,255,0));
}
.story-outcome{
  position:relative;
  min-height:165px;
  padding:18px 18px 16px 20px;
  border-left:1px solid var(--story-line);
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
}
.story-outcome:first-of-type{border-left:0}
.story-outcome-icon{
  width:54px;height:54px;border-radius:16px;
  display:grid;place-items:center;
  margin-bottom:20px;
  border:1px solid rgba(40,120,255,.55);
  background:linear-gradient(145deg,rgba(40,120,255,.18),rgba(40,120,255,.04));
  color:#67a5ff;font-size:1.65rem;
  box-shadow:0 12px 35px rgba(0,0,0,.20);
}
.story-outcome b{
  display:block;
  color:var(--story-ink);
  letter-spacing:.06em;
  line-height:1.35;
}
.story-outcome p{margin:.75rem 0 0}
@media(max-width:900px){
  .story-outcome:nth-of-type(odd){border-left:0}
}
@media(max-width:480px){
  .story-outcome{border-left:0;border-top:1px solid var(--story-line)}
  .story-outcome:first-of-type{border-top:0}
}


/* RC5 v5: clean Story 01 hero artwork with no baked UI or copy */
.story-hero::before{
  background-image:url("../assets/images/story01/hero-clean-v5.jpg") !important;
  background-position:center center !important;
}

/* RC5 v10: Story 02 — Lightstorm / Post Visualization */
.story-lightstorm .story-hero::before{
  background-image:url("../assets/images/story02/hero-placeholder.jpg") !important;
  background-position:70% center !important;
}
.story-lightstorm .story-lightstorm-gallery{
  grid-template-columns:repeat(4,1fr);
}
.story-lightstorm .story-lightstorm-gallery .story-impact-item{
  min-height:250px;
}
.story-lightstorm .story-lightstorm-gallery .story-impact-item:first-child,
.story-lightstorm .story-lightstorm-gallery .story-impact-item:nth-child(5){
  grid-column:span 2;
}
@media(max-width:900px){
  .story-lightstorm .story-hero::before{background-position:68% top !important}
  .story-lightstorm .story-lightstorm-gallery{grid-template-columns:1fr 1fr}
  .story-lightstorm .story-lightstorm-gallery .story-impact-item:first-child,
  .story-lightstorm .story-lightstorm-gallery .story-impact-item:nth-child(5){grid-column:span 1}
}
@media(max-width:480px){
  .story-lightstorm .story-lightstorm-gallery{grid-template-columns:1fr}
}


/* RC5 v13 — Defining question and premium story navigation */
.story-question{
  margin:70px clamp(20px,5vw,72px) 10px;
  padding:42px clamp(24px,4vw,58px);
  border-top:1px solid var(--story-line);
  border-bottom:1px solid var(--story-line);
  display:grid;
  grid-template-columns:minmax(150px,.55fr) minmax(0,2.8fr);
  gap:38px;
  align-items:start;
}
.story-question-label{
  color:var(--story-blue);
  font-size:11px;
  font-weight:800;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.story-question h2{
  max-width:980px;
  margin:0;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(34px,3vw,56px);
  line-height:1.08;
  font-weight:400;
  letter-spacing:-.025em;
}
.story-pagination-three{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:24px;
}
.story-pagination-three .story-all-link{justify-self:center}
.story-pagination-three .story-next-link{justify-self:end;text-align:right}
.story-pagination-three .story-previous-link{justify-self:start}
.story-pagination-empty{min-height:1px}
@media(max-width:800px){
  .story-question{
    grid-template-columns:1fr;
    gap:18px;
    margin-top:48px;
    padding:32px 22px;
  }
  .story-pagination-three{
    grid-template-columns:1fr;
    gap:18px;
    text-align:center;
  }
  .story-pagination-three .story-previous-link,
  .story-pagination-three .story-next-link,
  .story-pagination-three .story-all-link{
    justify-self:center;
    text-align:center;
  }
  .story-pagination-empty{display:none}
}


/* RC5 v14 — Generic modular story layouts */
.story-validating-immersive-products .story-hero::before{
  background-image:url("../assets/images/making-ar-useful/hero.jpg")!important;
}
.story-capturing-bellagio .story-hero::before{
  background-image:url("../assets/images/capturing-bellagio/hero.jpg")!important;
}
.story-exploring-whats-next .story-hero::before{
  background-image:url("../assets/images/exploring-whats-next/hero.jpg")!important;
}
.story-modules{
  display:grid;
  gap:18px;
  margin-top:34px;
}
.story-module{
  min-height:360px;
  border:1px solid var(--story-line);
  border-radius:10px;
  overflow:hidden;
  background:var(--story-panel);
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);
}
.story-module:nth-child(even){
  grid-template-columns:minmax(320px,.75fr) minmax(0,1.25fr);
}
.story-module:nth-child(even) img{order:2}
.story-module img{
  width:100%;
  height:100%;
  min-height:360px;
  object-fit:cover;
}
.story-module-copy{
  padding:42px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.story-module-copy>span{
  color:var(--story-blue);
  font-size:11px;
  font-weight:800;
  letter-spacing:.16em;
}
.story-module-copy h3{
  margin:12px 0 14px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(28px,2.4vw,44px);
  line-height:1.05;
  font-weight:400;
}
.story-module-copy p{
  margin:0;
  color:var(--story-muted);
  font-size:16px;
  line-height:1.6;
}
.story-product .story-module{
  border-color:rgba(53,165,255,.28);
}
.story-spatial .story-module{
  grid-template-columns:minmax(0,1.55fr) minmax(280px,.55fr);
}
.story-spatial .story-module:nth-child(even){
  grid-template-columns:minmax(280px,.55fr) minmax(0,1.55fr);
}
.story-spatial .story-module img{
  min-height:440px;
}
.story-notebook .story-modules{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.story-notebook .story-module,
.story-notebook .story-module:nth-child(even){
  display:block;
  min-height:0;
}
.story-notebook .story-module img,
.story-notebook .story-module:nth-child(even) img{
  order:0;
  height:auto;
  min-height:0;
  aspect-ratio:16/9;
}
.story-notebook .story-module-copy{
  padding:28px;
  min-height:260px;
}
@media(max-width:800px){
  .story-module,
  .story-module:nth-child(even),
  .story-spatial .story-module,
  .story-spatial .story-module:nth-child(even){
    grid-template-columns:1fr;
  }
  .story-module:nth-child(even) img{order:0}
  .story-module img,
  .story-spatial .story-module img{
    min-height:0;
    aspect-ratio:16/9;
  }
  .story-module-copy{padding:28px}
  .story-notebook .story-modules{grid-template-columns:1fr}
}


/* RC5 v15 — Conceptual visual library integration */
.story-concept-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
    margin-top:34px;
}
.story-concept-card{
    overflow:hidden;
    border:1px solid var(--story-line);
    border-radius:10px;
    background:var(--story-panel);
}
.story-concept-card img{
    display:block;
    width:100%;
    height:auto;
    aspect-ratio:16/9;
    object-fit:cover;
    background:#07111d;
}
.story-concept-card>div{
    padding:22px 24px 25px;
}
.story-concept-card h3{
    margin:0 0 9px;
    font-family:Georgia,"Times New Roman",serif;
    font-size:28px;
    font-weight:400;
}
.story-concept-card p{
    margin:0;
    color:var(--story-muted);
    line-height:1.5;
}
.story-lightstorm .story-concept-grid{
    grid-template-columns:minmax(0,1fr);
    max-width:1120px;
    margin-left:auto;
    margin-right:auto;
}
.story-lightstorm .story-concept-card{
    display:grid;
    grid-template-columns:minmax(0,1.55fr) minmax(280px,.45fr);
    align-items:center;
}
.story-lightstorm .story-concept-card img{
    aspect-ratio:16/9;
}
@media(max-width:900px){
    .story-concept-grid{
        grid-template-columns:1fr;
    }
    .story-lightstorm .story-concept-card{
        grid-template-columns:1fr;
    }
}


/* RC6 — One publication, multiple atmospheric chapters */
:root{
    --chapter-paper:#f5f2ec;
    --chapter-paper-alt:#ebe7df;
    --chapter-ink:#15202b;
}

.story-page{
    background:var(--chapter-paper);
}

.story-page .story-header{
    transition:background-color .35s ease,border-color .35s ease;
}

/* Immersive chapters begin dark and move toward the editorial paper tone. */
.story-sphere,
.story-lightstorm{
    background:
        linear-gradient(
            180deg,
            #03070c 0%,
            #08111a 28%,
            #17212a 48%,
            #343a40 61%,
            #b9b5ae 72%,
            var(--chapter-paper) 82%,
            var(--chapter-paper) 100%
        );
}

.story-sphere{--story-blue:#2878ff}
.story-lightstorm{--story-blue:#59d0e8}

/* Editorial product and experiential chapters. */
.story-edmunds{
    --story-blue:#f47b20;
    background:
        radial-gradient(circle at 82% 18%,rgba(244,123,32,.09),transparent 28%),
        var(--chapter-paper);
}

.story-wet{
    --story-blue:#2aa9d8;
    background:
        radial-gradient(circle at 14% 22%,rgba(42,169,216,.09),transparent 30%),
        linear-gradient(180deg,#f3f1ec,#ebe8e2 54%,#f5f2ec);
}

.story-exploration{
    --story-blue:#8f67ff;
    background:
        radial-gradient(circle at 80% 16%,rgba(143,103,255,.11),transparent 25%),
        linear-gradient(180deg,#f2efe9,#e9e5df 50%,#f5f2ec);
}

/* Shared editorial treatment below immersive openings. */
.story-sphere .story-question,
.story-lightstorm .story-question,
.story-sphere .story-section:nth-of-type(n+4),
.story-lightstorm .story-section:nth-of-type(n+4),
.story-sphere .story-outcomes,
.story-lightstorm .story-outcomes,
.story-sphere .story-pagination,
.story-lightstorm .story-pagination{
    color:var(--chapter-ink);
}

.story-sphere .story-section:nth-of-type(n+4) .story-section-sub,
.story-lightstorm .story-section:nth-of-type(n+4) .story-section-sub,
.story-sphere .story-outcome p,
.story-lightstorm .story-outcome p{
    color:#46515b;
}

/* Light chapters use dark editorial text throughout content areas. */
.story-edmunds .story-question,
.story-wet .story-question,
.story-exploration .story-question,
.story-edmunds .story-section,
.story-wet .story-section,
.story-exploration .story-section,
.story-edmunds .story-outcomes,
.story-wet .story-outcomes,
.story-exploration .story-outcomes,
.story-edmunds .story-pagination,
.story-wet .story-pagination,
.story-exploration .story-pagination{
    color:var(--chapter-ink);
}

.story-edmunds .story-section-sub,
.story-wet .story-section-sub,
.story-exploration .story-section-sub,
.story-edmunds .story-module-copy p,
.story-wet .story-module-copy p,
.story-exploration .story-module-copy p,
.story-edmunds .story-outcome p,
.story-wet .story-outcome p,
.story-exploration .story-outcome p{
    color:#4d5862;
}

.story-edmunds .story-module,
.story-wet .story-module,
.story-exploration .story-module,
.story-edmunds .story-outcomes,
.story-wet .story-outcomes,
.story-exploration .story-outcomes,
.story-edmunds .story-concept-card,
.story-wet .story-concept-card,
.story-exploration .story-concept-card{
    background:rgba(255,255,255,.56);
    border-color:rgba(21,32,43,.14);
}

.story-edmunds .story-module-copy h3,
.story-wet .story-module-copy h3,
.story-exploration .story-module-copy h3,
.story-edmunds .story-concept-card h3,
.story-wet .story-concept-card h3,
.story-exploration .story-concept-card h3{
    color:var(--chapter-ink);
}

.story-pagination{
    background:transparent!important;
}

@media(max-width:800px){
    .story-sphere,
    .story-lightstorm{
        background:
            linear-gradient(
                180deg,
                #03070c 0%,
                #08111a 37%,
                #29313a 55%,
                var(--chapter-paper) 72%,
                var(--chapter-paper) 100%
            );
    }
}


/* RC6 v2 — Mobile contrast corrections for chapter transitions */
@media(max-width:800px){

  /* All editorial/light sections use dark readable text on mobile. */
  .story-page .story-question,
  .story-page .story-section,
  .story-page .story-outcomes,
  .story-page .story-pagination,
  .story-page .story-footer{
    color:var(--chapter-ink) !important;
  }

  .story-page .story-section-title,
  .story-page .story-question h2,
  .story-page .story-module-copy h3,
  .story-page .story-concept-card h3,
  .story-page .story-outcome b{
    color:var(--chapter-ink) !important;
  }

  .story-page .story-section-sub,
  .story-page .story-module-copy p,
  .story-page .story-concept-card p,
  .story-page .story-outcome p,
  .story-page .story-footer{
    color:#46515b !important;
  }

  /* Light cards receive a solid editorial surface for legibility. */
  .story-page .story-module,
  .story-page .story-concept-card,
  .story-page .story-outcomes{
    background:rgba(255,255,255,.88) !important;
    border-color:rgba(21,32,43,.16) !important;
  }

  /* Preserve dark hero and proof sections with light text. */
  .story-page .story-hero,
  .story-page .story-proof{
    color:var(--story-ink) !important;
  }

  .story-page .story-hero h1,
  .story-page .story-hero-copy p,
  .story-page .story-meta strong,
  .story-page .story-proof,
  .story-page .story-proof b{
    color:var(--story-ink) !important;
  }

  .story-page .story-meta span,
  .story-page .story-proof-item{
    color:#b7c1cb !important;
  }

  /* Story links remain readable on the light ending sections. */
  .story-page .story-pagination a{
    color:var(--story-blue) !important;
  }

  /* Footer is part of the light editorial ending on mobile. */
  .story-page .story-footer{
    background:var(--chapter-paper) !important;
    border-color:rgba(21,32,43,.15) !important;
  }
}

@media(max-width:480px){
  .story-page .story-module-copy,
  .story-page .story-concept-card>div,
  .story-page .story-outcomes{
    color:var(--chapter-ink) !important;
  }

  .story-page .story-section-sub,
  .story-page .story-module-copy p,
  .story-page .story-concept-card p,
  .story-page .story-outcome p{
    color:#3f4a54 !important;
  }
}


/* RC6 v3 — Edmunds mobile layout rebuild */
@media(max-width:800px){

  .story-edmunds{
    background:var(--chapter-paper) !important;
    color:var(--chapter-ink) !important;
  }

  /* Keep only the hero/proof areas dark. */
  .story-edmunds .story-hero{
    min-height:760px !important;
    padding:110px 22px 42px !important;
    align-items:flex-end !important;
    color:var(--story-ink) !important;
    overflow:hidden !important;
  }

  .story-edmunds .story-hero::before{
    inset:82px 0 0 !important;
    background-position:center top !important;
    background-size:cover !important;
  }

  .story-edmunds .story-hero::after{
    inset:82px 0 0 !important;
    background:
      linear-gradient(
        0deg,
        #07111d 0%,
        rgba(7,17,29,.96) 48%,
        rgba(7,17,29,.42) 72%,
        rgba(7,17,29,.08) 100%
      ) !important;
  }

  .story-edmunds .story-hero-copy{
    max-width:none !important;
    width:100% !important;
  }

  .story-edmunds .story-hero h1{
    font-size:clamp(50px,14vw,68px) !important;
    line-height:.94 !important;
    max-width:100% !important;
  }

  .story-edmunds .story-hero-copy [data-intro] p{
    font-size:16px !important;
    line-height:1.5 !important;
    max-width:none !important;
  }

  .story-edmunds .story-meta{
    grid-template-columns:1fr 1fr !important;
    gap:14px 18px !important;
  }

  .story-edmunds .story-proof{
    margin:0 !important;
    border-radius:0 !important;
    grid-template-columns:1fr 1fr !important;
    color:var(--story-ink) !important;
    background:#07111d !important;
  }

  .story-edmunds .story-proof > div{
    min-width:0 !important;
    padding:22px 16px !important;
  }

  .story-edmunds .story-quote{
    grid-column:1 / -1 !important;
    font-size:24px !important;
  }

  /* Light editorial sections */
  .story-edmunds .story-question,
  .story-edmunds .story-section,
  .story-edmunds .story-outcomes,
  .story-edmunds .story-pagination{
    width:auto !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    color:var(--chapter-ink) !important;
    background:var(--chapter-paper) !important;
  }

  .story-edmunds .story-question{
    margin-top:0 !important;
    padding:34px 22px !important;
    grid-template-columns:1fr !important;
    gap:16px !important;
    border-color:rgba(21,32,43,.15) !important;
  }

  .story-edmunds .story-question h2{
    font-size:clamp(34px,10vw,48px) !important;
    line-height:1.06 !important;
  }

  .story-edmunds .story-section{
    padding:48px 18px !important;
  }

  .story-edmunds .story-section-title{
    font-size:13px !important;
    letter-spacing:.16em !important;
    text-align:left !important;
  }

  .story-edmunds .story-section-sub{
    text-align:left !important;
    margin:8px 0 0 !important;
  }

  /* Product modules become a single-column editorial stack. */
  .story-edmunds .story-modules{
    display:block !important;
    margin-top:26px !important;
  }

  .story-edmunds .story-module,
  .story-edmunds .story-module:nth-child(even){
    display:flex !important;
    flex-direction:column !important;
    grid-template-columns:none !important;
    min-height:0 !important;
    margin:0 0 18px !important;
    border-radius:10px !important;
    overflow:hidden !important;
    background:#fff !important;
    border:1px solid rgba(21,32,43,.14) !important;
  }

  .story-edmunds .story-module img,
  .story-edmunds .story-module:nth-child(even) img{
    order:0 !important;
    display:block !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    aspect-ratio:16 / 9 !important;
    object-fit:cover !important;
    background:#07111d !important;
  }

  .story-edmunds .story-module-copy{
    order:1 !important;
    display:block !important;
    min-width:0 !important;
    padding:24px 22px 26px !important;
    background:#fff !important;
    color:var(--chapter-ink) !important;
  }

  .story-edmunds .story-module-copy h3{
    margin:10px 0 12px !important;
    font-size:31px !important;
    line-height:1.05 !important;
    color:var(--chapter-ink) !important;
  }

  .story-edmunds .story-module-copy p{
    margin:0 !important;
    font-size:16px !important;
    line-height:1.55 !important;
    color:#46515b !important;
  }

  /* Prevent tall SVGs/screenshots from overflowing their cards. */
  .story-edmunds .story-module img[src$=".svg"]{
    object-fit:contain !important;
    padding:10px !important;
  }

  .story-edmunds .story-module img[src*="/public/"]{
    object-fit:contain !important;
    background:#0a1520 !important;
  }

  .story-edmunds .story-outcomes{
    margin:0 !important;
    padding:24px 18px 48px !important;
    grid-template-columns:1fr !important;
    gap:0 !important;
    background:var(--chapter-paper) !important;
    border:0 !important;
  }

  .story-edmunds .story-outcomes > h2{
    grid-column:auto !important;
    margin-bottom:12px !important;
  }

  .story-edmunds .story-outcome{
    min-height:0 !important;
    padding:22px 0 !important;
    border-left:0 !important;
    border-top:1px solid rgba(21,32,43,.14) !important;
  }

  .story-edmunds .story-outcome:first-of-type{
    border-top:0 !important;
  }

  .story-edmunds .story-pagination{
    padding:28px 22px 44px !important;
    border-top:1px solid rgba(21,32,43,.14) !important;
  }

  .story-edmunds .story-footer{
    background:var(--chapter-paper) !important;
    color:#46515b !important;
  }
}

@media(max-width:480px){
  .story-edmunds .story-meta{
    grid-template-columns:1fr !important;
  }

  .story-edmunds .story-proof{
    grid-template-columns:1fr !important;
  }

  .story-edmunds .story-proof > div{
    border-right:0 !important;
    border-bottom:1px solid var(--story-line) !important;
  }

  .story-edmunds .story-module-copy h3{
    font-size:28px !important;
  }
}


/* RC6 v6 — Correct hero assets, contrast and Edmunds media scale */
.story-edmunds .story-hero::before,
.story-validating-immersive-products .story-hero::before{
  background-image:url("../assets/stories/validating-immersive-products/can-it-fit-cover.png")!important;
  background-position:center center!important;
  background-size:cover!important;
}
.story-wet .story-hero::before,
.story-capturing-bellagio .story-hero::before{
  background-image:url("../assets/stories/capturing-bellagio/bellagio-fountain-hero.png")!important;
  background-position:center center!important;
  background-size:cover!important;
}
.story-wet .story-hero::after,
.story-capturing-bellagio .story-hero::after{
  background:linear-gradient(90deg,rgba(3,7,12,.94),rgba(3,7,12,.72) 34%,rgba(3,7,12,.18) 68%,rgba(3,7,12,.06))!important;
}
.story-edmunds .story-question,
.story-edmunds .story-section,
.story-edmunds .story-outcomes,
.story-edmunds .story-pagination,
.story-wet .story-question,
.story-wet .story-section,
.story-wet .story-outcomes,
.story-wet .story-pagination,
.story-exploration .story-question,
.story-exploration .story-section,
.story-exploration .story-outcomes,
.story-exploration .story-pagination{color:#17212b!important}
.story-edmunds .story-section-title,
.story-edmunds .story-module-copy h3,
.story-edmunds .story-concept-card h3,
.story-edmunds .story-outcome b,
.story-wet .story-section-title,
.story-wet .story-module-copy h3,
.story-wet .story-concept-card h3,
.story-wet .story-outcome b,
.story-exploration .story-section-title,
.story-exploration .story-module-copy h3,
.story-exploration .story-concept-card h3,
.story-exploration .story-outcome b{color:#17212b!important}
.story-edmunds .story-section-sub,
.story-edmunds .story-module-copy p,
.story-edmunds .story-concept-card p,
.story-edmunds .story-outcome p,
.story-wet .story-section-sub,
.story-wet .story-module-copy p,
.story-wet .story-concept-card p,
.story-wet .story-outcome p,
.story-exploration .story-section-sub,
.story-exploration .story-module-copy p,
.story-exploration .story-concept-card p,
.story-exploration .story-outcome p{color:#46515b!important}
.story-edmunds .story-module img[src$="edmunds-shopping-journey.svg"]{
  object-fit:contain!important;background:#f7f0e7!important;padding:0!important
}
@media(max-width:800px){
  .story-edmunds .story-hero::before,.story-validating-immersive-products .story-hero::before{background-position:66% center!important}
  .story-wet .story-hero::after,.story-capturing-bellagio .story-hero::after{
    background:linear-gradient(0deg,#07111d,rgba(7,17,29,.96) 45%,rgba(7,17,29,.48) 72%,rgba(7,17,29,.08))!important
  }
}


/* RC6 v7 — Explicit chapter phases and stable contrast */
.story-sphere .chapter-dark,
.story-lightstorm .chapter-dark{
  background:#07111d !important;
  color:#f4f1e9 !important;
}

.story-sphere .chapter-dark h1,
.story-sphere .chapter-dark h2,
.story-sphere .chapter-dark h3,
.story-sphere .chapter-dark b,
.story-lightstorm .chapter-dark h1,
.story-lightstorm .chapter-dark h2,
.story-lightstorm .chapter-dark h3,
.story-lightstorm .chapter-dark b{
  color:#f4f1e9 !important;
}

.story-sphere .chapter-dark p,
.story-sphere .chapter-dark .story-section-sub,
.story-lightstorm .chapter-dark p,
.story-lightstorm .chapter-dark .story-section-sub{
  color:#aeb9c4 !important;
}

.story-sphere .chapter-light,
.story-lightstorm .chapter-light{
  background:var(--chapter-paper) !important;
  color:#17212b !important;
}

.story-sphere .chapter-light h1,
.story-sphere .chapter-light h2,
.story-sphere .chapter-light h3,
.story-sphere .chapter-light b,
.story-lightstorm .chapter-light h1,
.story-lightstorm .chapter-light h2,
.story-lightstorm .chapter-light h3,
.story-lightstorm .chapter-light b{
  color:#17212b !important;
}

.story-sphere .chapter-light p,
.story-sphere .chapter-light .story-section-sub,
.story-lightstorm .chapter-light p,
.story-lightstorm .chapter-light .story-section-sub{
  color:#46515b !important;
}

/* Give the light phase a clean editorial edge instead of relying on a page gradient. */
.story-sphere .chapter-light,
.story-lightstorm .chapter-light{
  border-color:rgba(21,32,43,.14) !important;
}

.story-sphere .chapter-light .story-gallery-card,
.story-sphere .chapter-light .story-concept-card,
.story-sphere .chapter-light .story-outcome,
.story-lightstorm .chapter-light .story-gallery-card,
.story-lightstorm .chapter-light .story-concept-card,
.story-lightstorm .chapter-light .story-outcome{
  background:#fff !important;
  border-color:rgba(21,32,43,.14) !important;
}

.story-sphere .chapter-light .story-gallery-card h3,
.story-sphere .chapter-light .story-gallery-card p,
.story-lightstorm .chapter-light .story-gallery-card h3,
.story-lightstorm .chapter-light .story-gallery-card p{
  color:#17212b !important;
}

/* The concept cards use their own dark visual canvas, but the editorial caption remains readable. */
.story-concept-card{
  overflow:hidden !important;
}
.story-concept-card > div{
  background:#fff !important;
  color:#17212b !important;
}
.story-concept-card > div h3{
  color:#17212b !important;
}
.story-concept-card > div p{
  color:#46515b !important;
}

/* The replacement ExosMapper SVG must remain fully visible. */
.story-concept-card img[src$="exosmapper-wrap.svg"]{
  object-fit:contain !important;
  aspect-ratio:16/9 !important;
  background:#07111d !important;
}

/* Do not allow earlier nth-of-type palette rules to override explicit phases. */
.story-sphere .story-question.chapter-dark,
.story-lightstorm .story-question.chapter-dark{
  color:#f4f1e9 !important;
}
.story-sphere .story-section.chapter-dark,
.story-lightstorm .story-section.chapter-dark,
.story-sphere .story-tools.chapter-dark{
  color:#f4f1e9 !important;
}
.story-sphere .story-section.chapter-light,
.story-lightstorm .story-section.chapter-light,
.story-sphere .story-outcomes.chapter-light,
.story-lightstorm .story-outcomes.chapter-light{
  color:#17212b !important;
}

@media(max-width:800px){
  .story-sphere .chapter-dark,
  .story-lightstorm .chapter-dark{
    background:#07111d !important;
    color:#f4f1e9 !important;
  }

  .story-sphere .chapter-light,
  .story-lightstorm .chapter-light{
    background:var(--chapter-paper) !important;
    color:#17212b !important;
  }
}


/* RC6 v8 — Shared proof block alignment and story hero assets */
.story-proof{
  width:calc(100% - 56px) !important;
  max-width:none !important;
  margin:-46px 28px 0 !important;
  grid-template-columns:minmax(330px,1.3fr) repeat(4,minmax(160px,1fr)) !important;
}
.story-proof-item{
  padding:24px 22px !important;
  font-size:14px !important;
  line-height:1.45 !important;
}
.story-proof-item b{
  display:block !important;
  margin:8px 0 5px !important;
  font-size:13px !important;
  line-height:1.2 !important;
  letter-spacing:.04em !important;
}
.story-quote{
  padding:25px 28px !important;
  font-size:clamp(24px,2vw,33px) !important;
  line-height:1.15 !important;
}
.story-wet .story-hero::before,
.story-capturing-bellagio .story-hero::before{
  background-image:url("../assets/stories/capturing-bellagio/bellagio-fountain-white-hero.jpg") !important;
}
.story-exploration .story-hero::before,
.story-exploring-whats-next .story-hero::before{
  background-image:url("../assets/stories/exploring-whats-next/exploration-hero.jpg") !important;
  background-position:center center !important;
  background-size:cover !important;
}
.story-module img[src$="edmunds-prototype-platforms.svg"],
.story-module img[src$="edmunds-measure-outcome.svg"],
.story-module img[src^="../../assets/visuals/wet-"]{
  object-fit:contain !important;
  background:#07111d !important;
}
@media(max-width:1000px){
  .story-proof{
    width:calc(100% - 32px) !important;
    margin:-32px 16px 0 !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .story-quote{grid-column:1/-1 !important}
}
@media(max-width:600px){
  .story-proof{
    width:100% !important;
    margin:0 !important;
    grid-template-columns:1fr !important;
    border-radius:0 !important;
  }
  .story-proof-item{padding:20px 22px !important;font-size:15px !important}
  .story-proof-item b{font-size:14px !important}
}


/* RC6 v9 — Final conceptual-placeholder population */
.story-module img[src^="../../assets/visuals/wet-"],
.story-module img[src^="../../assets/visuals/explore-"],
.story-concept-card img[src$="moon-data-layers.svg"],
.story-concept-card img[src$="lightstorm-convergence.svg"]{
  object-fit:contain !important;
  background:#07111d !important;
  padding:0 !important;
}


/* RC6 v10 — Lightstorm hero supplied by Brock */
.story-lightstorm .story-hero::before,
.story-building-a-creative-operating-system .story-hero::before{
  background-image:url("../assets/stories/building-a-creative-operating-system/lightstorm-hero.jpg") !important;
  background-position:center center !important;
  background-size:cover !important;
}


/* RC6 v12 — Balanced six-card Lightstorm gallery */
.story-lightstorm .story-gallery,
.story-building-a-creative-operating-system .story-gallery{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}

.story-lightstorm .story-gallery-card,
.story-building-a-creative-operating-system .story-gallery-card{
  grid-column:auto !important;
}

@media(max-width:900px){
  .story-lightstorm .story-gallery,
  .story-building-a-creative-operating-system .story-gallery{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(max-width:600px){
  .story-lightstorm .story-gallery,
  .story-building-a-creative-operating-system .story-gallery{
    grid-template-columns:1fr !important;
  }
}


/* RC6 v16 — Leaded Light WebM integration */
.story-impact-media{
  display:block;
  width:100%;
  height:100%;
  aspect-ratio:16 / 9;
  object-fit:cover;
  background:#07111d;
}
video.story-impact-media{
  pointer-events:none;
}
@media(prefers-reduced-motion:reduce){
  video.story-impact-media{
    display:none;
  }
}


/* RC7 — Reflection and Lasting Impact */
.story-reflection,
.story-lasting-impact{
  padding:clamp(60px,8vw,110px) clamp(24px,6vw,96px);
  background:var(--chapter-paper);
  color:#17212b;
}
.story-reflection{
  display:grid;
  grid-template-columns:minmax(160px,.45fr) minmax(0,2fr);
  gap:46px;
  border-top:1px solid rgba(23,33,43,.14);
}
.story-reflection-label{
  color:var(--story-blue);
  font-size:11px;
  font-weight:800;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.story-reflection-copy h2,
.story-lasting-impact-heading h2{
  margin:0;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(38px,4.2vw,66px);
  line-height:1;
  font-weight:400;
  letter-spacing:-.03em;
}
.story-reflection-copy p{
  max-width:900px;
  margin:24px 0 0;
  color:#46515b;
  font-size:clamp(18px,1.45vw,22px);
  line-height:1.62;
}
.story-lasting-impact{
  padding-top:20px;
}
.story-lasting-impact-heading{
  display:grid;
  grid-template-columns:minmax(160px,.45fr) minmax(0,2fr);
  gap:46px;
  align-items:start;
}
.story-lasting-impact-heading h2{
  grid-column:2;
}
.story-lasting-impact-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin-top:48px;
}
.story-lasting-impact-item{
  min-height:220px;
  padding:28px;
  background:#fff;
  border:1px solid rgba(23,33,43,.14);
  border-radius:10px;
}
.story-lasting-impact-item h3{
  margin:0 0 16px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:28px;
  font-weight:400;
  line-height:1.08;
  color:#17212b;
}
.story-lasting-impact-item p{
  margin:0;
  color:#4d5862;
  line-height:1.55;
}
@media(max-width:850px){
  .story-reflection,
  .story-lasting-impact-heading{
    grid-template-columns:1fr;
    gap:18px;
  }
  .story-lasting-impact-heading h2{grid-column:1}
  .story-lasting-impact-grid{grid-template-columns:1fr}
  .story-lasting-impact-item{min-height:0}
}

/* RC8.3 responsive hardening */
.story-module,.story-concept-card,.story-lasting-impact-item,.story-outcome{min-width:0}
.story-module-copy h3,.story-module-copy p,.story-card h3,.story-card p{overflow-wrap:anywhere}
@media(max-width:1200px){.story-proof{grid-template-columns:1fr 1fr}.story-quote{grid-column:1/-1}.story-proof>div:nth-child(odd){border-right:0}.story-outcomes{grid-template-columns:1fr 1fr}.story-outcomes h2{grid-column:1/-1}.story-lightstorm .story-lightstorm-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.story-proof,.story-outcomes,.story-lightstorm .story-lightstorm-gallery{grid-template-columns:1fr}.story-proof>div,.story-outcome{border-right:0}.story-meta{grid-template-columns:1fr}.story-hero{min-height:760px}.story-footer{flex-direction:column;gap:8px}}


/* RC47 Navigating What's Next editorial redesign */
.story-exploration{--story-blue:#c99a4a;--story-bg:#06111d;--story-panel:#0a1a29}
.story-exploration .story-hero{min-height:820px;align-items:flex-end;padding-bottom:82px}
.story-exploration .story-hero::before{background-image:url('../assets/stories/exploring-whats-next/exploration-hero.jpg')!important;background-position:center!important;background-size:cover!important}
.story-exploration .story-hero::after{background:linear-gradient(90deg,rgba(3,11,20,.98) 0%,rgba(3,11,20,.9) 38%,rgba(3,11,20,.34) 72%,rgba(3,11,20,.14) 100%),linear-gradient(0deg,rgba(3,11,20,.78),transparent 48%)}
.story-exploration .story-hero-copy{max-width:780px;position:relative;z-index:2}
.story-exploration .story-hero h1{line-height:.94;margin-bottom:30px}
.story-exploration .story-proof{margin-top:0;border-radius:0}
.story-exploration .story-question{margin-top:0;padding-top:80px;padding-bottom:80px;background:#f2efe8;color:#102033;border:0}
.story-exploration .story-question-label{color:#a5752c}
.story-exploration .story-section{padding-top:100px;padding-bottom:100px}
.story-exploration .story-modules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.story-exploration .story-module{display:grid;grid-template-columns:170px 1fr;min-height:250px;background:#0a1a29;border:1px solid rgba(255,255,255,.12);overflow:hidden}
.story-exploration .story-module img{width:100%;height:100%;object-fit:cover;background:#071421}
.story-exploration .story-module-copy{padding:30px}
.story-exploration .story-module-copy span{color:#c99a4a}.story-exploration .story-module h3{font:400 2rem/1.05 Georgia,serif;margin:14px 0}
.story-exploration .story-concept-section{background:#f2efe8;color:#102033}
.story-exploration .story-concept-card{border-color:rgba(16,32,51,.16);background:white}
.story-exploration .story-concept-card img{background:#071421}
.story-exploration .story-outcomes{margin:0;padding:80px clamp(24px,6vw,90px);border:0;border-radius:0;background:#071421}
@media(max-width:900px){.story-exploration .story-modules{grid-template-columns:1fr}.story-exploration .story-module{grid-template-columns:140px 1fr}}
@media(max-width:600px){.story-exploration .story-module{grid-template-columns:1fr}.story-exploration .story-module img{height:210px}}


/* executive-impact.css */
/* RC52 shared executive impact summary */
.executive-impact {
  --impact-accent: #7aa7ff;
  --impact-accent-rgb: 122, 167, 255;
  position: relative;
  width: min(1180px, calc(100% - 48px));
  margin: clamp(28px, 5vw, 64px) auto clamp(72px, 9vw, 124px);
  padding: clamp(28px, 4vw, 52px);
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 28px;
  background:
    radial-gradient(circle at 100% 0%, rgba(var(--impact-accent-rgb),.18), transparent 38%),
    linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.025));
  box-shadow: 0 30px 90px rgba(0,0,0,.22);
  overflow: hidden;
}
.executive-impact::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: var(--impact-accent);
}
.executive-impact__top {
  display: grid;
  grid-template-columns: minmax(0,1.35fr) minmax(240px,.65fr);
  gap: clamp(28px,5vw,72px);
  align-items: end;
  padding-bottom: clamp(26px,4vw,44px);
  border-bottom: 1px solid rgba(255,255,255,.12);
}
.executive-impact__eyebrow {
  margin: 0 0 12px;
  font-size: .72rem;
  font-weight: 750;
  letter-spacing: .17em;
  text-transform: uppercase;
  color: var(--impact-accent);
}
.executive-impact h2 {
  margin: 0;
  max-width: 18ch;
  font-size: clamp(2rem,4.2vw,4.6rem);
  line-height: .98;
  letter-spacing: -.045em;
  color: inherit;
}
.executive-impact__summary {
  margin: 0;
  font-size: clamp(1rem,1.4vw,1.25rem);
  line-height: 1.55;
  color: rgba(255,255,255,.76);
}
.executive-impact__role {
  display: grid;
  gap: 7px;
  padding: 18px 20px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 16px;
  background: rgba(0,0,0,.14);
}
.executive-impact__role span,
.executive-impact__metric span,
.executive-impact__pillar span {
  font-size: .68rem;
  font-weight: 750;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: rgba(255,255,255,.52);
}
.executive-impact__role strong {
  font-size: 1rem;
  line-height: 1.35;
}
.executive-impact__metrics {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 1px;
  margin-top: clamp(24px,4vw,42px);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 18px;
  overflow: hidden;
  background: rgba(255,255,255,.12);
}
.executive-impact__metric {
  min-height: 148px;
  padding: 24px;
  background: rgba(8,10,15,.76);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.executive-impact__metric strong {
  display: block;
  margin: 18px 0 7px;
  font-size: clamp(1.7rem,3vw,3.2rem);
  line-height: 1;
  letter-spacing: -.045em;
  color: var(--impact-accent);
}
.executive-impact__metric p {
  margin: 0;
  font-size: .9rem;
  line-height: 1.4;
  color: rgba(255,255,255,.66);
}
.executive-impact__pillars {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 16px;
  margin-top: 16px;
}
.executive-impact__pillar {
  padding: 18px 20px 20px;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 16px;
  background: rgba(255,255,255,.03);
}
.executive-impact__pillar strong {
  display: block;
  margin-top: 8px;
  font-size: .95rem;
  line-height: 1.4;
}
body.impact-sphere .executive-impact { --impact-accent:#7f9dff; --impact-accent-rgb:127,157,255; }
body.impact-edmunds .executive-impact { --impact-accent:#ff9c62; --impact-accent-rgb:255,156,98; }
body.impact-lightstorm .executive-impact { --impact-accent:#77d5cf; --impact-accent-rgb:119,213,207; }
body.impact-wet .executive-impact { --impact-accent:#d9b46f; --impact-accent-rgb:217,180,111; }
body.impact-rd .executive-impact { --impact-accent:#bc91ff; --impact-accent-rgb:188,145,255; }
@media (max-width: 900px) {
  .executive-impact__top { grid-template-columns: 1fr; align-items:start; }
  .executive-impact__metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .executive-impact__pillars { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 560px) {
  .executive-impact { width: min(100% - 28px,1180px); border-radius: 20px; padding: 24px 20px 26px; }
  .executive-impact__metrics, .executive-impact__pillars { grid-template-columns: 1fr; }
  .executive-impact__metric { min-height: 118px; }
}


/* RC53 — executive impact becomes a full-width opening statement */
.executive-impact__top {
  grid-template-columns: 1fr;
  align-items: start;
  gap: clamp(18px, 2.5vw, 30px);
}
.executive-impact h2 {
  max-width: none;
  width: 100%;
  font-size: clamp(2.6rem, 6.2vw, 6.6rem);
  line-height: .92;
}
.executive-impact__top > div:last-child {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 320px);
  gap: clamp(20px, 4vw, 56px);
  align-items: end;
}
.executive-impact__summary {
  max-width: 62ch;
}

/* Edmunds: warm editorial surface, high-contrast typography, restrained orange */
body.impact-edmunds .executive-impact {
  color: #18202a;
  border-color: rgba(24,32,42,.12);
  background:
    radial-gradient(circle at 100% 0%, rgba(255,156,98,.12), transparent 34%),
    linear-gradient(145deg, #fbfaf7, #f2eee7);
  box-shadow: 0 30px 80px rgba(38,32,25,.14);
}
body.impact-edmunds .executive-impact__top {
  border-bottom-color: rgba(24,32,42,.13);
}
body.impact-edmunds .executive-impact__summary {
  color: rgba(24,32,42,.78);
}
body.impact-edmunds .executive-impact__role {
  border-color: rgba(24,32,42,.12);
  background: rgba(24,32,42,.06);
}
body.impact-edmunds .executive-impact__role span,
body.impact-edmunds .executive-impact__pillar span {
  color: rgba(24,32,42,.52);
}
body.impact-edmunds .executive-impact__metrics {
  border-color: rgba(24,32,42,.14);
  background: rgba(24,32,42,.14);
}
body.impact-edmunds .executive-impact__metric {
  background: #272a2f;
}
body.impact-edmunds .executive-impact__metric span {
  color: rgba(255,255,255,.62);
}
body.impact-edmunds .executive-impact__metric p {
  color: rgba(255,255,255,.76);
}
body.impact-edmunds .executive-impact__pillar {
  border-color: rgba(24,32,42,.12);
  background: rgba(255,255,255,.58);
}

@media (max-width: 760px) {
  .executive-impact__top > div:last-child {
    grid-template-columns: 1fr;
  }
  .executive-impact h2 {
    font-size: clamp(2.7rem, 14vw, 4.8rem);
  }
}


/* RC54 — full-bleed executive opening and shared problem-recognition chapter */
.executive-impact {
  width: calc(100% - clamp(32px, 5vw, 88px));
  max-width: none;
}

.case-problem {
  --case-accent: var(--impact-accent, #7f9dff);
  position: relative;
  min-height: clamp(620px, 78vh, 900px);
  display: grid;
  place-items: center;
  padding: clamp(96px, 12vw, 170px) clamp(24px, 6vw, 96px);
  background: #020910;
  color: #f6f3ed;
  border-top: 1px solid rgba(255,255,255,.12);
  border-bottom: 1px solid rgba(255,255,255,.12);
  overflow: hidden;
}
.case-problem::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(circle at 50% 48%, rgba(var(--impact-accent-rgb,127,157,255),.07), transparent 38%);
}
.case-problem__inner {
  position: relative;
  z-index: 1;
  width: min(1020px, 100%);
  display: grid;
  grid-template-columns: minmax(110px, .26fr) minmax(0, 1fr);
  gap: clamp(34px, 7vw, 92px);
  align-items: start;
}
.case-problem__number {
  margin-top: .34em;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(4.8rem, 9vw, 8.8rem);
  line-height: .8;
  letter-spacing: -.055em;
  color: rgba(var(--impact-accent-rgb,127,157,255),.30);
}
.case-problem__kicker {
  margin: 0 0 18px;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .19em;
  text-transform: uppercase;
  color: var(--case-accent);
}
.case-problem h2 {
  margin: 0 0 clamp(22px, 3vw, 34px);
  max-width: 16ch;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(3.1rem, 6.5vw, 6.8rem);
  line-height: .94;
  letter-spacing: -.045em;
  color: #f6f3ed;
}
.case-problem__copy > p:not(.case-problem__kicker) {
  max-width: 66ch;
  margin: 0 0 18px;
  font-size: clamp(1rem, 1.35vw, 1.22rem);
  line-height: 1.62;
  color: rgba(255,255,255,.78);
}
body.impact-edmunds .case-problem { --case-accent:#ff9c62; }
body.impact-lightstorm .case-problem { --case-accent:#77d5cf; }
body.impact-wet .case-problem { --case-accent:#d9b46f; }
body.impact-rd .case-problem { --case-accent:#bc91ff; }

@media (max-width: 760px) {
  .executive-impact { width: calc(100% - 28px); }
  .case-problem { min-height: auto; padding: 96px 24px 110px; }
  .case-problem__inner { grid-template-columns: 1fr; gap: 28px; }
  .case-problem__number { margin: 0; font-size: 5rem; }
  .case-problem h2 { font-size: clamp(2.8rem, 14vw, 4.8rem); }
}

/* rc55-story-system.css */
/* RC55 — Sphere-derived master story system
   Shared cinematic heroes and exact problem-chapter geometry.
   Story accent colors remain page-specific. */

/* ---------- Shared cinematic hero ---------- */
body.impact-edmunds .hero,
body.impact-lightstorm .hero,
body.impact-wet .hero,
body.impact-rd .story-hero {
  position: relative;
  min-height: calc(100svh - 0px);
  display: flex;
  align-items: flex-end;
  padding: clamp(150px, 16vh, 210px) clamp(28px, 5vw, 78px) clamp(68px, 8vh, 98px);
  overflow: hidden;
  color: #f5f2eb;
}

body.impact-edmunds .hero-copy,
body.impact-lightstorm .hero-copy,
body.impact-wet .hero-copy,
body.impact-rd .story-hero-copy {
  position: relative;
  z-index: 3;
  width: min(760px, 56vw);
  max-width: 760px;
}

/* Full-frame images for Edmunds and Lightstorm */
body.impact-edmunds .hero {
  display: flex;
  background: #06111d;
}
body.impact-edmunds .hero-frame,
body.impact-lightstorm .hero-frame {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  min-width: 0;
}
body.impact-edmunds .hero-frame img,
body.impact-lightstorm .hero-frame img {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  object-fit: cover;
  border-radius: 0;
  box-shadow: none;
  filter: saturate(.82) contrast(1.04);
}
body.impact-edmunds .hero-frame img { object-position: 68% center; }
body.impact-lightstorm .hero-frame img { object-position: 66% center; }

body.impact-edmunds .hero-frame::after,
body.impact-lightstorm .hero-frame::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(2,9,16,.98) 0%, rgba(2,9,16,.91) 34%, rgba(2,9,16,.44) 66%, rgba(2,9,16,.12) 100%),
    linear-gradient(0deg, rgba(2,9,16,.82) 0%, transparent 48%);
}

/* WET already carries its image as the section background */
body.impact-wet .hero {
  background-position: center center !important;
  background-size: cover !important;
}
body.impact-wet .hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(3,12,20,.98) 0%, rgba(3,12,20,.91) 36%, rgba(3,12,20,.42) 68%, rgba(3,12,20,.12) 100%),
    linear-gradient(0deg, rgba(3,12,20,.78), transparent 48%);
}
body.impact-wet .hero-quote { z-index: 3; }

/* Applied R&D uses the existing generated background */
body.impact-rd .story-hero::before {
  inset: 0 !important;
}
body.impact-rd .story-hero::after {
  inset: 0 !important;
  background:
    linear-gradient(90deg, rgba(3,11,20,.98) 0%, rgba(3,11,20,.91) 36%, rgba(3,11,20,.42) 68%, rgba(3,11,20,.12) 100%),
    linear-gradient(0deg, rgba(3,11,20,.80), transparent 48%) !important;
}

/* Sphere hero typography becomes the shared hero typography */
body.impact-edmunds .hero h1,
body.impact-lightstorm .hero h1,
body.impact-wet .hero h1,
body.impact-rd .story-hero h1 {
  margin: 0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(64px, 8.2vw, 126px);
  font-weight: 400;
  line-height: .84;
  letter-spacing: -.055em;
  text-wrap: balance;
}

body.impact-edmunds .hero .eyebrow,
body.impact-lightstorm .hero .eyebrow,
body.impact-wet .hero .eyebrow,
body.impact-rd .story-eyebrow {
  margin: 0 0 22px;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: .19em;
  text-transform: uppercase;
}

body.impact-edmunds .hero .dek,
body.impact-lightstorm .hero .dek,
body.impact-wet .hero .dek,
body.impact-rd .story-hero-copy > div[data-intro] {
  max-width: 690px;
  margin-top: 30px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(24px, 2.5vw, 40px);
  line-height: 1.14;
  color: #fff;
}

body.impact-edmunds .hero .intro,
body.impact-lightstorm .hero .intro {
  max-width: 650px;
  margin-top: 25px;
  font-size: 18px;
  line-height: 1.65;
  color: #c9d1da;
}

body.impact-edmunds .hero .back,
body.impact-lightstorm .hero .back,
body.impact-wet .hero .back {
  display: none;
}

/* ---------- Exact Sphere problem-chapter template ---------- */
.case-problem {
  position: relative;
  min-height: auto;
  display: block;
  padding: clamp(84px, 10vw, 150px) 0;
  background: #050b12;
  color: #f5f2eb;
  border-top: 1px solid #1a2734;
  border-bottom: 1px solid #1a2734;
  overflow: hidden;
}

.case-problem::before {
  content: none;
}

.case-problem__inner {
  position: relative;
  z-index: 1;
  width: min(1240px, calc(100% - 48px));
  margin-inline: auto;
  display: grid;
  grid-template-columns: 160px minmax(0, 760px);
  justify-content: center;
  gap: 70px;
  align-items: start;
}

.case-problem__number {
  margin: 0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(72px, 8vw, 126px);
  font-weight: 400;
  line-height: 1;
  letter-spacing: normal;
  color: rgba(var(--impact-accent-rgb, 127,157,255), .25);
}

.case-problem__kicker {
  margin: 0 0 18px;
  color: var(--impact-accent, #4f8dff);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: .19em;
  text-transform: uppercase;
}

.case-problem__copy h2 {
  margin: 0;
  max-width: 760px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(42px, 5.4vw, 78px);
  font-weight: 400;
  line-height: .98;
  letter-spacing: -.035em;
  color: #f5f2eb;
}

.case-problem__copy > p:not(.case-problem__kicker) {
  max-width: 760px;
  margin: 24px 0 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 1.72;
  color: #b7c0ca;
}

/* Keep each story's accent identity */
body.impact-edmunds .case-problem { --impact-accent:#ff9c62; --impact-accent-rgb:255,156,98; }
body.impact-lightstorm .case-problem { --impact-accent:#77d5cf; --impact-accent-rgb:119,213,207; }
body.impact-wet .case-problem { --impact-accent:#d9b46f; --impact-accent-rgb:217,180,111; }
body.impact-rd .case-problem { --impact-accent:#bc91ff; --impact-accent-rgb:188,145,255; }

/* ---------- Responsive ---------- */
@media (max-width: 900px) {
  body.impact-edmunds .hero,
  body.impact-lightstorm .hero,
  body.impact-wet .hero,
  body.impact-rd .story-hero {
    min-height: 820px;
    padding: 130px 24px 62px;
  }

  body.impact-edmunds .hero-copy,
  body.impact-lightstorm .hero-copy,
  body.impact-wet .hero-copy,
  body.impact-rd .story-hero-copy {
    width: 100%;
    max-width: 720px;
  }

  body.impact-edmunds .hero-frame::after,
  body.impact-lightstorm .hero-frame::after,
  body.impact-wet .hero::after,
  body.impact-rd .story-hero::after {
    background: linear-gradient(0deg, rgba(2,9,16,.99) 0%, rgba(2,9,16,.88) 54%, rgba(2,9,16,.18) 100%) !important;
  }

  .case-problem__inner {
    grid-template-columns: 112px minmax(0, 700px);
    gap: 38px;
  }
}

@media (max-width: 640px) {
  body.impact-edmunds .hero,
  body.impact-lightstorm .hero,
  body.impact-wet .hero,
  body.impact-rd .story-hero {
    min-height: 760px;
    padding: 112px 20px 52px;
  }

  body.impact-edmunds .hero h1,
  body.impact-lightstorm .hero h1,
  body.impact-wet .hero h1,
  body.impact-rd .story-hero h1 {
    font-size: clamp(50px, 15vw, 72px);
    line-height: .88;
  }

  body.impact-edmunds .hero .dek,
  body.impact-lightstorm .hero .dek,
  body.impact-wet .hero .dek,
  body.impact-rd .story-hero-copy > div[data-intro] {
    font-size: 24px;
  }

  .case-problem {
    padding: 72px 0 82px;
  }

  .case-problem__inner {
    width: min(100% - 40px, 720px);
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .case-problem__number {
    font-size: 66px;
  }

  .case-problem__copy h2 {
    font-size: clamp(40px, 12vw, 58px);
  }

  .case-problem__copy > p:not(.case-problem__kicker) {
    font-size: 16px;
  }
}

/* rc57-three-level-hero.css */
/* RC57 — unified three-level hero hierarchy */
.canvas-page .canvas-deck,
body.impact-edmunds .hero .dek,
body.impact-lightstorm .hero .dek,
body.impact-wet .hero .dek,
body.impact-rd .story-hero-deck {
  max-width: 650px;
  margin: 0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(25px, 2.55vw, 38px);
  font-weight: 400;
  line-height: 1.14;
  letter-spacing: -.012em;
  text-transform: none;
  color: #fff;
  text-wrap: balance;
}
.canvas-page .canvas-hero-body,
body.impact-edmunds .hero .intro,
body.impact-lightstorm .hero .intro,
body.impact-wet .hero .intro,
body.impact-rd .story-hero-body {
  max-width: 650px;
  margin: 24px 0 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.65;
  letter-spacing: normal;
  text-transform: none;
  color: #c9d1da;
}
body.impact-edmunds .hero h1 { max-width: 9.4ch; }
body.impact-wet .hero h1 { max-width: 10.5ch; }
body.impact-rd .story-hero h1 {
  max-width: 9ch;
  margin-bottom: 30px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(68px, 8.3vw, 142px);
  font-weight: 400;
  line-height: .94;
  letter-spacing: -.045em;
  color: #f5f2eb;
  text-wrap: balance;
}
@media (max-width:640px){
  .canvas-page .canvas-deck,
  body.impact-edmunds .hero .dek,
  body.impact-lightstorm .hero .dek,
  body.impact-wet .hero .dek,
  body.impact-rd .story-hero-deck { font-size:27px; }
  .canvas-page .canvas-hero-body,
  body.impact-edmunds .hero .intro,
  body.impact-lightstorm .hero .intro,
  body.impact-wet .hero .intro,
  body.impact-rd .story-hero-body { font-size:16px; line-height:1.58; }
}

/* rc59-editorial-refinement.css */
/* RC59 editorial refinement */

/* Shared What I Carried Forward ending */
.carried-forward {
  position: relative;
  padding: clamp(88px, 11vw, 160px) clamp(24px, 6vw, 96px);
  background: #07111c;
  color: #f5f2eb;
}
.carried-forward__inner {
  width: min(1080px, 100%);
  margin: 0 auto;
}
.carried-forward__label {
  margin: 0 0 24px;
  font: 800 11px/1.2 Arial, Helvetica, sans-serif;
  letter-spacing: .2em;
  text-transform: uppercase;
}
.carried-forward blockquote {
  max-width: 980px;
  margin: 0;
  font: 400 clamp(42px, 5.5vw, 82px)/1.02 Georgia, "Times New Roman", serif;
  letter-spacing: -.035em;
}
.carried-forward__inner > p:last-child {
  max-width: 760px;
  margin: 34px 0 0;
  font: 400 18px/1.7 Arial, Helvetica, sans-serif;
  color: #b9c4ce;
}
.carried-forward--sphere .carried-forward__label { color:#70a0ff; }
.carried-forward--edmunds .carried-forward__label { color:#ff9963; }
.carried-forward--wet .carried-forward__label { color:#d8b26b; }
.carried-forward--lightstorm .carried-forward__label { color:#72d3ce; }
.carried-forward--rd .carried-forward__label { color:#bd92ff; }

/* Sphere collective medium: image first, concise editorial overlay */
.rc59-visual-story {
  padding-block: clamp(78px, 9vw, 140px);
}
.rc59-visual-story__frame {
  position: relative;
  min-height: 720px;
  display: grid;
  align-items: center;
}
.rc59-visual-story__media {
  width: min(880px, 70vw);
  margin: 0 0 0 auto;
}
.rc59-visual-story__media img {
  width: 100%;
  display: block;
}
.rc59-visual-story__copy {
  position: absolute;
  left: 0;
  top: 50%;
  width: min(590px, 48%);
  transform: translateY(-50%);
  z-index: 2;
  padding: clamp(30px, 4vw, 58px);
  background: rgba(5,11,18,.90);
  border: 1px solid rgba(112,160,255,.24);
  box-shadow: 0 28px 70px rgba(0,0,0,.35);
}
.rc59-visual-story__copy h2 {
  font-size: clamp(48px, 5.5vw, 82px);
  line-height: 1;
  letter-spacing: -.035em;
}
.rc59-visual-story__copy p:not(.canvas-kicker) {
  font-size: 18px;
  line-height: 1.65;
  color: #c4ced8;
}

/* Edmunds image-led product chapters */
.rc59-product-feature {
  position: relative;
  min-height: clamp(720px, 78vw, 980px);
  display: block;
  padding: 0;
  overflow: hidden;
  background: #0a1521;
}
.rc59-product-feature__media {
  position: absolute;
  inset: 0;
}
.rc59-product-feature__media img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.rc59-product-feature__media::after {
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(5,12,20,.96) 0%, rgba(5,12,20,.82) 42%, rgba(5,12,20,.20) 76%, rgba(5,12,20,.08) 100%),
    linear-gradient(0deg, rgba(5,12,20,.55), transparent 42%);
}
.rc59-product-feature--pano .rc59-product-feature__media img {
  object-fit: contain;
  padding: clamp(30px, 5vw, 80px);
  background: #e9e2d8;
}
.rc59-product-feature--pano .rc59-product-feature__media::after {
  background: linear-gradient(90deg, rgba(5,12,20,.97) 0%, rgba(5,12,20,.84) 38%, rgba(5,12,20,.18) 70%, transparent 100%);
}
.rc59-product-feature__copy {
  position: relative;
  z-index: 2;
  width: min(650px, 46vw);
  padding: clamp(90px, 10vw, 150px) 0 clamp(72px, 8vw, 120px) clamp(38px, 7vw, 110px);
  color: #f5f2eb;
}
.rc59-product-feature__copy h2 {
  margin: 0 0 26px;
  font: 400 clamp(48px, 5.4vw, 82px)/1 Georgia, "Times New Roman", serif;
  letter-spacing: -.035em;
}
.rc59-product-feature__copy > p {
  max-width: 590px;
  font: 400 18px/1.65 Arial, Helvetica, sans-serif;
  color: #c4ced8;
}
.rc59-product-feature .canitfit-discovery,
.rc59-product-feature .pano-feature-list {
  margin-top: 30px;
}
.rc59-product-feature .canitfit-discovery article,
.rc59-product-feature .pano-feature-list article {
  padding-block: 14px;
  border-color: rgba(255,255,255,.16);
}
.rc59-product-feature .canitfit-discovery strong,
.rc59-product-feature .pano-feature-list strong {
  color: #fff;
}
.rc59-product-feature .canitfit-discovery p,
.rc59-product-feature .pano-feature-list p {
  color: #b8c3ce;
}
.rc59-product-feature .demo-link {
  position: absolute;
  right: clamp(30px, 5vw, 80px);
  bottom: 32px;
  z-index: 3;
  color: #fff;
}

/* WET workflow: large poster with text overlay */
.rc59-workflow-feature {
  position: relative;
  min-height: clamp(720px, 76vw, 980px);
  display: block;
  padding: 0;
  overflow: hidden;
  background: #081827;
}
.rc59-workflow-feature__media {
  position: absolute;
  inset: 0;
  padding: clamp(34px, 5vw, 86px);
}
.rc59-workflow-feature__media img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
.rc59-workflow-feature::after {
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(90deg, rgba(5,13,21,.96) 0%, rgba(5,13,21,.80) 38%, rgba(5,13,21,.14) 70%, transparent 100%);
}
.rc59-workflow-feature__copy {
  position: relative;
  z-index: 2;
  width: min(660px, 48vw);
  padding: clamp(90px, 10vw, 150px) 0 clamp(80px, 9vw, 130px) clamp(38px, 7vw, 110px);
  color: #f5f2eb;
}
.rc59-workflow-feature__copy h2 {
  margin: 0 0 28px;
  font: 400 clamp(48px, 5.3vw, 80px)/1 Georgia, "Times New Roman", serif;
  letter-spacing: -.035em;
}
.rc59-workflow-feature__copy p {
  max-width: 600px;
  font: 400 18px/1.65 Arial, Helvetica, sans-serif;
  color: #c3ced8;
}

@media (max-width: 760px) {
  .rc59-visual-story__frame {
    min-height: auto;
    display: flex;
    flex-direction: column;
  }
  .rc59-visual-story__media {
    width: 100%;
    margin: 0;
  }
  .rc59-visual-story__copy {
    position: relative;
    width: 100%;
    transform: none;
    top: auto;
    margin-top: -30px;
  }
  .rc59-product-feature,
  .rc59-workflow-feature {
    min-height: auto;
    padding-top: 54vw;
  }
  .rc59-product-feature__copy,
  .rc59-workflow-feature__copy {
    width: 100%;
    padding: 48px 24px 70px;
    background: rgba(5,12,20,.94);
  }
  .rc59-product-feature__media::after,
  .rc59-workflow-feature::after {
    background: linear-gradient(0deg, rgba(5,12,20,.98) 0%, rgba(5,12,20,.55) 45%, transparent 100%);
  }
  .carried-forward blockquote {
    font-size: clamp(38px, 11vw, 58px);
  }
}

/* rc67-whats-next-impact.css */
/* RC67 — Anticipating What's Next: high-contrast applied R&D impact block */
body.impact-rd .executive-impact {
    --impact-accent: #c4a0ff;
    --impact-accent-rgb: 196, 160, 255;
    color: #f7f4ff;
    border-color: rgba(196, 160, 255, 0.22);
    background:
        radial-gradient(circle at 88% 4%, rgba(124, 74, 210, 0.28), transparent 34%),
        radial-gradient(circle at 8% 100%, rgba(80, 49, 138, 0.18), transparent 36%),
        linear-gradient(145deg, #17131f 0%, #0d0b12 56%, #09090d 100%);
    box-shadow: 0 34px 100px rgba(8, 5, 14, 0.42);
}

body.impact-rd .executive-impact::before {
    background: linear-gradient(180deg, #d5bcff, #8257cf);
}

body.impact-rd .executive-impact__top {
    border-bottom-color: rgba(255, 255, 255, 0.14);
}

body.impact-rd .executive-impact h2 {
    color: #ffffff;
    text-wrap: balance;
}

body.impact-rd .executive-impact__summary {
    color: rgba(247, 244, 255, 0.82);
}

body.impact-rd .executive-impact__role {
    border-color: rgba(196, 160, 255, 0.22);
    background: rgba(196, 160, 255, 0.08);
}

body.impact-rd .executive-impact__role span,
body.impact-rd .executive-impact__metric span,
body.impact-rd .executive-impact__pillar span {
    color: rgba(224, 209, 255, 0.70);
}

body.impact-rd .executive-impact__metrics {
    gap: 12px;
    border: 0;
    overflow: visible;
    background: transparent;
}

body.impact-rd .executive-impact__metric {
    min-height: 210px;
    border: 1px solid rgba(196, 160, 255, 0.16);
    border-radius: 18px;
    background: linear-gradient(160deg, rgba(43, 32, 59, 0.90), rgba(15, 13, 21, 0.96));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

body.impact-rd .executive-impact__metric strong {
    max-width: 10ch;
    color: #d3b9ff;
    font-size: clamp(1.65rem, 2.5vw, 2.8rem);
    line-height: 1.02;
    text-wrap: balance;
}

body.impact-rd .executive-impact__metric p {
    color: rgba(247, 244, 255, 0.72);
}

body.impact-rd .executive-impact__pillar {
    border-color: rgba(196, 160, 255, 0.14);
    background: rgba(196, 160, 255, 0.055);
}

body.impact-rd .executive-impact__pillar strong {
    color: rgba(255, 255, 255, 0.90);
}

@media (max-width: 900px) {
    body.impact-rd .executive-impact__metric {
        min-height: 185px;
    }
}

@media (max-width: 560px) {
    body.impact-rd .executive-impact__metrics {
        gap: 10px;
    }

    body.impact-rd .executive-impact__metric {
        min-height: 154px;
    }

    body.impact-rd .executive-impact__metric strong {
        max-width: none;
    }
}

/* rc80-refinement.css */
/* RC80 targeted refinements */

/* Homepage: eliminate any mobile gap/light field between the header and hero. */
@media(max-width:760px){
  body.rc60-home,
  body.rc60-home #main,
  body.rc60-home .rc60-hero{
    background:#050b12 !important;
  }
  body.rc60-home .rc60-header{
    margin-bottom:0 !important;
  }
  body.rc60-home #main{
    margin-top:0 !important;
    padding-top:0 !important;
  }
  body.rc60-home .rc60-hero{
    margin-top:0 !important;
    border-top:0 !important;
  }
  body.rc60-home .rc60-hero-media{
    top:0 !important;
  }
}

/* Six homepage impact metrics remain balanced. */
body.rc60-home .impact-row{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
@media(max-width:900px){
  body.rc60-home .impact-row{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  body.rc60-home .impact-row{grid-template-columns:1fr}
}

/* Lightstorm: close on organizational independence rather than repeating metrics. */
body.impact-lightstorm .rc80-lightstorm-compliment{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);
  gap:clamp(54px,7vw,110px);
  align-items:start;
}
body.impact-lightstorm .rc80-compliment-copy h2{
  max-width:900px;
}
body.impact-lightstorm .rc80-compliment-copy>p:last-child{
  max-width:760px;
  color:var(--muted);
  font-size:clamp(17px,1.3vw,20px);
  line-height:1.7;
}
body.impact-lightstorm .rc80-compliment-quote{
  border-left:1px solid var(--line);
  padding-left:clamp(34px,4vw,64px);
}
body.impact-lightstorm .rc80-compliment-quote blockquote{
  margin:0 0 28px;
  color:var(--paper);
  font:400 clamp(30px,3vw,48px)/1.22 Georgia,"Times New Roman",serif;
}
body.impact-lightstorm .rc80-compliment-quote p{
  color:var(--muted);
  line-height:1.7;
}
@media(max-width:900px){
  body.impact-lightstorm .rc80-lightstorm-compliment{
    grid-template-columns:1fr !important;
  }
  body.impact-lightstorm .rc80-compliment-quote{
    border-left:0;
    border-top:1px solid var(--line);
    padding:38px 0 0;
  }
}

/* Edmunds: one compact synthesis replaces three consecutive closing sections. */
body.impact-edmunds .rc80-edmunds-synthesis{
  background:#071421;
  color:#f7f4ed;
}
.rc80-edmunds-synthesis__intro{
  max-width:980px;
  margin-bottom:clamp(42px,5vw,70px);
}
.rc80-edmunds-synthesis__intro h2{
  max-width:900px;
}
.rc80-edmunds-synthesis__intro>p:last-child{
  max-width:760px;
  color:#aebbc8;
  font-size:clamp(17px,1.3vw,20px);
  line-height:1.7;
}
.rc80-edmunds-products{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  border:1px solid rgba(255,255,255,.13);
}
.rc80-edmunds-products article{
  padding:clamp(28px,3.5vw,50px);
}
.rc80-edmunds-products article+article{
  border-left:1px solid rgba(255,255,255,.13);
}
.rc80-edmunds-products span{
  display:block;
  margin-bottom:12px;
  color:#80b0ff;
  font-size:11px;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.rc80-edmunds-products strong{
  display:block;
  margin-bottom:14px;
  font:400 clamp(27px,2.5vw,40px)/1.1 Georgia,"Times New Roman",serif;
}
.rc80-edmunds-products p{margin:0;color:#aebbc8;line-height:1.65}
.rc80-edmunds-method{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-top:22px;
  padding:22px 26px;
  border:1px solid rgba(255,255,255,.13);
  color:#dbe3eb;
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.rc80-edmunds-method i{color:#d5ab63;font-style:normal}
.rc80-edmunds-forward{
  display:grid;
  grid-template-columns:.45fr 1.15fr .8fr;
  gap:clamp(28px,4vw,60px);
  align-items:start;
  margin-top:clamp(52px,6vw,82px);
  padding-top:clamp(34px,4vw,50px);
  border-top:1px solid rgba(255,255,255,.13);
}
.rc80-edmunds-forward blockquote{
  margin:0;
  font:400 clamp(27px,2.5vw,40px)/1.2 Georgia,"Times New Roman",serif;
}
.rc80-edmunds-forward>p:last-child{margin:0;color:#aebbc8;line-height:1.7}
@media(max-width:800px){
  .rc80-edmunds-products{grid-template-columns:1fr}
  .rc80-edmunds-products article+article{border-left:0;border-top:1px solid rgba(255,255,255,.13)}
  .rc80-edmunds-method{align-items:flex-start;flex-direction:column}
  .rc80-edmunds-method i{transform:rotate(90deg)}
  .rc80-edmunds-forward{grid-template-columns:1fr}
}

/* WET: image-only source photography; site text remains native HTML. */
.rc78-workflow-stage__media img{
  filter:none !important;
}

/* rc81-refinement.css */
/* RC81 refinement pass */

/* HOME — six impact metrics with conservative 20+ film count. */
body.rc60-home .impact-row{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
@media(max-width:900px){
  body.rc60-home .impact-row{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  body.rc60-home .impact-row{grid-template-columns:1fr}
}

/* EDMUNDS — make the five headline metrics feel like one coherent system. */
body.impact-edmunds .executive-impact__metric{
  min-height:190px;
  padding:26px 24px 24px;
}
body.impact-edmunds .executive-impact__metric strong{
  display:flex;
  align-items:flex-end;
  min-height:68px;
  margin:18px 0 12px;
  color:var(--impact-accent);
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:clamp(42px,3.25vw,58px) !important;
  font-weight:750 !important;
  line-height:.95 !important;
  letter-spacing:-.045em !important;
  white-space:nowrap;
}
body.impact-edmunds .executive-impact__metric p{
  min-height:58px;
  font-size:14px !important;
  line-height:1.45 !important;
}
body.impact-edmunds .executive-impact__metric span{
  min-height:16px;
  font-size:10px;
  letter-spacing:.14em;
}
@media(max-width:800px){
  body.impact-edmunds .executive-impact__metric{min-height:158px}
  body.impact-edmunds .executive-impact__metric strong{min-height:auto}
  body.impact-edmunds .executive-impact__metric p{min-height:auto}
}
@media(max-width:560px){
  body.impact-edmunds .executive-impact__metric strong{
    font-size:46px !important;
  }
}

/* WET — clean image-only workflow tiles with consistent framing. */
.rc78-workflow-stage__media{
  background:#06101a;
}
.rc78-workflow-stage__media img{
  width:100%;
  aspect-ratio:4/3 !important;
  object-fit:cover !important;
  object-position:center !important;
}
@media(min-width:951px){
  .rc78-workflow-stage__media{
    max-height:620px;
  }
}

/* SPHERE — the Moon anatomy SVG now contains no internal top heading.
   Keep it visually tight after the cropped viewBox change. */
.canvas-moon-anatomy-desktop{
  display:block;
  width:100%;
  height:auto;
  margin:0;
}

/* ABOUT — add visual rhythm and replace one text-heavy section with a
   scannable operating-style chapter. */
.about-evidence,
.about-working-style{
  padding:clamp(80px,9vw,140px) clamp(24px,6vw,100px);
}
.about-evidence{
  background:#071421;
  border-top:1px solid rgba(255,255,255,.12);
  border-bottom:1px solid rgba(255,255,255,.12);
}
.about-evidence__heading{
  max-width:960px;
  margin-bottom:clamp(42px,5vw,72px);
}
.about-evidence__heading h2,
.about-working-style__intro h2{
  margin:16px 0 0;
  color:#f5f1e9;
  font:400 clamp(42px,4.6vw,70px)/1.02 Georgia,"Times New Roman",serif;
  letter-spacing:-.04em;
}
.about-evidence__grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.about-evidence__grid a{
  min-width:0;
  color:#f5f1e9;
  text-decoration:none;
  border:1px solid rgba(255,255,255,.12);
  background:#050b12;
  overflow:hidden;
}
.about-evidence__grid img{
  display:block;
  width:100%;
  aspect-ratio:4/3;
  object-fit:cover;
  filter:saturate(.82);
}
.about-evidence__grid span,
.about-evidence__grid strong{
  display:block;
  margin-left:20px;
  margin-right:20px;
}
.about-evidence__grid span{
  margin-top:20px;
  color:#6f9dff;
  font-size:10px;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.about-evidence__grid strong{
  margin-top:8px;
  margin-bottom:24px;
  font:400 23px/1.18 Georgia,"Times New Roman",serif;
}
.about-evidence__grid a:hover img{
  filter:saturate(1);
}

.about-working-style{
  display:grid;
  grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);
  gap:clamp(50px,7vw,110px);
  background:#0b1723;
}
.about-working-style__intro>p:last-child{
  max-width:650px;
  color:#b9c4ce;
  font-size:18px;
  line-height:1.7;
}
.about-working-style__grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  border-top:1px solid rgba(255,255,255,.14);
  border-left:1px solid rgba(255,255,255,.14);
}
.about-working-style__grid article{
  min-height:220px;
  padding:28px;
  border-right:1px solid rgba(255,255,255,.14);
  border-bottom:1px solid rgba(255,255,255,.14);
}
.about-working-style__grid span{
  color:#6f9dff;
  font-size:11px;
  font-weight:800;
  letter-spacing:.14em;
}
.about-working-style__grid strong{
  display:block;
  margin:28px 0 12px;
  color:#f5f1e9;
  font:400 29px/1.08 Georgia,"Times New Roman",serif;
}
.about-working-style__grid p{
  margin:0;
  color:#aeb9c4;
  line-height:1.65;
}

@media(max-width:1000px){
  .about-evidence__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .about-working-style{grid-template-columns:1fr}
}
@media(max-width:650px){
  .about-evidence__grid,
  .about-working-style__grid{grid-template-columns:1fr}
  .about-working-style__grid article{min-height:0}
}

/* rc99-mobile-integrity.css */
/* RC99 — mobile integrity + story navigation fixes */

/* Homepage portrait: never scale the image box itself. */
@media(max-width:760px){
  body.rc60-home .rc60-hero-media{
    overflow:hidden !important;
  }
  body.rc60-home .rc60-hero-media img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    object-fit:cover !important;
    object-position:50% 10% !important;
    transform:none !important;
  }
}
@media(max-width:430px){
  body.rc60-home .rc60-hero-media img{
    object-position:50% 8% !important;
    transform:none !important;
  }
}

/* One consistent previous / all / next system on every story. */
.story-pagination--unified{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) !important;
  gap:24px !important;
  align-items:center !important;
  width:100% !important;
  margin:0 !important;
  padding:32px clamp(24px,6vw,90px) !important;
  border-top:1px solid rgba(255,255,255,.14) !important;
  background:#030b13 !important;
  color:#f5f1e9 !important;
  box-sizing:border-box !important;
}
.story-pagination--unified a{
  color:#6f9dff !important;
  text-decoration:none !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:11px !important;
  font-weight:800 !important;
  line-height:1.4 !important;
  letter-spacing:.09em !important;
  text-transform:uppercase !important;
}
.story-pagination--unified .story-all-link{
  text-align:center !important;
}
.story-pagination--unified .story-next-link{
  text-align:right !important;
}
.story-pagination--unified .story-pagination-empty{
  display:block !important;
}

@media(max-width:700px){
  .story-pagination--unified{
    grid-template-columns:1fr !important;
    gap:20px !important;
    padding:28px 24px 34px !important;
    text-align:center !important;
  }
  .story-pagination--unified a,
  .story-pagination--unified .story-all-link,
  .story-pagination--unified .story-next-link{
    text-align:center !important;
    font-size:11px !important;
  }
  .story-pagination--unified .story-pagination-empty{
    display:none !important;
  }
}

/* Sphere Moon process: keep every stage image bounded and every caption visible. */
@media(max-width:640px){
  .rc83-moon-process,
  .rc83-moon-process__grid{
    overflow:visible !important;
  }
  .rc83-moon-stage{
    display:block !important;
    height:auto !important;
    min-height:0 !important;
    overflow:hidden !important;
  }
  .rc83-lroc-mosaic,
  .rc84-moon-reference,
  .rc83-moon-visual,
  .rc83-moon-final{
    display:grid !important;
    height:270px !important;
    min-height:270px !important;
    max-height:270px !important;
    overflow:hidden !important;
    flex:none !important;
  }
  .rc83-lroc-mosaic{
    grid-template-columns:1.25fr .75fr !important;
    grid-template-rows:1fr 1fr !important;
  }
  .rc83-lroc-mosaic img{
    position:static !important;
    display:block !important;
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    max-height:270px !important;
    object-fit:cover !important;
  }
  .rc83-lroc-mosaic img:first-child{
    grid-row:1 / 3 !important;
  }
  .rc83-moon-stage__copy{
    position:relative !important;
    z-index:2 !important;
    display:block !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    padding:24px 22px 28px !important;
    opacity:1 !important;
    visibility:visible !important;
    overflow:visible !important;
    background:#07131f !important;
  }
  .rc83-moon-stage__copy > span,
  .rc83-moon-stage__copy h3,
  .rc83-moon-stage__copy b,
  .rc83-moon-stage__copy p{
    display:block !important;
    opacity:1 !important;
    visibility:visible !important;
  }
  .rc83-moon-stage__copy > span{
    margin-bottom:18px !important;
  }
}

/* Authentic gallery crops: detail for Leaded Light, scale for SunStar. */
.canvas-work-card img[src*="leaded-light-authentic-rc99"]{
  object-position:center center !important;
}
.canvas-work-card img[src*="sunstar-authentic-rc99"]{
  object-position:center center !important;
}

/* rc100-footer-media.css */
.site-footer-unified{
  background:#030b13 !important;
  color:#aeb8c3 !important;
  border-top:1px solid rgba(255,255,255,.12) !important;
  padding:0 !important;
  margin:0 !important;
  font-family:Arial,Helvetica,sans-serif !important;
}
.site-footer-unified__inner{
  width:min(1440px,calc(100% - 64px)) !important;
  margin:0 auto !important;
  min-height:92px !important;
  display:grid !important;
  grid-template-columns:auto 1fr auto !important;
  gap:28px !important;
  align-items:center !important;
}
.site-footer-unified__descriptor{text-align:center !important}
.site-footer-unified nav{display:flex !important;gap:22px !important;align-items:center !important}
.site-footer-unified a{
  color:#f4f1e9 !important;
  text-decoration:none !important;
  font-weight:700 !important;
  letter-spacing:.04em !important;
}
.site-footer-unified a:hover,
.site-footer-unified a:focus-visible{color:#6f9dff !important}
@media(max-width:760px){
  .site-footer-unified__inner{
    width:calc(100% - 48px) !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
    padding:26px 0 30px !important;
    text-align:center !important;
  }
  .site-footer-unified__descriptor{text-align:center !important}
  .site-footer-unified nav{justify-content:center !important}
}
.story-module img,
.story-concept-card img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  object-fit:cover !important;
}

/* rc102-footer-nav-fix.css */
/* RC102 — prevent the unified footer nav from inheriting legacy mobile menu rules. */
.site-footer-unified nav{
  position:static !important;
  inset:auto !important;
  top:auto !important;
  right:auto !important;
  bottom:auto !important;
  left:auto !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:22px !important;
  width:auto !important;
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  transform:none !important;
  opacity:1 !important;
  visibility:visible !important;
}

@media(max-width:760px){
  .site-footer-unified nav{
    position:static !important;
    display:flex !important;
    flex-direction:row !important;
    justify-content:center !important;
    gap:22px !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }
}

/* RC109 — softer transition from the closing thought into navigation */
.carried-forward+.story-pagination--unified{background:#07111c!important;border-top:1px solid rgba(255,255,255,.15)!important;padding-top:42px!important;padding-bottom:42px!important}