*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#000;color:#f2ebff}body{overflow:hidden}.style-choice{display:grid;grid-template-columns:1fr 1fr;min-height:100svh;height:100dvh;position:relative;isolation:isolate}.choice{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;text-decoration:none;color:inherit;isolation:isolate;--reveal:0;--drift:0px;-webkit-tap-highlight-color:transparent}.choice-art{position:absolute;inset:0;z-index:-2;background-size:cover;background-position:var(--focal,50% 35%);opacity:var(--reveal);transform:scale(1.025) translateX(var(--drift));transition:opacity .65s ease,transform 1.2s ease;will-change:opacity}.choice::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#0000000d 0%,#0003 25%,#000b 65%,#000 100%)}.choice-anime::before{background:linear-gradient(270deg,#0000000d 0%,#0003 25%,#000b 65%,#000 100%)}.choice-title{font:500 clamp(24px,3.8vw,62px)/1.2 'Playfair Display',Georgia,serif;letter-spacing:.035em;text-shadow:0 2px 20px #000,0 0 24px #000;transition:color .3s,text-shadow .3s,transform .4s;position:relative;text-align:center;padding:20px;animation:choice-arrival .8s ease both}.choice-anime .choice-title{animation-delay:.12s}.choice-semi .choice-title{margin-right:12%}.choice-anime .choice-title{margin-left:12%}.choice:hover .choice-title,.choice:focus-visible .choice-title{color:white;text-shadow:0 2px 16px #000,0 0 18px #b9d9ff77;transform:translateY(-3px)}.choice:focus-visible{outline:1px solid #c7dbff;outline-offset:-12px}.choice-divider{position:absolute;z-index:3;left:50%;top:0;bottom:0;width:20px;transform:translateX(-50%);pointer-events:none;background:conic-gradient(from 35deg at 50% 50%,#fff,#a6cfff,#8a78b9,#f1d4f7,#fff,#90cce7,#cbb7ee,#fff);clip-path:polygon(50% 0,65% 37%,100% 50%,65% 63%,50% 100%,35% 63%,0 50%,35% 37%)}.choice-divider::after{content:'';position:absolute;left:48%;top:0;bottom:0;width:1px;background:#edfbff;box-shadow:0 0 10px #c8b5ff}
@keyframes choice-arrival{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){.choice-title{font-size:clamp(20px,5.5vw,30px);padding:12px;max-width:100%}.choice-semi .choice-title{margin-right:6%}.choice-anime .choice-title{margin-left:6%}.choice-divider{width:12px}}
@media(prefers-reduced-motion:reduce){.choice-art,.choice-title{transition:none;animation:none;transform:none}}

/* Acercamiento lento de la obra durante su aparición. */
.choice .choice-art{transform:scale(1.025);transform-origin:center;will-change:opacity,transform}
.choice.is-revealed .choice-art{animation:choice-slow-zoom 22s linear both}
@keyframes choice-slow-zoom{from{transform:scale(1.025)}to{transform:scale(1.15)}}
@media(prefers-reduced-motion:reduce){.choice.is-revealed .choice-art{animation:none;transform:none}}