@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Cinzel:wght@400;700&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=Inter:wght@300;400;500&family=Playfair+Display:ital,wght@0,400;0,700;1,400&display=swap";:root{--red:#c41e1e;--red-bright:#e63946;--red-glow:#ff1a1a;--red-dark:#8b0000;--red-wine:#722f37;--gold:#d4a853;--gold-dim:#b8943d;--black:#050505;--black-soft:#0a0a0a;--black-card:#0e0e0e;--white:#f0ebe3;--white-dim:#9e9890;--grey:#1a1a1a;--grey-light:#2a2a2a;--font-display:"Bebas Neue", sans-serif;--font-cinzel:"Cinzel", serif;--font-serif:"Playfair Display", serif;--font-elegant:"Cormorant Garamond", serif;--font-body:"Inter", sans-serif;--ease-cinematic:cubic-bezier(.16, 1, .3, 1);--ease-smooth:cubic-bezier(.25, .46, .45, .94)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--red-dark) var(--black)}body{background:var(--black);color:var(--white);font-family:var(--font-body);-webkit-font-smoothing:antialiased;line-height:1.7;overflow-x:hidden}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--black)}::-webkit-scrollbar-thumb{background:var(--red-dark);border-radius:3px}::selection{background:var(--red);color:var(--white)}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}.loader{z-index:10000;background:var(--black);transition:opacity 1s var(--ease-cinematic), visibility 1s;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loader.hidden{opacity:0;visibility:hidden;pointer-events:none}.loader__title{font-family:var(--font-cinzel);letter-spacing:20px;color:var(--red);text-shadow:0 0 60px #c41e1e4d;margin-bottom:40px;font-size:52px;font-weight:700}.loader__bar-container{background:var(--grey-light);width:200px;height:1px;overflow:hidden}.loader__bar{background:var(--red);height:100%;transition:width .3s var(--ease-smooth)}.loader__text{font-family:var(--font-display);letter-spacing:6px;color:var(--white-dim);margin-top:16px;font-size:12px}.film-grain{z-index:9998;pointer-events:none;opacity:.03;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:.4s steps(3,end) infinite grain;position:fixed;inset:0}@keyframes grain{0%{transform:translate(0)}33%{transform:translate(-1px,1px)}66%{transform:translate(1px,-1px)}}.vignette{z-index:9997;pointer-events:none;background:radial-gradient(#0000 40%,#000c 100%);position:fixed;inset:0}.navbar{z-index:1000;height:70px;transition:all .6s var(--ease-smooth);background:linear-gradient(#050505cc 0%,#0000 100%);justify-content:space-between;align-items:center;padding:0 50px;display:flex;position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(20px);background:#050505f2;border-bottom:1px solid #c41e1e1a;height:56px}.navbar__logo{font-family:var(--font-cinzel);letter-spacing:8px;color:var(--red);align-items:center;gap:10px;font-size:22px;font-weight:700;display:flex}.navbar__logo-dot{background:var(--red);width:6px;height:6px;box-shadow:0 0 8px var(--red-glow);border-radius:50%;animation:2.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{box-shadow:0 0 8px var(--red-glow);transform:scale(1)}50%{box-shadow:0 0 20px var(--red-glow), 0 0 40px #e6394633;transform:scale(1.2)}}.navbar__links{gap:28px;list-style:none;display:flex}.navbar__link{font-family:var(--font-display);letter-spacing:3px;color:#fff6;cursor:pointer;padding:4px 0;font-size:12px;transition:color .4s;position:relative}.navbar__link:after{content:"";background:var(--red);width:0;height:1px;transition:width .5s var(--ease-cinematic);position:absolute;bottom:-2px;left:0}.navbar__link:hover,.navbar__link.active{color:var(--white)}.navbar__link.active:after,.navbar__link:hover:after{width:100%}.progress-bar{z-index:1001;background:linear-gradient(90deg, var(--red-dark), var(--red), var(--red-bright));height:2px;box-shadow:0 0 12px var(--red-glow);transition:width 80ms linear;position:fixed;top:0;left:0}.timeline{z-index:100;flex-direction:column;align-items:center;display:flex;position:fixed;top:50%;left:28px;transform:translateY(-50%)}.timeline__line{background:linear-gradient(#0000,#c41e1e1f,#0000);width:1px;height:100%;position:absolute;left:50%;transform:translate(-50%)}.timeline__dot-wrapper{cursor:pointer;align-items:center;padding:10px 0;display:flex;position:relative}.timeline__dot{width:5px;height:5px;transition:all .5s var(--ease-cinematic);z-index:2;background:#ffffff1a;border:none;border-radius:50%;position:relative}.timeline__dot-wrapper.active .timeline__dot,.timeline__dot-wrapper:hover .timeline__dot{background:var(--red);transform:scale(1.8);box-shadow:0 0 10px #c41e1e99}.timeline__label{font-family:var(--font-display);letter-spacing:2px;color:var(--white-dim);opacity:0;transition:all .4s var(--ease-smooth);white-space:nowrap;font-size:9px;position:absolute;left:18px;transform:translate(-4px)}.timeline__dot-wrapper:hover .timeline__label,.timeline__dot-wrapper.active .timeline__label{opacity:1;color:var(--white);transform:translate(0)}.hero{justify-content:center;align-items:center;height:100vh;display:flex;position:relative;overflow:hidden}.hero__bg{filter:brightness(.18)contrast(1.3)saturate(.5);background-position:top;background-size:cover;animation:20s ease-in-out infinite alternate heroZoom;position:absolute;inset:0;transform:scale(1.05)}@keyframes heroZoom{0%{transform:scale(1.05)}to{transform:scale(1.12)}}.hero__overlay{background:linear-gradient(180deg, #05050580 0%, #05050533 40%, #050505b3 80%, var(--black) 100%), linear-gradient(90deg, #8b00001f 0%, transparent 50%);position:absolute;inset:0}.hero:before,.hero:after{content:"";background:var(--black);z-index:3;pointer-events:none;height:2.5vh;position:absolute;left:0;right:0}.hero:before{top:0}.hero:after{bottom:0}.hero__content{z-index:2;text-align:center;max-width:900px;padding:0 40px;position:relative}.hero__subtitle{font-family:var(--font-display);letter-spacing:12px;color:var(--red);opacity:0;transition:opacity 1.2s var(--ease-cinematic), transform 1.2s var(--ease-cinematic);margin-bottom:24px;font-size:clamp(11px,1.2vw,14px);transform:translateY(15px)}.hero__title{font-family:var(--font-serif);color:var(--white);opacity:0;transition:opacity 1.4s var(--ease-cinematic) .15s, transform 1.4s var(--ease-cinematic) .15s;margin-bottom:8px;font-size:clamp(52px,9vw,130px);font-weight:700;line-height:.92;transform:translateY(25px)}.hero__title span{color:var(--red);font-style:italic}.hero__divider{background:var(--red);opacity:0;transform-origin:50%;width:60px;height:1px;transition:opacity 1s .5s, transform 1s var(--ease-cinematic) .5s;margin:28px auto;transform:scaleX(0)}.hero__tagline{font-family:var(--font-elegant);color:var(--white-dim);opacity:0;transition:opacity 1.2s var(--ease-cinematic) .7s, transform 1.2s var(--ease-cinematic) .7s;margin-top:0;font-size:clamp(18px,2.2vw,26px);font-style:italic;font-weight:300;transform:translateY(15px)}.hero__scroll-cue{opacity:0;flex-direction:column;align-items:center;gap:8px;animation:1.2s 2.5s forwards fadeInUp;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.hero__scroll-text{font-family:var(--font-display);letter-spacing:5px;color:#ffffff59;font-size:9px}.hero__scroll-line{background:linear-gradient(to bottom, var(--red), transparent);width:1px;height:35px;animation:2.5s ease-in-out infinite scrollPulse}@keyframes scrollPulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes fadeInUp{to{opacity:.6}}.hero__particles{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero__particle{background:var(--red);opacity:0;border-radius:50%;animation:linear infinite particleFloat;position:absolute}@keyframes particleFloat{0%{opacity:0;transform:translateY(0)scale(0)}15%{opacity:.5;transform:translateY(-30px)scale(1)}85%{opacity:.15;transform:translateY(-140px)scale(.4)}to{opacity:0;transform:translateY(-160px)scale(0)}}.chapter{min-height:100vh;padding:clamp(80px,10vh,140px) 0;position:relative;overflow:hidden}.chapter__inner{grid-template-columns:1fr 1fr;align-items:center;gap:60px;max-width:1200px;margin:0 auto;padding:0 80px 0 100px;display:grid}.chapter__inner--reverse{direction:rtl}.chapter__inner--reverse>*{direction:ltr}.chapter__inner--full{text-align:center;grid-template-columns:1fr;max-width:800px}.chapter__label{font-family:var(--font-display);letter-spacing:6px;color:var(--red);align-items:center;gap:16px;margin-bottom:16px;font-size:11px;display:flex}.chapter__label:before{content:"";background:var(--red);width:40px;height:1px}.chapter__inner--full .chapter__label{justify-content:center}.chapter__title{font-family:var(--font-serif);color:var(--white);margin-bottom:8px;font-size:clamp(36px,4.5vw,60px);font-weight:700;line-height:1.1}.chapter__title span{color:var(--red);font-style:italic}.chapter__divider{background:var(--red);width:40px;height:1px;margin:20px 0}.chapter__inner--full .chapter__divider{margin:20px auto}.chapter__text{font-family:var(--font-elegant);color:var(--white-dim);font-size:clamp(17px,1.3vw,20px);font-weight:300;line-height:1.9}.chapter__text .script-word{cursor:default;border-radius:2px;padding:1px 0;transition:color .15s,text-shadow .15s,background .15s}.chapter__text .script-word.highlighted{color:#fff;text-shadow:0 0 12px #e6394699;background:#c41e1e26}.chapter__text .script-word.spoken{color:var(--white)}.chapter__text--centered{text-align:center;max-width:700px;margin:0 auto}.chapter__media{border-radius:2px;position:relative;overflow:hidden}.chapter__media:before{content:"";z-index:2;pointer-events:none;border:1px solid #c41e1e26;border-radius:2px;position:absolute;inset:0}.chapter__media:after{content:"";background:linear-gradient(to top, var(--black), transparent);z-index:1;pointer-events:none;height:50%;position:absolute;bottom:0;left:0;right:0}.chapter__image{object-fit:cover;filter:contrast(1.05)saturate(.85)brightness(.9);width:100%;height:420px;transition:transform 1.2s var(--ease-cinematic), filter 1s}.chapter__media:hover .chapter__image{filter:contrast(1.1)saturate()brightness();transform:scale(1.04)}.chapter__media .chapter__image{border-left:2px solid var(--red-dark)}.chapter__image-label{z-index:3;font-family:var(--font-display);letter-spacing:4px;color:var(--white);font-size:11px;position:absolute;bottom:20px;left:20px}.chapter__image-year{z-index:3;font-family:var(--font-display);color:var(--red);opacity:.5;font-size:52px;line-height:1;position:absolute;top:15px;right:20px}.chapter__bg-accent{filter:blur(150px);opacity:.05;pointer-events:none;border-radius:50%;width:500px;height:500px;position:absolute}.chapter__bg-accent--red{background:var(--red)}.chapter__bg-accent--gold{background:var(--gold)}.chapter+.chapter:before{content:"";background:linear-gradient(#0000,#c41e1e33,#0000);width:1px;height:60px;margin:0 auto 40px;display:block}.filmography{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:30px;display:grid}.film-card{background:var(--black-card);transition:all .5s var(--ease-cinematic);border:1px solid #ffffff0a;border-radius:2px;padding:24px;position:relative;overflow:hidden}.film-card:before{content:"";background:var(--red);width:2px;height:0;transition:height .5s var(--ease-cinematic);position:absolute;top:0;left:0}.film-card:hover{border-color:#c41e1e40;transform:translateY(-3px);box-shadow:0 8px 30px #00000080}.film-card:hover:before{height:100%}.film-card__year{font-family:var(--font-display);color:var(--red);opacity:.4;font-size:36px;line-height:1}.film-card__title{font-family:var(--font-serif);color:var(--white);margin-top:8px;font-size:19px}.film-card__role{font-family:var(--font-elegant);color:var(--white-dim);margin-top:4px;font-size:14px;font-style:italic}.film-card:hover .film-card__year{opacity:.8;text-shadow:0 0 20px #c41e1e4d}.traits{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:24px;display:grid}.trait{text-align:center;transition:all .4s var(--ease-cinematic);background:#c41e1e05;border:1px solid #c41e1e1a;border-radius:2px;padding:20px}.trait:hover{background:#c41e1e0f;border-color:#c41e1e66;transform:translateY(-2px)}.trait__icon{margin-bottom:6px;font-size:22px;transition:filter .3s}.trait:hover .trait__icon{filter:drop-shadow(0 0 8px #c41e1e66)}.trait__name{font-family:var(--font-display);letter-spacing:3px;color:var(--red);font-size:14px}.trait__desc{font-family:var(--font-elegant);color:var(--white-dim);margin-top:4px;font-size:13px}.duality{grid-template-columns:1fr auto 1fr;align-items:start;gap:24px;margin-top:30px;display:grid}.duality__side{border-radius:2px;padding:28px}.duality__side--berlin{background:#c41e1e0a;border:1px solid #c41e1e26}.duality__side--pedro{background:#d4a8530a;border:1px solid #d4a85326}.duality__name{font-family:var(--font-display);letter-spacing:4px;margin-bottom:14px;font-size:22px}.duality__side--berlin .duality__name{color:var(--red)}.duality__side--pedro .duality__name{color:var(--gold)}.duality__trait{font-family:var(--font-elegant);color:var(--white-dim);border-bottom:1px solid #ffffff0a;padding:8px 0;font-size:16px}.duality__vs{font-family:var(--font-display);color:var(--grey-light);letter-spacing:4px;align-self:center;font-size:18px}.song{text-align:center;max-width:700px;margin:0 auto}.song__lyrics{font-family:var(--font-elegant);color:var(--white-dim);font-size:clamp(18px,1.5vw,22px);font-style:italic;line-height:2.2}.song__lyrics .script-word.highlighted{color:var(--gold);text-shadow:0 0 10px #d4a85366;background:#d4a85314}.song__section-label{font-family:var(--font-display);letter-spacing:4px;color:var(--red);margin:28px 0 10px;font-size:11px}.voice-control{z-index:999;align-items:center;gap:12px;display:flex;position:fixed;bottom:30px;right:30px}.voice-control__status{font-family:var(--font-display);letter-spacing:3px;color:var(--white-dim);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050505e6;border:1px solid #ffffff0f;border-radius:20px;padding:8px 16px;font-size:10px;transition:all .4s}.voice-control__status.listening{border-color:var(--red);color:var(--red);box-shadow:0 0 15px #c41e1e26}.voice-control__btn{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;width:52px;height:52px;transition:all .4s var(--ease-cinematic);background:#050505eb;border:1.5px solid #c41e1e66;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.voice-control__btn:before{content:"";border:1px solid #0000;border-radius:50%;transition:all .3s;position:absolute;inset:-5px}.voice-control__btn:hover{border-color:var(--red);box-shadow:0 0 20px #c41e1e40}.voice-control__btn.active{border-color:var(--red);background:#c41e1e1f;box-shadow:0 0 30px #c41e1e4d}.voice-control__btn.active:before{border-color:#c41e1e40;animation:1.5s ease-out infinite voicePulse}@keyframes voicePulse{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}.voice-control__icon{color:var(--red);transition:color .3s}.voice-control__btn.active .voice-control__icon{color:var(--red-bright)}.credits{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;padding:120px 40px;display:flex}.credits:before{content:"";background:var(--red);width:60px;height:1px;margin-bottom:40px}.credits__title{font-family:var(--font-serif);background:linear-gradient(135deg, var(--white) 30%, var(--red) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:clamp(52px,9vw,100px);font-weight:700}.credits__subtitle{font-family:var(--font-elegant);color:var(--white-dim);font-size:20px;font-style:italic;font-weight:300}.reveal,.reveal-left,.reveal-right,.reveal-scale{will-change:opacity, transform}.reveal{opacity:0;transition:opacity 1s var(--ease-cinematic), transform 1s var(--ease-cinematic);transform:translateY(30px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transition:opacity 1s var(--ease-cinematic), transform 1s var(--ease-cinematic);transform:translate(-40px)}.reveal-left.visible{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transition:opacity 1s var(--ease-cinematic) .15s, transform 1s var(--ease-cinematic) .15s;transform:translate(40px)}.reveal-right.visible{opacity:1;transform:translate(0)}.reveal-scale{opacity:0;transition:opacity 1s var(--ease-cinematic), transform 1s var(--ease-cinematic);transform:scale(.95)}.reveal-scale.visible{opacity:1;transform:scale(1)}.stagger>*{opacity:0;transition:opacity .7s var(--ease-cinematic), transform .7s var(--ease-cinematic);transform:translateY(16px)}.stagger.visible>:first-child{opacity:1;transition-delay:50ms;transform:translateY(0)}.stagger.visible>:nth-child(2){opacity:1;transition-delay:.12s;transform:translateY(0)}.stagger.visible>:nth-child(3){opacity:1;transition-delay:.19s;transform:translateY(0)}.stagger.visible>:nth-child(4){opacity:1;transition-delay:.26s;transform:translateY(0)}.stagger.visible>:nth-child(5){opacity:1;transition-delay:.33s;transform:translateY(0)}.stagger.visible>:nth-child(6){opacity:1;transition-delay:.4s;transform:translateY(0)}.parallax-section{justify-content:center;align-items:center;height:45vh;display:flex;position:relative;overflow:hidden}.parallax-section__image{filter:brightness(.2)contrast(1.2)saturate(.5);background-position:50%;background-size:cover;position:absolute;inset:-15%}.parallax-section__overlay{background:linear-gradient(180deg, var(--black) 0%, transparent 20%, transparent 80%, var(--black) 100%), #8b00000f;position:absolute;inset:0}.parallax-section__quote{z-index:2;text-align:center;max-width:700px;padding:0 40px;position:relative}.parallax-section__quote-text{font-family:var(--font-serif);color:var(--white);font-size:clamp(22px,2.8vw,38px);font-style:italic;line-height:1.5}.parallax-section__quote-text span{color:var(--red)}.parallax-section__quote-attr{font-family:var(--font-display);letter-spacing:5px;color:#c41e1eb3;margin-top:20px;font-size:11px}#berlin{background:linear-gradient(180deg, var(--black) 0%, #8b000008 50%, var(--black) 100%)}#cancion{background:linear-gradient(180deg, var(--black) 0%, #d4a85305 50%, var(--black) 100%)}#gracias{background:linear-gradient(180deg, var(--black) 0%, #c41e1e05 30%, var(--black) 100%)}@media (width<=1024px){.timeline{display:none}.chapter__inner{grid-template-columns:1fr;padding:0 40px}.chapter__inner--reverse{direction:ltr}.navbar__links{gap:14px}.navbar__link{letter-spacing:2px;font-size:10px}.duality{grid-template-columns:1fr}.duality__vs{text-align:center}}@media (width<=768px){.navbar{padding:0 20px}.navbar__links{display:none}.chapter__inner{gap:24px;padding:0 24px}.hero__content{padding:0 24px}.voice-control{bottom:16px;right:16px}.voice-control__status{display:none}}