.gate-architecture{position:absolute;left:50%;bottom:-4vh;translate:-50% 0;width:min(86vw,760px);height:96vh;height:96svh;max-height:1100px;transform-origin:50% 53%;perspective:1700px;isolation:isolate}
.gate-surround{position:absolute;inset:-22px;z-index:4;pointer-events:none;border-radius:50% 50% 0 0 / 30% 30% 0 0;border:22px solid #d6c5a9;box-shadow:0 0 0 2px #ad9878,0 0 0 9px #e6d9c3,0 0 0 11px #c3af8e,0 0 0 27px #ecdfca,0 0 0 29px #d2bfa0,0 0 0 100vmax #f4eee2,inset 0 8px 24px #46332380; background:transparent}
.gate-leaves{position:absolute;inset:0;overflow:hidden;border-radius:50% 50% 0 0 / 30% 30% 0 0;perspective:1700px;box-shadow:0 0 25px #34201380}
.gate-leaf{position:absolute;top:0;bottom:0;width:50.05%;background-image:url('/riad-doors-v2.jpg');background-size:200% 100%;background-repeat:no-repeat;backface-visibility:hidden;will-change:transform;box-shadow:inset 0 0 28px #120a0755;transform-style:preserve-3d}
.gate-left{left:0;transform-origin:0 50%;background-position:0 0;border-right:2px solid #120d08}
.gate-right{right:0;transform-origin:100% 50%;background-position:100% 0;border-left:2px solid #7d6243}
.gate-leaf:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#07050345,transparent 14%,transparent 82%,#08050355)}
.gate-light{position:absolute;inset:0;pointer-events:none;z-index:3;border-radius:50% 50% 0 0 / 30% 30% 0 0;background:linear-gradient(120deg,#fce3ac13,transparent 45%,#0b080626);box-shadow:inset 0 12px 40px #1d130b70}
@media(max-width:600px){.gate-architecture{width:88vw;height:88svh;bottom:-2vh}.gate-surround{inset:-12px;border-width:12px;box-shadow:0 0 0 2px #ad9878,0 0 0 7px #e6d9c3,0 0 0 9px #c3af8e,0 0 0 18px #ecdfca,0 0 0 20px #d2bfa0,0 0 0 100vmax #f4eee2,inset 0 8px 24px #46332380}}