/* A single talking-head frame evolves through the actual production decisions. */
.process-visual{min-height:390px;max-height:500px}.process-project{width:440px;transform:translate(calc(-50% + var(--travel)*1px),-50%) rotate(-2deg)}.ghost-pane{width:440px;height:330px}.talking-frame{position:relative;height:auto;aspect-ratio:16/10;background:#4e4b50;overflow:hidden;isolation:isolate}.talking-photo{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center;filter:saturate(.12) contrast(.63) brightness(1.18);transition:filter 1.1s cubic-bezier(.2,.7,.2,1);z-index:-2}.background-enhance{position:absolute;inset:0;background:radial-gradient(ellipse at 0 40%,#6776f865,transparent 37%),radial-gradient(ellipse at 100% 35%,#dd86ac4d,transparent 38%),linear-gradient(0deg,#090c2850,transparent 35%);mix-blend-mode:screen;opacity:0;transition:opacity 1.1s;z-index:-1}.process-visual:not([data-stage="0"]) .talking-photo{filter:saturate(1.1) contrast(1.06) brightness(1.02)}.process-visual:not([data-stage="0"]) .background-enhance{opacity:1}.footage-badge,.concept-badge{position:absolute;top:10px;font-size:6px;letter-spacing:1px;color:#fff;padding:4px 7px;border:1px solid #ffffff28;background:#10111b5c;backdrop-filter:blur(9px);border-radius:20px}.footage-badge{left:10px}.concept-badge{right:10px;color:#fff9;font-size:5px}.business-motion{position:absolute;inset:0;pointer-events:none}.growth-glass{position:absolute;top:27%;left:4%;width:31%;border:1px solid #ffffff4f;border-radius:9px;padding:9px;background:linear-gradient(130deg,#e2d0ff2c,#2920396b);backdrop-filter:blur(12px);box-shadow:0 10px 23px #0002,inset 0 1px #fff2;opacity:0;transform:translate(-25px,15px) scale(.9);transition:opacity .55s,transform .8s cubic-bezier(.2,.8,.2,1)}.growth-glass>span{display:block;font-size:5px;letter-spacing:1px;color:#dfd0f0}.growth-glass strong{display:block;font-size:9px;letter-spacing:-.25px;font-weight:500;color:#fff;margin:6px 0 5px;white-space:nowrap}.growth-glass svg{width:100%;height:48px;display:block}.growth-line{stroke-dasharray:170;stroke-dashoffset:170;transition:stroke-dashoffset 1.2s .35s}.growth-tags{display:flex;justify-content:space-between;color:#e5d4f7;font-size:4px;letter-spacing:.4px;margin-top:5px}.business-pill{position:absolute;right:3%;top:57%;display:flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid #ffffff38;border-radius:8px;background:linear-gradient(115deg,#b8cfff28,#272b4a77);backdrop-filter:blur(14px);box-shadow:0 7px 18px #0002;font-size:7px;line-height:1.4;color:#eee7f8;opacity:0;transform:translate(25px,12px);transition:opacity .5s .15s,transform .75s .15s}.business-pill i{display:grid;place-items:center;width:22px;height:22px;border-radius:6px;border:1px solid #d7c6f545;background:#a481ce26;font-size:15px;font-style:normal}.business-pill b{font-weight:500}.process-visual:is([data-stage="2"],[data-stage="3"],[data-stage="4"]) .growth-glass,.process-visual:is([data-stage="2"],[data-stage="3"],[data-stage="4"]) .business-pill{opacity:1;transform:translate(0,0) scale(1)}.process-visual:is([data-stage="2"],[data-stage="3"],[data-stage="4"]) .growth-line{stroke-dashoffset:0}.subtitle{position:absolute;left:8%;right:8%;bottom:8%;text-align:center;font-size:15px;line-height:1.15;font-weight:650;color:#fff;text-shadow:0 2px 8px #000c;opacity:0;transform:translateY(10px);transition:opacity .5s .3s,transform .6s .3s;letter-spacing:-.4px}.subtitle .caption-word{color:#e3ceff;padding:0 3px}.process-visual:is([data-stage="2"],[data-stage="3"],[data-stage="4"]) .subtitle{opacity:1;transform:none}.qc-flagged .caption-word{color:#ffb5b9;text-decoration:underline wavy #ef7e8f;text-underline-offset:3px;background:#d64e6a20;border-radius:3px}.caption-correct .caption-word{color:#d5ffec}.caption-marker{position:absolute;bottom:32%;left:50%;transform:translate(-50%,8px);background:#a34059c9;border:1px solid #f8a6b65e;backdrop-filter:blur(12px);border-radius:5px;font-size:7px;color:#ffe0e5;padding:4px 7px;white-space:nowrap;opacity:0;transition:.3s}.qc-flagged .caption-marker{opacity:1;transform:translate(-50%,0)}.qc-fixed .qc-orb{color:#c2f0dc;border-color:#a6e2c748;background:linear-gradient(135deg,#6aab9333,#413d6560)}.qc-fixed .qc-meter i{background:#9fc9b9}.qc-flagged .qc-orb{color:#f5a1b5;border-color:#d78b9d4d}.qc-flagged .qc-meter i:nth-child(3){background:#db829c}.qc-note{right:1%;top:26%;width:167px}.source-file{left:0;top:17%}.source-file.second{left:3%;bottom:9%}.process-visual[data-stage="1"] .project-tracks span:nth-child(2){opacity:.25}.process-visual[data-stage="0"] .project-tracks{opacity:.13}.project-meta{font-size:6px}.delivery{background-image:url('assets/talking-head-us.webp');background-position:center;background-size:cover;width:112px;height:198px;overflow:hidden}.delivery-graphic{position:absolute;left:8%;top:48%;font-size:5px;color:#f0deff;border:1px solid #ffffff42;background:#56456c66;backdrop-filter:blur(7px);padding:4px 6px;border-radius:4px}.delivery small{position:absolute;left:2%;right:2%;bottom:19%;font-size:6px;font-weight:600;line-height:1.2;text-align:center;color:white;text-shadow:0 2px 5px #000;z-index:1}.delivered .delivery.portrait{transform:translate(220px,-53%) rotate(9deg)}.delivered .delivery.square{width:168px;height:168px;transform:translate(-375px,-35%) rotate(-9deg)}.process-caption{min-height:82px}.process-caption p{max-width:720px}.process-project .scan{z-index:5}.project-image .talking-photo{border-radius:inherit}.process-header>p{max-width:290px}
@media(max-width:1050px){.process-project{width:370px}.ghost-pane{width:370px;height:280px}.qc-note{width:140px;right:0;top:65%;padding:12px}.qc-note #qc-label{font-size:7px}.delivered .delivery.portrait{transform:translate(178px,-53%) rotate(9deg)}.delivered .delivery.square{width:145px;height:145px;transform:translate(-319px,-35%) rotate(-9deg)}.subtitle{font-size:14px}.growth-glass strong{font-size:8px}.growth-glass svg{height:40px}.business-pill{font-size:6px;padding:6px}.business-pill i{width:18px;height:18px;font-size:12px}}
@media(max-width:800px){.process-visual{min-height:345px}.process-project{width:330px}.ghost-pane{width:330px;height:260px}.growth-glass{padding:7px}.growth-glass strong{font-size:7px}.business-pill{font-size:5px;gap:4px}.subtitle{font-size:12px}.delivered .delivery.portrait{width:89px;height:157px;transform:translate(157px,-53%) rotate(9deg)}.delivered .delivery.square{width:124px;height:124px;transform:translate(-276px,-35%) rotate(-9deg)}.source-file{font-size:8px}.source-file.second{bottom:7%}}
@media(max-width:520px){.process-sticky{min-height:730px}.process-project{width:266px;max-width:80%}.talking-frame{aspect-ratio:16/11}.ghost-pane{width:260px;height:226px}.process-visual{min-height:325px;max-height:370px}.footage-badge{top:7px;left:7px;font-size:4px;letter-spacing:.6px;padding:3px 5px}.concept-badge{font-size:3px;top:7px;right:7px;padding:3px 5px;letter-spacing:.5px}.growth-glass{padding:6px;left:3%;top:29%;width:32%;border-radius:6px}.growth-glass>span{font-size:3px;letter-spacing:.5px}.growth-glass strong{font-size:5.5px;margin:4px 0 2px}.growth-glass svg{height:28px}.growth-tags{font-size:2.5px;letter-spacing:.1px;margin-top:3px}.business-pill{font-size:4px;padding:5px;gap:4px;right:2%;top:58%;border-radius:5px}.business-pill i{font-size:9px;width:14px;height:14px;border-radius:4px}.subtitle{font-size:10px;bottom:7%;letter-spacing:-.2px}.caption-marker{font-size:5px;padding:3px 5px;bottom:30%}.qc-note{top:72%;right:2%;width:123px;padding:9px}.qc-note #qc-label{font-size:5px}.qc-note .qc-orb{margin-bottom:5px;width:19px;height:19px;font-size:9px}.qc-note strong{font-size:5px}.source-file{top:17%;font-size:6px}.source-file.second{bottom:8%}.process-caption{min-height:90px}.process-caption p{font-size:12px;line-height:1.6}.delivery{width:63px;height:114px;border-width:4px}.delivered .delivery.portrait{width:63px;height:114px;transform:translate(112px,-58%) rotate(9deg)}.delivered .delivery.square{width:83px;height:83px;transform:translate(-193px,-28%) rotate(-9deg)}.delivery-graphic{font-size:3px;padding:2px 3px;border-radius:2px}.delivery small{font-size:4px;bottom:18%}.project-meta{font-size:4px}.process-steps .step-button{font-size:10px}}
@media(prefers-reduced-motion:reduce){.process-sticky{min-height:0}.talking-photo,.background-enhance,.growth-glass,.business-pill,.subtitle,.caption-marker{transition:none!important}.process-project{transform:translate(-50%,-50%) rotate(-2deg)}.process-visual{height:360px}.growth-line{transition:none}}