/* Sketch-to-reality sheets */
.sheetwrap .stage{position:relative;width:100%;aspect-ratio:var(--ar,1.6);overflow:hidden;background:#eeeee9;box-shadow:0 30px 70px -40px rgba(0,0,0,.55)}
.sheetwrap .stage .l{position:absolute;inset:0;width:100%;height:100%}
.sheetwrap .stage .paper{background-color:#f1f0eb;background-image:linear-gradient(rgba(96,128,160,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(96,128,160,.10) 1px,transparent 1px),linear-gradient(rgba(96,128,160,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(96,128,160,.05) 1px,transparent 1px);background-size:6.25% 6.25%,6.25% 6.25%,1.25% 1.25%,1.25% 1.25%}
.sheetwrap .stage .tex{object-fit:fill;-webkit-mask-image:linear-gradient(100deg,#000 var(--m),transparent calc(var(--m) + 14%));mask-image:linear-gradient(100deg,#000 var(--m),transparent calc(var(--m) + 14%))}
.sheetwrap .stage .night,.sheetwrap .stage .design{object-fit:fill;opacity:0}
.sheetwrap .stage .wash{mix-blend-mode:multiply}.sheetwrap .stage .glow{mix-blend-mode:screen}
.sheetwrap .stage .framing,.sheetwrap .stage .crisp{object-fit:cover;opacity:0}
.sheetwrap .stage .grain{pointer-events:none;opacity:.35;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .48 0 0 0 0 .44 0 0 0 .22 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.sheetwrap .stage svg text{font-family:"Architects Daughter",cursive}
.sheetwrap{display:grid;grid-template-columns:minmax(0,8.4fr) minmax(280px,3.6fr);gap:clamp(20px,2.6vw,40px);align-items:start}
.sheetwrap .phases{list-style:none;counter-reset:p;margin:6px 0 16px}
.sheetwrap .phases li{counter-increment:p;display:grid;grid-template-columns:28px 1fr;font-size:15px;padding:7px 0;color:#9a978f;transition:color .3s}
.sheetwrap .phases li::before{content:counter(p);font-size:12px;padding-top:2px}
.sheetwrap .phases li.on{color:#1d1e20;font-weight:600}.sheetwrap .phases li.done{color:#51565b}
.sheetwrap .ctrl{display:flex;align-items:center;gap:12px}
.sheetwrap .ctrl button{flex:none;width:42px;height:42px;border-radius:50%;border:1px solid currentColor;background:none;color:inherit;cursor:pointer;display:grid;place-items:center}
.sheetwrap .ctrl input{flex:1;accent-color:#8f6e45}
@media(max-width:1000px){.sheetwrap{grid-template-columns:1fr}}