.hero .brand-stage{position:absolute;inset:100px 3% auto 50%;height:calc(100% - 190px);max-height:620px;overflow:hidden;background:#eee9dd;color:#19382f;isolation:isolate;border-radius:4px;--brand-ease:cubic-bezier(.77,0,.175,1)}
.brand-grid{position:absolute;inset:0;background-image:linear-gradient(#19382f08 1px,transparent 1px),linear-gradient(90deg,#19382f08 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse,black,transparent 75%)}
.brand-stage-top{position:absolute;inset:25px 25px auto;display:flex;justify-content:space-between;gap:15px;font-size:8px;letter-spacing:.12em;color:#52675b}
.brand-build{position:absolute;inset:70px 0 115px;perspective:1100px}
.brand-token{position:absolute;left:calc(50% - 65px);top:calc(50% - 65px);width:130px;height:130px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#15372e;color:#b8cdb5;font:800 77px/1 'Manrope',sans-serif;letter-spacing:-12px;padding-right:10px;box-sizing:border-box;animation:brand-token 14s var(--brand-ease) infinite;z-index:3}
.brand-token span{font-size:63px}
.brand-web{position:absolute;left:7%;right:7%;top:13%;height:75%;min-height:240px;background:#fbf8f0;border:1px solid #19382f35;box-shadow:0 22px 35px #183a2920;overflow:hidden;border-radius:6px;animation:brand-web 14s var(--brand-ease) infinite}
.brand-web-bar{height:32px;border-bottom:1px solid #19382f25;display:flex;align-items:center;gap:12px;padding:0 17px}.brand-web-bar>span{font:bold 17px 'Manrope',sans-serif;letter-spacing:-2px;margin-right:auto}.brand-web-bar i{width:22px;height:2px;background:#829487}
.brand-web-content{position:absolute;left:7%;top:26%;z-index:1}.brand-web-kicker{font-size:6px;letter-spacing:.12em}.brand-web-content strong{display:block;font:400 clamp(30px,3.5vw,51px)/.98 Georgia,serif;letter-spacing:-.055em;margin-top:17px}.brand-web-content em{color:#6f8971}.brand-web-button{margin-top:22px;padding:9px 12px;background:#19382f;color:#eee9dd;font-size:8px;display:flex;justify-content:space-between;width:90px;border-radius:25px}
.brand-web-art{position:absolute;right:0;top:33px;bottom:0;width:43%;background:#d8dfcf;overflow:hidden;display:flex;align-items:center;justify-content:center}.brand-web-art>span{position:relative;font:italic 100px Georgia;color:#19382f;z-index:2;letter-spacing:-16px;animation:brand-letter 14s var(--brand-ease) infinite}.brand-petal{position:absolute;width:140px;height:140px;border:1px solid #718b7060;border-radius:50% 50% 10% 50%;background:#b8cdb57a}.petal-one{transform:translate(-28px,-30px) rotate(0deg)}.petal-two{transform:translate(28px,-30px) rotate(90deg)}.petal-three{transform:translate(28px,40px) rotate(180deg)}.petal-four{transform:translate(-28px,40px) rotate(270deg)}
.brand-swatch{position:absolute;width:35px;height:45px;border:4px solid #fffaf0;box-shadow:0 4px 10px #183a2915;top:8%;animation:brand-palette 14s var(--brand-ease) infinite}.swatch-one{left:13%;background:#19382f;rotate:-13deg}.swatch-two{left:21%;background:#b8cdb5;rotate:2deg;animation-delay:.08s}.swatch-three{left:29%;background:#e6dcc4;rotate:14deg;animation-delay:.16s}
.brand-type{position:absolute;right:11%;bottom:0;font:italic 48px Georgia;animation:brand-palette 14s var(--brand-ease) infinite}.brand-type span{display:block;font:8px 'Manrope',sans-serif;letter-spacing:.08em}
.brand-stage-bottom{position:absolute;left:26px;right:26px;bottom:30px;display:flex;justify-content:space-between;align-items:end;gap:10px}.brand-story{position:relative;height:47px;flex:1}.brand-story span{position:absolute;left:0;top:0;font:400 clamp(29px,3vw,43px)/1 Georgia;letter-spacing:-.045em;opacity:0;animation:brand-story 14s var(--brand-ease) infinite}.brand-story span:nth-child(2){animation-delay:-9.33s}.brand-story span:nth-child(3){animation-delay:-4.66s}.brand-signature{font-size:7px;letter-spacing:.09em;line-height:1.7;border-top:1px solid #19382f35;padding-top:9px}
@keyframes brand-token{0%,12%,100%{opacity:1;transform:translate(0,0) scale(1)}25%,76%{opacity:0;transform:translate(-110px,-90px) scale(.38)}88%{opacity:1;transform:translate(0,0) scale(1)}}
@keyframes brand-web{0%,13%,100%{opacity:0;transform:translateY(22px) rotateY(-9deg) scale(.94)}30%,72%{opacity:1;transform:translateY(0) rotateY(-5deg) rotate(-2deg) scale(1)}85%{opacity:0;transform:translateY(-15px) rotateY(0) scale(.96)}}
@keyframes brand-palette{0%,10%,90%,100%{opacity:0;transform:translateY(15px)}26%,70%{opacity:1;transform:translateY(0)}}
@keyframes brand-letter{0%,32%{opacity:0;transform:translateY(20px)}45%,75%{opacity:1;transform:translateY(0)}90%,100%{opacity:0;transform:translateY(-10px)}}
@keyframes brand-story{0%,26%{opacity:1;transform:translateY(0)}32%,94%{opacity:0;transform:translateY(-9px)}95%{opacity:0;transform:translateY(9px)}100%{opacity:1;transform:translateY(0)}}
.motion-paused .brand-stage *{animation-play-state:paused!important}
@media(max-width:800px){.hero .brand-stage{position:relative;inset:auto;height:440px;margin:35px 6% 80px;max-height:none}.brand-stage-top{inset:22px 18px auto;font-size:7px}.brand-build{inset:60px 0 95px}.brand-web{left:5%;right:5%;top:15%;height:76%;min-height:210px}.brand-web-content strong{font-size:32px}.brand-web-content{left:6%}.brand-web-kicker{font-size:5px}.brand-web-button{margin-top:15px}.brand-web-art>span{font-size:80px}.brand-petal{width:100px;height:100px}.brand-stage-bottom{left:20px;right:20px;bottom:24px}.brand-story span{font-size:30px}.brand-signature{font-size:6px}.brand-type{font-size:35px;bottom:-9px}.brand-swatch{width:25px;height:33px;top:6%}}
@media(prefers-reduced-motion:reduce){.brand-stage *{animation:none!important}.brand-token{display:none}.brand-web{opacity:1;transform:none}.brand-type,.brand-swatch{opacity:1}.brand-story span{display:none}.brand-story span:last-child{display:block;opacity:1}.brand-web-art>span{opacity:1}}
@media(min-width:801px){.hero .hero-copy{width:42%;max-width:620px}.hero .hero-description{max-width:100%}.hero .hero-actions{flex-wrap:wrap}}
/* Prueba con la animación original, sin elementos decorativos añadidos. */
.hero .brand-film{position:absolute;left:50%;right:3%;top:100px;bottom:140px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#fff;border-radius:3px}
.brand-film video{display:block;width:100%;height:auto;max-height:100%;object-fit:contain}
@media(max-width:800px){.hero .brand-film{position:relative;inset:auto;margin:35px 6% 80px;aspect-ratio:16/10}.brand-film video{width:100%;height:100%;object-fit:contain}}
.hero .brand-film{top:22%;bottom:auto;aspect-ratio:16/10;background:#eee9dd;border-radius:0}
.brand-film video{mix-blend-mode:multiply}
@media(max-width:800px){.hero .brand-film{top:auto;aspect-ratio:16/10}}
/* Afinado final: marca legible y menos espacio entre la entrada y los trabajos. */
@media(min-width:801px){
 .hero{height:800px!important;min-height:760px!important}
 .hero .brand-film{left:51%;right:4%;top:24%;aspect-ratio:1.35}
 .hero .hero-copy{top:22%;width:40%}
 .hero .hero-foot{bottom:28px}
 .hero .motion-toggle{bottom:66px}
}
.hero .brand-film video{width:165%;max-width:none;max-height:none;height:auto;flex-shrink:0}
.portfolio-projects{padding-top:55px}
@media(max-width:800px){
 .hero .brand-film{margin:28px 6% 52px;aspect-ratio:1.6}
 .hero .brand-film video{width:155%;height:auto}
 .hero .hero-foot{display:flex;justify-content:space-between;gap:18px;align-items:center}
 .hero .hero-foot>span{max-width:135px;line-height:1.6}
 .hero .motion-toggle{position:relative;inset:auto;display:block;margin:15px 6% 0 auto;min-height:44px;padding:8px 0;font-size:11px}
 .hero{padding-bottom:24px!important}
 .portfolio-projects{padding-top:38px}
}
.hero .brand-film video{width:140%}
@media(max-width:800px){.hero .brand-film video{width:140%}}