.design-lab{background:#151624}.design-lab .section-intro>p{color:#c0bed1}.lab-controls{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin:38px 0 24px}.lab-tabs{display:flex;gap:8px;flex-wrap:wrap}.lab-tabs button{display:flex;align-items:center;gap:8px;background:transparent;border:1px solid #59596f;border-radius:30px;padding:12px 17px;color:#e5e3ee;font-size:12px;min-height:45px}.lab-tabs button[aria-pressed=true]{border-color:#dad3ff;background:#ece8ff;color:#151624}.swatch{width:10px;height:10px;display:block;border-radius:50%;flex-shrink:0}.neon-swatch{background:linear-gradient(135deg,#63eaff,#d465ff)}.red-swatch{background:#ff492f}.soft-swatch{background:#b2a3e8}.lab-input-label{font-size:10px;color:#c3bfd6;width:260px;max-width:100%;display:block}.lab-input-label input{display:block;width:100%;margin-top:8px;background:transparent;border:none;border-bottom:1px solid #77708a;border-radius:0;padding:7px 0;color:#f6f2ff;font-size:14px}.lab-stage{position:relative;min-height:560px;overflow:hidden;border:1px solid #494557;border-radius:5px;background:#080e25;color:#f3edff;isolation:isolate;padding:28px 38px;transition:background .5s,color .5s}.stage-top,.stage-caption{display:flex;justify-content:space-between;position:relative;z-index:3;font-family:monospace;font-size:10px;letter-spacing:.1em}.stage-top{padding-bottom:20px;border-bottom:1px solid #d0c6ff40}.stage-caption{position:absolute;left:38px;right:38px;bottom:28px;gap:20px}.lab-heading{position:relative;z-index:2;padding:38px 0 50px;width:75%;font-size:clamp(65px,8.8vw,145px);font-family:"Arial Black",Arial,sans-serif;font-weight:900;letter-spacing:-.065em;line-height:.91;transform:rotate(-4deg);transform-origin:left center}.lab-heading>span{display:block;overflow-wrap:anywhere;max-width:100%}.lab-heading>span:nth-child(2){-webkit-text-stroke:1.5px #87eeff;color:transparent}.lab-heading>span:nth-child(3){color:#ff8fec}.lab-orbit{position:absolute;right:-4%;top:10%;width:57%;aspect-ratio:1;border:32px solid #b2a2ff;border-radius:50%;transform:rotate(-28deg) scaleX(.54);box-shadow:0 0 18px #c27fff,inset 0 0 18px #ca64f8,0 0 70px #984cef80;z-index:-1}.orbit-two{right:3%;top:15%;transform:rotate(38deg) scaleX(.42);border-color:#80e4ff;box-shadow:0 0 15px #4cbdff,inset 0 0 24px #4cbdff,0 0 55px #165dff8a}.lab-sphere{position:absolute;right:17%;top:25%;width:19%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 32% 24%,#d5f8ff,#68bedf 18%,#735acb 42%,#382957 69%,#1b1545);box-shadow:inset -18px -14px 25px #050e3f,0 22px 65px #070c32}.lab-grid{position:absolute;inset:0;background-image:linear-gradient(#5861c01a 1px,transparent 1px),linear-gradient(90deg,#5861c01a 1px,transparent 1px);background-size:60px 60px;z-index:-2;transform:perspective(800px) rotateX(20deg) scale(1.2)}.lab-cross{position:absolute;right:40px;bottom:85px;font-size:70px;font-weight:400;color:#be95ff;line-height:1}.lab-footer{display:flex;justify-content:space-between;align-items:start;gap:30px;margin-top:20px}.lab-footer p{font-size:12px;color:#c3bfd6;max-width:620px}.lab-footer .text-link{font-size:12px;white-space:nowrap;color:#d7ccff;border-color:#63597c;padding-top:0}
.lab-stage[data-look=red]{background:#ff3d23;color:#101013}.lab-stage[data-look=red] .lab-heading{font-family:Impact,"Arial Black",sans-serif;letter-spacing:-.035em;transform:rotate(-6deg);font-size:clamp(78px,10vw,165px);line-height:.86;width:80%}.lab-stage[data-look=red] .lab-heading>span:nth-child(2){color:transparent;-webkit-text-stroke:2px #101013;margin-left:7%}.lab-stage[data-look=red] .lab-heading>span:nth-child(3){color:#fff0e6}.lab-stage[data-look=red] .stage-top{border-color:#10101360}.lab-stage[data-look=red] .lab-orbit{border-radius:0;border:28px solid #151619;box-shadow:none;transform:rotate(25deg);width:37%;top:16%;right:1%;opacity:1}.lab-stage[data-look=red] .orbit-two{border:2px solid #fff0e6;transform:rotate(38deg);right:5%;top:20%}.lab-stage[data-look=red] .lab-sphere{border-radius:0;background:#151619;transform:rotate(13deg);box-shadow:none;right:12%;top:34%;width:18%}.lab-stage[data-look=red] .lab-grid{background:none;opacity:0}.lab-stage[data-look=red] .lab-cross{color:#fff0e6;font-size:130px;right:1%;bottom:50px}.lab-stage[data-look=soft]{background:#eae7f2;color:#292533}.lab-stage[data-look=soft] .lab-heading{font-family:Georgia,serif;font-weight:400;letter-spacing:-.065em;font-size:clamp(70px,9vw,145px);transform:none;text-transform:lowercase;line-height:.98}.lab-stage[data-look=soft] .lab-heading>span:nth-child(2){font-style:italic;-webkit-text-stroke:0;color:#726283;margin-left:8%}.lab-stage[data-look=soft] .lab-heading>span:nth-child(3){color:#292533}.lab-stage[data-look=soft] .stage-top{border-color:#54475a44}.lab-stage[data-look=soft] .lab-orbit{border:55px solid #e6e0f6;box-shadow:12px 17px 30px #80729255,inset 10px 15px 18px #88729644,-12px -12px 30px #ffffff;transform:rotate(-30deg) scaleX(.7);right:-3%;top:5%;opacity:1}.lab-stage[data-look=soft] .orbit-two{width:29%;border-width:35px;top:37%;right:6%;transform:rotate(45deg) scaleX(.7);border-color:#d5c7f3}.lab-stage[data-look=soft] .lab-sphere{background:radial-gradient(circle at 32% 24%,#fff,#f4eef7 20%,#cbc1df 70%,#a997c1);box-shadow:18px 22px 25px #76658655;right:20%;top:25%;width:14%}.lab-stage[data-look=soft] .lab-cross{color:#9f8bb8;font-size:70px}.lab-stage[data-look=soft] .lab-grid{display:none}.lab-stage[data-look=neon] .lab-orbit{animation:orbit-breathe 7s ease-in-out infinite alternate}.lab-stage[data-look=neon] .orbit-two{animation-delay:-3s}@keyframes orbit-breathe{to{translate:0 -16px;opacity:.78}}
@media(max-width:1100px){.lab-controls{align-items:start;flex-direction:column}.lab-input-label{width:350px}.lab-stage{min-height:500px}.lab-heading{font-size:10vw}.lab-stage[data-look=red] .lab-heading{font-size:12vw}.lab-stage[data-look=soft] .lab-heading{font-size:11vw}.stage-caption{font-size:8px}.lab-orbit{border-width:22px;top:24%}.lab-footer{flex-direction:column;gap:12px}.lab-stage[data-look=soft] .lab-orbit{border-width:37px;top:15%}.lab-stage[data-look=soft] .orbit-two{border-width:28px;top:45%}}
@media(max-width:760px){.lab-controls{margin-top:28px;gap:20px}.lab-tabs{gap:6px}.lab-tabs button{font-size:10px;gap:5px;padding:9px 11px;min-height:42px}.lab-input-label{width:100%}.lab-stage{min-height:500px;padding:20px}.stage-top{font-size:7px;gap:12px;line-height:1.5;letter-spacing:.04em}.lab-heading{font-size:15vw;width:100%;padding-top:66px;padding-bottom:100px;max-width:100%;line-height:.95}.lab-heading>span:nth-child(2){-webkit-text-stroke-width:1px}.lab-orbit{width:77%;top:30%;right:-19%;border-width:16px;opacity:.6}.orbit-two{top:37%;right:-5%}.lab-sphere{width:32%;right:8%;top:42%}.lab-cross{font-size:47px;right:15px;bottom:60px}.stage-caption{left:20px;right:20px;bottom:22px;display:block;font-size:8px;max-width:75%;line-height:1.5}.stage-caption>span:last-child{display:none}.lab-stage[data-look=red] .lab-heading{font-size:18vw;width:100%;padding-top:58px;line-height:.92}.lab-stage[data-look=red] .lab-orbit{width:52%;top:39%;right:-7%;border-width:20px;opacity:.6}.lab-stage[data-look=red] .orbit-two{border-width:2px;right:3%;top:34%}.lab-stage[data-look=red] .lab-cross{font-size:88px;bottom:45px}.lab-stage[data-look=soft] .lab-heading{font-size:17vw;width:100%;padding-top:62px}.lab-stage[data-look=soft] .lab-orbit{width:65%;top:29%;border-width:32px;right:-15%;opacity:.6}.lab-stage[data-look=soft] .orbit-two{width:47%;top:50%;right:4%;border-width:23px}.lab-stage[data-look=soft] .lab-sphere{width:22%;top:48%;right:7%}.lab-stage[data-look=soft] .lab-cross{font-size:40px}.lab-footer p{font-size:11px}.lab-footer .text-link{font-size:11px}}
@media(prefers-reduced-motion:reduce){.lab-orbit{animation:none!important}}