.brand-logo{width:42px;height:42px;flex:0 0 42px;object-fit:contain;display:block;filter:drop-shadow(0 5px 10px rgba(19,34,61,.12))}
.account-slot{display:flex;align-items:center;margin-left:2px}
.account-button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 16px;border:1px solid #d5dfec;border-radius:999px;background:#fff;color:#13223d;text-decoration:none;font-size:14px;font-weight:800;white-space:nowrap;transition:.2s ease;box-shadow:0 5px 14px rgba(19,34,61,.04)}
.account-button:hover{transform:translateY(-1px);border-color:#b8c7db;box-shadow:0 8px 18px rgba(19,34,61,.08)}
.account-user{padding-left:8px;max-width:190px}
.account-avatar{width:28px;height:28px;flex:0 0 28px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#2457d6,#12a7b4);color:#fff;font-size:12px;font-weight:900}
.account-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.visual-shell.visual-shell-image{width:min(100%,390px);aspect-ratio:941/1390;padding:0;border:0;background:transparent;box-shadow:0 24px 70px rgba(22,43,78,.12);display:block;justify-self:center;overflow:hidden;border-radius:28px}
.visual-shell.visual-shell-image:before{display:none}
.hero-art-image{display:block;width:100%;height:auto;max-width:none;border-radius:0;box-shadow:none}
@media(max-width:1120px){.nav{gap:18px}.nav-links{gap:18px}.nav-actions{gap:8px}.nav-actions .btn{padding-left:15px;padding-right:15px}.account-user{max-width:150px}.visual-shell.visual-shell-image{width:min(100%,370px)}}
@media(max-width:980px){.account-slot{margin-left:0}.visual-shell.visual-shell-image{width:min(100%,430px);margin:0 auto}}
@media(max-width:640px){.brand-logo{width:38px;height:38px;flex-basis:38px}.account-button{min-height:40px;padding:0 13px;font-size:13px}.account-user{max-width:128px}.account-avatar{width:26px;height:26px;flex-basis:26px}.nav-actions{gap:7px}.nav-actions .btn-primary{display:none}.visual-shell.visual-shell-image{width:100%;border-radius:22px}}