#legacy-experience{height:800vh}#legacy-experience .stage{height:100svh;position:sticky;top:0;overflow:hidden;background:#050505}#legacy-experience video{width:100%;height:100%;object-fit:cover}#legacy-experience .shade{position:absolute;inset:0;background:linear-gradient(0deg,#0009,transparent 60%);pointer-events:none}#legacy-experience .intro{position:absolute;bottom:17%;left:5%;right:5%;text-align:center;transition:opacity .3s}#legacy-experience .intro p{font-weight:900;letter-spacing:.12em;font-size:clamp(28px,5vw,64px);margin:0 0 12px}#legacy-experience .intro h1{font-size:clamp(19px,2.1vw,30px);font-weight:500;line-height:1.2;margin:0 0 26px}#legacy-experience .intro span{font-size:14px;color:#ddd}#legacy-experience .card{position:absolute;bottom:90px;right:4vw;width:min(500px,44vw);padding:26px 30px;background:linear-gradient(130deg,#ffffff28,#ffffff0b);border:1px solid #ffffff60;border-radius:24px;backdrop-filter:blur(25px) saturate(1.3);-webkit-backdrop-filter:blur(25px) saturate(1.3);box-shadow:inset 0 1px 0 #ffffff40,0 14px 60px #0004;text-shadow:0 1px 10px #000a;opacity:0;transform:translateY(18px);transition:opacity .24s,transform .3s;visibility:hidden}#legacy-experience .card.active{opacity:1;transform:none;visibility:visible}#legacy-experience .card .number{font-size:12px;letter-spacing:3px;color:#fff9}#legacy-experience .card h2{font-size:32px;margin:8px 0 12px;letter-spacing:-1px}#legacy-experience .card p{font-size:16px;line-height:1.55;margin:0}#legacy-experience nav{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);display:flex;gap:5px;padding:5px;background:#14141490;border:1px solid #ffffff28;border-radius:40px;backdrop-filter:blur(15px)}#legacy-experience nav button{font:inherit;font-size:14px;color:#ccc;background:transparent;border:0;border-radius:30px;padding:10px 17px;cursor:pointer}#legacy-experience nav button[aria-current=true]{background:#fff;color:#111}#legacy-experience button:focus-visible,#legacy-experience a:focus-visible{outline:2px solid #fff;outline-offset:3px}#legacy-experience .progress{position:absolute;bottom:0;left:0;height:3px;background:linear-gradient(90deg,#8329ff,#ff369c,#ffac37,#ffe144,#54d375,#42c7f5,#637bff);width:0}#legacy-experience .loading{position:absolute;top:90px;left:50%;transform:translateX(-50%);font-size:14px;background:#0009;padding:9px 15px;border-radius:20px;white-space:nowrap}#legacy-experience .loading[hidden]{display:none}@media(max-width:700px){#legacy-experience header{padding:18px 20px}#legacy-experience video{object-fit:cover}#legacy-experience{height:950vh}#legacy-experience .card{bottom:82px;left:16px;right:16px;width:auto;padding:18px 20px;border-radius:21px;background:linear-gradient(130deg,#18181891,#15151563)}#legacy-experience .card h2{font-size:27px;margin:6px 0 8px}#legacy-experience .card p{font-size:16px;line-height:1.42}#legacy-experience .card .number{font-size:12px}#legacy-experience nav{bottom:18px;max-width:calc(100% - 24px);gap:0}#legacy-experience nav button{font-size:12px;padding:10px 11px}#legacy-experience .intro{bottom:16%}#legacy-experience .intro p{font-size:40px}#legacy-experience .intro h1{font-size:21px}#legacy-experience .shade{background:linear-gradient(0deg,#0007,transparent 75%)}}@media(prefers-reduced-motion:reduce){#legacy-experience .card,#legacy-experience .intro{transition:none}}

#legacy-experience{position:relative;width:100%;margin:0;scroll-margin-top:0;font-family:Inter,Arial,sans-serif}
#legacy-experience .stage{top:0}
#legacy-experience .intro{bottom:100px}
#legacy-experience .intro p{font-family:Anton,Impact,sans-serif;font-weight:400}
#legacy-experience nav button{min-height:44px;line-height:1.2}
#legacy-experience .card h2{font-family:Outfit,Arial,sans-serif;text-transform:none}
.stage-wordmark,.legacy-wordmark{font-family:Anton,Impact,sans-serif!important;font-weight:400!important}
@media(max-width:700px){
#legacy-experience .card h2,#legacy-experience .card .number{display:none}
#legacy-experience .card{bottom:80px;padding:16px 20px}
#legacy-experience .card p{font-size:16px;line-height:1.45}
#legacy-experience video{position:absolute;top:0;left:0;height:calc(100% - var(--copy-height,290px) - 96px);width:100%;object-fit:cover;object-position:center}
#legacy-experience .stage{background:#080808}
#legacy-experience .shade{background:linear-gradient(0deg,#080808 10%,transparent 65%)}
#legacy-experience .intro{bottom:calc(var(--copy-height,290px) / 2 + 80px)}
#legacy-experience nav{width:max-content}
#legacy-experience nav button{padding:10px 11px}
}

