.review-visual{display:none}.review-journey.journey-enhanced{--review-p:0;--feedback:clamp(0, (var(--review-p) - .14) * 4, 1);--revision:clamp(0, (var(--review-p) - .55) * 5, 1);--approval:clamp(0, (var(--review-p) - .78) * 6.25, 1);border-top:1px solid var(--color-border);grid-template-columns:1fr 1fr;align-items:start;gap:60px;display:grid}.journey-enhanced .studio-steps{border-top:0;min-width:0}.journey-enhanced .studio-steps li{min-height:64svh;transition:color var(--duration-base) var(--ease-out);align-items:center;padding-block:50px;display:flex}.journey-enhanced .studio-step-copy{gap:22px}.journey-enhanced .studio-step-copy h3{letter-spacing:-.035em;max-width:390px;font-size:clamp(24px,2.5vw,30px)}.journey-enhanced .studio-step-description{max-width:350px;font-size:15px}.journey-enhanced .studio-steps li[data-active] h3{color:var(--color-accent)}.journey-enhanced .studio-steps li[data-active] .studio-step-number{color:var(--color-accent);border-color:var(--color-accent);background:var(--color-accent-soft)}.journey-enhanced .studio-step-example{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.journey-enhanced .review-visual{min-width:0;height:555px;display:block;position:sticky;top:max(112px,50svh - 250px)}.review-progress{letter-spacing:.04em;color:var(--color-muted-foreground);justify-content:space-between;align-items:center;gap:12px;padding-block:18px;font-size:9px;font-weight:650;display:flex}.review-progress-track{gap:5px;display:flex}.review-progress-track i{background:var(--color-border);border-radius:3px;width:25px;height:3px;position:relative;overflow:hidden}.review-progress-track i:after{content:"";background:var(--color-accent);transform-origin:0;transform:scaleX(clamp(0, var(--review-p) * 3, 1));position:absolute;inset:0}.review-progress-track i:nth-child(2):after{transform:scaleX(clamp(0, (var(--review-p) - .3333) * 3, 1))}.review-progress-track i:nth-child(3):after{transform:scaleX(clamp(0, (var(--review-p) - .6666) * 3, 1))}.review-scene{border:1px solid var(--color-border);background:var(--color-studio-panel);height:470px;box-shadow:var(--studio-shadow);border-radius:16px;position:relative}.review-sheet{background:var(--color-elevated);border:1px solid var(--color-border);height:335px;transform:translateY(calc(var(--feedback) * -6px + var(--revision) * 6px));border-radius:10px;padding:24px;position:absolute;top:18px;left:18px;right:18px}.review-sheet-meta{letter-spacing:.04em;color:var(--color-muted-foreground);justify-content:space-between;font-size:10px;display:flex}.review-sheet-meta>div{text-align:right;width:90px;position:relative}.review-revision-old{opacity:calc(1 - var(--revision))}.review-revision-new{opacity:var(--revision);color:var(--color-accent);position:absolute;inset:0}.review-sheet-title{font-family:var(--font-display);letter-spacing:-.035em;margin-top:28px;font-size:28px;font-weight:650;line-height:1.25}.review-sheet-intro{color:var(--color-muted-foreground);margin-top:18px;font-size:12px;line-height:1.8}.review-copy{min-height:62px;margin-top:12px;font-size:14px;line-height:1.8;position:relative}.review-copy-original{opacity:calc(1 - var(--revision))}.review-copy-original span{background:color-mix(in srgb, var(--color-studio-highlight) calc(var(--feedback) * 100%), transparent)}.review-copy-updated{opacity:var(--revision);transform:translateY(calc((1 - var(--revision)) * 8px));position:absolute;inset:0}.review-copy-updated mark{color:var(--color-studio-positive);background:var(--color-studio-positive-soft);box-decoration-break:clone;padding:2px 4px}.review-sheet-rule{background:var(--color-border);height:1px}.review-sheet-outro{color:var(--color-muted-foreground);margin-top:12px;font-size:11px;line-height:1.7}.review-sheet-foot{letter-spacing:.03em;color:var(--color-muted-foreground);justify-content:space-between;margin-top:14px;font-size:8px;display:flex}.review-feedback{border:1px solid var(--color-accent);background:var(--color-elevated);width:245px;box-shadow:var(--studio-shadow);opacity:calc(var(--feedback) * (1 - var(--revision)));transform:translate3d(calc((1 - var(--feedback)) * 24px + var(--revision) * 24px), 0, 0);border-radius:12px;padding:20px;position:absolute;top:225px;right:16px}.review-feedback>span{letter-spacing:.05em;color:var(--color-accent);font-size:9px;font-weight:650}.review-feedback>p{letter-spacing:-.02em;margin-top:10px;font-size:19px;font-weight:600;line-height:1.4}.review-feedback>div{color:var(--color-muted-foreground);margin-top:10px;font-size:11px;line-height:1.7}.review-decision{border:1px solid var(--color-studio-positive);background:var(--color-studio-positive-soft);color:var(--color-studio-positive);opacity:var(--approval);transform:translateY(calc((1 - var(--approval)) * 18px));border-radius:10px;align-items:center;gap:14px;padding:18px;display:flex;position:absolute;bottom:16px;left:16px;right:16px}.review-decision svg{stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:60;width:30px;height:30px;stroke-dashoffset:calc((1 - var(--approval)) * 60)}.review-decision strong{font-size:18px;font-weight:650;line-height:1.3;display:block}.review-decision span{margin-top:3px;font-size:11px;display:block}@media (width<=1023px) and (width>=900px){.review-journey.journey-enhanced{gap:30px}.review-scroll-hint{display:none}.review-sheet{padding:20px}}@media (width<=899px){.review-journey.journey-enhanced{flex-direction:column;gap:0;display:flex;position:relative}.journey-enhanced .review-visual{background:var(--color-elevated);z-index:2;order:-1;width:100%;height:395px;top:75px;overflow:clip}.review-progress{width:min(420px,100%);margin-inline:auto;padding-block:12px;font-size:8px}.review-scene{transform-origin:top;width:430px;position:absolute;top:35px;left:50%;transform:translate(-50%)scale(.7)}.review-copy{font-size:16px;line-height:1.6}.journey-enhanced .studio-steps{width:100%}.journey-enhanced .studio-steps li{min-height:55svh;padding-block:50px}.journey-enhanced .studio-step-copy h3{max-width:440px;font-size:25px}.journey-enhanced .studio-step-description{max-width:440px;font-size:14px}}@media (prefers-reduced-motion:reduce){.review-visual{display:none}}
