/* FRiO CD final convergence · 2026-08-20
   Page-local only. Literal copy hierarchy, reduced repetition, one Flower Clock interaction. */

.frio-roadmap-page .hero-copy{max-width:min(880px,72vw)}
.frio-roadmap-page .hero h1{
  max-width:14ch;
  font-size:clamp(3.45rem,min(5.25vw,8.3svh),5.75rem);
  line-height:.96;
  letter-spacing:-.042em;
}
.frio-roadmap-page .hero-deck{
  max-width:58ch;
  color:rgba(255,255,255,.86);
  font-size:clamp(1rem,1.15vw,1.12rem);
  line-height:1.55;
}
.frio-roadmap-page .hero-signal--single{
  display:block;
  width:fit-content;
  max-width:none;
  margin-top:clamp(18px,2.4svh,26px);
  padding-top:16px;
  border-top:1px solid rgba(255,255,255,.22);
}
.frio-roadmap-page .hero-signal--single .button{min-height:46px;white-space:nowrap}
.frio-roadmap-page .hero-scroll{display:none!important}

.frio-roadmap-page .evidence-grid>div{padding-block:22px}
.frio-roadmap-page .evidence-lead p,
.frio-roadmap-page .evidence-grid span:not(.mono){font-size:.84rem;line-height:1.5}

.frio-roadmap-page .market{padding-block:clamp(64px,6.2vw,92px)!important}
.frio-roadmap-page .market-head{
  display:block;
  margin-bottom:clamp(28px,3vw,40px);
}
.frio-roadmap-page .market-head h2{
  max-width:12ch;
  font-size:clamp(2.8rem,4vw,4.45rem);
  line-height:1;
}
.frio-roadmap-page .market-grid{gap:clamp(28px,3.4vw,48px)}
.frio-roadmap-page .market-image{min-height:clamp(480px,48vw,610px)}
.frio-roadmap-page .market-copy article{padding:clamp(18px,1.9vw,25px) 0}
.frio-roadmap-page .market-copy h3{max-width:18ch;font-size:clamp(1.35rem,1.85vw,1.9rem)}
.frio-roadmap-page .market-copy .mono{font-size:.74rem}
.frio-roadmap-page .market-image figcaption span{font-size:.88rem!important;line-height:1.5!important}

.frio-roadmap-page .clock-section{padding-block:clamp(72px,6.5vw,96px)!important}
.frio-roadmap-page .clock-intro{align-items:end;gap:clamp(30px,4vw,58px)}
.frio-roadmap-page .clock-intro h2{max-width:10ch;font-size:clamp(3rem,4.5vw,5rem);line-height:.98}
.frio-roadmap-page .clock-intro-copy{margin-top:0!important}
.frio-roadmap-page .clock-intro-copy p{max-width:42ch;font-size:1rem;line-height:1.58}
.frio-roadmap-page .clock-instruction{display:none!important}
.frio-roadmap-page .clock-layout{margin-top:clamp(28px,3vw,38px)!important;gap:clamp(28px,3vw,38px)}
.frio-roadmap-page .clock-step{min-height:clamp(142px,18vh,172px)!important;padding:24px 20px}
.frio-roadmap-page .clock-step:not(.is-active){opacity:.62}
.frio-roadmap-page .clock-step.is-active{opacity:1;border-left:2px solid var(--rose);background:linear-gradient(90deg,rgba(212,165,189,.095),transparent 72%)}
.frio-roadmap-page .clock-step.is-complete{opacity:.62!important}
.frio-roadmap-page .clock-step__description{font-size:.86rem;line-height:1.45}
.frio-roadmap-page .clock-route{display:none!important}
.frio-roadmap-page .clock-stage,
.frio-roadmap-page .clock-stage.project-workbench--sticky{min-height:590px!important}
.frio-roadmap-page .clock-media{flex-basis:30%!important;min-height:185px!important}
.frio-roadmap-page .clock-content{padding:26px 32px 26px!important}
.frio-roadmap-page .clock-content h3{
  max-width:20ch;
  margin-block:9px 10px;
  font-size:clamp(1.9rem,2.65vw,3rem)!important;
  line-height:1.02;
}
.frio-roadmap-page .clock-content>p{font-size:.96rem!important;line-height:1.5}
.frio-roadmap-page .clock-decision-grid{margin-top:16px}
.frio-roadmap-page .clock-decision-grid dd{font-size:.91rem;line-height:1.46}
.frio-roadmap-page .clock-evidence-grid strong{font-size:.89rem;line-height:1.45}
.frio-roadmap-page .clock-evidence-grid span{font-size:.68rem}

