.character-detail-page{padding-bottom:4rem}.character-banner{position:relative;width:100%;height:40vh;max-height:450px;min-height:250px;background-color:var(--bg-tertiary)}.character-banner-image{object-fit:cover;object-position:center 25%;filter:brightness(.8)}.banner-overlay{position:absolute;inset:0;background:linear-gradient(to top,var(--bg-primary) 5%,transparent 60%)}.detail-content-container{position:relative;margin-top:-120px;z-index:10;display:flex;flex-direction:column;align-items:flex-start}.back-to-list-link{display:inline-flex;align-items:center;gap:.5em;color:var(--text-secondary);font-size:.9rem;font-weight:600;margin-top:-3rem;margin-bottom:5rem;padding:.5rem 1rem;background-color:hsla(var(--bg-secondary-hsl),.8);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid var(--border-color);border-radius:20px;transition:all .2s ease;z-index:20}.back-to-list-link:hover{color:var(--accent-primary);border-color:var(--accent-primary);text-decoration:none}.detail-grid{display:grid;grid-template-columns:1fr;grid-gap:2rem;gap:2rem;width:100%}@media (min-width:992px){.detail-grid{grid-template-columns:300px 1fr;gap:2.5rem;align-items:flex-start}}.profile-card{background-color:var(--bg-secondary);border-radius:var(--border-radius-large);border:1px solid var(--border-color);padding:1.5rem;text-align:center;box-shadow:0 5px 20px hsla(var(--shadow-color-hsl),.1);position:-webkit-sticky;position:sticky;top:calc(var(--header-height) + 1.5rem)}.profile-card-image-wrapper{width:150px;height:150px;border-radius:50%;overflow:hidden;margin:-90px auto 1rem;border:4px solid var(--bg-secondary);background-color:var(--bg-tertiary);box-shadow:0 4px 15px hsla(var(--shadow-color-hsl),.2);position:relative}.profile-card-image{width:100%;height:100%;object-fit:cover;object-position:center top}.profile-name{font-size:clamp(1.8rem,4vw,2.2rem);font-weight:700;margin:0;color:var(--text-primary)}.profile-title{font-size:.9rem;color:var(--accent-secondary);margin:.2rem 0 1.5rem;font-weight:500}.profile-detail-list{list-style:none;margin:0;display:flex;flex-direction:column;gap:.8rem;text-align:left;border-top:1px solid var(--border-color);padding:1.5rem 0 0}.detail-item{justify-content:space-between;font-size:.95rem}.detail-item,.detail-label{display:flex;align-items:center}.detail-label{gap:.6em;color:var(--text-secondary);font-weight:500}.detail-value{font-weight:600;color:var(--text-primary);background-color:var(--bg-tertiary);padding:.2rem .6rem;border-radius:var(--border-radius-small);display:flex;align-items:center;gap:.4em}.element-value-container{display:flex;align-items:center;gap:.5em}.element-icon-inline{width:20px;height:20px;object-fit:contain}.detail-value .element-value-container{background-color:transparent;padding:0}.introduction-section{background-color:var(--bg-secondary);border-radius:var(--border-radius-large);border:1px solid var(--border-color);padding:2rem;min-height:300px}.character-quote{border-left:3px solid var(--accent-primary);padding-left:1.5rem;margin:0 0 2rem;font-style:italic;font-size:1.05rem;color:var(--text-secondary)}.character-quote p{margin:0}.section-heading{font-size:1.6rem;font-weight:700;color:var(--text-primary);margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.introduction-content p{font-size:1rem;line-height:1.8;color:var(--text-secondary)}@media (max-width:991px){.detail-content-container{margin-top:-80px}.profile-card{position:static}.profile-card-image-wrapper{width:120px;height:120px;margin-top:-70px}}