*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#eee3c9}body{font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}#artwork{position:fixed;inset:0;width:100%;height:100%;display:block}main{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;mix-blend-mode:difference;padding:20px;pointer-events:none}h1{margin:0;font-size:clamp(46px,9.7vw,175px);font-weight:900;letter-spacing:-.075em;line-height:.95;white-space:nowrap}.service-window{height:58px;width:min(660px,94vw);perspective:800px;margin-top:25px}.service-cube{width:100%;height:100%;position:relative;transform-style:preserve-3d;transform:translateZ(-29px);transition:transform .6s cubic-bezier(.22,.7,.16,1)}.service-cube.turning{transform:translateZ(-29px) rotateX(-90deg)}.face{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:clamp(20px,3vw,44px);font-weight:600;letter-spacing:-.045em;backface-visibility:hidden}.front{transform:rotateX(0) translateZ(29px)}.next{transform:rotateX(90deg) translateZ(29px)}.audience{font-size:clamp(9px,1vw,14px);letter-spacing:.1em;font-weight:500;margin:12px 0 0;transition:opacity .18s}.audience.changing{opacity:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:600px){h1{font-size:10.3vw;letter-spacing:-.065em}.service-window{margin-top:15px;height:58px}.face{font-size:6vw}.audience{margin-top:2px;font-size:9px;letter-spacing:.06em}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.running-horse{display:block;width:125px;height:94px;object-fit:contain;margin:0 0 20px}
@media(max-width:600px){.running-horse{width:95px;height:71px;margin-bottom:18px}}

.topline{position:fixed;z-index:2;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:30px 3.5vw;color:white;mix-blend-mode:difference;pointer-events:none}.brand{font-size:36px;line-height:1;font-weight:900;letter-spacing:-.075em}.production{font-size:11px;letter-spacing:.09em;font-weight:600}.contact-bar{position:fixed;z-index:3;bottom:22px;left:3.5vw;right:3.5vw;background:#f1ead8;color:#1c1c17;display:grid;grid-template-columns:1fr 1.35fr 1.15fr 1.15fr;align-items:center;gap:24px;padding:25px 28px}.contact-label{font-size:10px;letter-spacing:.04em;font-weight:600}.contact-bar a{color:inherit;text-decoration:none;display:flex;flex-direction:column;gap:9px;min-height:44px;justify-content:center}.channel{font-size:8px;letter-spacing:.09em;opacity:.65}.contact-bar a>span:last-child{font-size:12px;display:flex;gap:10px;justify-content:space-between}.contact-arrow{width:16px;height:16px;flex:0 0 16px;display:block}.contact-bar a:hover .contact-arrow{transform:translate(2px,-2px)}.contact-bar a:focus-visible{outline:2px solid #183cc5;outline-offset:5px}main{bottom:94px;top:78px}@media(min-width:1600px){.contact-bar a>span:last-child{font-size:15px}.contact-bar{padding:28px 35px}.channel{font-size:9px}}@media(max-width:800px){.topline{padding:24px}.brand{font-size:29px}.production{font-size:9px}.contact-bar{left:18px;right:18px;bottom:18px;grid-template-columns:1fr 1fr;gap:17px 22px;padding:20px}.contact-label{font-size:9px}.contact-bar a>span:last-child{font-size:10px;gap:5px}.contact-bar a{gap:6px}.channel{font-size:7px}main{top:70px;bottom:170px}.running-horse{width:90px;height:68px}}@media(max-width:380px){.contact-bar{padding:17px 14px;column-gap:16px}.contact-bar a>span:last-child{font-size:9px}.topline{padding:21px 18px}.production{font-size:8px}}

.top-right{display:flex;align-items:center;gap:25px}.languages{display:flex;align-items:center;gap:7px;pointer-events:auto;font-size:10px}.languages button{font:inherit;color:inherit;background:none;border:0;padding:0 4px;min-height:44px;cursor:pointer;opacity:.5}.languages button[aria-pressed="true"]{opacity:1;font-weight:700;text-decoration:underline;text-underline-offset:5px}.languages button:focus-visible{outline:1px solid currentColor;outline-offset:3px}.languages>span{opacity:.4}html[lang="es"] h1{font-size:clamp(42px,9.2vw,165px)}@media(max-width:600px){.top-right{gap:12px}.production{font-size:8px;letter-spacing:.04em}.languages{font-size:9px;gap:3px}.languages button{padding:0 2px}html[lang="es"] h1{font-size:9.4vw}.audience{padding:0 12px;line-height:1.6}}

.horse-source{position:fixed;width:1px;height:1px;opacity:0;pointer-events:none;top:0;left:0}.running-horse{flex-shrink:0;background:transparent}
