@import url("/assets/menu.css");
:root{--papel:#d9d8d6;--tinta:#0b0b0c;--suave:#5d5b57;--sans:-apple-system,BlinkMacSystemFont,"SF Pro Display","Inter","Helvetica Neue",Arial,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--papel);-webkit-text-size-adjust:100%;overflow-x:clip}
body{background:var(--papel);color:var(--tinta);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:clip}
a{color:inherit;text-decoration:none}
.claro .menu{background:none}
.claro .menu nav a{color:#4a4a4e}.claro .menu nav a:hover,.claro .menu nav a[aria-current]{color:var(--tinta)}
.claro .menu nav a[aria-current]::after{background:var(--tinta)}
.claro .menu .burger i{background:var(--tinta)}
@media (max-width:760px){.claro .menu nav{background:var(--papel)}.claro .menu nav a{color:var(--tinta)}}
.ambiente{position:fixed;inset:0;z-index:0;overflow:hidden;transform:translateZ(0);background:var(--papel)}
.ambiente video{position:absolute;left:50%;top:50%;width:100%;height:100%;object-fit:cover;transform:translate3d(-50%,-50%,0)}
.ambiente::after{content:"";position:absolute;inset:0;background:rgba(217,216,214,.74)}
main{position:relative;z-index:1}
.rec{position:relative}
.esc{position:sticky;top:0;height:100svh;overflow:hidden}
.marco{position:absolute;right:clamp(28px,10vw,170px);top:50%;height:min(82svh,780px);aspect-ratio:9/16;transform:translate3d(0,-50%,0);background:#050403;border-radius:4px;overflow:hidden;box-shadow:0 40px 90px rgba(11,11,12,.30),0 8px 24px rgba(11,11,12,.18)}
.marco video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.txt{position:absolute;left:0;right:0;z-index:5;padding:0 clamp(24px,6vw,110px);opacity:0;transform:translate3d(0,26px,0);will-change:opacity,transform;pointer-events:none}
.txt small{display:block;font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--suave);margin-bottom:14px}
.txt h2{font-weight:300;letter-spacing:-.02em;line-height:1.08;font-size:clamp(28px,3.8vw,58px)}
.sig{display:block;padding:clamp(80px,14vw,170px) 24px calc(clamp(80px,14vw,170px) + env(safe-area-inset-bottom));text-align:center;border-top:1px solid rgba(11,11,12,.12)}
.sig small{display:block;font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:var(--suave);margin-bottom:18px}
.sig p{font-size:clamp(28px,4.4vw,64px);letter-spacing:-.03em;font-weight:600;transition:letter-spacing .5s}
.sig:hover p{letter-spacing:-.01em}