:root{--dark:#050505;--light:#f4f0e8;--accent:#fff}
*{margin:0;padding:0;box-sizing:border-box}
html,body{min-height:100%;background:var(--dark);color:#fff;font-family:'Playfair Display',serif}
body{overflow-x:hidden}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:20000;background:white;color:black;padding:10px}
.split-container{display:flex;width:100%;min-height:100svh;position:relative}
.center-logo{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
background:#050505;
color:#fff;
padding:1.35rem 2rem;
text-align:center;
z-index:100;
font-family:'Courier Prime',monospace;
font-size:1rem;
letter-spacing:6px;
text-transform:uppercase;
box-shadow:0 10px 30px rgba(0,0,0,.45);
pointer-events:none;
opacity:1;
visibility:visible;
white-space:nowrap
}
.split{width:50%;min-height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 3rem;transition:width .5s ease-in-out;position:relative;text-decoration:none;color:#fff;isolation:isolate}
.split:before{content:"";position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center}
.split:after{content:"";position:absolute;inset:0;z-index:-1;background:rgba(0,0,0,.62);transition:background .3s}
.split.bodas:before{background-image:url('/assets/img/wedding.webp')}
.split.lab:before{background-image:url('/assets/img/lab.webp')}
.split.lab{border-left:1px solid #222}
.split h2{font-size:clamp(2.4rem,5vw,4rem);margin-bottom:1.4rem;letter-spacing:3px;text-transform:uppercase}
.split p{font-family:'Courier Prime',monospace;font-size:1rem;max-width:470px;margin-bottom:2.4rem;line-height:1.65;color:#ddd}
.btn{padding:12px 30px;border:1px solid #fff;color:#fff;text-transform:uppercase;letter-spacing:2px;font-family:'Courier Prime',monospace;font-size:.86rem;background:transparent}
.top-tools{position:fixed;top:18px;right:22px;z-index:50;color:#fff;display:flex;gap:18px;align-items:center;text-shadow:0 1px 10px rgba(0,0,0,.6)}
.footer-tools{position:fixed;left:20px;bottom:16px;z-index:50;font:12px/1.3 'Courier Prime',monospace;color:#ddd}
.footer-tools a,.footer-tools button{color:inherit;background:none;border:0;padding:0;text-decoration:underline;cursor:pointer;font:inherit}
@media(hover:hover) and (pointer:fine){.split:hover:after{background:rgba(0,0,0,.34)}.btn:hover{background:#fff;color:#050505}}
@media(max-width:768px){
.split-container{flex-direction:column}
.split{width:100%;min-height:100svh;padding:6rem 1.5rem 2rem}
.center-logo{top:2rem;transform:translateX(-50%);padding:.8rem 1.2rem;font-size:.9rem;letter-spacing:4px}
.split.lab{border-left:0;border-top:1px solid #222}
.split h2{font-size:2.2rem}
.split p{font-size:.95rem}
.split-container:hover .split,.split:hover{width:100%!important}
.top-tools{top:auto;bottom:72px;right:16px}
.footer-tools{
position:relative;
left:auto;
bottom:auto;
width:100%;
padding:16px 18px calc(16px + env(safe-area-inset-bottom,0px));
background:#050505;
text-align:center;
font-size:11px;
}
}