.frio-roadmap-page #campaign.section{padding-block:clamp(62px,5.8vw,86px)!important}
.frio-roadmap-page #campaign .section-head{margin-bottom:clamp(30px,3.5vw,44px)}
.frio-roadmap-page #campaign .section-head h2{
  max-width:14ch;
  font-size:clamp(2.7rem,4vw,4.35rem);
  line-height:1.02;
}
.frio-roadmap-page #campaign .campaign-grid{margin-top:clamp(28px,3vw,40px)}
.frio-roadmap-page #campaign figure figcaption span{font-size:.86rem!important}
.frio-roadmap-page #campaign .design-grid p,
.frio-roadmap-page #campaign .measurement-register p{font-size:.9rem;line-height:1.48}

.frio-roadmap-page #mandate.section{padding-block:clamp(54px,5vw,74px)!important}
.frio-roadmap-page #mandate .mandate-copy h2{
  max-width:15ch;
  font-size:clamp(2.55rem,3.7vw,4rem);
  line-height:1.02;
}
.frio-roadmap-page #mandate .funding-boundary{margin-top:24px}
.frio-roadmap-page #mandate .funding-boundary ul{font-size:.94rem;line-height:1.48}

/* Headline safety: body display text stays within the Cultivera three-line rule without forced breaks. */
.frio-roadmap-page :is(.market-head h2,.clock-intro h2,#campaign .section-head h2,#mandate .mandate-copy h2){text-wrap:balance}

@media (max-width:980px){
  .frio-roadmap-page .hero-copy{max-width:92vw}
  .frio-roadmap-page .hero h1{max-width:15ch;font-size:clamp(3rem,8vw,4.7rem)}
  .frio-roadmap-page .market{padding-block:58px!important}
  .frio-roadmap-page .market-head h2{font-size:clamp(2.6rem,7vw,3.9rem)}
  .frio-roadmap-page .clock-section{padding-block:60px!important}
  .frio-roadmap-page .clock-stage,.frio-roadmap-page .clock-stage.project-workbench--sticky{min-height:0!important}
  .frio-roadmap-page .clock-media{min-height:250px!important}
}

@media (max-width:640px){
  .frio-roadmap-page .hero-copy{max-width:100%}
  .frio-roadmap-page .hero h1{
    max-width:100%;
    font-size:clamp(2.34rem,10.4vw,3.12rem)!important;
    line-height:.99;
  }
  .frio-roadmap-page .hero-deck{max-width:35ch;font-size:1rem;line-height:1.5}
  .frio-roadmap-page .hero-signal--single{margin-top:17px;padding-top:14px}
  .frio-roadmap-page .evidence-grid span:not(.mono),.frio-roadmap-page .evidence-lead p{font-size:.82rem}
  .frio-roadmap-page .market{padding-block:50px!important}
  .frio-roadmap-page .market-head{margin-bottom:26px}
  .frio-roadmap-page .market-head h2{max-width:100%;font-size:clamp(2.3rem,10vw,3rem)}
  .frio-roadmap-page .market-image{min-height:360px}
  .frio-roadmap-page .market-copy article{padding:18px 0}
  .frio-roadmap-page .clock-section{padding-block:52px!important}
  .frio-roadmap-page .clock-intro h2{max-width:100%;font-size:clamp(2.65rem,11vw,3.55rem)}
  .frio-roadmap-page .clock-layout{margin-top:28px!important}
  .frio-roadmap-page .clock-step{min-height:128px!important;padding:17px 15px}
  .frio-roadmap-page .clock-content{padding:25px 22px 24px!important}
  .frio-roadmap-page .clock-content h3{max-width:100%;font-size:clamp(1.85rem,8.4vw,2.55rem)!important}
  .frio-roadmap-page #campaign.section{padding-block:50px!important}
  .frio-roadmap-page #campaign .section-head h2{max-width:100%;font-size:clamp(2.2rem,9.5vw,3rem)}
  .frio-roadmap-page #mandate.section{padding-block:46px!important}
  .frio-roadmap-page #mandate .mandate-copy h2{max-width:100%;font-size:clamp(2.15rem,9.2vw,2.85rem)}
}


/* Route typography and stage-state convergence. */
.frio-roadmap-page .evidence-lead p,
.frio-roadmap-page .evidence-grid span:not(.mono){font-size:.87rem;line-height:1.5}
.frio-roadmap-page .market-copy .mono{font-size:.78rem}
.frio-roadmap-page .market-image figcaption strong{font-size:.86rem;line-height:1.35}
.frio-roadmap-page .market-image figcaption span{font-size:.9rem!important;line-height:1.48!important}
.frio-roadmap-page .clock-step__description{font-size:.9rem;line-height:1.48}
.frio-roadmap-page .clock-step[data-clock-state="complete"]{opacity:.58!important;border-left-color:rgba(212,165,189,.42)}
.frio-roadmap-page .clock-step[data-clock-state="upcoming"]{opacity:.52}
.frio-roadmap-page .clock-step[data-clock-state="active"]{opacity:1!important;border-left:3px solid var(--rose);background:linear-gradient(90deg,rgba(212,165,189,.12),transparent 72%)}
.frio-roadmap-page .clock-decision-grid dd{font-size:.93rem;line-height:1.47}
.frio-roadmap-page .clock-evidence-disclosure>summary{color:rgba(255,255,255,.88);font-size:.72rem}
.frio-roadmap-page .clock-evidence-disclosure>summary::after{font-size:1.08rem}
.frio-roadmap-page .clock-evidence-grid span{font-size:.71rem}
.frio-roadmap-page .clock-evidence-grid strong{font-size:.9rem;line-height:1.45}
.frio-roadmap-page .frio-corridor-compact small{font-size:max(.72rem,var(--project-caption-small-size, .72rem));line-height:1.4}
@media (max-width:640px){
  .frio-roadmap-page .evidence-grid span:not(.mono),
  .frio-roadmap-page .evidence-lead p{font-size:.86rem}
  .frio-roadmap-page .market-copy .mono{font-size:.77rem}
  .frio-roadmap-page .market-image figcaption span{font-size:.86rem!important}
}

/* Corridor measurement DTP convergence · 2026-08-21
   Route-owned only: protect the sticky shell, remove false five-column register geometry,
   raise the measurement type floor, and let the test panel size to its content. */
.frio-roadmap-page #campaign{
  --award-type-label-floor:.75rem;
  --award-type-caption-floor:.82rem;
}
.frio-roadmap-page #campaign .frio-corridor-compact>span{
  padding:19px 18px 18px;
  font-size:.96rem;
  line-height:1.35;
}
.frio-roadmap-page #campaign .frio-corridor-compact b{
  font-size:.75rem;
  line-height:1.25;
}
.frio-roadmap-page #campaign .frio-corridor-compact small{
  font-size:.82rem;
  line-height:1.45;
}
.frio-roadmap-page #campaign .campaign-grid{
  align-items:start;
  gap:clamp(24px,2.6vw,36px);
}
.frio-roadmap-page #campaign .campaign-media{
  background:transparent;
}
.frio-roadmap-page #campaign .campaign-design{
  align-self:start;
  padding:30px;
  border-radius:14px;
  background:rgba(255,255,255,.035);
}
.frio-roadmap-page #campaign .design-grid{
  margin-top:18px;
}
.frio-roadmap-page #campaign .design-grid>div{
  padding-top:23px;
  padding-bottom:23px;
}
.frio-roadmap-page #campaign .design-grid b{
  font-size:1rem;
  line-height:1.35;
}
.frio-roadmap-page #campaign .design-grid p{
  font-size:.94rem;
  line-height:1.52;
}
.frio-roadmap-page #campaign .campaign-media figcaption{
  gap:7px;
  padding-top:18px;
  border-top-color:rgba(255,255,255,.17);
  color:rgba(255,255,255,.78);
}
.frio-roadmap-page #campaign .campaign-media figcaption strong{
  color:#fff;
}
.frio-roadmap-page #campaign .campaign-media figcaption span{
  color:rgba(255,255,255,.68);
}
.frio-roadmap-page #campaign .measurement-register--compact{
  grid-template-columns:repeat(4,minmax(0,1fr));
  margin-top:28px;
}
.frio-roadmap-page #campaign .measurement-register--compact .register-head{
  grid-column:1/-1;
  align-items:baseline;
  padding:18px 0 19px;
}
.frio-roadmap-page #campaign .register-head strong{
  max-width:46ch;
  color:rgba(255,255,255,.88);
  font-size:.98rem;
  font-weight:600;
  line-height:1.4;
  text-align:right;
}
.frio-roadmap-page #campaign .measurement-register--compact>div:not(.register-head){
  padding:21px 20px 22px;
}
.frio-roadmap-page #campaign .measurement-register b{
  font-size:1rem;
  line-height:1.35;
}
.frio-roadmap-page #campaign .measurement-register p{
  font-size:.94rem;
  line-height:1.52;
}

