.characters-section{position:relative;overflow:hidden}@keyframes backgroundFloat{0,100% {transform: translateX(0) translateY(0) rotate(0deg); opacity: 1;} 33% {transform: translateX(15px) translateY(-10px) rotate(1deg); opacity: .8;} 66% {transform: translateX(-10px) translateY(15px) rotate(-1deg); opacity: .9;}}.characters-container{max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:1}.characters-title{font-size:var(--font-size-title-pc-characters);font-weight:700;line-height:1.1;margin-bottom:120px;text-align:center;text-shadow:3px 3px 6px rgba(177,202,224,.3),-1px -1px 3px rgba(255,255,255,.5),0 0 15px rgba(106,118,56,.15);position:relative;animation:titleBounce 6s ease-in-out infinite;letter-spacing:1px}@keyframes titleBounce{0,100% {transform: translateY(0px) scale(1);} 50% {transform: translateY(-5px) scale(1.01);}}.characters-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px 300px;align-items:start;position:relative;padding:20px;max-width:1200px;margin:0 auto}.character-frame{position:relative;display:flex;flex-direction:column;align-items:center;animation:frameFloat 10s ease-in-out infinite;transition:all .4s ease}.frame-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;width:100%}.character-link{text-decoration:none;color:inherit;display:block;width:100%;cursor:pointer}.character-link:hover{text-decoration:none;color:inherit}.character-content{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:1000px}.image-section{display:flex;flex-direction:column;align-items:center;gap:25px;flex-shrink:0}.picture-frame{position:relative;padding:40px;background:linear-gradient(180deg,#a0855b,#8b7355,#6b5b3f,#5c4f3a,#6b5b3f 60%,#8b7355,#a0855b),repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(101,67,33,.6) 3px,rgba(101,67,33,.6) 4px,transparent 4px,transparent 8px,rgba(139,115,85,.4) 8px,rgba(139,115,85,.4) 9px),repeating-linear-gradient(2deg,transparent,transparent 12px,rgba(92,79,58,.3) 12px,rgba(92,79,58,.3) 14px);border:3px solid #4A3429;border-radius:8px;box-shadow:0 25px 60px #6a763866,0 15px 30px #0000004d,inset 0 6px #a0855bcc,inset 0 -6px #4a3429e6,inset 6px 0 #a0855bb3,inset -6px 0 #4a3429cc,inset 0 12px 8px #4a342966,inset 0 -12px 8px #a0855b4d;transition:all .3s ease;overflow:hidden;width:380px;height:380px;flex-shrink:0}.picture-frame:before{content:"";position:absolute;top:25px;left:25px;right:25px;bottom:25px;background:linear-gradient(180deg,#5c4f3a,#4a3429,#3d2b1f),repeating-linear-gradient(1deg,transparent,transparent 6px,rgba(74,52,41,.5) 6px,rgba(74,52,41,.5) 7px);border-radius:4px;box-shadow:inset 0 4px 8px #0009,inset 0 -2px 4px #a0855b4d,inset 4px 0 6px #0006,inset -4px 0 6px #0006;z-index:1}.picture-frame:after{content:"";position:absolute;top:15px;left:15px;right:15px;bottom:15px;background:repeating-linear-gradient(0deg,#a0855bcc 0px 2px,#8b735599 2px 4px,#5c4f3a66 4px 6px,#4a3429b3 6px 8px);border:1px solid #6B5B3F;border-radius:3px;box-shadow:inset 0 2px #a0855be6,inset 0 -2px #3d2b1fe6,inset 2px 0 #8b7355b3,inset -2px 0 #3d2b1fcc,inset 0 0 10px #4a34294d;z-index:0}.character-portrait{position:relative;width:100%;height:100%;object-fit:cover;border-radius:10px;z-index:2;transition:all .3s ease}.description-text{display:flex;align-items:center;justify-content:center;text-align:center;width:100%}.character-name{font-size:var(--font-size-name-pc-characters);font-weight:700;text-shadow:3px 3px 6px rgba(106,118,56,.3);text-align:center;margin:0;animation:nameGlow 4s ease-in-out infinite}@keyframes nameGlow{0,100% {text-shadow: 3px 3px 6px rgba(106,118,56,.3);} 50% {text-shadow: 3px 3px 12px rgba(177,202,224,.5);}}.character-description{font-size:var(--font-size-description-pc-characters);line-height:1.7;margin:0;text-shadow:1px 1px 3px rgba(0,0,0,.1);text-align:center;max-width:600px}.character-frame:hover{transform:translateY(-15px) scale(1.05) rotate(0)!important;z-index:10}.character-frame:hover .picture-frame{box-shadow:0 35px 80px #6a763899,0 25px 50px #00000080,inset 0 8px #a0855be6,inset 0 -8px #4a3429,inset 8px 0 #a0855bcc,inset -8px 0 #4a3429e6,inset 0 15px 12px #4a342980,inset 0 -15px 12px #a0855b66;transform:scale(1.02)}.character-frame:hover .character-portrait{transform:scale(1.02)}@media (max-width: 1200px){.characters-container{max-width:1000px;padding:0 30px}.characters-grid{gap:40px 200px;max-width:1000px}.picture-frame{width:340px;height:340px}}@media (max-width: 900px){.characters-container{max-width:800px;padding:0 20px}.characters-grid{gap:30px 150px;max-width:800px}.picture-frame{width:300px;height:300px}}@media (max-width: 768px){.characters-grid{grid-template-columns:1fr;gap:50px;padding:10px}.character-frame{transform:none!important;margin-top:0!important;opacity:1!important}.character-frame.animate-in,.character-frame.in-view{transform:none!important}.character-content{flex-direction:column;align-items:center;gap:30px;text-align:center}.picture-frame{width:280px;height:280px}.description-text{padding-left:0}.character-description{text-align:center;max-width:450px}.characters-title{margin-bottom:40px}.characters-title{font-size:var(--font-size-title-mobile-characters)}.character-name{font-size:var(--font-size-name-mobile-characters)}.character-description{font-size:var(--font-size-description-mobile-characters)}}@media (max-width: 480px){.characters-title{font-size:calc(var(--font-size-title-mobile-characters) - 10px)}.characters-container{padding:0 15px}.characters-grid{gap:40px}.picture-frame{width:220px;height:220px;padding:20px}.character-content{gap:20px}.character-description{max-width:350px}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/farma-characters-style.css.map */