/* EVertiKal — Antes del primer episodio */
:root{--brand:#832043;--rose:#e3a8bb;--paper:#f3ece4;--ink:#160f13;--muted:#c3b0b9;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif;color-scheme:dark;font-family:Arial,Helvetica,sans-serif;color:var(--paper);background:var(--ink)}
*{box-sizing:border-box}body{margin:0}a{color:inherit}html{scroll-behavior:smooth;scroll-padding-top:90px}::selection{background:var(--rose);color:var(--ink)}a:focus-visible{outline:3px solid var(--rose);outline-offset:7px}.header{position:absolute;z-index:3;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:23px 5vw;border-bottom:1px solid #ffffff20}.logo{display:block;width:190px;height:auto;filter:brightness(0) invert(1)}.status{font-size:10px;letter-spacing:.04em;color:#c3b0b9}.record{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--rose)}.header-link{text-decoration:none;font-size:12px}.header-link span{margin-left:28px}.hero{position:relative;min-height:800px;min-height:max(800px,100svh);overflow:hidden;display:flex;align-items:center}.hero-image,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center}.hero-image{animation:opening 2s ease-out both}.hero-shade{background:linear-gradient(90deg,#160f13ed 0%,#160f1390 42%,#160f130c 77%),linear-gradient(0deg,var(--ink) 0%,transparent 35%,#160f1350 100%)}.hero-content{position:relative;width:90%;margin:100px auto 75px}.eyebrow{font-family:monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;line-height:1.6}.hero .eyebrow{display:flex;gap:12px;align-items:center;color:#e9c1ce}h1{font-family:var(--display);font-size:clamp(100px,13.3vw,210px);line-height:.82;letter-spacing:-.025em;font-weight:700;text-transform:uppercase;margin:40px 0 45px}h1 span{color:var(--rose)}.hero-bottom{display:flex;max-width:550px;align-items:center;justify-content:space-between;gap:30px}.hero-bottom p{font-size:15px;line-height:1.8;color:#d1c2c8}.hero-bottom strong{font-weight:400;color:var(--paper)}.round-link{border:1px solid #ffffff70;border-radius:50%;width:60px;height:60px;display:grid;place-items:center;text-decoration:none;font-size:26px;flex-shrink:0;transition:background .2s}.round-link:hover{background:var(--brand)}.hero-foot{position:absolute;bottom:25px;left:5%;right:5%;display:flex;justify-content:space-between;font:9px monospace;letter-spacing:.08em;text-transform:uppercase;color:#cbb5c0}.edge-label{position:absolute;right:24px;top:45%;writing-mode:vertical-rl;font:9px monospace;letter-spacing:.2em;color:#e1cfd7}.story{display:grid;grid-template-columns:1fr 1.1fr;gap:9vw;margin:0 8vw;padding:95px 0 80px}.viewfinder{position:sticky;top:100px;align-self:start;width:min(100%,390px)}.viewfinder-top,.viewfinder-bottom{display:flex;justify-content:space-between;gap:10px;align-items:center;font:9px monospace;letter-spacing:.08em;color:var(--muted);padding:18px 0}.portrait{aspect-ratio:9/16;position:relative;overflow:hidden;display:grid;place-items:center;background:linear-gradient(145deg,#832043e6,#301722b5),url('assets/first-take.webp') 70% center/cover}.portrait:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,#00000016 3px 4px);pointer-events:none}.portrait-word{font-family:var(--display);font-weight:700;font-size:clamp(60px,7vw,110px);line-height:.9;letter-spacing:-.02em;color:#f3ece4;padding:30px}.corner{position:absolute;width:20px;height:20px;border-color:#f3ece4b0;border-style:solid}.tl{top:15px;left:15px;border-width:1px 0 0 1px}.tr{top:15px;right:15px;border-width:1px 1px 0 0}.bl{bottom:15px;left:15px;border-width:0 0 1px 1px}.br{bottom:15px;right:15px;border-width:0 1px 1px 0}.crosshair{position:absolute;right:25px;bottom:25px;font-size:25px;font-weight:200}.chapter{min-height:75vh;display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid #ffffff1c;padding:55px 0;transition:opacity .7s,transform .7s}.chapter:last-child{border-bottom:0}.chapter .eyebrow{color:var(--rose);margin:0 0 25px}.chapter h3{font-family:var(--display);font-weight:600;text-transform:uppercase;font-size:clamp(52px,5.8vw,86px);line-height:.96;letter-spacing:-.015em;margin:0 0 25px}.chapter h3 span{color:var(--rose)}.chapter>p:not(.eyebrow){color:var(--muted);font-size:16px;line-height:1.8;max-width:350px}.chapter-note{font:9px monospace;letter-spacing:.1em;color:#b197a3;margin-top:40px}.motion-enabled .chapter{opacity:.28;transform:translateY(22px)}.motion-enabled .chapter.is-visible{opacity:1;transform:none}.contact{position:relative;overflow:hidden;text-align:center;background:var(--brand);padding:100px 5vw 0}.contact .eyebrow{color:#efc5d2}.contact h2{font-family:var(--display);font-size:clamp(60px,8.4vw,126px);font-weight:600;line-height:.95;text-transform:uppercase;margin:30px 0}.contact h2 span{color:#f4bacd}.contact-copy{font-size:16px;line-height:1.8;color:#f0d4de;margin:25px 0}.invitation{font-size:14px;line-height:1.8;color:#f0d4de}.invitation a{text-underline-offset:5px;overflow-wrap:anywhere}.contact-button{display:inline-flex;gap:60px;align-items:center;justify-content:space-between;background:var(--paper);color:var(--brand);padding:22px 27px;text-decoration:none;font-size:14px;font-weight:700;margin:20px 0 0;transition:background .2s}.contact-button:hover{background:#efd5df}.contact-button span{font-size:24px}.postscript{font-size:11px;color:#efc5d2;margin:20px 0 70px}.end-credit{font-family:var(--display);font-size:clamp(75px,17vw,260px);line-height:.8;font-weight:700;letter-spacing:-.025em;color:#ffffff14;white-space:nowrap;margin-bottom:-7px}.end-credit span{color:#ffffff35}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:30px 5vw;font-size:10px;color:var(--muted)}footer img{filter:brightness(0) invert(1);width:135px;height:auto}footer a{text-decoration:none}.skip-link{position:fixed;top:12px;left:12px;z-index:10;background:var(--paper);color:var(--ink);padding:14px;transform:translateY(-180%)}.skip-link:focus{transform:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@keyframes opening{from{transform:scale(1.045);opacity:.5}to{transform:scale(1);opacity:1}}
@media(min-width:1600px){.story{max-width:1300px;margin:auto}.hero-content{max-width:1600px}}
@media(max-width:760px){.header{padding:18px 6vw;flex-wrap:wrap;gap:10px}.logo{width:145px}.status{position:absolute;top:87px;left:6vw;font-size:10px}.header-link span{margin-left:14px}.hero{min-height:780px;min-height:max(760px,100svh)}.hero-content{width:88%;margin-top:150px}.hero-image{object-position:69% center}.hero-shade{background:linear-gradient(90deg,#160f13b8,#160f134a),linear-gradient(0deg,var(--ink),transparent 60%,#160f1370)}h1{font-size:clamp(68px,18vw,130px);margin:32px 0 30px}.hero .eyebrow{font-size:9px}.hero-bottom{max-width:400px}.hero-bottom p{font-size:14px}.round-link{width:48px;height:48px}.hero-foot{left:6%;right:6%;font-size:8px}.hero-foot span:last-child{display:none}.edge-label{display:none}.story{display:block;margin:0 7vw;padding:45px 0}.viewfinder{position:relative;top:auto;width:230px;margin:0 auto 40px}.portrait-word{font-size:72px}.chapter{min-height:60svh;padding:55px 0}.chapter h3{font-size:clamp(52px,10vw,76px)}.chapter-note{margin-top:25px}.contact{padding:70px 6vw 0}.contact h2{font-size:clamp(52px,10vw,78px)}.contact .eyebrow{font-size:9px}.contact-copy{font-size:14px}.invitation{font-size:13px}.contact-button{gap:30px;padding:18px 20px}.postscript{line-height:1.7;margin-bottom:50px}.end-credit{font-size:18vw}footer{flex-wrap:wrap;padding:25px 6vw;gap:18px}footer span:last-of-type{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-enabled .chapter{opacity:1;transform:none}}
