.blueprint { padding: 140px 0 180px; }
.blueprint-head { display: grid; grid-template-columns: 1fr 4fr 2fr; gap: 40px; align-items: end; margin-bottom: 72px; }
.blueprint-head h2, .projects-intro h2, .principles-head h2, .process-head h2, .studio-copy h2, .contact-copy h2 { font-family: var(--serif); font-weight: 400; font-size: clamp(48px, 6.2vw, 96px); line-height: .92; letter-spacing: -.055em; margin: 0; }
.blueprint-head h2 em, .projects-intro h2 em, .studio-copy h2 em, .contact-copy h2 em { color: var(--terracotta); font-weight: 400; }
.blueprint-head > p:last-child { max-width: 280px; font-size: 13px; line-height: 1.7; margin: 0; }
.blueprint-stage { position: relative; aspect-ratio: 16 / 8.7; overflow: hidden; background: #dcd4c6; clip-path: inset(0); }
.render-layer, .drawing-layer { position: absolute; inset: 0; overflow: hidden; }
.render-sky { position: absolute; inset: 0 0 34%; background: linear-gradient(#a8b2b0, #d8d8cc 62%, #d9d1c3); }
.render-floor { position: absolute; inset: 62% 0 0; background: linear-gradient(160deg, #7a756a, #bbb0a0 62%); }
.render-wall { position: absolute; box-shadow: 20px 25px 50px rgba(45,40,35,.18); }
.wall-main { width: 54%; height: 58%; left: 17%; bottom: 17%; background: #d7d0c2; clip-path: polygon(0 17%, 52% 0, 100% 18%, 100% 100%, 0 100%); }
.wall-side { width: 27%; height: 42%; right: 10%; bottom: 17%; background: #9e9383; clip-path: polygon(0 22%, 55% 0, 100% 16%, 100% 100%, 0 100%); }
.render-opening { position: absolute; width: 21%; height: 30%; left: 34%; bottom: 17%; background: linear-gradient(120deg, #393b37, #756e64); box-shadow: inset 12px 8px 20px rgba(0,0,0,.28); }
.render-chair { position: absolute; width: 7%; height: 7%; left: 44%; bottom: 20%; border: 3px solid #302f2b; border-top: 0; z-index: 3; }
.render-tree { position: absolute; right: 1%; bottom: 19%; width: 28%; height: 70%; }
.render-tree::before { content: ""; position: absolute; width: 5%; height: 78%; left: 50%; bottom: 0; background: #5d574c; transform: rotate(3deg); }
.render-tree i { position: absolute; background: #5f6b58; border-radius: 50%; filter: blur(.2px); }
.render-tree i:nth-child(1){width:55%;height:30%;left:15%;top:10%}.render-tree i:nth-child(2){width:58%;height:34%;right:0;top:24%}.render-tree i:nth-child(3){width:48%;height:28%;left:0;top:38%}.render-tree i:nth-child(4){width:60%;height:30%;left:20%;top:0}
.drawing-layer { color: #7d291f; background: #efe9dc; }
.drawing-layer svg { width: 100%; height: 100%; }
.comparison-line { position: absolute; top: 0; bottom: 0; width: 1px; background: var(--terracotta); z-index: 6; pointer-events: none; }
.comparison-line span { position: absolute; top: 50%; left: 50%; width: 42px; height: 42px; border-radius: 50%; background: var(--terracotta); color: white; display: grid; place-items: center; transform: translate(-50%,-50%); }
.blueprint-stage input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: ew-resize; z-index: 7; }
.stage-label { position: absolute; top: 24px; z-index: 8; font-size: 8px; letter-spacing: .18em; }
.stage-label.left { left: 24px; color: var(--terracotta); }.stage-label.right { right: 24px; color: white; }