/* Lightweight architecture transition. All motion is opacity/transform only. */
.mk-transition[hidden]{display:none!important}
/* Keep the underlying page visible until both original graphics are ready. */
.mk-transition:not(.is-art-ready),.mk-transition:not(.is-mark-ready){visibility:hidden}
.mk-transition{position:fixed;inset:0;z-index:99990;overflow:hidden;background:#143329;color:#f8f0d8;pointer-events:none;contain:layout paint;isolation:isolate;font-family:Arial,Helvetica,sans-serif}
.mk-transition__scene{position:absolute;inset:0;display:block;opacity:0}
.mk-transition__scene img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.mk-transition.is-art-ready .mk-transition__scene{opacity:1}
.mk-transition__brand{position:absolute;left:2.1%;top:27.3%;width:41%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:0}
.mk-transition__mark{width:clamp(132px,13.5vw,220px);height:auto;aspect-ratio:1;object-fit:contain;display:block;margin:-2.3vw 0 -.6vw;opacity:0}
.mk-transition.is-mark-ready .mk-transition__mark{opacity:1}
.mk-transition__name{font-size:clamp(36px,4.35vw,80px);line-height:1.1;font-weight:700;letter-spacing:.29em;text-indent:.29em;white-space:nowrap}
.mk-transition__tagline{font-size:clamp(11px,1.4vw,24px);line-height:1.6;font-weight:400;letter-spacing:.48em;text-indent:.48em;margin-top:1.45vw;color:#d3b176;white-space:nowrap}
.mk-transition__waiting{position:absolute;left:7.8%;bottom:19%;width:200px;max-width:30%}
.mk-transition__waiting p{font-size:clamp(16px,1.6vw,26px);line-height:1.4;letter-spacing:.03em;margin:24px 0 0;color:#f8f0d8}
.mk-transition__track{display:block;height:2px;width:100%;background:#a8894b55;overflow:hidden}
.mk-transition__track>span{display:block;width:40%;height:100%;background:#f3d394;transform:translateX(0)}
.mk-transition__baseline{position:absolute;bottom:5.7%;left:3.6%;right:3.6%;height:1px;background:#d3b17699}
.mk-transition.is-active{pointer-events:auto;animation:mk-transition-enter .16s ease-out both}
.mk-transition.is-active .mk-transition__track>span{animation:mk-transition-light 1.25s ease-in-out infinite alternate}
.mk-transition.is-active.is-art-ready .mk-transition__scene{animation:mk-transition-architecture .7s ease-out both}
@keyframes mk-transition-enter{from{opacity:0}to{opacity:1}}
@keyframes mk-transition-architecture{from{opacity:.7;transform:translateX(1%)}to{opacity:1;transform:translateX(0)}}
@keyframes mk-transition-light{to{transform:translateX(150%)}}
@media(max-width:640px){
 .mk-transition__scene{bottom:42%;}
 .mk-transition__scene img{object-position:83% center}
 .mk-transition__brand{top:auto;bottom:18%;left:5%;width:90%;padding-top:22px;background:#143329}
 .mk-transition__mark{width:96px;height:96px;margin:0 0 12px}
 .mk-transition__name{font-size:clamp(25px,7.5vw,42px);letter-spacing:.23em;text-indent:.23em}
 .mk-transition__tagline{font-size:clamp(9px,2.7vw,15px);letter-spacing:.3em;text-indent:.3em;margin-top:12px}
 .mk-transition__waiting{left:50%;transform:translateX(-50%);bottom:6.5%;width:120px;max-width:50%;text-align:center}
 .mk-transition__waiting p{font-size:14px;margin-top:13px;white-space:nowrap}
 .mk-transition__baseline{bottom:3.2%;left:7%;right:7%}
}
@media(max-height:520px) and (min-width:641px){
 .mk-transition__brand{top:17%}.mk-transition__mark{width:70px;margin-bottom:14px}.mk-transition__waiting{bottom:10%}.mk-transition__waiting p{margin-top:10px}
}
@media(prefers-reduced-motion:reduce){.mk-transition,.mk-transition *{animation:none!important;transition:none!important}}
@media(forced-colors:active){.mk-transition{background:Canvas;color:CanvasText}.mk-transition__scene,.mk-transition__mark{visibility:hidden}.mk-transition__tagline,.mk-transition__waiting p{color:CanvasText}}