@property --split{syntax:"<percentage>";inherits:true;initial-value:56%}.drawing-compare-module-scss-module__0eabZW__figure{aspect-ratio:1;width:100%;position:relative}.drawing-compare-module-scss-module__0eabZW__frame{--split:56%;background:var(--paper-2);touch-action:pan-y;cursor:ew-resize;-webkit-user-select:none;user-select:none;outline:1px solid var(--line);position:absolute;inset:8.28% 0 0 8.28%;overflow:hidden}.drawing-compare-module-scss-module__0eabZW__photo{position:absolute;inset:0}.drawing-compare-module-scss-module__0eabZW__photo img{object-fit:cover}.drawing-compare-module-scss-module__0eabZW__drawing{background-color:var(--paper);background-image:linear-gradient(to right, var(--grid-line) 1px, transparent 1px),linear-gradient(to bottom, var(--grid-line) 1px, transparent 1px);clip-path:inset(0 0 0 var(--split));background-size:2.2% 2.2%;position:absolute;inset:0}.drawing-compare-module-scss-module__0eabZW__drawing svg{width:100%;height:100%;display:block}.drawing-compare-module-scss-module__0eabZW__line{stroke:var(--accent);stroke-width:4.2px;stroke-linecap:round;fill:none}.drawing-compare-module-scss-module__0eabZW__lineThin{stroke-width:2.2px}.drawing-compare-module-scss-module__0eabZW__hatch{stroke:var(--accent);stroke-width:1px;opacity:.3;vector-effect:non-scaling-stroke}.drawing-compare-module-scss-module__0eabZW__handle{top:0;bottom:0;left:var(--split);pointer-events:none;width:0;position:absolute}.drawing-compare-module-scss-module__0eabZW__handle:before{content:"";background:var(--accent);width:1.5px;position:absolute;top:0;bottom:0;left:-.75px}.drawing-compare-module-scss-module__0eabZW__handle:after{content:"";background:linear-gradient(270deg,#2a3fb029,#0000);width:36px;position:absolute;top:0;bottom:0;right:0}.drawing-compare-module-scss-module__0eabZW__knob{background:var(--accent);width:46px;height:46px;color:var(--accent-fg);pointer-events:auto;cursor:ew-resize;transition:scale var(--dur-hover) var(--ease-out);touch-action:none;place-items:center;display:grid;position:absolute;top:50%;left:0;translate:-50% -50%}.drawing-compare-module-scss-module__0eabZW__knob:hover{scale:1.06}.drawing-compare-module-scss-module__0eabZW__knob:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.drawing-compare-module-scss-module__0eabZW__side{font-family:var(--font-jetbrains),ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;pointer-events:none;transition:opacity var(--dur-ui) var(--ease-out);padding:6px 9px;font-size:.7rem;line-height:1;position:absolute;top:12px}.drawing-compare-module-scss-module__0eabZW__sidePhoto{color:var(--paper);background:#1b1a17b8;left:12px}.drawing-compare-module-scss-module__0eabZW__sideDrawing{background:var(--paper);color:var(--accent);outline:1px solid var(--accent-line);right:12px}.drawing-compare-module-scss-module__0eabZW__overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.drawing-compare-module-scss-module__0eabZW__overlay line,.drawing-compare-module-scss-module__0eabZW__overlay path{stroke:var(--accent);vector-effect:non-scaling-stroke}.drawing-compare-module-scss-module__0eabZW__dimLabel{background:var(--paper);color:var(--accent);font-family:var(--font-jetbrains),ui-monospace,monospace;letter-spacing:.04em;white-space:nowrap;pointer-events:none;padding:2px 8px;font-size:clamp(.62rem,.55rem + .25vw,.75rem);position:absolute;translate:-50% -50%}.drawing-compare-module-scss-module__0eabZW__dimLabelVertical{rotate:-90deg}.drawing-compare-module-scss-module__0eabZW__note{background:var(--paper);width:26px;height:26px;color:var(--accent);outline:1.25px solid var(--accent);font-family:var(--font-jetbrains),ui-monospace,monospace;pointer-events:none;border-radius:50%;place-items:center;font-size:.72rem;line-height:1;display:grid;position:absolute;translate:-50% -50%}@media (min-width:768px){.drawing-compare-module-scss-module__0eabZW__note{width:30px;height:30px;font-size:.78rem}}.drawing-compare-module-scss-module__0eabZW__hint{bottom:14px;left:var(--split);background:var(--ink);color:var(--paper);white-space:nowrap;pointer-events:none;transition:opacity var(--dur-ui) var(--ease-out);padding:6px 10px;font-size:.78rem;line-height:1;position:absolute;translate:-50%}@keyframes drawing-compare-module-scss-module__0eabZW__scan{0%{--split:0%}to{--split:56%}}@keyframes drawing-compare-module-scss-module__0eabZW__draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes drawing-compare-module-scss-module__0eabZW__appear{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:no-preference){.drawing-compare-module-scss-module__0eabZW__intro .drawing-compare-module-scss-module__0eabZW__frame{animation:drawing-compare-module-scss-module__0eabZW__scan 1.15s var(--ease-in-out) 1.65s both}.drawing-compare-module-scss-module__0eabZW__intro .drawing-compare-module-scss-module__0eabZW__line{stroke-dasharray:1;animation:drawing-compare-module-scss-module__0eabZW__draw .65s var(--ease-out) both;animation-delay:calc(var(--i,0)*5ms + .15s)}.drawing-compare-module-scss-module__0eabZW__intro .drawing-compare-module-scss-module__0eabZW__hatchGroup{animation:drawing-compare-module-scss-module__0eabZW__appear .7s var(--ease-out) 1s both}.drawing-compare-module-scss-module__0eabZW__intro .drawing-compare-module-scss-module__0eabZW__handle,.drawing-compare-module-scss-module__0eabZW__intro .drawing-compare-module-scss-module__0eabZW__sidePhoto{animation:drawing-compare-module-scss-module__0eabZW__appear .25s var(--ease-out) 1.6s both}.drawing-compare-module-scss-module__0eabZW__intro .drawing-compare-module-scss-module__0eabZW__overlay,.drawing-compare-module-scss-module__0eabZW__intro .drawing-compare-module-scss-module__0eabZW__dimLabel,.drawing-compare-module-scss-module__0eabZW__intro .drawing-compare-module-scss-module__0eabZW__note,.drawing-compare-module-scss-module__0eabZW__intro .drawing-compare-module-scss-module__0eabZW__hint{animation:drawing-compare-module-scss-module__0eabZW__appear .6s var(--ease-out) 2.75s both}}
.works-module-scss-module__KnhOvW__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 12px;padding-bottom:28px;display:grid}@media (min-width:640px){.works-module-scss-module__KnhOvW__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 20px;padding-bottom:48px}}@media (min-width:1024px){.works-module-scss-module__KnhOvW__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:56px 28px;padding-bottom:64px}}@media (max-width:639px){.works-module-scss-module__KnhOvW__item:nth-child(2n){transform:translateY(28px)}}@media (min-width:640px) and (max-width:1023px){.works-module-scss-module__KnhOvW__item:nth-child(3n+2){transform:translateY(48px)}}@media (min-width:1024px){.works-module-scss-module__KnhOvW__item:nth-child(4n+2),.works-module-scss-module__KnhOvW__item:nth-child(4n+4){transform:translateY(64px)}}