/* Picture-in-picture design selector. */
.brand-gateway .gateway{--preview-width:195px;--preview-height:160px;--preview-inset:32px;position:relative;display:block;height:100svh;min-height:760px;overflow:hidden}
.brand-gateway .gateway-panel{position:absolute;left:calc(100% - var(--preview-width) - var(--preview-inset));top:calc(100% - var(--preview-height) - var(--preview-inset));width:var(--preview-width);height:var(--preview-height);min-height:0;min-width:0;padding:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:8px;border:1px solid #8885;box-shadow:0 15px 45px #0003;z-index:2;transition:left .85s cubic-bezier(.22,1,.36,1),top .85s cubic-bezier(.22,1,.36,1),width .85s cubic-bezier(.22,1,.36,1),height .85s cubic-bezier(.22,1,.36,1),border-radius .85s}
.brand-gateway .gateway-panel.is-active{left:0;top:0;width:100%;height:100%;padding:40px 30px;border-radius:0;border:0;box-shadow:none;z-index:1}
.brand-gateway .gateway-panel:before{display:none}
.brand-gateway .gateway-card{width:min(520px,100%);height:auto;min-height:580px;display:grid;grid-template-rows:320px auto 50px;gap:28px;align-content:center;justify-items:center}
.brand-gateway .gateway-panel:not(.is-active) .gateway-card{display:none}
.brand-gateway .gateway-panel.is-active .gateway-card{animation:gateway-arrive .6s ease .4s both}
.brand-gateway .gateway-card:focus{outline:none}
.brand-gateway .gateway-copy{max-width:480px;width:100%;align-self:center;margin:0}
.brand-gateway .gateway-selector{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:0;background:transparent;color:inherit;cursor:pointer;padding:16px;width:100%;height:100%}
.brand-gateway .gateway-panel.is-active .gateway-selector{display:none}
.brand-gateway .gateway-selector img{width:95px;height:72px;object-fit:contain;transition:transform .3s ease}
.brand-gateway .gateway-creative .gateway-selector img{width:120px;height:84px}
.brand-gateway .gateway-concierge .gateway-selector img{width:74px;height:74px}
.brand-gateway .gateway-preview-label{font:400 10px/1.4 var(--lu-sans);letter-spacing:1.2px;text-transform:uppercase}
.brand-gateway .gateway-preview-hint{font:300 10px/1.4 var(--lu-sans);opacity:.65}
.brand-gateway .gateway-selector:hover img{transform:scale(1.04)}
.brand-gateway .gateway-selector:focus-visible{outline:2px solid currentColor;outline-offset:-6px}
.brand-gateway .gateway-card>.gateway-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid currentColor;box-sizing:border-box;text-decoration:none}
@keyframes gateway-arrive{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}
@media(max-width:850px){
.brand-gateway .gateway{--preview-width:155px;--preview-height:125px;--preview-inset:24px;min-height:740px}
.brand-gateway .gateway-panel.is-active{padding:35px 24px 165px}
.brand-gateway .gateway-card{min-height:0;grid-template-rows:260px auto 50px;gap:24px}
.brand-gateway .gateway-creative-logo,.brand-gateway .gateway-card>.gateway-concierge-logo{height:260px;padding-bottom:25px}
.brand-gateway .gateway-concierge-logo img{width:145px;height:145px}
.brand-gateway .gateway-concierge-logo span{font-size:28px;letter-spacing:4px}
.brand-gateway .gateway-card .gateway-brand-label{font-size:8px;letter-spacing:3px}
.brand-gateway .gateway-selector{gap:6px;padding:10px}
.brand-gateway .gateway-selector img{max-height:65px}
}
@media(max-width:600px){
.brand-gateway .gateway{--preview-width:135px;--preview-height:108px;--preview-inset:18px;min-height:700px}
.brand-gateway .gateway-panel.is-active{padding:30px 22px 150px}
.brand-gateway .gateway-card{grid-template-rows:230px auto 50px;gap:22px}
.brand-gateway .gateway-creative-logo,.brand-gateway .gateway-card>.gateway-concierge-logo{height:230px}
.brand-gateway .gateway-concierge-logo img{width:125px;height:125px}
.brand-gateway .gateway-copy{font-size:14px}
.brand-gateway .gateway-selector img{max-height:52px}
.brand-gateway .gateway-preview-label{font-size:8px}
.brand-gateway .gateway-preview-hint{font-size:9px}
}
@media(prefers-reduced-motion:reduce){.brand-gateway .gateway-panel,.brand-gateway .gateway-selector img{transition:none}.brand-gateway .gateway-panel.is-active .gateway-card{animation:none}}

