/* Boutique das Cordas — hero de marca animado, responsivo */
.hero{grid-template-columns:55% 45%;min-height:640px}
.hero-content{padding-right:8px}
.hero-art.bdc-logo-stage{overflow:visible;isolation:isolate;background:radial-gradient(ellipse at 50% 49%,#30271b 0%,#1d1913 42%,#101010 75%);min-width:0}
.bdc-logo-stage .bdc-logo-halo{position:absolute;inset:16% 6%;border-radius:50%;background:radial-gradient(circle,rgba(214,165,78,.13),transparent 68%);filter:blur(15px);pointer-events:none}
.bdc-logo-hover{position:relative;display:grid;place-items:center;width:min(94%,620px);aspect-ratio:1;animation:bdcFloat 6s ease-in-out infinite;will-change:transform;transform-origin:center}
.bdc-logo-hover img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 14px 22px rgba(191,144,68,.2));transition:filter .6s ease,transform .6s cubic-bezier(.2,.7,.2,1);z-index:1}
.bdc-logo-hover::after{content:"";position:absolute;inset:13% 3%;z-index:2;pointer-events:none;background:linear-gradient(110deg,transparent 34%,rgba(255,236,185,.0) 42%,rgba(255,236,185,.18) 50%,transparent 56%);mix-blend-mode:screen;opacity:0;transform:translateX(-55%) rotate(-8deg);transition:opacity .4s}
.bdc-logo-hover:hover{animation-play-state:paused}
.bdc-logo-hover:hover img{transform:scale(1.055) rotate(-1deg);filter:brightness(1.12) drop-shadow(0 15px 32px rgba(228,184,107,.33))}
.bdc-logo-hover:hover::after{opacity:1;animation:bdcShine 1.55s ease-in-out 1}
@keyframes bdcFloat{0%,100%{transform:translate3d(0,3px,0)}50%{transform:translate3d(0,-15px,0)}}
@keyframes bdcShine{0%{transform:translateX(-60%) rotate(-8deg);opacity:0}28%{opacity:.75}100%{transform:translateX(70%) rotate(-8deg);opacity:0}}
.bdc-team-link{font-size:12px;opacity:.7;color:#b7ae9c;text-decoration:none}
.bdc-team-link:hover{opacity:1;color:#e7c782}
@media(max-width:950px){.hero{grid-template-columns:53% 47%}.bdc-logo-hover{width:100%}.hero h1{font-size:clamp(34px,4.7vw,56px)}}
@media(max-width:760px){.hero{grid-template-columns:1fr}.hero-art.bdc-logo-stage{min-height:290px;height:290px}.bdc-logo-hover{width:min(310px,80vw)}.hero-content{padding-right:24px}}
@media(prefers-reduced-motion:reduce){.bdc-logo-hover{animation:none}.bdc-logo-hover:hover::after{animation:none}.bdc-logo-hover img{transition:none}}
/* Afinamento da posição da logo — alinhamento ao título inicial */
@media(min-width:761px){.hero-art.bdc-logo-stage{align-items:flex-start;padding-top:0}.hero-art.bdc-logo-stage .bdc-logo-hover{top:-38px}.hero-art.bdc-logo-stage .bdc-logo-halo{transform:translateY(-60px)}}
@media(min-width:551px) and (max-width:760px){.hero{grid-template-columns:54% 46%;min-height:550px}.hero-content{padding:70px 12px 28px 25px}.hero-art.bdc-logo-stage{min-height:550px;height:auto;align-items:flex-start;padding-top:45px}.hero-art.bdc-logo-stage .bdc-logo-hover{width:100%;top:0}.hero h1{font-size:clamp(28px,4.6vw,39px)}}
@media(max-width:550px){.hero-art.bdc-logo-stage{height:240px;min-height:240px;margin-top:-26px;align-items:flex-start;padding-top:0}.hero-art.bdc-logo-stage .bdc-logo-hover{width:min(270px,72vw);top:-7px}.hero-content{padding-top:55px}}

/* Hero alinhado: logo à esquerda, mensagem à direita */
.hero#inicio{display:grid!important;grid-template-columns:46% 54%!important;align-items:stretch;direction:ltr;min-height:620px}
.hero#inicio .hero-halo{pointer-events:none}
.hero#inicio .hero-art.bdc-logo-stage{grid-column:1!important;grid-row:1!important;z-index:2;display:flex!important;align-items:center!important;justify-content:center!important;overflow:visible;min-height:620px!important;height:auto!important;padding:0 0 55px 24px!important;background:radial-gradient(ellipse at center,rgba(170,120,50,.11),transparent 68%)}
.hero#inicio .bdc-logo-hover{width:min(95%,590px)!important;max-width:590px;aspect-ratio:auto;top:0!important;margin-top:-35px;animation:bdcFloat 6s ease-in-out infinite}
.hero#inicio .bdc-logo-hover img{width:100%;height:auto;object-fit:contain;display:block}
.hero#inicio .hero-content{grid-column:2!important;grid-row:1!important;align-self:center;max-width:none;padding:70px 6% 48px 18px!important;min-width:0}
.hero#inicio .hero-content h1{font-size:clamp(36px,4.2vw,65px);line-height:1.16}
@media(max-width:850px) and (min-width:651px){.hero#inicio{grid-template-columns:44% 56%!important}.hero#inicio .hero-art.bdc-logo-stage{min-height:530px!important;padding:0 0 30px 12px!important}.hero#inicio .hero-content{padding:48px 18px 40px 6px!important}.hero#inicio .hero-content h1{font-size:clamp(31px,4.7vw,43px)}.hero#inicio .bdc-logo-hover{margin-top:-20px;width:100%!important}}
@media(max-width:650px){.hero#inicio{display:flex!important;flex-direction:column!important;min-height:0}.hero#inicio .hero-content{order:1;align-self:stretch;padding:56px 22px 20px!important}.hero#inicio .hero-art.bdc-logo-stage{order:2;min-height:0!important;height:auto!important;padding:0 14px 20px!important;background:none}.hero#inicio .bdc-logo-hover{width:min(82vw,340px)!important;margin:0 auto!important}.hero#inicio .hero-content h1{font-size:clamp(37px,8vw,47px)}}
@media(prefers-reduced-motion:reduce){.hero#inicio .bdc-logo-hover{animation:none!important}}