.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:1100px;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-user-v4.png') center/100% 100% no-repeat;-webkit-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%20fill%3D%22white%22%20fill-rule%3D%22evenodd%22%20d%3D%22M0%200H100V100H0Z%20M24.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%2F%3E%3C%2Fsvg%3E");-webkit-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%20fill%3D%22white%22%20fill-rule%3D%22evenodd%22%20d%3D%22M0%200H100V100H0Z%20M24.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%2F%3E%3C%2Fsvg%3E");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%20fill%3D%22white%22%20fill-rule%3D%22evenodd%22%20d%3D%22M0%200H100V100H0Z%20M24.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%2F%3E%3C%2Fsvg%3E");mask-mode:alpha;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.gate-leaves{position:absolute;inset:0;overflow:hidden;perspective:1100px;-webkit-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-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:alpha}
.gate-leaf{position:absolute;top:0;bottom:0;width:50%;background-image:url('/gate-user-v4.png');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}}

/* Both leaves share the original photograph's coordinates and hinge on its jambs. */
.gate-leaf{width:100%;background-size:100% 100%;transform-style:preserve-3d}
.gate-left{left:0;transform-origin:24.7% 53%;clip-path:polygon(24.7% 94%,24.7% 44%,25.1% 42.5%,23.8% 38%,24% 33%,26% 29%,29.4% 25%,34% 22%,42% 18.4%,49% 16%,49.9% 12.4%,50% 12.4%,50% 94%)}
.gate-right{right:0;transform-origin:75.3% 53%;clip-path:polygon(50% 12.4%,50.1% 12.4%,50.9% 16%,58% 18.4%,66% 22%,70.6% 25%,74% 29%,76% 33%,76.2% 38%,74.9% 42.5%,75.3% 44%,75.3% 94%,50% 94%)}
.gate-leaf:after{background:linear-gradient(90deg,#21140833,transparent 50%,#21140833);opacity:var(--door-shade,0);transition:none}

.gate-leaves{-webkit-mask-size:100% 100%;-webkit-perspective:1100px}
.gate-leaf{-webkit-backface-visibility:hidden}