.character-layout{display:flex;flex-direction:column;border:2px solid #0c6170;border-radius:.75rem;margin-bottom:2rem}.character-layout:is(.dark *){border-color:#fff8ea}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.homepage-character-image{width:160px;height:160px;border-radius:50%;overflow:hidden;margin:0 auto 1rem;border:3px solid #0c6170;transition:all .3s ease;display:flex;align-items:center;justify-content:center;position:relative}.homepage-character-image:hover{border-color:#1e40af;transform:scale(1.05)}.dark .homepage-character-image{border-color:#fff8ea}.dark .homepage-character-image:hover{border-color:#60a5fa}.homepage-character-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.homepage-character-image:hover img{transform:scale(1.1)}.homepage-character-name{font-size:1rem;font-weight:600;text-align:center;color:#374151;transition:color .3s ease}.homepage-character-name:hover{color:#1e40af}.dark .homepage-character-name{color:#f3f4f6}.dark .homepage-character-name:hover{color:#60a5fa}.homepage-characters-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;width:100%;margin:0;padding:0}@media(max-width:768px){.homepage-characters-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.homepage-character-image{width:120px;height:120px}}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:""}.character-image{position:relative;overflow:hidden;width:100%}.character-content{padding:1rem;display:flex;flex-direction:column;justify-content:center;width:100%}@media(min-width:768px){.character-content{padding:1.5rem}.character-layout{margin-bottom:2.5rem}}@media(min-width:1024px){.character-layout-normal{flex-direction:row}.character-layout-normal .character-image{width:40%;order:1}.character-layout-normal .character-content{width:60%;order:2;padding:2rem}.character-layout-reverse{flex-direction:row}.character-layout-reverse .character-image{width:40%;order:2}.character-layout-reverse .character-content{width:60%;order:1;padding:2rem}}@media(min-width:1280px){.character-content{padding:2.5rem}.character-layout{margin-bottom:3rem}}.character-single-image{width:300px;height:300px;object-fit:cover;border:4px solid #0c6170;transition:transform .3s ease,box-shadow .3s ease}.character-single-image:hover{transform:scale(1.05);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,4%)}.character-placeholder{width:300px;height:300px;border:4px solid #0c6170}.character-image-container{display:flex;justify-content:center;align-items:center}@media(max-width:768px){.character-single-image,.character-placeholder{width:250px;height:250px}}@media(max-width:480px){.character-single-image,.character-placeholder{width:200px;height:200px}}.pt-8 hr.border-dotted{margin:0 auto;width:100%;max-width:var(--prose-max-width,65ch)}article .pt-8 hr.border-dotted{margin:0;width:100%;max-width:none}article .character-pagination-separator{display:block!important;width:100%!important;max-width:none!important;height:1px!important;margin:0!important;padding:0!important;border:none!important;border-top:1px dotted #d4d4d4!important;background:0 0!important;background-color:transparent!important}.dark article .character-pagination-separator{border-top:1px dotted #525252!important}