@media(max-width:980px){
  .frio-roadmap-page #campaign .measurement-register--compact{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .frio-roadmap-page #campaign .measurement-register--compact .register-head{
    grid-column:1/-1;
  }
  .frio-roadmap-page #campaign .register-head strong{
    max-width:34ch;
  }
}
@media(max-width:640px){
  .frio-roadmap-page #campaign .frio-corridor-compact>span{
    padding:14px 0;
  }
  .frio-roadmap-page #campaign .campaign-design{
    padding:22px 18px;
    border-radius:12px;
  }
  .frio-roadmap-page #campaign .measurement-register--compact{
    grid-template-columns:1fr;
  }
  .frio-roadmap-page #campaign .measurement-register--compact .register-head{
    grid-column:auto;
    align-items:flex-start;
    gap:8px;
    padding:17px 0 18px;
  }
  .frio-roadmap-page #campaign .register-head strong{
    max-width:none;
    font-size:.94rem;
    text-align:left;
  }
  .frio-roadmap-page #campaign .measurement-register--compact>div:not(.register-head){
    padding:17px 0 18px;
  }
}

/* Corridor mobile flow correction · 2026-08-21
   Remove the legacy fixed-height figure that allowed the now-static caption
   to escape the figure box and collide with the following test-design block. */
@media(max-width:680px){
  .frio-roadmap-page #campaign .campaign-media{
    height:auto;
    min-height:0;
    overflow:visible;
  }
  .frio-roadmap-page #campaign .campaign-media img{
    width:100%;
    height:auto;
    aspect-ratio:4 / 3;
    object-fit:cover;
  }
}

/* Packet 4 · FRiO reduced-motion completion · 2026-08-22
   Preserve the Flower Clock state change while removing non-essential image motion. */
@media (prefers-reduced-motion: reduce){
  .frio-roadmap-page .clock-media img{
    transition:none!important;
    transform:none!important;
  }
  .frio-roadmap-page .clock-stage[data-changing="true"] .clock-media img{
    opacity:1!important;
    transform:none!important;
  }
}
