#welcome{border:0;padding:0;margin:0;width:100vw;max-width:none;height:100dvh;max-height:none;background:transparent;color:#fff8e7;overflow:hidden}
#welcome::backdrop{background:transparent}
.market-footnote{font-size:14px;line-height:1.6;padding:14px;border-left:3px solid #ca8d20;background:#fff2ca}
@media(prefers-reduced-motion:reduce){#welcome{transition:none}}
.welcome-door{position:absolute;top:0;bottom:0;width:50%;background-image:linear-gradient(#003a2c88,#003a2c44),url('assets/campus.jpg');background-size:100vw 100dvh;background-repeat:no-repeat;transition:transform 1.1s cubic-bezier(.65,0,.25,1);border-inline:1px solid #ffda4b88}
.welcome-door.left{left:0;background-position:left center}.welcome-door.right{right:0;background-position:right center}
.welcome-copy{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;flex-direction:column;height:100%;padding:20px;text-align:center;overflow:auto;transition:opacity .35s}
.welcome-copy>p{letter-spacing:.2em;font-size:14px;font-weight:700;margin:0 0 8px;text-shadow:0 2px 8px #000}
.welcome-copy h2{font-size:clamp(30px,5vw,60px);margin:0;text-shadow:0 3px 15px #00281e}
.welcome-copy img{height:min(48dvh,480px);width:min(48dvh,480px);max-width:85vw;object-fit:contain;margin:12px 0;filter:drop-shadow(0 12px 20px #0008)}
.welcome-copy .button{background:#ffda4b;color:#064d3a;border:2px solid #fff5c6;cursor:pointer;font-size:17px}
#skip{background:transparent;color:white;border:0;text-decoration:underline;padding:12px;font-size:14px;cursor:pointer}
.welcome-copy small{font-size:12px;text-shadow:0 1px 6px #000;background:#00382bbb;padding:4px 8px;border-radius:5px}
.opening .left{transform:translateX(-100%)}.opening .right{transform:translateX(100%)}.opening .welcome-copy{opacity:0;pointer-events:none}
.welcome-active{overflow:hidden}.welcome-active .mate,.welcome-active .motion{visibility:hidden}
.market-whatsapp{margin-top:18px;text-align:center;line-height:1.4}.market-contact{text-align:center;font-size:14px}
@media(prefers-reduced-motion:reduce){.welcome-door,.welcome-copy{transition:none}}
@media(max-width:600px){.welcome-copy h2{font-size:34px}.welcome-copy .button{font-size:16px}.welcome-copy img{height:min(40dvh,340px);width:min(40dvh,340px)}}