.studio-build{isolation:isolate;color:#f0eee7;background-color:#222923;background-image:linear-gradient(#a6b59808 1px,#0000 1px),linear-gradient(90deg,#a6b59808 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:42px 42px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:1px solid #64745b66;margin-top:40px;position:relative;overflow:hidden}.build-topline{letter-spacing:.14em;border-bottom:1px solid #a6b59830;justify-content:space-between;align-items:center;gap:20px;padding:24px 34px;font-size:12px;display:flex}.build-status{color:#efb576;letter-spacing:.1em;border:1px solid #c68d5070;padding:8px 12px;font-size:12px}.build-main{grid-template-columns:1fr 1fr;align-items:center;gap:30px;padding:54px 50px 48px;display:grid}.build-kicker{letter-spacing:.16em;color:#c3cabd;font-size:12px}.build-copy h2{letter-spacing:-.045em;margin:24px 0;font-size:clamp(30px,3.5vw,58px);line-height:1.13}.build-copy h2 i{color:#efb576;font-weight:400}.build-copy p{color:#c8cfc2;max-width:430px;margin:0;font-size:16px;line-height:1.8}.build-invitation{color:#eceee7;margin-top:24px;font-size:14px;line-height:1.7;display:block}.build-diagram{min-width:0;padding:48px 25px 44px;position:relative}.build-axis{z-index:-1;background:#b1bca222;position:absolute}.axis-h{height:1px;top:50%;left:0;right:0}.axis-v{width:1px;top:0;bottom:0;left:50%}.build-coordinate{letter-spacing:.1em;color:#aebba3;font-size:11px;position:absolute;top:8px;left:25px}.build-coordinate.bottom{font-size:10px;inset:auto 25px 10px auto}.build-browser{background:#1c231e;border:1px solid #95a287;animation:10s ease-in-out infinite build-drift;transform:perspective(1000px)rotateY(-8deg)rotateX(3deg);box-shadow:14px 14px #141b1580}.build-browser-bar{letter-spacing:-.04em;border-bottom:1px solid #95a28744;justify-content:space-between;align-items:center;padding:16px 20px;font-size:20px;font-weight:600;display:flex}.build-brand-dot{color:#e6a35c}.build-browser-body{padding:22px}.build-type-lines{gap:9px;margin-bottom:24px;display:grid}.build-type-lines span{background:#d9dfcc;width:62%;height:7px}.build-type-lines span+span{background:#a7b39b;width:42%}.build-photo-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.build-photo{background:#2b342b;border:1px solid #afba9b50;min-width:0;animation:10s ease-in-out infinite build-assemble}.build-photo.two{animation-delay:1s}.build-photo img{object-fit:cover;opacity:.82;width:100%;height:130px;display:block}.build-photo span{letter-spacing:.1em;color:#ced7c4;padding:10px 8px;font-size:10px;display:block}.build-next{color:#adbba2;border:1px dashed #95a28766;align-items:center;gap:10px;margin-top:16px;padding:12px;font-size:11px;line-height:1.5;display:flex}.build-floating{color:#f3cc9c;background:#3c4030;border:1px solid #e6a35c80;align-items:center;gap:12px;padding:15px 18px;font-size:13px;animation:10s ease-in-out infinite build-float;display:flex;position:absolute;top:28px;right:0;box-shadow:0 8px 24px #0003}.build-bottom{background:#18221a66;border-top:1px solid #a6b59830;justify-content:space-between;align-items:center;gap:20px;padding:24px 34px;display:flex}.build-steps{flex:1;gap:36px;margin:0;padding:0;list-style:none;display:flex}.build-steps li{align-items:center;gap:12px;font-size:13px;line-height:1.45;display:flex}.build-steps li>span:last-child{gap:4px;display:grid}.build-steps small{color:#acb6a1;letter-spacing:.12em;font-size:10px}.build-step-icon{color:#c4d0b7;border:1px solid #90a07966;place-items:center;width:38px;height:38px;animation:9s ease-in-out infinite build-highlight;display:grid}.build-steps li:nth-child(2) .build-step-icon{animation-delay:3s}.build-steps li:nth-child(3) .build-step-icon{animation-delay:6s}.build-pause{color:#c8cfc2;flex-shrink:0;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 0 10px 12px;font-size:12px;display:flex}.build-pause:hover{color:#efb576}.build-pause:focus-visible{outline-offset:4px;outline:2px solid #efb576}.studio-build[data-paused=true] *{animation-play-state:paused!important}@keyframes build-drift{0%,to{transform:perspective(1000px)rotateY(-8deg)rotateX(3deg)translateY(0)}50%{transform:perspective(1000px)rotateY(-3deg)rotateX(0)translateY(-7px)}}@keyframes build-assemble{0%,to{opacity:.65;transform:translateY(5px)}25%,75%{opacity:1;transform:translateY(0)}}@keyframes build-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes build-highlight{0%,38%,to{color:#c4d0b7;background:0 0;border-color:#90a07966}10%,28%{color:#efb576;background:#e6a35c12;border-color:#efb576}}@media (max-width:1100px){.build-main{gap:10px;padding:40px 28px}.build-diagram{padding-inline:12px}.build-steps{gap:18px}.build-bottom{flex-wrap:wrap}.build-photo img{height:110px}}@media (max-width:700px){.studio-build{margin-top:30px}.build-topline{letter-spacing:.06em;gap:12px;padding:17px 18px;font-size:10px}.build-status{letter-spacing:.04em;padding:7px 8px;font-size:10px}.build-main{grid-template-columns:1fr;gap:22px;padding:30px 22px 20px}.build-copy h2{margin:18px 0;font-size:clamp(29px,7vw,43px)}.build-copy p{font-size:15px;line-height:1.75}.build-kicker{font-size:10px}.build-invitation{margin-top:18px;font-size:13px}.build-diagram{width:100%;max-width:450px;margin:auto;padding:48px 14px 38px}.build-photo img{height:110px}.build-browser-body{padding:16px}.build-floating{gap:8px;padding:12px;font-size:12px;right:0}.build-coordinate{font-size:9px;left:14px}.build-coordinate.bottom{font-size:8px;right:14px}.build-bottom{gap:12px;padding:20px 22px}.build-steps{flex-direction:column;flex-basis:100%;gap:17px;width:100%}.build-steps li{font-size:14px}.build-steps li>span:last-child{align-items:center;gap:12px;display:flex}.build-pause{padding-left:0}.build-next{font-size:10px}.build-photo span{font-size:9px}}@media (prefers-reduced-motion:reduce){.studio-build *{animation:none!important}.build-pause{display:none}}