*{box-sizing:border-box}html,body{margin:0;background:#d8e6f3;color:#171717;font-family:Calibri,"Arial Narrow",Arial,sans-serif}#journey{height:280vh}.viewport{height:100vh;position:sticky;top:0;display:grid;place-items:center;overflow:hidden}.hero{position:relative;width:min(100vw,177.777778vh);aspect-ratio:16/9;overflow:hidden;container-type:inline-size;isolation:isolate;background:#d8e6f3}#technical{position:absolute;inset:0;width:100%;height:100%;z-index:0}.circles{position:absolute;left:35.5%;top:-11%;width:72.92%;aspect-ratio:1;opacity:0;z-index:1;pointer-events:none}.circles img{width:100%;height:100%;animation:orbit 180s linear infinite;animation-play-state:paused;transform-origin:50% 50%}.circles.active img{animation-play-state:running}.circles.paused img{animation-play-state:paused}@keyframes orbit{to{transform:rotate(360deg)}}.logo{position:absolute;left:-9.53%;top:11.48%;width:64.35%;z-index:2;pointer-events:none}.logo>svg{display:block;width:100%;height:auto;overflow:visible}.logo #flexografia,.logo #futuro,.logo #rodillo_k,.logo #rodillo_magenta,.logo #rodillo_yellow,.logo #trama,.logo #sombra{opacity:0}.robot{position:absolute;left:0;top:0;width:100%;height:100%;z-index:3;pointer-events:none}.robot img{position:absolute;display:block;max-width:none;height:auto;transform-origin:top left;will-change:transform}.robot img[hidden]{display:none}.robot img[data-frame="4"]{clip-path:inset(5.8% 0 0 0)}.event{position:absolute;left:0;top:8.333333%;width:37.291667%;height:16.111111%;margin:0;background:#009fd2;color:#fff;font-weight:400;line-height:1;z-index:4}.number{position:absolute;left:12.85%;top:8%;font-family:Arial,sans-serif;font-size:8.25cqw;font-weight:700;letter-spacing:-.5cqw}.edition{position:absolute;left:25%;top:23%;font-size:1.95cqw;font-weight:700}.seminar{position:absolute;left:32.5%;top:18%;font-size:3.2cqw;font-weight:700;letter-spacing:-.07cqw;transform:scaleX(1.065);transform-origin:left center}.international{position:absolute;left:25.5%;top:50%;font-family:"Arial Narrow",Calibri,sans-serif;font-size:2.72cqw;letter-spacing:-.035cqw;white-space:nowrap;transform:scaleX(.99);transform-origin:left center}.claim{position:absolute;left:7.4%;top:83.9%;margin:0;color:#585957;font-size:2.88cqw;font-weight:700;line-height:1.02;letter-spacing:-.03cqw;transform:scaleX(.92);transform-origin:left top;opacity:0;z-index:4}footer{height:22vh;min-height:140px;display:flex;align-items:center;justify-content:center;gap:24px}button{font:inherit;padding:10px 18px;border:1px solid #657c8d;background:#eaf3f9;color:#17232c;border-radius:4px;cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #007da9;outline-offset:4px}.review{position:fixed;bottom:12px;left:50%;transform:translateX(-50%);z-index:9;background:#f6fafdef;padding:10px 16px;border-radius:6px;display:flex;gap:14px;align-items:center;font-size:14px;box-shadow:0 2px 15px #0002}.review[hidden]{display:none}.review label{display:flex;gap:10px;align-items:center}.review input{width:230px}.review output{min-width:40px}#error{position:absolute;bottom:20px;left:20px;color:#8b1515;background:white;padding:12px;z-index:8}body.reduced #journey{height:100vh}@media(prefers-reduced-motion:reduce){.circles img{animation:none!important}}

/* Reference ring: same supplied SVG, softened to match the approved background. */
.circles{left:32.291667%;top:-18.518519%}
.robot img{mask-image:linear-gradient(to right,transparent,#000 0.45%,#000 99.55%,transparent)}


/* Approved MP4: native decoding, GPU background compositing. No pose reconstruction. */
#journey{height:100vh}.robot{display:none}#robot-video{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}#robot-canvas{position:absolute;width:46.875%;height:auto;left:29.1667%;top:14.1667%;z-index:3;pointer-events:none}#machine-pulses{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}.machine-pulse{fill:none;stroke:#00c5ef;stroke-width:3.2;stroke-linecap:round;filter:url(#cyan-glow);opacity:0}.logo #rodillo_k,.logo #rodillo_magenta,.logo #rodillo_yellow{transform-box:fill-box;transform-origin:center}.autoplay-retry{position:absolute;bottom:4%;right:4%;z-index:7}.autoplay-retry[hidden]{display:none}#trama[data-reflection="off"]{--reflection-enabled:0}


/* V02 desktop: reversible scroll and final composition from the updated reference. */
#journey{height:320vh}
.circles img{animation-duration:120s}
.logo{left:-11.75%;top:10.28%;width:74.5%}
.claim{left:0;right:0;top:auto;bottom:0;width:100%;height:11.574074%;display:flex;align-items:center;justify-content:center;padding:0 5%;background:#c4d9e9;color:#f5f7f9;transform:none;font-family:"Arial Narrow",Calibri,Arial,sans-serif;font-size:4.65cqw;font-weight:700;line-height:1;letter-spacing:0;white-space:nowrap;z-index:5}
.machine-pulse:nth-of-type(3){stroke-width:4.2}
body.reduced #journey{height:100vh}


/* Dominican Republic edition, from its approved desktop reference. */
.event .edition-label{position:absolute;left:13.4%;top:12%;width:83%;height:76%;object-fit:contain;object-position:center}
.venue-details{position:absolute;left:79.6875%;top:39.25926%;width:17.1875%;z-index:4;text-align:center;opacity:0}
.venue-flag{display:block;width:55%;height:auto;aspect-ratio:1.5;object-fit:contain;margin:0 auto .9cqw}
.venue-card,.venue-date-card{border:.15625cqw solid #4dbfe9;border-radius:1.5625cqw;background:rgba(255,255,255,.66);color:#585957}
.venue-card{height:7.03125cqw;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.35cqw .3cqw}
.venue-card p{margin:0;white-space:nowrap}
.venue-country{font-family:Calibri,Arial,sans-serif;font-size:1.5625cqw;line-height:1.1}
.venue-city{font-family:"Arial Narrow",Calibri,sans-serif;font-size:2.5cqw;font-weight:700;color:#009fd2;line-height:1}
.venue-year{font-size:1.5625cqw;font-weight:700;line-height:1.1}
.venue-date-card{height:7.03125cqw;margin-top:.8333cqw;display:flex;align-items:center;justify-content:center}
.venue-date-card time{color:#009fd2;font-size:4.6875cqw;font-weight:700;line-height:1;letter-spacing:-.16cqw;white-space:nowrap}