.brand-opening{position:fixed;inset:0;z-index:100000;background:#1546ed;color:#fff;place-items:center;isolation:isolate;overflow:hidden;touch-action:none;min-height:100svh}.brand-opening[hidden]{display:none!important}.opening-defs{position:absolute;pointer-events:none}.opening-monuments{position:absolute;width:200px;height:200px;left:50%;top:50%;transform:translate(-50%,-50%)}.opening-monument{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transform-origin:50% 60%;pointer-events:none}.qutub-monument{filter:url(#opening-solid-white)}.opening-word-stage{width:min(94vw,1500px);position:relative;opacity:0;transform:scale(.16);transform-origin:50% 50%;pointer-events:none}.opening-city-word{display:block;width:100%;height:auto;overflow:visible}.opening-city-word text{font-family:"Anton",sans-serif;font-size:214px;font-weight:400;letter-spacing:-2px;fill:#fff}.opening-city-photos{opacity:0}.opening-photo-layer{opacity:0;transform-origin:50% 50%}.opening-photo-layer:first-child{opacity:1}.opening-photo-layer image{filter:sepia(1) saturate(.85) contrast(1.08);transform-origin:center}.opening-enter{position:absolute;right:5vw;bottom:max(27px,env(safe-area-inset-bottom));min-height:44px;padding:10px 0;display:flex;align-items:center;gap:22px;background:none;border:0;border-bottom:1px solid #ffffff80;border-radius:0;color:#fff;font:700 14px/1.3 var(--sans,"DM Sans",sans-serif);cursor:pointer;z-index:4}.opening-enter svg{width:24px;height:24px;transition:transform .25s}.opening-enter:hover svg{transform:translateX(5px)}.opening-enter:focus-visible{outline:2px solid #fff;outline-offset:7px}.opening-enter:active{opacity:.7}
@media(max-width:600px){.opening-monuments{width:155px;height:180px}.opening-word-stage{width:94vw}.opening-enter{right:7vw;bottom:max(25px,env(safe-area-inset-bottom));font-size:14px}}
@media(prefers-reduced-motion:reduce){.opening-enter svg{transition:none}.opening-word-stage{transform:none!important}.opening-monuments{display:none}.opening-photo-layer image{filter:none}}
/* Longer held landmarks share one slow camera rhythm. */
.opening-monuments{width:220px;height:220px;perspective:900px;transform-style:preserve-3d}
.opening-monument{backface-visibility:hidden;transform-origin:50% 70%;will-change:transform,opacity,clip-path}
.opening-wide-monument{width:290px;max-width:none;left:-35px;object-fit:contain;filter:url(#opening-solid-white)}
.opening-word-stage{will-change:transform,opacity,clip-path}
@media(max-width:600px){.opening-monuments{width:180px;height:200px}.opening-wide-monument{width:250px;left:-35px}}