/* Real marker assets, a quiet oak desk, and an unruled sheet. */
.desk-stage{position:relative;padding:30px 72px 36px 25px;background:#d8cdbc url('assets/olo-desk-r06.png') center/cover;isolation:isolate;overflow:hidden;flex:1;min-height:432px}
.desk-stage .drawing-surface{min-height:366px;background:#fffefb;box-shadow:1px 2px 2px #483a3026,5px 12px 22px #483a3024,inset 0 0 24px #eae7df26;border:1px solid #fff;transform:rotate(-.5deg)}
.desk-stage .drawing-surface:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 32px #faf9f73b;z-index:1}
.desk-stage #scratch{height:366px;cursor:none;position:relative;z-index:2}
.desk-stage .paper-prompt{z-index:1;right:19%;color:#879080;gap:9px}
.desk-stage .paper-prompt b{font-size:clamp(20px,2vw,26px);font-weight:500;letter-spacing:-.035em}
.desk-stage .paper-prompt span{font-size:13px}
.paper-spec{position:absolute;bottom:12px;left:26px;font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:#5c5346;font-weight:600}
.marker-hand{--marker-h:320px;position:absolute;left:var(--park-left,77%);top:78%;width:calc(var(--marker-h)*.666667);height:var(--marker-h);pointer-events:none;z-index:5;transform:translate(-50%,-96.7%) rotate(24deg);transform-origin:50% 96.7%;filter:drop-shadow(5px 7px 3px #27252248);transition:filter .16s;will-change:left,top}
.marker-hand[data-tip=chisel]{transform:translate(-50%,-95.5%) rotate(24deg);transform-origin:50% 95.5%}
.marker-hand svg{display:block;width:100%;height:100%;overflow:visible}
.marker-hand.is-drawing{filter:drop-shadow(3px 4px 2px #27252238)}
.marker-hand.is-flipping{animation:marker-flip .36s ease-in-out}
.marker-ink{mix-blend-mode:multiply;fill:var(--active-ink,#0b8134)}
.marker-cap-ink{mix-blend-mode:multiply;fill:var(--other-ink,#fcd71b)}
.loose-cap{position:absolute;width:82px;height:123px;right:0;bottom:53px;z-index:3;transform:rotate(-19deg);filter:drop-shadow(5px 6px 3px #27252242);pointer-events:none}
.loose-cap svg{width:100%;height:100%;display:block}
.loose-cap .cap-band{mix-blend-mode:multiply;fill:var(--active-ink,#0b8134)}
.desk-stage .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.olo-r05 .drawing-pad{background:#fffdf9}.olo-r05 .pad-head{background:#fffdf9}.olo-r05 .stroke-tools,.olo-r05 .drawing-note{background:#f5f3ed}
@keyframes marker-flip{0%{opacity:.45;translate:16px -12px}100%{opacity:1;translate:0 0}}
@media(max-width:950px) and (min-width:721px){.desk-stage{padding:25px 40px 32px 15px;--park-left:66%}.marker-hand{--marker-h:275px}.loose-cap{right:-11px;width:70px;height:105px}.paper-spec{left:16px;font-size:9px}.desk-stage .paper-prompt{right:9%}.desk-stage .paper-prompt span{max-width:170px;justify-self:center}}
@media(max-width:720px){.desk-stage{padding:24px 44px 32px 15px;min-height:356px;--park-left:65%}.desk-stage .drawing-surface,.desk-stage #scratch{height:300px;min-height:300px}.marker-hand{--marker-h:230px}.loose-cap{right:-10px;width:72px;height:108px;bottom:45px}.paper-spec{left:16px;font-size:9px}.desk-stage .paper-prompt{right:10%}.desk-stage .paper-prompt b{font-size:22px}.desk-stage .paper-prompt span{max-width:155px;justify-self:center}}
@media(prefers-reduced-motion:reduce){.marker-hand.is-flipping{animation:none}.marker-hand{transition:none}}
@media(pointer:coarse){.desk-stage #scratch{cursor:crosshair}}