/* Shared hierarchy: serif for product expression, sans for practical details. */
.heat-chapter,.product-chapter,.cold-chapter {
  --product-title-size:clamp(40px,3.6vw,64px);
  --product-tagline-size:clamp(18px,1.45vw,26px);
  --product-key-color:#f2d7a2;
}
.cold-chapter { --product-key-color:#e6f7fa; }
.master-chapter { --product-key-color:#864b2d; }
.heat-copy { left:67vw; }
.chapter-count,.layer-counter { font-family:Georgia,"Moments Sans",var(--sans); }
.cold-progress { padding:8px 12px; background:#071a24b3; border:1px solid #d2e4e51a; backdrop-filter:blur(12px); }
.product-key { color:var(--product-key-color); font-weight:400; }
.heat-copy h2,.cold-copy h2 {
  font:400 var(--product-title-size)/1.4 "Moments Serif",var(--serif);
  letter-spacing:.035em;
}
.heat-tagline,.cold-tagline {
  font:400 var(--product-tagline-size)/1.65 "Moments Serif",var(--serif);
  letter-spacing:.04em;
  margin:1.5vh 0 2.6vh;
}
.heat-eyebrow,.cold-copy .cold-eyebrow {
  font-size:12px; line-height:1.8; letter-spacing:.17em; margin:0 0 1.5vh;
}
.heat-timing dt span { color:var(--product-key-color); }
.heat-timing dd { color:#ede0c6; }
.master-license { letter-spacing:.1em; }

.cooltouch-copy { left:61vw; right:6.5vw; top:19vh; }
.cold-values { margin-top:2.5vh; }
.cold-value { align-items:flex-start; gap:1.45vw; padding:1.7vh 0; }
.cold-value > div { min-width:0; flex:1; }
.cold-value svg { width:30px; height:30px; margin-top:2px; }
.cold-value h3 {
  font:400 clamp(20px,1.6vw,27px)/1.6 "Moments Serif",var(--serif);
  letter-spacing:.035em; margin:0 0 .7vh;
}
.cold-value p {
  font:400 clamp(14px,1.05vw,17px)/1.9 "Moments Sans",var(--sans);
  color:#bdcfd4; letter-spacing:.015em;
}
.coldlife-scene-copy h3 { line-height:1.5; letter-spacing:.035em; }
.coldlife-scene-copy > p:last-child {
  font-size:clamp(14px,1.12vw,18px); line-height:1.9;
  max-width:28em; margin-top:2.6vh; text-wrap:pretty;
}
@media (max-height:760px) {
  .cooltouch-copy { top:18.5vh; }
  .cold-values { margin-top:1.4vh; }
  .cold-value { padding:1.35vh 0; }
}
@media (max-aspect-ratio:4/3) {
  .heat-copy { left:63vw; }
  .cooltouch-copy { left:60vw; right:4vw; }
}