/* Gold halftone artwork. Cards retain the neutral gray palette. */
.button-gold{background:var(--accent);border-color:var(--accent);color:#14100a}
.button-gold:hover{background:#ffd25c;border-color:#ffd25c}
.hero-image{filter:grayscale(1) sepia(1) saturate(2) contrast(1.4) brightness(.85);opacity:.9}
.closing-dots{background-image:radial-gradient(circle,var(--accent) 1.5px,transparent 2px);opacity:.95}
.fit-value{color:var(--accent)}
.process-controls{display:flex;align-items:flex-end;flex-direction:column;gap:17px;justify-self:end}
.process-grid{gap:38px}
.process-grid li{display:flex;flex-direction:column;min-width:0}
.process-progress{display:block;height:3px;background:#252525;border-radius:4px;overflow:hidden;margin-bottom:27px;width:100%}
.process-progress i{display:block;width:100%;height:100%;background:var(--accent);transform:scaleX(0);transform-origin:left center}
.process-grid h3{font-size:clamp(19px,1.8vw,27px);line-height:1.3;letter-spacing:-.04em;margin:0 0 16px}
.process-grid h3 span{color:var(--subtle)}
.process-grid li[data-scene-state="playing"] h3 span{color:var(--step-accent)}
.process-grid p{font-size:13px;line-height:1.85;max-width:none;flex:1;margin-bottom:24px}
.process-grid .process-art{display:block;position:relative;height:auto;aspect-ratio:1.1;width:100%;flex:none;margin:0;border:0;border-radius:0;background:none;overflow:hidden}
.process-grid .process-art::before{display:none}
.process-canvas{display:block;width:100%;height:100%}
.process-grid li{--step-accent:#ffc32a}
.process-grid li:nth-child(2){--step-accent:#488fff}
.process-grid li:nth-child(3){--step-accent:#00c875}
.process-progress i{background:var(--step-accent)}
.landscape-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:45px 0 0}
.landscape-heading .eyebrow{color:var(--accent);font-size:9px}
.footer-landscape{position:relative;width:calc(100vw - 17px);margin-left:calc((100% - (100vw - 17px)) / 2);height:clamp(340px,36vw,540px);overflow:hidden}
.footer-landscape canvas{display:block;width:100%;height:100%}
body[data-motion-state=reduced] *,body[data-motion-state=reduced] *::before,body[data-motion-state=reduced] *::after{animation:none!important;transition:none!important}
@media(max-width:1000px){.process-grid{gap:24px}.process-grid h3{font-size:21px}.process-grid p{font-size:12px}}
@media(max-width:620px){
  .process-controls{align-items:flex-start;justify-self:start;gap:13px}
  .process-grid{gap:43px}
  .process-grid li{display:flex;flex-direction:column}
  .process-progress{margin-bottom:21px}
  .process-grid h3{font-size:24px;margin:0 0 13px}
  .process-grid p{font-size:13px;min-height:0;margin-bottom:18px}
  .process-grid .process-art{height:270px;width:100%;aspect-ratio:auto}
  .landscape-heading{padding-top:28px;gap:12px}
  .landscape-heading .eyebrow{font-size:7px;max-width:140px}
  .footer-landscape{height:320px}
}