:root{--cream:#f7f4ed;--navy:#223d50;--orange:#ff6547;--muted:#617784}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--navy);font-family:Arial,sans-serif}main{max-width:1160px;margin:auto;padding:30px 40px}header{display:flex;justify-content:space-between;align-items:center;padding-bottom:25px;border-bottom:1px solid #e4dfd5}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:inherit;font-weight:800;letter-spacing:4px;font-size:17px}.brand b{display:grid;place-items:center;background:var(--orange);color:white;width:45px;height:45px;border-radius:50%;font-size:28px;letter-spacing:0}.brand small{display:block;font-size:9px;letter-spacing:5px;margin-top:7px}select,button{font:inherit;color:inherit;background:transparent;border:1px solid #c2cccd;border-radius:25px;padding:11px 18px;cursor:pointer}button:hover{background:#eae5dc}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.intro{text-align:center;max-width:700px;margin:38px auto 12px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:3px;color:var(--orange)}h1{font-family:Georgia,serif;font-size:clamp(34px,5vw,57px);font-weight:500;margin:14px 0}h1 em{color:var(--orange)}.intro>p:last-child{font-size:15px;color:var(--muted);line-height:1.6}.stage{position:relative;border-radius:30px;overflow:hidden;background:#f0e9dc}canvas{width:100%;aspect-ratio:2.4;display:block}.scene-label{position:absolute;left:25px;top:22px;display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:1px;font-weight:700}#count{background:var(--navy);color:white;border-radius:50%;padding:10px}.story{text-align:center;min-height:105px;padding:19px 10px 0}.story h2{font:500 25px Georgia,serif;margin:0 0 8px}.story p{margin:0 auto;max-width:700px;line-height:1.6;font-size:14px;color:var(--muted)}nav{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin:14px 0 20px}nav button{border:0;border-radius:0;border-top:3px solid #ddd8ce;padding:12px 4px;font-size:12px;line-height:1.4}nav button[aria-current=true]{border-color:var(--orange);color:#bb422a}.controls{display:flex;align-items:center;gap:12px}.controls button{font-size:12px;white-space:nowrap}#play{background:var(--navy);color:white;border-color:var(--navy)}.timeline{flex:1}input{width:100%;accent-color:var(--orange);cursor:pointer}#time{font-size:11px;white-space:nowrap;font-variant-numeric:tabular-nums}.note{text-align:center;color:var(--muted);font-size:11px;line-height:1.6;margin:22px auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:600px){main{padding:20px 16px}.intro{margin-top:30px}canvas{aspect-ratio:1.3}.scene-label{left:16px;top:14px;font-size:9px}.story{min-height:142px}.story h2{font-size:23px}nav{gap:4px}nav button{font-size:10px;padding:10px 1px}.controls{gap:7px}.controls button{padding:10px}#time{display:none}.brand{font-size:13px;letter-spacing:3px}select{max-width:120px;padding:9px}.note{font-size:10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

/* Isolated replacement for the existing process illustration only. */
.embed main{max-width:none;padding:0}.embed header,.embed .intro,.embed #steps,.embed .note{display:none}.embed .story{position:absolute;width:1px;height:1px;min-height:0;padding:0;overflow:hidden;clip:rect(0,0,0,0)}.embed .stage{border-radius:24px}.embed .controls{padding:14px 18px}.embed canvas{aspect-ratio:2.4}@media(max-width:600px){.embed canvas{aspect-ratio:1.3}.embed .controls{padding:12px}}

#sound[aria-pressed="true"]{border-color:var(--orange);color:#a73c27}@media(max-width:600px){.embed .controls{flex-wrap:wrap}.embed .timeline{flex-basis:100%;order:5}.embed .controls button{min-height:42px}}