.architectural-light{--arch-x:0px;--arch-y:0px;z-index:0;pointer-events:none;isolation:isolate;contain:layout paint;background:#090909;position:absolute;inset:0;overflow:hidden}.architectural-light__atmosphere{background:radial-gradient(at 73% 42%,#70380a24,#0000 34%),radial-gradient(at 92% 30%,#181716 0,#0000 50%);position:absolute;inset:-10%}.architectural-light__wall{height:86%;transform:translate3d(var(--arch-x), var(--arch-y), 0);transition:transform 1.2s cubic-bezier(.16,1,.3,1);position:absolute;top:-15%}.architectural-light__wall--far{clip-path:polygon(0 0,100% 0,100% 100%,0 94%);background:linear-gradient(112deg,#181511 0%,#11100f 18%,#080808 85%);border-left:1px solid #ff8a0033;width:44%;left:65.9%}.architectural-light__wall--near{clip-path:polygon(0 0,100% 0,100% 94%,0 100%);background:linear-gradient(90deg,#0b0b0b 0%,#111110 90%,#1c1710 100%);width:28%;left:38%}.architectural-light__seam{width:2px;height:66%;transform:translate3d(var(--arch-x), var(--arch-y), 0);background:linear-gradient(#ff8a001a,#ff8a00 27%,#ffc06e 82%,#ff8a00);transition:transform 1.2s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:66%;box-shadow:0 0 8px #ff8a00a6,0 0 28px #ff8a0047,0 0 90px #ff8a001f}.architectural-light__seam:before{content:"";background:linear-gradient(90deg,#0000,#ff8a0014 49%,#0000 52%);position:absolute;inset:-10px -60px}.architectural-light__floor{background:radial-gradient(at 66% 0,#ff8a0014,#0000 45%),linear-gradient(#10100f,#090909);position:absolute;inset:66% 0 0;-webkit-mask-image:linear-gradient(#000 0%,#000c 50%,#0000 100%);mask-image:linear-gradient(#000 0%,#000c 50%,#0000 100%)}.architectural-light__floor svg{width:100%;height:100%;display:block}.architectural-light__grid{stroke:#ac9b7f;stroke-opacity:.12;stroke-width:.7px;fill:none}.architectural-light__reflection{fill:#ff8a00;opacity:.035}.architectural-light__axis{fill:none;stroke:#ff8a00;stroke-width:1px;opacity:.26}.architectural-light__vignette{background:linear-gradient(90deg,#090909 0%,#090909f2 22%,#090909a6 40%,#0000 62%),linear-gradient(#0909094d,#0000 20% 75%,#090909);position:absolute;inset:0}.architectural-light--inner .architectural-light__seam{left:78%}.architectural-light--inner .architectural-light__wall--near{left:50%}.architectural-light--inner .architectural-light__wall--far{left:77.9%}.architectural-light--inner .architectural-light__floor{opacity:.4}.architectural-light--inner .architectural-light__floor svg{transform:translate(12%)}.architectural-light--inner .architectural-light__vignette{background:linear-gradient(90deg,#090909 0%,#090909bf 45%,#0000 78%),linear-gradient(#0000 55%,#090909)}@media (max-width:700px){.architectural-light__seam{opacity:.65;left:86%}.architectural-light__wall--near{left:58%}.architectural-light__wall--far{left:85.9%}.architectural-light__floor{opacity:.45}.architectural-light--hero .architectural-light__floor svg{transform:translate(20%)}.architectural-light__vignette{background:linear-gradient(90deg,#090909 0%,#090909e0 35%,#0909094d 100%),linear-gradient(#0000 60%,#090909)}}@media (prefers-reduced-motion:reduce){.architectural-light__wall,.architectural-light__seam{transition:none;transform:none}}@media (max-width:600px){.architectural-light.architectural-light--inner .architectural-light__seam,.architectural-light .architectural-light__seam{left:98%}.architectural-light .architectural-light__vignette{background:linear-gradient(90deg,#090909 0%,#090909f5 60%,#090909cc 89%,#0000 100%),linear-gradient(#0000 50%,#090909)}.architectural-light.architectural-light--inner .architectural-light__wall--far{left:97.9%}}