/* Immersive presentation and same-origin interactive demos. */
#bws-sculpture{position:absolute;inset:-60px -85px;width:calc(100% + 170px);height:calc(100% + 120px);pointer-events:none;opacity:.8;z-index:0}.hero-stage{isolation:isolate;perspective:1500px}.hero-browser,.hero-chat,.glass-label{z-index:2}.hero-browser{transform-style:preserve-3d}.hero-browser:after{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:0 30px 90px #56b2c92b;pointer-events:none}.hero-chat{box-shadow:0 25px 70px #0008,0 0 50px #b24e9c21}.project-window{transform-style:preserve-3d;box-shadow:0 9px 25px #25203b12;transition:transform .3s,box-shadow .3s}.project-link:hover .project-window{box-shadow:0 20px 55px #30214126}.mini-button{background:#ffffffe8;color:#151422;backdrop-filter:blur(8px);box-shadow:0 8px 25px #0002}.project-link .round-plus{background:#11131e;color:#fff;border:0;transition:transform .35s}.project-link:hover .round-plus{transform:rotate(90deg)}.demo-note{font-size:13px;max-width:790px;margin-top:0;margin-bottom:23px;line-height:1.8;color:#55576b}.dimension-section{position:relative;overflow:hidden;background:radial-gradient(ellipse at 85% 30%,#562d692e,transparent 50%),radial-gradient(ellipse at 65% 70%,#56b2c924,transparent 45%),#090a12;border-bottom:1px solid #ffffff12}.dimension-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:center}.dimension-copy h2{font-size:clamp(49px,5.3vw,76px);margin:25px 0}.dimension-copy>p{font-size:17px;color:#b8bbcd;line-height:1.9;max-width:480px;margin-bottom:30px}.dimension-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}.dimension-tags span{font-size:11px;padding:10px 14px;border:1px solid #ffffff21;border-radius:100px;color:#c0c3d3}.dimension-stage{height:530px;position:relative;perspective:1300px;transform-style:preserve-3d}.dimension-card{position:absolute;width:225px;height:325px;border-radius:22px;border:1px solid #ffffff4a;background:#161723;overflow:hidden;box-shadow:0 28px 90px #0008;transition:transform .45s,box-shadow .45s;transform-style:preserve-3d;z-index:3}.dimension-card img{height:245px;width:100%;object-fit:cover}.dimension-card>span{display:block;padding:17px 18px;font-size:22px;font-weight:700;letter-spacing:-.04em}.dimension-card small{display:block;font-size:10px;color:#bfc2d3;letter-spacing:0;margin-top:4px}.depth-0{top:50px;left:5%;transform:rotateY(20deg) rotateZ(-10deg) translateZ(-40px);animation:depth-one 8s ease-in-out infinite}.depth-1{top:110px;left:36%;transform:rotateY(-8deg) rotateZ(4deg) translateZ(40px);animation:depth-two 8s ease-in-out infinite;z-index:4}.depth-2{top:24px;right:-4%;transform:rotateY(-24deg) rotateZ(10deg) translateZ(-85px);animation:depth-three 9s ease-in-out infinite}.dimension-card:hover{animation-play-state:paused;box-shadow:0 30px 100px #ab89d146;z-index:5}.dimension-orbit{position:absolute;border:1px solid #b493d13c;border-radius:50%;inset:55px -40px;transform:rotateX(68deg) rotateZ(-25deg);box-shadow:0 0 45px #735baa12}.orbit-two{inset:25px 10px;transform:rotateY(55deg) rotateZ(35deg);border-color:#56b2c943}.dimension-stamp{position:absolute;bottom:18px;left:10%;font-size:10px;letter-spacing:.25em;color:#b8bbcd}.button.primary:hover{box-shadow:0 10px 45px #b77ecc77;transform:translateY(-4px) scale(1.02)}.demo-viewer-open{overflow:hidden}.demo-viewer-open .mobile-cta{display:none}#demo-viewer{padding:0;border:1px solid #6e6b8466;border-radius:22px;width:calc(100vw - 48px);max-width:1500px;height:calc(100dvh - 44px);max-height:100dvh;background:#10121b;color:#f7f7fb;box-shadow:0 40px 170px #000a;overflow:hidden}#demo-viewer[open]{display:flex;flex-direction:column}#demo-viewer::backdrop{background:#04050bdc;backdrop-filter:blur(16px)}.demo-viewer-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 23px;flex-shrink:0;border-bottom:1px solid #ffffff18}.demo-viewer-bar span{font-size:9px;color:#a7adc6;letter-spacing:.18em}.demo-viewer-bar h2{font-size:20px;letter-spacing:-.035em;margin-top:5px;line-height:1.3}.demo-viewer-actions{display:flex;align-items:center;gap:15px}.demo-devices{display:flex;border:1px solid #ffffff29;border-radius:30px;padding:4px;gap:3px}.demo-devices button{background:none;border:0;border-radius:24px;padding:9px 15px;font-size:11px;color:#c9cddf}.demo-devices button[aria-pressed=true]{background:#e7ddf1;color:#181526}#demo-close{height:42px;width:42px;border-radius:50%;border:1px solid #ffffff31;background:#ffffff08;color:white;font-size:27px;line-height:1;flex-shrink:0}.demo-viewer-viewport{padding:14px;flex:1;min-height:0;background:radial-gradient(ellipse at 50% 50%,#38304070,#080910);display:flex;justify-content:center;overflow:hidden}.demo-frame-shell{width:100%;height:100%;background:#f2eee7;border-radius:14px;overflow:hidden;box-shadow:0 18px 80px #0009;transition:width .4s ease,border-radius .4s}#demo-frame{width:100%;height:100%;border:0;background:white}.demo-viewer-viewport.mobile .demo-frame-shell{width:min(390px,100%);border:6px solid #353340;border-radius:32px}.demo-viewer-bottom{display:flex;gap:18px;align-items:center;justify-content:space-between;padding:12px 23px;flex-shrink:0;border-top:1px solid #ffffff18}.demo-viewer-bottom p{font-size:11px;color:#bbc0d6}.demo-viewer-bottom>div{display:flex;gap:20px;align-items:center}.demo-viewer-bottom a{font-size:12px;text-decoration:underline;text-underline-offset:4px}.demo-viewer-bottom .button{font-size:12px;min-height:43px;padding:12px 20px}.demo-contact-context{color:#b8bbcd;font-size:13px;line-height:1.7;margin:13px 0 25px}.demo-viewer-bar button:focus-visible,#demo-close:focus-visible{outline:3px solid #78d6e8;outline-offset:3px}@keyframes depth-one{50%{transform:rotateY(14deg) rotateZ(-7deg) translateZ(-40px) translateY(-15px)}}@keyframes depth-two{50%{transform:rotateY(8deg) rotateZ(-3deg) translateZ(65px) translateY(-18px)}}@keyframes depth-three{50%{transform:rotateY(-18deg) rotateZ(6deg) translateZ(-85px) translateY(17px)}}
@media(max-width:1000px){.dimension-grid{gap:25px;grid-template-columns:1fr 1fr}.dimension-stage{height:450px}.dimension-card{width:185px;height:287px}.dimension-card img{height:210px}.depth-0{left:0;top:60px}.depth-1{left:28%;top:130px}.depth-2{right:-2%;top:24px}.dimension-copy>p{font-size:16px}}
@media(max-width:700px){.dimension-grid{grid-template-columns:1fr;gap:25px}.dimension-copy h2{font-size:57px}.dimension-stage{height:430px;max-width:460px;width:100%;margin:auto}.dimension-card{width:175px;height:280px}.dimension-card img{height:200px}.depth-0{left:0;top:30px}.depth-1{left:27%;top:115px}.depth-2{right:0;top:5px}.dimension-stamp{left:4%;bottom:0}.dimension-orbit{inset:55px 0}.dimension-copy>p{font-size:16px}.dimension-tags span{font-size:10px}#bws-sculpture{inset:-30px -25px;width:calc(100% + 50px);height:calc(100% + 60px)}#demo-viewer{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0}.demo-viewer-bar{padding:13px 14px;gap:10px}.demo-viewer-bar h2{font-size:16px}.demo-devices{display:none}.demo-viewer-actions{gap:8px}.demo-viewer-bar span{font-size:8px}.demo-viewer-viewport{padding:0}.demo-frame-shell{border-radius:0}.demo-viewer-bottom{padding:10px 14px}.demo-viewer-bottom p{display:none}.demo-viewer-bottom>div{width:100%;justify-content:space-between;gap:12px}.demo-viewer-bottom a{font-size:11px}.demo-viewer-bottom .button{font-size:11px;padding:12px 16px}.demo-note{font-size:12px;margin-bottom:18px}.dimension-stage .dimension-card>span{font-size:21px}}
@media(max-width:370px){.dimension-card{width:145px;height:250px}.dimension-card img{height:174px}.dimension-card>span{padding:13px;font-size:19px}.dimension-card small{font-size:9px}.dimension-stage{height:380px}.dimension-copy h2{font-size:50px}}
@media(prefers-reduced-motion:reduce){.dimension-card{animation:none}.demo-frame-shell{transition:none}}