:root{--bg: #000;--brand: #fff;--ink: #fff;--shadow: rgba(0, 0, 0, .55);--display-size: clamp(74px, 22vw, 122px);--media-grade: brightness(.94) contrast(1.12) saturate(.84) sepia(.05);--final-media-grade: brightness(1.04) contrast(1.1) saturate(.86) sepia(.04)}*{box-sizing:border-box}html,body{width:100%;min-width:320px;height:100%;margin:0}body{overflow:hidden;color:var(--ink);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;touch-action:none;-webkit-user-select:none;user-select:none}#scene{position:relative;width:100%;height:100dvh;min-height:520px;overflow:hidden;background:var(--bg);cursor:grab;isolation:isolate}#scene:active{cursor:grabbing}.intro-stage{position:absolute;inset:0;z-index:6;display:grid;place-items:center;background:var(--bg);will-change:transform,opacity}.intro-stage:before{position:absolute;top:-28dvh;right:0;left:0;height:28dvh;content:"";background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.55) 46%,var(--bg) 100%);pointer-events:none}.intro-logo{display:block;width:min(70vw,330px);height:auto;-webkit-user-select:none;user-select:none;pointer-events:none}#chico{position:absolute;top:47%;left:70%;z-index:1;width:100%;min-width:100%;height:100%;object-fit:cover;object-position:42% center;filter:var(--media-grade);transform:translate(-50%,-50%) scale(.5);transform-origin:50% 50%;will-change:transform,opacity,filter}.side-copy{position:absolute;top:50%;left:-118px;z-index:4;color:var(--brand);font-family:Anton,Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:var(--display-size);font-weight:400;line-height:.9;text-transform:uppercase;white-space:nowrap;transform:translateY(-50%) rotate(-90deg);transform-origin:50% 50%;will-change:transform,opacity}.order-stage,.final-stage{position:absolute;inset:0;overflow:hidden;background:var(--bg);opacity:0;pointer-events:none;will-change:transform,opacity}.order-stage{z-index:4}.final-stage{z-index:5}#roundabout{position:absolute;top:59%;left:50%;z-index:1;width:auto;max-width:100vw;height:min(67dvh,110vw);object-fit:contain;background:var(--bg);filter:var(--media-grade);transform:translate(-50%,-50%);will-change:transform,opacity}.order-title{position:absolute;top:max(112px,calc(env(safe-area-inset-top) + 96px));left:50%;z-index:2;color:var(--brand);font-family:Anton,Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:var(--display-size);font-weight:400;line-height:.9;text-transform:uppercase;white-space:nowrap;transform:translate(-50%)}#denotar{position:absolute;top:50%;left:43%;z-index:1;width:min(48vw,368px);height:min(54dvh,82vw);object-fit:contain;object-position:50% 50%;background:var(--bg);filter:var(--final-media-grade);transform:translate(-50%,-50%);will-change:transform,opacity}.final-title{position:absolute;top:50%;right:clamp(8px,4.8vw,34px);z-index:2;color:var(--brand);font-family:Anton,Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:var(--display-size);font-weight:400;line-height:.9;text-align:left;text-transform:uppercase;white-space:nowrap;transform:translate(42%,-50%) rotate(90deg);transform-origin:50% 50%}.scrim{position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(0deg,rgba(0,0,0,.54),transparent 34%)}.action-hint{position:absolute;right:0;bottom:max(28px,env(safe-area-inset-bottom));left:0;z-index:7;display:grid;width:52px;height:52px;margin:auto;place-items:center;opacity:.92;animation:liftHint 1.45s ease-in-out infinite}.action-hint span{width:16px;height:16px;border-top:2px solid var(--brand);border-left:2px solid var(--brand);transform:rotate(225deg);filter:drop-shadow(0 4px 8px rgba(0,0,0,.8))}.cta{position:absolute;display:none;bottom:max(36px,calc(env(safe-area-inset-bottom) + 24px));left:50%;z-index:5;min-width:128px;padding:14px 24px;color:#080805;font-size:.86rem;font-weight:800;line-height:1;text-align:center;text-decoration:none;text-transform:uppercase;letter-spacing:0;background:var(--brand);border:1px solid rgba(255,244,183,.45);border-radius:4px;box-shadow:0 16px 38px #0000006b;opacity:0;transform:translate(-50%,16px);pointer-events:none}.cta:focus-visible{outline:3px solid var(--ink);outline-offset:4px}#scene[data-state=complete] .cta{pointer-events:auto}@keyframes liftHint{0%,to{transform:translateY(-6px)}50%{transform:translateY(8px)}}@media(min-width:760px){:root{--display-size: clamp(102px, 12vw, 178px)}#scene{min-height:640px}.intro-logo{width:min(43vw,440px)}#chico{width:min(100%,920px);min-width:min(760px,100%)}.side-copy{left:max(-136px,calc(50vw - 520px))}#roundabout{top:60%;height:min(67dvh,54vw)}.order-title{top:max(108px,calc(env(safe-area-inset-top) + 84px))}#denotar{left:44%;width:min(40vw,464px);height:min(56dvh,496px)}.final-title{right:clamp(28px,6vw,110px)}}@media(prefers-reduced-motion:reduce){.action-hint{animation:none}}