.gate-architecture{position:absolute;left:50%;bottom:-15svh;translate:-50% 0;width:min(138vw,88svh);aspect-ratio:2/3;height:auto;transform-origin:50% 53%;perspective:1700px;isolation:isolate}
.gate-surround{position:absolute;inset:0;z-index:4;pointer-events:none;border:0;border-radius:0;background:transparent;box-shadow:0 0 0 100vmax #f4eee2}
.gate-surround:before{content:'';position:absolute;inset:0;background:url('/gate-unified-v3.jpg') center/100% 100% no-repeat;mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%20preserveAspectRatio%3D%22none%22%3E%3Crect%20width%3D%22100%22%20height%3D%22100%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M24.7%2094%20L24.7%2044%20Q26.1%2043.7%2025.1%2042.5%20C22.5%2036%2024.6%2029.4%2029.4%2025%20C34%2021%2042%2018.4%2049%2016%20L49.9%2012.4%20L50.9%2016%20C59%2018.4%2066%2021%2070.6%2025%20C75.4%2029.4%2077.5%2036%2074.9%2042.5%20Q73.9%2043.7%2075.3%2044%20L75.3%2094%20Z%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E");mask-mode:luminance;mask-size:100% 100%}
.gate-leaves{position:absolute;inset:0;overflow:hidden;perspective:1700px;mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M24.7%2094%20L24.7%2044%20Q26.1%2043.7%2025.1%2042.5%20C22.5%2036%2024.6%2029.4%2029.4%2025%20C34%2021%2042%2018.4%2049%2016%20L49.9%2012.4%20L50.9%2016%20C59%2018.4%2066%2021%2070.6%2025%20C75.4%2029.4%2077.5%2036%2074.9%2042.5%20Q73.9%2043.7%2075.3%2044%20L75.3%2094%20Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");mask-size:100% 100%;mask-mode:luminance}
.gate-leaf{position:absolute;top:0;bottom:0;width:50%;background-image:url('/gate-unified-v3.jpg');background-size:200% 100%;background-repeat:no-repeat;backface-visibility:hidden;will-change:transform}
.gate-left{left:0;transform-origin:49.4% 50%;background-position:0 0}
.gate-right{right:0;transform-origin:50.6% 50%;background-position:100% 0}
.gate-leaf:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 45%,#21140808)}
.gate-light{position:absolute;inset:0;pointer-events:none;z-index:3;background:radial-gradient(ellipse at 50% 50%,#ffedc40a,transparent 55%)}
@media(max-width:600px){.gate-architecture{bottom:0;width:138vw}}