/* Keep each film's original frame; never crop the portrait into a square. */
#legacy-experience video{position:absolute;inset:0;display:block;width:100%;height:100%;max-height:none;object-fit:contain;object-position:center;background:#050505}
#legacy-experience .intro{left:50%;right:auto;bottom:100px;transform:translateX(-50%);width:min(460px,calc(100% - 32px));padding:20px 24px;border:1px solid #ffffff55;border-radius:22px;background:linear-gradient(130deg,#ffffff26,#ffffff0b);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 12px 45px #0005}
#legacy-experience .intro span{display:block;color:#fff;font-size:18px;line-height:1.5}
@media(max-width:700px){
#legacy-experience video{inset:0;height:100%;width:100%;object-fit:contain;object-position:center top}
#legacy-experience .card{bottom:80px;max-height:37svh;overflow-y:auto;padding:15px 18px}
#legacy-experience .card p{font-size:16px;line-height:1.4}
#legacy-experience .intro{bottom:100px}
#legacy-experience .shade{background:linear-gradient(0deg,#0008,transparent 48%)}
}
/* A quiet scroll cue and low, centered descriptions leave the brands visible. */
#legacy-experience .intro{padding:0;border:0;border-radius:0;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;pointer-events:none}
#legacy-experience .intro span{display:block;text-shadow:0 2px 12px #000;animation:legacy-scroll-cue 2.4s ease-in-out infinite}
@keyframes legacy-scroll-cue{0%,100%{transform:translateY(0)}50%{transform:translateY(9px)}}
#legacy-experience .card h2,#legacy-experience .card .number{display:none}
@media(min-width:701px){
#legacy-experience .card{left:50%;right:auto;bottom:88px;width:min(1040px,calc(100% - 64px));padding:18px 26px;transform:translate(-50%,12px);border-radius:22px}
#legacy-experience .card.active{transform:translate(-50%,0)}
#legacy-experience .card p{font-size:16px;line-height:1.5}
#legacy-experience .card:last-child{left:auto;right:4vw;top:50%;bottom:auto;width:min(430px,36vw);transform:translateY(calc(-50% + 12px))}
#legacy-experience .card:last-child.active{transform:translateY(-50%)}
}
@media(prefers-reduced-motion:reduce){#legacy-experience .intro span{animation:none}}

/* Design system MKT4: sem vidro/desfoque, cantos retos, pílulas só nos botões. */
#legacy-experience{font-family:Satoshi,Montserrat,system-ui,sans-serif}
#legacy-experience .stage{background:#050505}
#legacy-experience .card{background:#050505;border:1px solid rgba(255,255,255,.22);border-radius:0;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}
#legacy-experience .card:before{content:"";position:absolute;left:-1px;right:-1px;top:-1px;height:2px;background:linear-gradient(90deg,#ffe41c 0%,#ff8a0d 16%,#f0141e 32%,#ff2b7e 48%,#b41cf0 62%,#4a2bf5 76%,#1e7bff 88%,#2ee8f5 100%)}
#legacy-experience .card .number{font:500 12px/1.5 Satoshi,sans-serif;letter-spacing:.32em;text-transform:uppercase;color:#b8b8bd}
#legacy-experience .card h2{font:900 30px/1 Satoshi,sans-serif;text-transform:uppercase;letter-spacing:-.01em}
#legacy-experience .card p{color:#ededef}
#legacy-experience nav{background:#050505;border:1px solid rgba(255,255,255,.22);backdrop-filter:none;-webkit-backdrop-filter:none}
#legacy-experience nav button{font:700 12px/1.2 Satoshi,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#fff;opacity:.72}
#legacy-experience nav button:hover{opacity:1}
#legacy-experience nav button[aria-current=true]{background:#fff;color:#050505;opacity:1}
#legacy-experience .progress{height:2px;background:linear-gradient(90deg,#ffe41c 0%,#ff8a0d 16%,#f0141e 32%,#ff2b7e 48%,#b41cf0 62%,#4a2bf5 76%,#1e7bff 88%,#2ee8f5 100%)}
#legacy-experience .loading{background:#050505;border:1px solid rgba(255,255,255,.22);border-radius:999px;font:500 12px/1.4 Satoshi,sans-serif;letter-spacing:.2em;text-transform:uppercase}
@media(max-width:700px){#legacy-experience .card{background:#050505}#legacy-experience nav button{font-size:10px;letter-spacing:.08em;padding:10px 9px}}
#legacy-experience .loading{white-space:normal;max-width:calc(100% - 32px);width:max-content;text-align:center;line-height:1.5;padding:10px 18px}