.review-hero{display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);align-items:center;gap:clamp(28px,4vw,72px);padding-block:clamp(32px,5vw,80px);border-bottom:1px solid var(--rule)}
.review-intro h1{font-size:clamp(3.6rem,6.9vw,6.6rem);line-height:.96;max-width:10ch;letter-spacing:-.035em;text-wrap:initial}
.review-intro>p{max-width:39ch;margin:26px 0;color:var(--muted)}
.review-intro .intro-note{max-width:32ch}
.review-sequence{min-width:0;background:var(--white);border:1px solid var(--rule);color:var(--ink)}
.drawing-board{position:relative;isolation:isolate;overflow:hidden;background-color:#243e38;background-image:linear-gradient(#9cb2a415 1px,transparent 1px),linear-gradient(90deg,#9cb2a415 1px,transparent 1px);background-size:24px 24px;padding:20px clamp(14px,3.3vw,52px) 28px}
.desk-label,.paper-head,.variance-label,.review-example{font:600 11px/1.45 Manrope,sans-serif;letter-spacing:.065em;text-transform:uppercase}
.desk-label,.paper-head,.variance{display:flex;justify-content:space-between;align-items:center;gap:8px}.desk-label{color:#dde9dd;border-bottom:1px solid #90a99b66;padding-bottom:11px}
.sheets{position:relative;height:clamp(196px,17vw,254px);margin:22px 0 11px}
.doc{position:absolute;top:2%;width:51%;padding:clamp(10px,1.3vw,21px);background:#eeeade;color:#28332b;box-shadow:0 8px 15px #081d1740;border-top:4px solid #93a18a;transition:transform .7s cubic-bezier(.2,.8,.3,1),opacity .55s ease}
.doc.original{left:1%;transform:rotate(-3deg)}.doc.revision{right:0;top:12%;transform:rotate(2deg);background:#fffcf2;border-color:#c46343}
.paper-head{padding-bottom:10px;border-bottom:1px solid #b1b4a1;font-size:clamp(9px,1vw,12px)}.doc-body{padding-top:12px}.doc-body>span{font-size:clamp(11px,.95vw,15px);font-weight:650}.doc-qty{color:#58624f;font-size:13px}.doc-rate{margin-top:9px;font:600 clamp(27px,3vw,45px)/1.15 Barlow,sans-serif}.doc-rate b{font-weight:600}.doc-rate span{font:500 12px Manrope,sans-serif}
.variance{min-height:68px;border-top:1px dashed #97a995;padding-top:15px;color:#f6f4e7;transition:opacity .35s ease,transform .5s ease}.variance-label,.variance-math{display:block}.variance-math{font-size:14px;color:#c9d6c7}.variance strong{font:600 clamp(36px,4vw,58px)/1 Barlow,sans-serif}
.review-sequence[data-scene-step="0"] .revision{opacity:0;transform:translate(32%,32%) rotate(12deg)}
.review-sequence:not([data-scene-step="2"]) .variance{opacity:0;transform:translateY(10px)}
.review-sequence figcaption{padding:14px clamp(12px,2vw,28px) 18px}.review-controls,.review-steps{display:flex;align-items:center}.review-controls{justify-content:space-between;gap:5px}.review-steps{gap:3px}.review-controls button{background:transparent;border:0;border-bottom:2px solid transparent;color:var(--muted);font-size:13px;padding:8px 6px;min-height:36px}.review-steps button[aria-pressed="true"]{color:var(--ink);border-color:var(--rust);font-weight:750}.step-description{font-size:15px;font-weight:650;min-height:3em;padding-top:8px}.review-example{color:var(--muted);font-size:9px}
@media(max-width:850px){.review-hero{grid-template-columns:1fr;gap:26px}.review-intro h1{max-width:16ch;font-size:clamp(3rem,8vw,4.6rem)}.review-intro>p{margin:16px 0}.review-intro .intro-note{max-width:48ch}.drawing-board{padding-inline:clamp(14px,5vw,44px)}.sheets{height:190px}}
@media(max-width:420px){.drawing-board{padding:12px}.sheets{margin-top:14px;height:162px}.doc{padding:9px;width:52%}.doc-body{padding-top:6px}.review-controls button{font-size:11px}.desk-label{font-size:9px}.review-sequence figcaption{padding:10px}.step-description{font-size:13px;min-height:3.5em}}
@media(prefers-reduced-motion:reduce){.review-sequence *{transition:none!important;animation:none!important}}
@media(min-width:851px){.review-hero{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}.review-sequence{grid-area:1/1}.review-intro{grid-area:1/2}.review-intro h1{max-width:12ch;font-size:clamp(3.7rem,6.2vw,6.1rem)}}
@media(max-width:850px){.review-intro{display:contents}.review-intro h1{grid-row:1}.review-sequence{grid-row:2}.review-intro>p{margin:0}.review-intro .button{justify-self:start}.review-intro .intro-note{margin:0}}