/* Drag the preview, then dock it along either side. */
.brand-gateway .gateway-panel:not(.is-active){transition:left .25s ease,top .25s ease}.brand-gateway .gateway-panel.is-dragging{transition:none!important}.brand-gateway .gateway-panel:not(.is-active) .gateway-selector{touch-action:none;user-select:none;cursor:grab}.brand-gateway .gateway-panel.is-dragging .gateway-selector{cursor:grabbing}.brand-gateway .gateway-selector img{-webkit-user-drag:none;pointer-events:none}.brand-gateway .gateway-selector span{pointer-events:none}@media(prefers-reduced-motion:reduce){.brand-gateway .gateway-panel:not(.is-active){transition:none}}

.brand-gateway .gateway.is-switching .gateway-panel{transition:left .85s cubic-bezier(.22,1,.36,1),top .85s cubic-bezier(.22,1,.36,1),width .85s cubic-bezier(.22,1,.36,1),height .85s cubic-bezier(.22,1,.36,1),border-radius .85s}@media(prefers-reduced-motion:reduce){.brand-gateway .gateway.is-switching .gateway-panel{transition:none}}

/* The landing selector fits one screen, including short mobile viewports. */
html:has(body.brand-gateway){height:100%;overflow:hidden}.brand-gateway.site-page{margin:0;height:100dvh;min-height:0;overflow:hidden}.brand-gateway .gateway{height:100dvh;min-height:0}.brand-gateway .gateway-card{min-height:0;max-height:100%;grid-template-rows:minmax(100px,320px) auto 50px}.brand-gateway .gateway-panel.is-active{padding:clamp(12px,4dvh,40px) 24px}.brand-gateway .gateway-creative-logo,.brand-gateway .gateway-card>.gateway-concierge-logo{height:min(320px,36dvh);min-height:0}.brand-gateway .gateway-concierge-logo img{width:min(175px,20dvh);height:min(175px,20dvh)}
@media(max-width:850px){.brand-gateway .gateway{min-height:0}.brand-gateway .gateway-panel.is-active{padding:20px 22px calc(var(--preview-height) + var(--preview-inset) + 16px)}.brand-gateway .gateway-card{grid-template-rows:minmax(70px,26dvh) auto 46px;gap:clamp(10px,2.4dvh,22px)}.brand-gateway .gateway-creative-logo,.brand-gateway .gateway-card>.gateway-concierge-logo{height:26dvh;padding-bottom:20px}.brand-gateway .gateway-concierge-logo img{width:min(125px,14dvh);height:min(125px,14dvh)}.brand-gateway .gateway-concierge-logo span{font-size:clamp(18px,3.4dvh,28px)}.brand-gateway .gateway-copy{font-size:clamp(12px,1.8dvh,14px);line-height:1.6}.brand-gateway .gateway-card>.gateway-button{min-height:46px}}
@media(max-height:550px){.brand-gateway .gateway{--preview-width:120px;--preview-height:90px;--preview-inset:12px}.brand-gateway .gateway-panel.is-active{padding:12px 18px}.brand-gateway .gateway-card{width:min(480px,calc(100% - 160px));grid-template-rows:minmax(55px,34dvh) auto 40px;gap:10px}.brand-gateway .gateway-creative-logo,.brand-gateway .gateway-card>.gateway-concierge-logo{height:34dvh;padding-bottom:18px}.brand-gateway .gateway-concierge-logo img{width:17dvh;height:17dvh}.brand-gateway .gateway-concierge-logo span{font-size:20px}.brand-gateway .gateway-copy{font-size:12px;line-height:1.4}.brand-gateway .gateway-card>.gateway-button{min-height:40px;font-size:10px}.brand-gateway .gateway-selector img{max-height:42px}.brand-gateway .gateway-selector{gap:4px}}
/* The exposed canvas follows the incoming experience during the transition. */
.brand-gateway .gateway[data-active="creative"]{background:#111}
.brand-gateway .gateway[data-active="concierge"]{background:#fff}/* Keep the active identity, copy and entry button on one centered axis. */
.brand-gateway .gateway-card{min-width:0;grid-template-columns:minmax(0,1fr);margin-inline:auto;text-align:center}
.brand-gateway .gateway-card>*{min-width:0;justify-self:center;box-sizing:border-box}
.brand-gateway .gateway-card>.gateway-copy{width:100%;max-width:480px;white-space:normal;overflow-wrap:break-word;text-align:center;margin-inline:auto}
.brand-gateway .gateway-card>.gateway-concierge-logo{align-items:center;text-align:center}
.brand-gateway .gateway-concierge-logo>span{display:block;max-width:100%;text-align:center}