/* Stay Gold Members Room: sign-in gate and album viewer. Everything else comes from the brand site CSS. */
.mr-locked{overflow:hidden}
.mr-locked > :not(#mr-gate){visibility:hidden}
.mr-gate{position:fixed;inset:0;z-index:200;background:var(--black);color:#fff;overflow:auto;display:none}
.mr-locked .mr-gate{display:block}
.mr-gate-in{max-width:760px;margin:0 auto;padding:clamp(40px,10vh,110px) 16px 60px}
.mr-smile{width:84px;height:auto;display:block;margin:0 0 26px}
.mr-gate .eyebrow{color:var(--gold)}
.mr-gate .h1{font-size:clamp(56px,14vw,128px)}
.mr-gate .lede{color:#cfcdc6}
.mr-form{margin-top:34px}
.mr-form .lab{display:block;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin:0 0 10px}
.mr-row{display:flex;gap:10px;flex-wrap:wrap}
.mr-row input{flex:1 1 260px;min-width:0;font:500 18px/1.2 var(--ui);padding:15px 18px;border-radius:999px;border:2px solid #fff;background:#000;color:#fff}
.mr-row input:focus{outline:none;border-color:var(--gold)}
#mr-code{letter-spacing:.3em;font-weight:700;font-variant-numeric:tabular-nums}
.mr-gate .tiny{font-size:13px;margin-top:12px}
.mr-gate .muted{color:#a9a69d}
.mr-msg{min-height:1.4em;margin:16px 0 0;font-size:15px;color:#fff}
.mr-msg.err{color:#ff8a80}
.mr-link{background:none;border:0;padding:0;color:#fff;font:inherit;border-bottom:2px solid var(--gold);cursor:pointer}
.mr-help{margin-top:40px}
.nav .kit[data-mr-out]{background:transparent;color:#fff;cursor:pointer}
.xsec{display:none!important}
.mr-guest{background:var(--gold);color:var(--black);padding:14px 16px;font-size:15px;font-weight:600;text-align:center}
/* album viewer */
.mr-modal{position:fixed;inset:0;z-index:150;background:rgba(0,0,0,.92);color:#fff;overflow:auto;padding:20px 16px 60px}
.mr-modal-head{display:flex;justify-content:space-between;align-items:center;gap:12px;max-width:1200px;margin:0 auto 18px}
.mr-modal-head h3{margin:0;font-size:clamp(22px,4vw,34px);font-weight:800;text-transform:uppercase;line-height:1}
.mr-modal .btn{color:#fff}
.mr-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}
.mr-ph{background:#111;display:flex;flex-direction:column}
.mr-ph a.big{display:block;aspect-ratio:1/1;background:#222 center/cover no-repeat}
.mr-ph .acts{display:flex;justify-content:space-between;padding:8px 10px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.mr-ph .acts a{color:var(--gold);text-decoration:none}
.mr-empty{max-width:1200px;margin:30px auto;color:#cfcdc6}
